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



/*===========変更エリア=============*/
body{
	/*background:url(../img/bg_common.jpg) center top no-repeat;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:16px;
	line-height:1.5em;
	letter-spacing:0.1em;
	color:#ffffff;
	background:url(../img/bg.jpg) center repeat-y #000;
	}

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

#container a:hover img.link{ 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{}




#top .main{
height:350px;
position:relative;
}
#top .main #mainimg{
position: absolute; left:-10px; z-index:0;
}
#top .main #mainlogo{
position: absolute;
left:345px;
z-index:10;
top: 85px;
}
#top .main #maindata{
position: absolute;
left:688px;
z-index:20;
top: 246px;
}
/*===========common=============*/
#top #container{text-align:center; background:url(../img/main.jpg) no-repeat top center;}
#top #contents{
width:970px;
margin:0px auto 0px auto;
text-align:left;
background:url(../img/main.jpg) no-repeat top center;
}

/*　ここから　*/
#top #container2{text-align:center; background:url(../img/bg.jpg) repeat-y top center;}
#top #contents2{
width:970px;
margin:0px auto 0px auto;
text-align:left;
background:url(../img/bg.jpg) no-repeat top center;
}

#top #contents2 p { text-align:center; margin:20px 0 35px 0; }

/*　ここまで　*/



#second #container{text-align:center; background:url(../img/cmn_main.jpg) no-repeat top center;}
#second #contents{
width:970px;
margin:0px auto 0px auto;
text-align:left;
background:url(../img/cmn_main.jpg) no-repeat top center;
position:relative;
}
#second .main{
height:110px;
}
#second .main a{
height:110px;
display:block;
text-indent:-9999px;
}
#second h2{
height:60px;
display:block;
text-indent:-9999px;
background-repeat:no-repeat;
margin:0 0 10px 0;
}



#Loadaside{ float:right; width:300px; margin:20px 20px 0 0;}

#btnPagetop{position: fixed; bottom: 60px; right: 40px; opacity: 1; cursor: pointer;}
#Loadfooter{text-align:center;}

#Loadnav{ height:50px;}
#nav{ height:50px; margin:0 0 0 -30px;}
	#nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#nav {display: inline-block; clear:both}
	* html #nav {height: 1%;}
	#nav {display: block;}
#nav li { height:43px; display:block; float:left; }
#nav li a{ height:43px; display:block;  text-indent:-9999px; margin-top:3px;}
#nav li.blog a{ background:url(../img/nav_1.png); width:63px; margin-left:60px;}
#nav li.present a{ background:url(../img/nav_2.png); width:96px; margin-left:63px;}
#nav li.story a{ background:url(../img/nav_3.png); width:72px; margin-left:65px;}
#nav li.movie a{ background:url(../img/nav_4.png); width:83px; margin-left:60px;}
#nav li.cast a{ background:url(../img/nav_5.png); width:62px; margin-left:60px;}
#nav li.wp a{ background:url(../img/nav_6.png); width:113px; margin-left:55px;}
#nav li.link a{ background:url(../img/nav_7.png); width:64px; margin-left:58px;}

#nav li a:hover{ background-position:0px 45px;}

#Loadfooter{}
	#Loadfooter:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#Loadfooter {display: inline-block; clear:both}
	* html #Loadfooter {height: 1%;}
	#Loadfooter {display: block;}

#footer{ text-indent:-9999px; height:50px; background:url(../img/copyright.png) no-repeat center 19px;}
#footer ul li { float:right; display:block; height:20px; width:100px;}
#footer ul li a{ display:block; height:20px; width:100px;}
#footer ul li.genretop a{ background:url(../img/btn_backcat.png) no-repeat;}
#footer ul li.tvasahitop a{ background:url(../img/btn_backex.png) no-repeat;}

.bnr{ display:block; margin-bottom:10px;}

#twitter{ background:#1e272a; margin-bottom:10px;}
#twitter h3{ display:block; position:relative; width:300px; height:43px; background:url(../img/ttl_twitter.png); text-indent:-9999px;}
#twitter h3 img.icn{ display:block; position:absolute; top:5px; left:5px;}
#twitter ul li{ padding:10px; border-top:1px solid #050e12; font-size:12px; line-height:1.3em;}
#twitter ul li span{ display:block; color:#48a2ff; font-size:10px;}

#blog{ background:#1e272a; margin-bottom:10px;}
#blog h3{ display:block; position:relative; width:300px; height:43px; background:url(../img/ttl_blog.png); text-indent:-9999px;}
#blog h3 .ito{display:block; position:absolute; top:-15px; right:5px;}
#blog ul li{ padding:10px; border-top:1px solid #050e12; font-size:12px; line-height:1.3em;}
#blog ul li span{ display:block; font-size:10px;}





#article{ float:left; width:615px; margin:20px 0px 0px 20px ; position:relative;}
.articleleft{ float:left; width:300px;}
.articleright{float:left; width:300px; margin:0 0 0 15px;}



/*Second*/
.backnumberbtn{
display:block;
width:200px;
height:15px;
position:absolute;
top:13px;
left: 392px;
}
#seccontents h3{ color:#ffd800; font-size:22px; margin-bottom:15px;}
#seccontents h3 span{
color:#FFF;
font-size:16px;
margin-left:1em;
}
#seccontents h3 span strong{
color:red;
}




/*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; }