@charset "Shift_JIS";

/* CSS Document */
/*===========import=============*/
@import url("clearfix.css");
@import url("reset.css");

/*===========変更エリア=============*/
body{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.7em;
	letter-spacing:0.1em;
	color:#424242;
}

a:link{color:#0069d5; text-decoration:underline; outline:none;}
a:visited{color:#0069d5; text-decoration:underline; outline:none;}
a:active{color:#0069d5; text-decoration:underline; outline:none;}
a:hover{color:#f02a38; text-decoration:none; border-bottom:none; outline:none;}

#container a:hover img{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#container a:hover img.none{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

strong{}

/*===========common=============*/
#wrapper{ text-align:center; width:100%; background:url(../img/bg_common.png) center 0 repeat;}
#container{ width:100%; background:url(../img/bg_container.png) center 0 no-repeat;}
#contents{ width:970px; margin:0px auto; padding-bottom:20px; text-align:left;}

#aside{ float:left; width:295px; padding:24px 0 0 19px;}
	#aside #nav{ width:295px; margin:0; padding:0 0 0; background:url(../img/bg_nav.png) right top no-repeat;}
		#aside #nav li{ margin-bottom:10px;}
		#aside #nav li a:hover img{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
	#aside #sRectangle{ width:295px; height:auto; margin-bottom:10px;}
	#aside #sRectangle li{ margin:0 0 10px;}
	#aside #sRectangle li a.recBnrBg{ display:block; width:295px; height:96px; background:url(../img/bg_bnr_rec.png) 0 0 no-repeat;}

#btnPagetop{position: fixed; bottom: 60px; right: 40px; opacity: 1; cursor: pointer;}

#Loadfooter{ width:100%; height:100px; padding: 10px 0; border-top:1px solid #f5d6b4; background:#fff; text-align:center; line-height:1;}
	#Loadfooter div#footerInner{position:relative; width:970px; height:55px; margin:0 auto;}
		#Loadfooter div#footerInner p{ position:absolute; left:337px; top:20px; width:265px; margin:0; padding:0; line-height:1;}

		#Loadfooter div#footerInner ul#sBtnFoot { position:absolute; right:0; top:0; width:306px; padding:10px 1px 10px 3px;}
		#Loadfooter div#footerInner ul#sBtnFoot li{ float:left; padding:0 6px 0 7px;}

/*===========top=============*/
#top{ min-width:970px; width: auto !important; width: 970px; -webkit-background-size: 2000px 2000px;}

#headerTypeA{ width:970px;}
	#headerTypeA h1.main {}

#article{ float:right; width:635px; padding:0 7px 0 0; background:url(../img/bg_article.png) left top repeat-y;}
	#article h2{ background:url(../img/bg_article_top.png) center bottom no-repeat; text-align:center;}
	#article h3{}

	#article .setBg{ background:url(../img/bg_article_bottom.png) left bottom no-repeat;}

/*===========second=============*/
#second{ min-width:970px; width: auto !important; width: 970px; -webkit-background-size: 2000px 2000px;}

/*IE6 alert*/
#alertIE6,
#noscript { background: #f1f1f1 url(http://www.tv-asahi.co.jp/Top11/common/images/bg_noscript_base.gif) repeat-y center top; border-bottom:1px solid #fff; }
#alertIE6 p,
#noscript p { width: 990px; margin: 0 auto; position: relative; zoom: 1; }
#alertIE6 img,
#noscript img { display: block;text-align:center}
#alertIE6 .close { position: absolute; top: 3px; right: 3px; cursor: pointer; }

/*===========chromeハック=============*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#bg{background:url(../img/bg.jpg) top center no-repeat;}
}