@charset "Shift_JIS";
/* CSS Document */
/*===========import=============*/
@import url("clearfix.css");
@import url("reset.css");



/*===========変更エリア=============*/
body{
	font-size:14px;
	line-height:1.5em;
	letter-spacing:0.1em;
	color:#000000;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3";
	}

*+html body{ font-family: Arial, Helvetica, sans-serif;}

a:link{color:#666; text-decoration:underline; outline:none;}
a:visited{color:#333; text-decoration:underline; outline:none;}
a:active{color:#ccc; text-decoration:underline; outline:none;}
a:hover{color:#000; 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=============*/
#container{text-align:center;background:url(../img/bg_common.jpg)  center top no-repeat;}
#contents{ width:990px; margin:0px auto 0px auto; text-align:left; }

#aside{ float:right; width:310px; padding-top:10px; margin-right:10px;} *html #aside{ margin-right:5px;}
	#aside #sRectangle{ width:310px; height:260px; margin-bottom:10px; background:#d9d9d9}
	#aside #sRectangle img{ margin:5px 0px 0px 5px;}
	#aside #sMovie{ width:310px; height:176px; margin-bottom:10px; padding:0px; background:#333333; text-align:center; }
	#aside #sMovie #topFlv{}
	#aside #sMobile{ margin-bottom:10px;}
	#aside .sBanner{ margin-bottom:10px;}
	#aside #sSns{}
	#aside ul#sBtnFoot { display:block; margin-bottom:0px; width:310px; height: 45px; }
		#aside #sBtnFoot li{ display:block; float:left; margin:5px 0; }
		#aside #sBtnFoot li.tvatop{ display:block; float:left; margin-left:8px; }

#btnPagetop{position: fixed; bottom: 60px; right: 40px; opacity: 1; cursor: pointer;}
#Loadfooter{ width:100%; height:100px; padding-top:80px; background:#666; text-align:center; color:#CCC;}

/*===========top=============*/
#top{background:url(../img/bg_commontile.png)  center top repeat-y;min-width:990px; width: auto !important; width: 990px;}

/*#top*/ #headerTypeA{ width:970px; margin-left:10px;}
	/*#top*/ #headerTypeA .main h1{}
	/*#top*/ #headerTypeA .nav{ margin:10px 0px 10px -9px;} *html /*#top*/ #headerTypeA .nav{margin-left: -18px;}
	/*#top*/ #headerTypeA  ul{ width:979px; height:40px;} *html /*#top*/ #headerTypeA  ul{ width:989px;}
	/*#top*/ #headerTypeA .nav li{ display:block; position:relative; float:left; margin-left:9px; }

/*#top*/ #headerTypeB{}
	/*#top*/ #headerTypeB .main h1{}
	/*#top*/ #headerTypeB .nav{ margin:10px 0px 0px 0px; height:86px; }
	/*#top*/ #headerTypeB ul{ width:648px; height:40px; padding-right:-5px;}
	/*#top*/ #headerTypeB .nav li{ display:block; position:relative; float:left; margin-right:5px; margin-bottom:5px; }
	.nav .new{ position:absolute; top:-5px; left:-3px; z-index:2; width:23px; height:23px; background:url(../img/icon_new.png) no-repeat;}


#top #article{ float:left; width:640px; margin-left:10px;} *html #top #article{ margin-left:5px;}
	#top #news h2{ margin:0px; padding:0px;}
	#news { margin-bottom:10px; border:3px solid #000000; background-color:#FFFFFF;}
	#top #news ul{ width:640px; padding:5px 0px 10px 0px; background: #e6e6e6}
	#top #news li{ padding:8px 0px 10px 0px; background:url(../img/bg_line.gif) repeat-x bottom; line-height:1.3em;}
	#top #news li span{ display:block; float:left; width:5.5em; padding-left:23px; background:url(../img/icon_arrow.gif) no-repeat 15px; }
	#top #news li em{ display:block; float:left; width:540px;}
	/*#top*/ #article .bnrTop640{ margin-bottom:10px}
	/*#top*/ #article .bnrTop315left{ width:315px; margin-bottom:10px; float:left;}
	/*#top*/ #article .bnrTop315right{ width:315px; margin-bottom:10px; float:right;}
	#top #newsmarquee{ height:40px; width:640px; margin-bottom:10px; background:url(../img/bg_whatsnew.gif) no-repeat;}
	#top #newsmarquee .if{ width:538px; margin-left:98px;}

#copyright{ padding:0 0 10px 0; }
/*===========second=============*/
#second{background:url(../img/bg_commontile.png)  center top repeat-y;min-width:990px; width: auto !important; width: 990px;}
	#second h2{ margin:0px; padding:0px;}
	#second h3{ margin:0px 0px 5px 0px; padding-bottom:0px; font-weight:bold; font-size:16px; font-style:italic;color:#00479f; border-bottom: 3px double #999999;}
	#second h4{ margin:0px 0px 5px 0px; padding-bottom:0px; font-weight:bold; font-size:15px; font-style:italic; }
#second .date{ font-size:12px; font-style:italic; text-align:right; margin-bottom:5px;}
#second #cmnmain{ float:left; padding:10px 0 0 0; margin-left:10px; }
#second #cmnContents{ background-color:#FFFFFF; border:3px solid #000000;}
#second .detail{ padding:20px 30px; position:relative; min-height:300px;}
#second .detail2{ padding:20px 0 20px 20px; position:relative; }
#second .detail2 img{ margin-bottom:30px; display:block; }
#second .detail3{ padding:50px 0px 20px 0px; position:relative; }
#second .detail3 #btnDiv{ position: absolute; width:210px; height:31px; top:10px; left: 414px; text-align:right; }
#second .detail3 #btnDiv img{ margin-left:5px;}

#intro{}
#second .pullDown{ margin:0px 0px 20px 10px}
#second .pulldownMenu{ width:620px}

#second #article{ float:left; width:640px; margin-left:10px;} *html #second #article{ margin-left:5px;}
#second .oadate{ width:131px; position:absolute; top:18px; left:473px; font-size:12px; font-style:italic; text-align:right; }
#second .red{
	width:175px;
	position:absolute;
	top:0px;
	left:429px;
	font-size:10px;
	text-align:right;
	height: 19px;
	color:#FF0000;
}

#second .textBox{}
	#second .textBox p{ margin:10px}
	#second .textBox .rightImage{ float:right; margin:0px 0px 10px 10px}
	#second .textBox .leftImage{ float:left; margin:0px 10px 10px 0px}
#second .photo{ padding:10px 0;}
#second .photo img{ border:1px solid #000000;}

/*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; }
