/* CSS Document */
html {
overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,th {
text-align: left;
}
q:before,q:after {
content: '';
}
object,
embed {
vertical-align: top;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,abbr,acronym,fieldset {
border: 0;
}
li {
list-style-type: none;
}
/*--- default */
body {
background:url() no-repeat top;
color:#333;
font-size: 12px;
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 1.5;
}
* html body { /* for IF6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.clear{clear:both;}
.dno{ display:none}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
#content {
width:988px;
margin:0 auto;
}
#header {
width:988px;
height:143px;
}
.rectangle{ background-image:url(/Top09/common/images/rectangle_bg.gif); padding:5px;}
#mimi{ display:block; height:140px; overflow:none }
/*structure*/
#tvasahiHeaderCnt{ height:149px; }
#tvasahiHeaderCntBox{ position:relative; width:988px; height:138px; background:url(/Top09/common/images/common_header_bg.gif) no-repeat top center; margin:5px auto 0 auto; text-align:left}
#tvasahiHeaderCntBox #logo{ position:absolute; top:7px; left:8px; width:156px; height:69px;}
#tvasahiHeaderCntBox #sBanner{ position:absolute; top:5px; left:181px;}
#tvasahiHeaderCntBox #tvasahiId{position:absolute; top:12px; right:3px; height:15px; overflow:hidden}
#tvasahiHeaderCntBox #tvasahiId a{display:block; width:64px; height:15px; padding-top:15px; background: url(/Top09/common/images/common_header_btn_id.gif) no-repeat 0 0;}
#tvasahiHeaderCntBox #tvasahiId a:hover{background-position: 0 -15px;}
#tvasahiHeaderCntBox #timeTable{position:absolute; top:35px; right:3px; height:20px; overflow:hidden}
#tvasahiHeaderCntBox #timeTable a{display:block; width:64px; height:20px; padding-top:20px; background: url(/Top09/common/images/common_header_btn_time_table.gif) no-repeat 0 0;}
#tvasahiHeaderCntBox #timeTable a:hover{background-position: 0 -20px;}
#tvasahiHeaderCntBox #contact{position:absolute; top:57px; right:3px; height:20px; overflow:hidden}
#tvasahiHeaderCntBox #contact a{display:block; width:64px; height:20px; padding-top:20px; background: url(/Top09/common/images/common_header_btn_contact.gif) no-repeat 0 0;}
#tvasahiHeaderCntBox #contact a:hover{background-position: 0 -20px;}
#tvasahiHeaderCntBox #btnTop{position:absolute; top:85px; right:2px; height:20px; overflow:hidden}
#tvasahiHeaderCntBox #btnTop a{display:block; width:64px; height:20px; padding-top:20px; background: url(/Top09/common/images/common_header_btn_top.gif) no-repeat 0 0;}
#tvasahiHeaderCntBox #btnTop a:hover{background-position: 0 -20px;}
#tvasahiHeaderCntBox form#search{ }
#tvasahiHeaderCntBox #searchBox{ position:absolute; top:84px; left:3px; width:124px; height:21px; background:url(/Top09/common/images/common_header_bg_search.gif) no-repeat; border:none; line-height:21px; font-size:11px; text-indent:0.2em; color:#666}
#tvasahiHeaderCntBox #searchBtn{ position:absolute; top:84px; left:127px; width:41px; height:21px;}
#tvasahiHeaderCntBox ul.gNavi{ position:absolute; top:108px; left:3px; width:985px; height:27px; overflow:hidden}
#tvasahiHeaderCntBox ul.gNavi li{ float:left}
#tvasahiHeaderCntBox ul.gNavi li a{display:block; height:27px; margin-right:3px; padding-top:27px;}
#tvasahiHeaderCntBox ul.gNavi li#news a{ width:91px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat 0 0}
#tvasahiHeaderCntBox ul.gNavi li#news a:hover{background-position: 0 -27px;}
#tvasahiHeaderCntBox ul.gNavi li#drama a{ width:69px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -94px 0}
#tvasahiHeaderCntBox ul.gNavi li#drama a:hover{background-position: -94px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#movie a{ width:69px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -166px 0}
#tvasahiHeaderCntBox ul.gNavi li#movie a:hover{background-position: -166px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#variety a{ width:79px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -238px 0}
#tvasahiHeaderCntBox ul.gNavi li#variety a:hover{background-position: -238px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#music a{ width:69px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -320px 0}
#tvasahiHeaderCntBox ul.gNavi li#music a:hover{background-position: -320px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#sports a{ width:80px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -392px 0}
#tvasahiHeaderCntBox ul.gNavi li#sports a:hover{background-position: -392px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#sports a{ width:80px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -392px 0}
#tvasahiHeaderCntBox ul.gNavi li#sports a:hover{background-position: -392px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#anime a{ width:79px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -475px 0}
#tvasahiHeaderCntBox ul.gNavi li#anime a:hover{background-position: -475px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#cooking a{ width:79px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -557px 0}
#tvasahiHeaderCntBox ul.gNavi li#cooking a:hover{background-position: -557px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#ropping a{ width:91px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -639px 0}
#tvasahiHeaderCntBox ul.gNavi li#ropping a:hover{background-position: -639px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#event a{ width:81px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -733px 0}
#tvasahiHeaderCntBox ul.gNavi li#event a:hover{background-position: -733px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#douga a{ width:70px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -817px 0}
#tvasahiHeaderCntBox ul.gNavi li#douga a:hover{background-position: -817px -27px;}
#tvasahiHeaderCntBox ul.gNavi li#announcer a{ width:92px; background: url(/Top09/common/images/common_header_gnavi.gif) no-repeat -890px 0}
#tvasahiHeaderCntBox ul.gNavi li#announcer a:hover{background-position: -890px -27px;}
#ranking{ margin-bottom:20px}
#ranking h2{ background: url(/Top09/template/common/images/title_ranking.gif) no-repeat; width:310px; height:29px; position:absolute; z-index:1; text-indent:-9999px;}
#ranking .pulldown{ width:310px; height:28px; background:url(/Top09/template/common/images/images/tecture_pulldown.gif) no-repeat }
#ranking .pulldown-Inner{ padding-left:5px; padding-top:3px}
* html #ranking .pulldown-Inner{ margin-bottom:-13px}
.btn_ele{ position:absolute; top:5px; right:5px; z-index:2}
#nav3 ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
#nav3 ul a {zoom: 1; } /* IE6/7 fix */
#nav3 ul a.hover { background-color: #30A8C3; }
#nav3 li.menu {display:block; position:relative; width:300px; float:none; list-style:none; margin:0; padding:0; color:#fff; font-size:12px; line-height:1; }
#nav3 ul li.menu a {background-color: #5E5A5A; padding:5px }
#nav3 li.hover a {background-color: #5E5A5A; }
#ranking ul{list-style:none;}
#ranking .box2 li{height:20px; padding-left:22px}
#ranking li.one{background:url(/Top09/template/common/images/ranking_icon_01.gif) no-repeat}
#ranking li.two{background:url(/Top09/template/common/images/ranking_icon_02.gif) no-repeat}
#ranking li.three{background:url(/Top09/template/common/images/ranking_icon_03.gif) no-repeat}
#ranking li.four{background:url(/Top09/template/common/images/ranking_icon_04.gif) no-repeat 0 -3px}
#ranking li.five{background:url(/Top09/template/common/images/ranking_icon_05.gif) no-repeat 0 -3px}
#ranking li.six{background:url(/Top09/template/common/images/ranking_icon_06.gif) no-repeat 0 -3px}
#ranking li.seven{background:url(/Top09/template/common/images/ranking_icon_07.gif) no-repeat 0 -3px}
#ranking li.eight{background:url(/Top09/template/common/images/ranking_icon_08.gif) no-repeat 0 -3px}
#ranking li.nine{background:url(/Top09/template/common/images/ranking_icon_09.gif) no-repeat 0 -3px}
#ranking li.ten{background:url(/Top09/template/common/images/ranking_icon_10.gif) no-repeat 0 -3px}
#ranking div.clear{position:relative;}
#ranking div.clear img{position:absolute;}
.box_ele{ position:relative; width:310px; height:29px;}
.box_bg{ background: url(/Top09/template/common/images/block_bg.gif) repeat-y; width:310px}
.box2{ margin-left:8px; padding-top:5px; width:294px; text-align:left;}
#id1 .btn{ position:relative; width:284px; height:26px; padding-bottom:5px}
#id1 .btn01{ position:absolute; top:3px; left:0px}
#id1 .btn02{ position:absolute; top:3px; left:143px}
.up{ background:url(/Top09/template/common/images/icon_up.gif) no-repeat 2px 5px; padding-left:12px}
.down{ background: url(/Top09/template/common/images/icon_down.gif) no-repeat 2px 5px; padding-left:12px}
.keep{ background:url(/Top09/template/common/images/icon_keep.gif) no-repeat 2px 7px; padding-left:12px}
.new{ background:url(/Top09/template/common/images/icon_new2.gif) no-repeat 0px 5px; padding-left:14px}
* html .up{ background:url(/Top09/template/common/images/icon_up.gif) no-repeat 2px 3px; padding-left:12px}
* html .down{ background: url(/Top09/template/common/images/icon_down.gif) no-repeat 2px 3px; padding-left:12px}
* html .keep{ background:url(/Top09/template/common/images/icon_keep.gif) no-repeat 2px 5px; padding-left:12px}
* html .new{ background:url(/Top09/template/common/images/icon_new2.gif) no-repeat 0px 4px; padding-left:14px}
*:first-child+html .up{ background:url(/Top09/template/common/images/icon_up.gif) no-repeat 2px 3px; padding-left:12px}
*:first-child+html .down{ background: url(/Top09/template/common/images/icon_down.gif) no-repeat 2px 3px; padding-left:12px}
*:first-child+html .keep{ background:url(/Top09/template/common/images/icon_keep.gif) no-repeat 2px 5px; padding-left:12px}
*:first-child+html .new{ background:url(/Top09/template/common/images/icon_new2.gif) no-repeat 0px 4px; padding-left:14px}
#betaBlock {
width:310px;
float:right;
}
#ads {
background:transparent url(/Top09/template/common/images/texture_07.gif) no-repeat scroll 0 0;
height:260px;
margin-bottom:15px;
width:310px;
}
#ads-Inner {
margin:0 0 0 5px;
padding-top:5px;
}
#footer {
width:988px;
position:relative;
}
#footerNavi, #footerNavi2 {
text-align:center;
}
#footer{ width:988px; clear:both; margin:0 auto; padding-top:30px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}
#footer img{ border:none; margin:0}
#footerNavi{ height:26px; width:969px; background:url(/Top09/template/common/images/texture_footer.gif) no-repeat; margin:0 auto; }
#footerNavi p{ padding-top:5px;}
* html #footerNavi { padding-top:2px;}
#footerNavi a{ color:#333}
#footerNavi2{ height:32px; width:988px; background:url(/Top09/template/common/images/texture_footer2.gif) no-repeat; margin-top:15px; padding-top:5px}
#footerNavi2 img{ margin:0 13px}
#footerNavi3{}
#footerNavi3_left{ float:left; width:623px; margin-top:6px; background:#818080; text-align:left; clear:both; font-size:10px; color:#fff; line-height:15px}
#footerNavi3_hd{ background:url(/Top09/template/common/images/texture_footer_hd.gif) no-repeat top center; padding-top:3px; width:623px;}
#footerNavi3_ft{ background:url(/Top09/template/common/images/texture_footer_ft.gif) no-repeat bottom center; padding-bottom:3px; width:623px}
#footerNavi3 ul{ margin:0; padding:0; list-style:none}
#footerNavi3 ul li{ float:left; margin-right:11px; display:block; padding-bottom:1px}
#footerNavi3 ul a{border-bottom:#fff 1px dotted; word-break: keep-all; text-decoration:none; color:#e6e5e5; font-size:10px }
#footerNavi3 ul a:hover{ border:none; font-size:10px}
#footerNavi3_left-Inner{ margin-left:5px; width:603px}
#footerNavi3_left-block{ border-bottom:2px solid #9a9999}
#footer-corpo{ float:left; width:74px; padding-top:2px}
#footer-corpo-right{ float:right; width:529px; padding:8px 0; font-size:10px}
#footerNavi3_left-block2{}
#footer-oContent{ float:left; width:74px; padding-top:6px}
#footer-oContent-right{ float:right; width:529px; padding:10px 0 12px 0 }
#footerNavi3_center{float:left; width:90px; height:109px; background:url(/Top09/template/common/images/texture_weather-.gif) no-repeat; margin-top:6px; margin-left:7px}
#weather_icon{ width:64px; height:56px; margin:26px auto 0 auto}
#weather_area{ width:64px; height:7px; margin:7px auto 0 auto}
* html #weather_icon{ margin-left:1px}
* html #weather_area{ margin-left:1px}
#footerNavi3_right{float:right; width:261px; height:117px; background:url(/Top09/template/common/images/texture_mobile.gif) no-repeat; margin-top:-2px}
#qr{ float:left; width:58px; height:71px; margin:29px 0 0 10px}
#mobile_guide{ float:left; width:118px; height:76px; margin:29px 0 0 8px}
#mobile_station{ float:left; width:118px; height:76px; margin:29px 0 0 8px}
#footerNavi4{ height:44px; background:url(/Top09/template/common/images/texture_footer4.gif) no-repeat; margin-top:8px; clear:both}
#footerNavi-up{ height:22px; text-align:left; padding:0 10px}/*20090609追記*/
#footerNavi-up p{ padding-top:6px;color:#c2c2c2}
#footerNavi-under{ height:17px;}
* html #footerNavi-under{ padding-top:5px;}
#footerNavi-under img{ padding-top:5px; _padding-top:2px;}
#footerNavi-under .left{ float:left; margin-left:10px; color:#c2c2c2; font-size:10px; padding-top:3px}
* html #footerNavi-under .left{padding-top:0px; margin-left:5px}
*:first-child+html #footerNavi-under .left{padding-top:5px}
#footerNavi-under .right{ float:right; margin-right:10px}
* html #footerNavi-under .right{margin-right:5px}
#footerNavi-up a:link{ text-decoration:none; color:#c2c2c2}/*20090609追記*/
#footerNavi-up a:visited{ text-decoration:none; color:#c2c2c2}/*20090609追記*/
#footerNavi-up a:hover{ text-decoration:none; color:#ffffff}/*20090609追記*/
#footerNavi-under a:link{ text-decoration:none; color:#c2c2c2}/*20090609追記*/
#footerNavi-under a:visited{ text-decoration:none; color:#c2c2c2}/*20090609追記*/
#footerNavi-under a:hover{ text-decoration:none; color:#ffffff}/*20090609追記*/
/*20090609追記*/
#footerNavi-up .left{ float:left; font-size:10px}
#footerNavi-up .right{ float:right; background:url(/Top09/top/images/lmark.gif) no-repeat 0 2px; padding-left:20px;font-size:10px; color:#c2c2c2}
/*20090609追記*/
/*20090609追記*/
#requirement {
margin-left:40px;
}
/*20090609追記*/