@charset "Shift_JIS";
/* CSS Document */
/*===========import=============*/
@import url("clearfix.css");
@import url("reset.css");
/*===========変更エリア=============*/
body{
/*background:url(../img/bg_common.jpg) center top no-repeat;*/
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
line-height:1.7em;
letter-spacing:0.1em;
color:#424242;
background-color:#e8e8af;
}
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{ alpha(opacity=80); -ms-filter: "alpha(opacity=80)";opacity:0.8;}
#container a:hover img.none{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }
*/
strong{}
/*===========common=============*/
#container{ background:url(../img/bg_container.gif) #e8e8af center repeat-y;}
#wrap{ background:url(../img/bg_contents.jpg) no-repeat top center;}
#contents{ width:820px; margin:0 auto; text-align:center;}
#contents .btn_top{ text-align:right; padding-right:15px;}
h1 { text-align:center;}
/*h1 a:hover img{ alpha(opacity=100)!important; -ms-filter: "alpha(opacity=100)"!important; opacity:1.0!important;}
*/h2 { text-align:center; margin:10px 0px 20px 0px;}
ul#main_navi { text-align:center; padding:7px 0px;}
#main_navi li{ display:inline; margin-right:10px;}
#btn_event{position:absolute; top:20px;left:740px;}
#btn_bn{position:absolute; top:240px;left:605px;}
#btn_footer{ width: 100%; height:80px; margin-top:20px; text-align:right; background:url(../img/img_footer.png) center bottom no-repeat;}
#btn_footer img{ margin-left:10px;}
#btn_footer .category{ width:900px; margin: auto; padding-top:20px;}
#btn_footer .category .logo{ float:left; text-align:left;}
#btnPagetop{ position: fixed; bottom: 60px; right: 40px; opacity: 1; cursor: pointer;}
#headerTypeA{ position:relative; width:1000px; margin:0px auto; }
span.blue{ color:#4fd4ff;}
span.pink{color:#ff94b0;}
span.vivitpink{ color:#e80068; width:56px; display:inline-block}
span.blue02{ color:#0b95c3;}
span.txt14{ font-size:14px;}
span.txt13{ font-size:13px;}
span.sakusha{margin-left:56px;}
/*===========top=============*/
#top{/*background:url(../img/bg_common.jpg) center top no-repeat;*/min-width:990px; width: auto !important; width: 990px; -webkit-background-size: 2000px 2000px;}
#top #naiyou{ position:relative; width:798px; height:498px; margin:20px auto 30px auto; background:url(../img/bg_naiyou.jpg) no-repeat;}
/*放送内容*/
/*通常*/
#top #naiyou .left{float:left; width:340px; margin:40px 0px 0px 50px; text-align:center;}
* html #top #naiyou .left{float:left; width:340px; margin:40px 0px 0px 25px; text-align:center;}
/*放送内容のリボンがタイトルに被ってしまう場合*/
#top #naiyou .left2{float:left; width:340px; margin:50px 0px 0px 50px; text-align:center;}
* html #top #naiyou .left2{float:left; width:340px; margin:50px 0px 0px 25px; text-align:center;}
/*自由にmarginを指定する場合に使用*/
#top #naiyou .left3{float:left; width:340px; margin:60px 0px 0px 50px; text-align:center;}
* html #top #naiyou .left3{float:left; width:340px; margin:60px 0px 0px 25px; text-align:center;}
/*通常*/
#top #naiyou .left .title{ display:block; font-size:20px; font-weight:bold; color:#0b95c3; line-height:2.0em;}
#top #naiyou .left2 .title{ display:block; font-size:20px; font-weight:bold; color:#0b95c3; line-height:2.0em;}
#top #naiyou .left3 .title{ display:block; font-size:20px; font-weight:bold; color:#0b95c3; line-height:2.0em;}
/*絵本タイトルが長く文字を小さくする場合*/
#top #naiyou .left .title2{ display:block; font-size:18px; font-weight:bold; color:#0b95c3; line-height:2.0em;}
#top #naiyou .left2 .title2{ display:block; font-size:18px; font-weight:bold; color:#0b95c3; line-height:2.0em;}
#top #naiyou .left3 .title2{ display:block; font-size:18px; font-weight:bold; color:#0b95c3; line-height:2.0em;}
#top #naiyou .right{float:right; width:300px; height:440px; overflow:auto; margin:40px 70px 0px 10px; text-align:left;}
* html #top #naiyou .right{float:right; width:300px; height:440px; overflow:auto; margin:40px 35px 0px 5px; text-align:left;}
#top #naiyou .right .roudoku{ display:block; float:right; margin-top:30px; }
/*放送内容end*/
/*次回予告*/
#top #jikai{ position:relative; width:798px; height:498px; margin:0px auto 30px auto; background:url(../img/bg_jikai.jpg) no-repeat;}
/*通常*/
#top #jikai .left{float:left; width:340px; margin:40px 0px 0px 50px; text-align:center;}
* html #top #jikai .left{float:left; width:340px; margin:40px 0px 0px 25px; text-align:center;}
/*次回予告のリボンがタイトルに被ってしまう場合*/
#top #jikai .left2{float:left; width:340px; margin:50px 0px 0px 50px; text-align:center;}
* html #top #jikai .left2{float:left; width:340px; margin:50px 0px 0px 25px; text-align:center;}
/*自由にmarginを指定する場合に使用*/
#top #jikai .left3{float:left; width:340px; margin:60px 0px 0px 50px; text-align:center;}
* html #top #jikai .left3{float:left; width:340px; margin:60px 0px 0px 25px; text-align:center;}
/*通常*/
#top #jikai .left .title{ display:block; font-size:20px; font-weight:bold; color:#e80068; line-height:2.0em;}
#top #jikai .left2 .title{ display:block; font-size:20px; font-weight:bold; color:#e80068; line-height:2.0em;}
#top #jikai .left3 .title{ display:block; font-size:20px; font-weight:bold; color:#e80068; line-height:2.0em;}
/*絵本タイトルが長く文字を小さくする場合*/
#top #jikai .left .title2{ display:block; font-size:18px; font-weight:bold; color:#e80068; line-height:2.0em;}
#top #jikai .left2 .title2{ display:block; font-size:18px; font-weight:bold; color:#e80068; line-height:2.0em;}
#top #jikai .left3 .title2{ display:block; font-size:18px; font-weight:bold; color:#e80068; line-height:2.0em;}
#top #jikai .right{float:right; width:300px; height:440px; overflow:auto; margin:40px 70px 0px 10px; text-align:left;}
* html #top #jikai .right{float:right; width:300px; height:440px; overflow:auto; margin:40px 35x 0px 5px; text-align:left;}
#top #jikai .right .roudoku{ display:block; float:right; margin-top:30px; }
/*次回予告end*/
/*===========bangumi=============*/
#bangumi{/*background:url(../img/bg_common.jpg) center top no-repeat;*/min-width:990px; width: auto !important; width: 990px; -webkit-background-size: 2000px 2000px;}
#bangumi #contents .img{float:left; margin-right:20px;}
* html #bangumi #contents .img{float:left; margin-right:10px;}
#bangumi #contents .img img{ display:block; margin-bottom:20px; border:5px #996822 solid;}
#bangumi .txt{ text-align:left; color:#FFFFFF; font-size:14px;}
/*===========event(120919追記)=============*/
#event{/*background:url(../img/craft.gif) center top repeat;*/ min-width:990px; width: auto !important; width: 990px; -webkit-background-size: 2000px 2000px;}
#event #contents .img{background:url(../img/craft.gif) center top repeat;/*float:left;*/ text-align:center; margin-left:auto; margin-right:auto;}
#event #contents .img img{ display:block; margin-bottom:0px; text-align:center; margin-left:auto; margin-right:auto; /*border:5px #996822 solid;*/}
#event .txt{ text-align:right; color:#ec6e34; font-size:14px; font-weight:bold; padding-right:105px; margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px;}
#event .txt01{ text-align:center; font-size:14px; font-weight:bold; padding:20px 0px; color:#27ad3a;}
/*===========backnumber=============*/
#bn{/*background:url(../img/bg_common.jpg) center top no-repeat;*/min-width:990px; width: auto !important; width: 990px; -webkit-background-size: 2000px 2000px;}
#bn p.month{color:#ff8f55; font-size:16px; font-weight:bold;}
#bn #item{ position:relative; width:798px; height:498px; margin:0 auto 30px auto; background:url(../backnumber/img/bg_book.jpg) no-repeat;}
/*通常*/
#bn .left{float:left; width:340px; margin:40px 0px 0px 50px; text-align:center;}
* html #bn .left { float:left; width:340px; margin:40px 0px 0px 25px; text-align:center;}
/*絵本画像が縦長の場合*/
#bn .left2{float:left; width:340px; margin:25px 0px 0px 50px; text-align:center;}
* html #bn .left2 { float:left; width:340px; margin:25px 0px 0px 25px; text-align:center;}
/*自由にmarginを指定する場合に使用*/
#bn .left3{float:left; width:340px; margin:25px 0px 0px 50px; text-align:center;}
* html #bn .left3 { float:left; width:340px; margin:25px 0px 0px 25px; text-align:center;}
/*通常*/
#bn .left .title{ display:block; font-size:20px; font-weight:bold; color:#e80068; line-height:2.0em;}
#bn .left2 .title{ display:block; font-size:20px; font-weight:bold; color:#e80068; line-height:2.0em;}
#bn .left3 .title{ display:block; font-size:20px; font-weight:bold; color:#e80068; line-height:2.0em;}
/*絵本タイトルが長く文字を小さくする場合*/
#bn .left .title2{ display:block; font-size:18px; font-weight:bold; color:#e80068; line-height:2.0em;}
#bn .left2 .title2{ display:block; font-size:18px; font-weight:bold; color:#e80068; line-height:2.0em;}
#bn .left3 .title2{ display:block; font-size:18px; font-weight:bold; color:#e80068; line-height:2.0em;}
#bn .right{float:right; width:300px; height:440px; overflow:auto; margin:40px 70px 0px 10px; text-align:left;}
* html #bn .right { float:right; width:300px; height:440px; overflow:auto; margin:40px 35px 0px 5px; text-align:left; }
#bn .right .roudoku{ display:block; float:right; margin-top:30px; }
#bn .back{ float:left; width:127px; height:31px; color:#FFFFFF; line-height:2.6em; font-weight:bold; background:url(../backnumber/img/btn_month_back.png) no-repeat center center; text-decoration:none}
/*#bn .back:hover{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
*/#bn .next{ float:right; width:127px; height:31px; color:#FFFFFF; line-height:2.6em; font-weight:bold; background:url(../backnumber/img/btn_month_next.png) no-repeat center center; text-decoration:none}
/*#bn .next:hover{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
*/
/*===========narrator=============*/
#narrator{/*background:url(../img/bg_common.jpg) center top no-repeat;*/min-width:990px; width: auto !important; width: 990px; -webkit-background-size: 2000px 2000px;}
#narrator #contents .img{float:left; margin: 0px 20px 20px 20px;}
* html #narrator #contents .img {float:left; margin: 0px 10px 20px 10px;}
#narrator #contents .img img{ display:block; margin-bottom:20px; border:5px #996822 solid;}
#narrator .txt{ float:left; width:520px; margin-bottom:40px; text-align:left; color:#FFFFFF;}
#narrator .name{color:#ff6600; font-size:20px; line-height:2.0em;}
/*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; }
/*おしらせ*/
#oshirase {background-color:#FFF8E8;
margin-top:10px;
padding:5px;
}
.font-oshirase {font-size:13px}