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



/*===========変更エリア=============*/
html{background:url(../img/bg.gif) repeat;}
body{
	
  font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:12px;
  line-height:2.0em;
  letter-spacing:0.03em;
  color:#000;
}

a:link{color:#e9c050;}
a:visited{color:#e9c050; text-decoration:none; outline:none;}
a:active{color:#c8ad66; text-decoration:underline; outline:none;}
a:hover{
	color:#c99f2e;
	text-decoration:underline;
	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; }

#tel strong{ color:red;}

/*===========common=============*/
#container{text-align:center; overflow-x: hidden; min-width:990px;}
#contents{position:relative; width:990px; margin:0px auto 0px auto;  text-align:left;}
#canvas{position:absolute; top:0px; left:0px}

#aside{ float:right; width:310px; /*margin-right:10px;*/} *html #aside{ /*margin-right:5px;display: inline;*/}
  #aside #sRectangle{ width:310px; height:260px; margin-bottom:10px;/* background:#d9d9d9*/}
  #aside #sRectangle img{ margin:5px 0px 0px 5px;}
  #aside .sBanner{ margin-bottom:10px;}
  #LoadBanner .sBanner a{ margin-bottom:10px;}
  #aside ul#sBtnFoot { display:block; margin-bottom:10px; width:300px; height:53px; /*background:#e0e0e0;*/}
    #aside #sBtnFoot li{ display:block; float:left; margin:10px 10px 0 0;} *html #aside #sBtnFoot li{ margin:10px 10px 0px 0px;}

	
#btnPagetop{position: fixed; bottom: 60px; right: 40px; opacity: 1; cursor: pointer;}
#Loadfooter{ width:100%; height:50px; padding-top:10px; text-align:center;font-size:10px; color:#cfc4c4;}

/*===========top=============*/
#top{}
#top #container{ background:url(../img/main.gif) no-repeat center top;-webkit-background-size: 990px 135px;}


#cont01 { background-color:#FFF;}
#cont02 { height:10px; background:url(../img/bottom.gif) no-repeat bottom left; line-height:1; font-size:1px;}

#top #headerTypeA{ width:990px; height:135px;}
  #top #headerTypeA h1{ position:relative;}
  
  #nav { position:absolute; top:87px; left:341px;}
  #nav ul{ width:350px; height:50px;}
  #nav li{ display:block; float:left; margin:10px 20px 0 0; }


#article{ float:left; width:640px; padding:20px 0 0 20px;}
.box{ margin-bottom:50px 0;}
.tit{ margin-bottom:20px;}

/*現在実施中のクイズ*/
.now{ width:640px; background:url(../img/now_top.gif) no-repeat top left; padding-top:41px; margin-bottom:40px;}
.now01{ background:url(../img/now_cont.gif) repeat-y left top; padding:10px 20px;}
.now02{ height:11px; background:url(../img/now_bottom.gif) no-repeat bottom left; line-height:1; font-size:1px;}
#nowProgram{}
#nowProgram ul { margin-bottom:5px;}
#nowProgram ul li{ float:left;}
.positionBottom { margin-top:31px;}
#tel ,#web { width:296px; margin-top:20px;}
#tel p {line-height:23px; font-size:16px; margin-top:5px;}
#web .form { margin:10px 0 0 50px;}
#recepData { text-align:center; color:#e70012; font-size:14px; margin-top:10px;}

/*キャンペーン概要*/
#about { margin-bottom:40px;}

/*クイズ実施番組*/
#program { margin-bottom:40px;}
ul.programList { padding-bottom:20px; border-bottom: #e7e7e7 solid 2px; margin-top:20px;}
ul.programList li{ float:left;}
ul.programList li.listData { margin-right:10px;}

/*注意*/
#caution { margin-bottom:10px;}
#caution p{ font-size:10px; line-height:13px;}



#aside { margin-top:-50px;}
#aside img { margin-bottom:10px;}
#LoadBanner img{ margin-bottom:10px;}


#footer{ width:990px; margin:10px auto;}





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