/* CSS Document */ @import "reset.css"; @import "clearfix.css"; /*Link*/ a:link,a:visited,a:active{color:#444; text-decoration:underline; outline:none;} a:hover{color:#ed6d1d; text-decoration:none; outline:none;} a.arrow{background: url(../img/common/icon_arrow.gif) no-repeat 0 7px; padding-left:7px; font-weight:bold; text-align:right} a:hover.arrow{} #container a:hover img{filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;} #rec a:hover img{filter: alpha(opacity=100); -moz-opacity:1; opacity:1;} /*P*/ p{line-height:1.5em; margin-bottom:10px} /*Table*/ table.table01{border-collapse:collapse; width:542px; margin-bottom:15px} table.table01 th, table.table01 td{text-align:left; vertical-align:top; line-height:18px; padding:10px 15px; border: solid 1px #bdbcbc; vertical-align:top; font-size:12px} table.table01 th{ width:150px; background:#e3edff} /*body*/ body { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:14px; color:#444; text-align:center; scrollbar-3dlight-color:#A4A4A4; scrollbar-arrow-color:#A4A4A4; scrollbar-darkshadow-color:#A4A4A4; scrollbar-face-color:#fff; scrollbar-highlight-color:#EDEDED; scrollbar-shadow-color:#EDEDED; scrollbar-track-color:none; min-width:988px; width: auto !important; width: 988px; } body:first-of-type body{ letter-spacing:-1px} /*structure*/ #container{background:url(../img/common/bg_honeycomb.gif) repeat-y top center} #container_inner{ background:url(../img/common/bg_white.gif) repeat-y top center} #wrapperTop{ background:url(../img/top/bg_flash.jpg) no-repeat top center} #wrapperCommon{background:url(../img/common/bg_common.jpg) no-repeat top center} #header{ position:relative; width:988px; height:107px; margin:0 auto; text-align:left} h1#logo{ position:absolute; width:259px; height:53px; top:4px; left:0;} ul.gNavi{ position:absolute; top:65px; left:0; width:861px; height:25px; padding:5px 15px 5px 112px; background: url(../img/common/bg_gnavi.gif) no-repeat} * html ul.gNavi{width:988px; height:35px;} ul.gNavi li{float:left; margin-right:1px;} a.gNavi01:link,a.gNavi01:visited,a.gNavi01:active{display:block; width:62px; height:25px; background: url(../img/common/gnavi01.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi01:hover{background: url(../img/common/gnavi01_o.gif) no-repeat} a.gNavi02:link,a.gNavi02:visited,a.gNavi02:active{display:block; width:62px; height:25px; background: url(../img/common/gnavi02.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi02:hover{background: url(../img/common/gnavi02_o.gif) no-repeat} a.gNavi03:link,a.gNavi03:visited,a.gNavi03:active{display:block; width:62px; height:25px; background: url(../img/common/gnavi03.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi03:hover{background: url(../img/common/gnavi03_o.gif) no-repeat} a.gNavi04:link,a.gNavi04:visited,a.gNavi04:active{display:block; width:62px; height:25px; background: url(../img/common/gnavi04.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi04:hover{background: url(../img/common/gnavi04_o.gif) no-repeat} a.gNavi05:link,a.gNavi05:visited,a.gNavi05:active{display:block; width:62px; height:25px; background: url(../img/common/gnavi05.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi05:hover{background: url(../img/common/gnavi05_o.gif) no-repeat} a.gNavi06:link,a.gNavi06:visited,a.gNavi06:active{display:block; width:62px; height:25px; background: url(../img/common/gnavi06.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi06:hover{background: url(../img/common/gnavi06_o.gif) no-repeat} a.gNavi07:link,a.gNavi07:visited,a.gNavi07:active{display:block; width:62px; height:25px; background: url(../img/common/gnavi07.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi07:hover{background: url(../img/common/gnavi07_o.gif) no-repeat} a.gNavi08:link,a.gNavi08:visited,a.gNavi08:active{display:block; width:164px; height:25px; margin-left:228px; background: url(../img/common/gnavi_list.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi08:hover{background: url(../img/common/gnavi_list_o.gif) no-repeat} a.gNavi09:link,a.gNavi09:visited,a.gNavi09:active{display:block; width:25px; height:25px; background: url(../img/common/gnavi08.gif) no-repeat; text-indent:-9999px; overflow:hidden;} a.gNavi09:hover{background: url(../img/common/gnavi08.gif) no-repeat} /*20101110追記*/ .navNews{ position:absolute; right:43px} .navRss{ position:absolute; right:17px} /*20101110追記*/ #search{ position:absolute; top:10px; left:278px; width:307px; height:46px; background:url(../img/common/bg_search.gif) no-repeat} #searchBox{ position:absolute; top:13px; left:14px; width:228px; height:20px; padding:0 2px; border:solid 1px #7f9db9; line-height:20px;} #searchBtn{ position:absolute; top:13px; right:14px; width:43px; height:20px; margin-top:1px} #weather{ position:absolute; top:10px; right:0; width:398px; height:46px; background:url(../img/weather/bg_weather.gif) no-repeat} #weather .box01{ position:absolute; top:9px; left:8px} #weather .tomorrow{padding-bottom:2px; font-size:10px; line-height:10px } #weather .place{ font-weight:bold} #weather .box02{ position:absolute; top:1px; left:104px} #weather .box03{ position:absolute; top:8px; left:178px} #weather .box03 th{ height:15px; padding-bottom:2px; font-size:13px; line-height:13px; font-weight:bold} #otenki_kousui{ width:110px} #weather .box03 td{ padding:0 0 0 12px; font-size:12px} #weather .box03 td.height{ background:url(../img/weather/icon_height.gif) no-repeat 0 3px; } #weather .box03 td.lowest{background:url(../img/weather/icon_lowest.gif) no-repeat 0 3px;} #weather .box04{ position:absolute; top:5px; right:5px; width:104px; height:38px} #weather .box04 img{ margin-bottom:2px} #flashBlock{ width:988px; height:328px; margin:0 auto} #flashTop{ margin-top:20px} #contents{ width:948px; margin:0 auto; padding:13px 20px 15px 20px; text-align:left;} * html #contents{ width:988px} #contentsCommon{ width:948px; margin:0 auto; padding:40px 20px 15px 20px; text-align:left;} * html #contentsCommon{ width:988px} #alpha{ float:left; width:628px; font-size:14px} .date{ color:#999; font-size:9px; font-weight:normal} #annPicUp{ clear:both; padding-top:10px} #annPicUp h2{ margin-bottom:3px} #annPicUpBlock{ padding:10px; border: solid 4px #002588} #annPicUp .box00{ margin-bottom:4px;} #annPicUp .box01{ float:left; width:92px; height:52px; background:#ccc; text-align:center} #annPicUp .box02{ float:right; width:503px; height:52px; border-bottom: dotted 1px #dad9d9; line-height:52px; font-weight:bold} #annPicUp .date{ padding-left:10px} .more{ padding-top:2px; text-align:right; clear:both} /*top*/ h2{ margin-bottom:10px} #entertainments{ margin-bottom:3px} #entertainments h2{ margin-bottom:3px} .entertainmentsBlock{ background: url(../img/top/bg_entertainments00.gif) repeat-y} .entertainmentsBlock01{ background:url(../img/top/bg_entertainments01.gif) no-repeat top center; padding-top:11px} .entertainmentsBlock02{ width:606px; background:url(../img/top/bg_entertainments02.gif) no-repeat bottom center; padding:0 11px 11px 11px} * html .entertainmentsBlock02{ width:628px} .entertainmentsBlock .box01{ float:left; width:247px; margin-right:10px;} .entertainmentsBlock .first{ width:227px; margin-bottom:10px; padding:10px; font-weight:bold; line-height:18px; background:#fff;} * html .entertainmentsBlock .first{ width:247px} .entertainmentsBlock .box02{ float:left; width:153px; background:url(../img/common/bg_entertainments_line.gif) repeat-y top right} .entertainmentsBlock .box03{ float:right; width:186px;} .entertainmentsBlock p{ font-size:11px; line-height:14px; margin:2px 0 0 0} .entertainmentsBlock li{ margin-bottom:10px; padding-left:7px; background:url(../img/common/icon_arrow.gif) no-repeat 0 4px; font-size:12px; line-height:12px; } .entertainmentsBlock .date{ display:block; padding-top:2px; padding-left:5px; color:#444} #special{ margin-bottom:15px; clear:both} #special h2{ margin:0} #special#fla{} #social,#politics,#economy,#international,#sports{ width:520px; padding-left:108px; margin-bottom:6px; clear:both} * html #social,* html #politics,* html #economy,* html #international,* html #sports,{ width:628px} #social{ background: url(../img/top/bg_social.gif) no-repeat top left} #politics{ background: url(../img/top/bg_politics.gif) no-repeat top left} #economy{ background: url(../img/top/bg_economy.gif) no-repeat top left} #international{ background: url(../img/top/bg_international.gif) no-repeat top left} #sports{ background: url(../img/top/bg_sports.gif) no-repeat top left} .newsBox{ width:520px; margin-bottom:3px} .newsBox .left{ float:left; width:92px; height:52px; background:#ccc; text-align:center;} .newsBox .right{ float:right; width:423px; height:52px; font-size:14px; line-height:52px; font-weight:bold; border-bottom:dotted 1px #dad9d9;} body:first-of-type .right{ letter-spacing:-1px;} .newsBox .right a:link, .newsBox .right a:visited, .newsBox .right a:active{ display:block; height:52px; text-decoration:} .newsBox .right a:hover{} .newsBox .title{ float:left; width:358px;} .newsBox .date{ float:right; width:65px; text-align:right;} /*top*/ #pageTop{ padding:20px 0 0 0; clear:both} #beta_re{ float:right; width:300px; font-size:12px; margin-bottom:10px} #beta h2{ margin-top:10px} #rec{ width:300px; margin-bottom:10px} #ranking{ position:relative; background: url(../img/common/bg_ranking.gif) repeat-y; margin-bottom:10px} #rankingBox01{ background:url(../img/common/h2_ranking.gif) no-repeat top center; padding-top:35px} ul#rankingBox02{ background:url(../img/common/bg_ranking02.gif) no-repeat bottom center; padding:0 12px 10px 12px} ul#rankingBox02 li{ margin-bottom:7px; padding:2px 0 0 22px; min-height:17px; height: auto !important; height:17px;} ul#rankingBox02 li.rank01{ background:url(../img/common/icon_ranking01.gif) no-repeat} ul#rankingBox02 li.rank02{ background:url(../img/common/icon_ranking02.gif) no-repeat} ul#rankingBox02 li.rank03{ background:url(../img/common/icon_ranking03.gif) no-repeat} ul#rankingBox02 li.rank04{ background:url(../img/common/icon_ranking04.gif) no-repeat} ul#rankingBox02 li.rank05{ background:url(../img/common/icon_ranking05.gif) no-repeat} #contact{ margin-bottom:10px} ul#program{ margin-bottom:10px; padding:5px 2px 2px 29px; background:url(../img/common/bg_program.gif) no-repeat 8px 17px; border:solid 1px #d9d9d9;}　*:first-child+html ul#program{ padding-bottom:5px} ul#program li{ float:left; width:86px; height:45px; margin:0 3px 3px 0} .banner{ clear:both} .banner img{ margin-bottom:5px} #asahi247{ width:300px; margin-bottom:5px} #network{ margin-bottom:20px} #network h2{ margin-top:15px} #network li{ float:left; width:120px; margin:0 10px 10px 10px; padding-left:10px; background:url(../img/common/icon_arrow.gif) no-repeat 0 3px; font-size:12px} #gBtn{ text-align:center; clear:both} #gBtn img{ float:left; width:141px; padding:0 2px} * htm l#gBtn img{ width:145px} #footer{padding-top:20px; background:url(../img/common/bg_contents.gif) no-repeat top center; clear:both} #footer_inner{ position:relative; width:988px; margin:0 auto; } ul.fNavi{width:861px; height:25px; padding:5px 15px 5px 112px; background: url(../img/common/bg_gnavi.gif) no-repeat} * html ul.fNavi{width:988px; height:35px;} ul.fNavi li{float:left; margin-right:1px;} #footerBlock{ margin:6px 0 0 0; padding-bottom:20px; background:url(../img/common/text_cr.gif) no-repeat top right; text-align:left}