@charset "utf-8";

/* ======================================================
(C)フジテレビ CSS Document 
	 アニメキッズトップ animation.css
====================================================== */

/* mainLeft */
#mainLeft h1{ background: url("/animation/images/tit_kids.gif") no-repeat;}
/* 現在放送中 */
ul#animationM li#btnNow,
ul#animationM li#btnNow a{ width:182px;}
ul#animationM li#btnNow a{ background: url("/animation/images/btn_kids_now.gif") no-repeat;}
ul#animationM li#btnNow a:hover{ background: url("/animation/images/btn_kids_now_o.gif") no-repeat;}
/* ワンツーネクストで放送 */
ul#animationM li#btnOnetwo,
ul#animationM li#btnOnetwo a{ width:182px;}
ul#animationM li#btnOnetwo a{ background: url("/animation/images/btn_kids_onetwo.gif") no-repeat;}
ul#animationM li#btnOnetwo a:hover{ background: url("/animation/images/btn_kids_onetwo_o.gif") no-repeat;}
/* 過去に放送 */
ul#animationM li#btnPast,
ul#animationM li#btnPast a{ width:186px;}
ul#animationM li#btnPast a{ background: url("/animation/images/btn_kids_past.gif") no-repeat;}
ul#animationM li#btnPast a:hover{ background: url("/animation/images/btn_kids_past_o.gif") no-repeat;}
/* 番組リスト  */
.cateGenre .main dl dt{background-color:#F7800D!important;}/*COLOR設定*/
.cateGenre .main dl dd.pgmPhoto img{border:1px solid #F7800D!important;}/*COLOR設定*/
/* 番組詳細 */
.cateGenre .pgmMore .arrow{background: url("/animation/images/arrow.jpg") left bottom no-repeat;	}
#mainLeft .cateGenre .pgmMore dl{background-color:#F7800D;}/*COLOR設定*/
/* ワンツーネクストで放送中の番組 */
#mainLeft .otn .main{
	width:550px;
	padding:10px 0 0 4px;
}
#mainLeft .otn .main dl{
	width:118px; height:160px;
	float:left;
	margin:0!important; padding:0 0 0 14px;
	overflow:hidden;
}
#mainLeft .otn .main dl dt{
	width:118px; height:105px;
	padding:0;
	overflow:hidden;
	background-image:none;
}
#mainLeft .otn .main dl dt span.labelanime{
	display:block;
	width:118px; height:18px;
	text-align:center;
	color:#ffffff;
	padding-top:5px;
	overflow:hidden;
	background: url("/images/1104renew/cf/timezone_bg.png") no-repeat left top;
	behavior:expression(IEPNGFIX.fix(this));/* png */
}
#mainLeft .otn .main dl dt span.labelanime{
	display:block;
	width:118px; height:18px;
	text-align:center;
	color:#ffffff;
	padding-top:5px;
	overflow:hidden;
	background: url("/images/1104renew/cf/timezone_bg.png") no-repeat left top;
}
* html #mainLeft .otn .main dl dt span.labelanime{
	background: url("/images/1104renew/cf/timezone_bg.gif") no-repeat left top;
}
#mainLeft .otn .main dl dt a img{
	display:block;
	padding:1px;
}
#mainLeft .otn .main dl dd{
	padding:3px 0 5px;
}
#mainLeft .otn .main dl dd strong{ font-weight:normal;}

/* 過去に放送した番組 */
#mainLeft .nomore .main ul li.hidden{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#mainLeft .nomore .main ul dl dd.pgmPhoto{
	padding:0;
	height:82px;
	overflow:hidden;
}
/* これから放送される番組 */
ol.thumbList { padding:5px 0px 5px 15px;}
ol.thumbList li{
	width:118px;
	float:left;
	padding: 2px 13px 5px 0;
}
ol.thumbList li.clear{ float:none;}
ol.thumbList li a{
	display:block;
	padding-bottom:3px;
	color:#0066cc;
	width:118px;
	overflow:hidden;
}

#mainLeft #otn_pgm dl{height:137px;}

/*============ banner =============*/
#mainRight div.banner {
width: 350px;
}

#mainRight div.banner ul{
padding: 4px 0 4px 0;
}

#mainRight div.banner li{
padding: 0 0 3px 0;
}

#mainRight div.banner .clear {
clear:both; }


/* --------------------
	smartphoneview
-------------------- */
.cx_smartphoneview #mainLeft h1{ background:none;}
.cx_smartphoneview select { margin-left:10px;}
.cx_smartphoneview #animationM { display:none; }

/* 番組リスト ジャンルカラー variety  */
.cx_smartphoneview .cateGenre .main ul dl dt,
.cx_smartphoneview #mainLeft .otn .main dl dt span {
	text-shadow: 0 1px 1px #773001;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #db5604), color-stop(0.90, #f77b05), color-stop(0.30, #f77b05), color-stop(0.00, #f99537));
	background: -webkit-linear-gradient(top, #f99537 0%, #f77b05 30%, #f77b05 90%, #db5604 100%);
	background: linear-gradient(to bottom, #f99537 0%, #f77b05 30%, #f77b05 90%, #db5604 100%);
}
.cx_smartphoneview #mainLeft .otn .main dl dt span.labelanime { width:94px;}
.cx_smartphoneview .cateGenre .main ul dl dd.pgmPhoto a { display: block; background-color: #ffffff; height: 60px; width: 86px; }
.cx_smartphoneview .cateGenre .main ul dl dd.pgmPhoto a img { width:84px; height:58px; border:1px solid #aaaaaa;}
.cx_smartphoneview .cateGenre .main dl dd.pgmPhoto img { border: 1px solid #aaaaaa!important; }
.cx_smartphoneview #mainLeft .cateGenre .pgmMore dl { background:none; }

.cx_smartphoneview #mainLeft .nomore .main ul dl dd.pgmPhoto { height:60px;}

/* otn */
.cx_smartphoneview #mainLeft .otn .main dl{ width: 94px; height: 126px; padding: 0; margin-left: 4px!important; margin-right: 4px!important; margin-bottom: 10px!important;
	-webkit-border-radius:6px;
	border-radius: 6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.96, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 96%, #eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 96%, #eeeeee 100%);
	-webkit-box-shadow: 0px 1px 2px #666;
	box-shadow: 0 1px 2px #666;}
.cx_smartphoneview #mainLeft .otn .main dl dt { width: 94px; height: 90px; padding: 0; overflow: hidden; background-image: none; background-color: #fff!important; }
.cx_smartphoneview #mainLeft .otn .main dl dt a img { width:84px; height:58px; border:1px solid #aaaaaa; margin: 3px; }
.cx_smartphoneview #mainLeft .otn .main dl dd {padding: 0 3px; }
.cx_smartphoneview #mainLeft .otn .main dl dd a { color:#333333; font-weight:bolder; display:block; height:2.4em; overflow:hidden; }
/*.cx_smartphoneview #mainLeft .otn .main dl dt span { width:88px; height:16px; line-height:18px; background-image: none; color:#FFF; text-align:center; margin:0; overflow:hidden;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius:6px 6px 0 0; }
.cx_smartphoneview #mainLeft .otn .main ul dl dd { display: block; clear: both; float: none; overflow: hidden; width: 86px; height: 2em; font-size: 12px; font-weight: bolder; line-height: 1.2em; margin: 0 auto; }
.cx_smartphoneview #mainLeft .otn .main ul dl dd a { color:#333333; }
.cx_smartphoneview #mainLeft .otn .main ul dl dt span a img { width:84px; height:58px; border:1px solid #aaaaaa;}*/
.cx_smartphoneview .sp_otnbnr { width:320px!important; height:41px!important;}
.cx_smartphoneview .banner { width:350px; margin:0 auto; zoom: 0.915; }
.cx_smartphoneview .sp_iframe { width:350px; margin:0 auto; }
.cx_smartphoneview .spAmbnr { width:320px; margin:0 auto; }
.cx_smartphoneview .spAmbnr p img { width:320px!important; }

.cx_smartphoneview table.font10 { zoom: 0.915; }

table.eshopBnr { width: 350px; margin:10px auto; border-collapse:collapse; font-size: 10px; }
.cx_smartphoneview table.eshopBnr { zoom: 0.915; }