@charset "UTF-8";
@import url("../common/pagelink.css");
@import url("../common/search.css");


/* -----------------------------------------------
   #main-sub
*/
#main-sub{
 width:700px;
 padding:14px 0 0 0;
 margin:0 0 0 0;
 background-image: url(../../img/common/line_dot_pink.gif);
 background-position:top;
 background-repeat:repeat-x;
}

/* -----------------------------------------------
   #program-list
*/
.item ul{
 margin-bottom:20px;
}
.item li{
 display:block;
 list-style: none;
 padding-bottom:13px;
 margin-bottom:13px;
 background-image: url(../../img/common/line-dot3.gif);
 background-position:bottom;
 background-repeat:repeat-x;
 overflow:hidden;
}
.item ul.element-last,
.item li.element-last{
 margin-bottom:0 !important;
}

/* -----------------------------------------------
   #program-list .item figure
*/
.item figure{
 display:inline;
 text-align:center;
 width :88px;
 height: 88px;
 margin: 0 15px 5px 10px;
 float: left;
}
.item figure a img,.item figure a:link img{
 padding: 2px;
 border: 2px solid #d9d9d9;
}
.item figure a:hover img{
 border: 2px solid #d91c16;
}

/* -----------------------------------------------
   #program-list .item .right
*/
.item .item-r{
 width:580px;
 float:right;
}

/* -----------------------------------------------
   #program-list .item .item-r h4
*/
.item h4{
 color: #666;
 font-size:100%;
 font-weight: bold;
 text-decoration: none;
 line-height:110%;
 padding: 13px 0 9px 0;
}
.item h4 a,.item h4 a:link{
 text-decoration: none;
 color: #000;
}
.item h4 a:hover{
	color: #d91c16;
}
.item small{
 display:block;
 color: #999;
 font-size: 70%;
 line-height:110%;
 margin-bottom:5px;
}
/* -----------------------------------------------
   #program-list .item .item-r .b-item
*/
.item .b-item {
 overflow: hidden;
}
.item .b-item a,.b-item a:link{
 display:block;
 text-decoration: none;
}
.item .b-item span{
 display:block;
 text-indent:-9999px;
 font-size: 1px;
 line-height:100%;
 width:115px;
 height:22px;
 margin-right:4px;
 background-position:center bottom;
 background-repeat:no-repeat;
 border: 2px solid #f2f2f2;
 float:left;
}
.item .b-item a span{
 text-decoration: none;
 color: #4c4c4c;
 background-position:center top;
 border: 2px solid #d9d9d9;
}
.item .b-item a:hover span{
 background-color: #f2f2f2;
}

.b-schedule{ background-image: url(../../img/program/list/b-schedule.png);}
.b-present{ background-image: url(../../img/program/list/b-present.png);}
.b-minisite{ background-image: url(../../img/program/list/b-minisite.png);}
.b-movie{ background-image: url(../../img/program/list/b-movie.png);}
.b-otayori{ background-image: url(../../img/program/list/b-otayori.png);}


/* -----------------------------------------------
   .pagelink-all-month
*/
.pagelink-all-month ul{
 margin: 0 0 0 100px;
 overflow:hidden;
}
.pagelink-all-month li{
	display: inline;
	list-style: none;
	font-size: 100%;
	line-height: 110%;
	font-weight: bold;
 padding: 0;
	margin:0 0 0 8px;
	background-color: #D9D9D9;
	float: right;
}
.pagelink-all-month li a,.pagelink-all-month li a:link{
	display: block;
	color: #666666;
	text-decoration: none;
 padding:10px 24px 6px 24px;
}
.pagelink-all-month li a.on,
.pagelink-all-month li a:hover{
	color: #000000;
	background-color: #ffff00;
}


/* -----------------------------------------------
   .pagelink-all-sub
*/
.pagelink-all-sub{
	margin: 0 0 20px 0;
	border-left: 2px solid #e3e3e3;
}
.pagelink-all-sub ul{
 margin: 0 0 0 0;
 overflow:hidden;
}
.pagelink-all-sub li{
	display: inline;
	list-style: none;
 padding: 0;
	margin: 0;
	border-right:solid 2px #e3e3e3;
	float: left;
}
.pagelink-all-sub li.off{
	color: #CCC;
 padding:0 24px !important;
}

.pagelink-all-sub li a,.pagelink-all-sub li a:link{
	display: block;
	color: #666666;
	font-size: 120%;
	line-height: 110%;
	text-decoration: none;
 padding:0 24px;
	}
.pagelink-all-sub li a.on{
	color: #d91c16;
}
.pagelink-all-sub li a:hover{
	color: #000000;
	background-color: #ffff00;
}

/* -----------------------------------------------
   h3.midashi
*/
h3.midashi{
 padding:0.5em 0 0 1em;
 margin:0 0 20px 0;
 position:relative;
 background-color:#ffdad9;
 border-top:2px solid #ff9d9a;
}
h3.midashi span{
 display:block;
 font-size:120%;
 line-height:145%;
 font-weight:normal;
 padding:0 0 0.5em 1.5em;
 background-image: url(../../img/common/icon_subtitle_assort.png);
 background-position:0 0.3em;
 background-repeat:no-repeat;
 position:relative;
}

/* -----------------------------------------------
   .txt-contents
*/
.txt-contents{
 font-size:80%;
 line-height:185%;
 padding:0 1em 1em 1em;
}

/* -----------------------------------------------
   .contents-block
*/
.contents-block{
 padding:0 0 0 0;
 margin:0 0 1em 0;
}
.contents-c{
}
.contents-block ul{
 list-style:none;
 overflow:hidden;
}
.contents-block ul li{
 display:block;
 width:171px;
 padding:0 0 20px 0;
 margin:0 3px 2em 0;
 position:relative;
 float:left;
}
.contents-block ul li.corner{
 margin:0 0 1em 0;
}
.contents-block a,.contents-block a:link{
 display:block;
 text-decoration:none;
}
.contents-block img{
 display:block;
 padding:3px;
 margin:0 0 3px 0;
 background-color:#FFF;
 border:2px solid #d9d9d9;
}
.contents-block span{
 display:block;
 line-height:135%;
 text-align:center;
}
.contents-block span.title{
 color:#000;
 font-size:80%;
 font-weight:bold;
 margin-bottom:3px;
}
.contents-block span.new{
 display:block;
 font-size:1px;
 line-height:100%;
 text-indent:-9999px;
 height:16px;
 margin-bottom:4px;
 background-position:center;
 background-repeat:no-repeat;
}
.tvnew{background-image: url(../../img/common/icon-tvnew.png);}
.tvnew-first{background-image: url(../../img/common/icon-tvnew-first.png);}
.tvnew-ova{background-image: url(../../img/common/icon-tvnew-ova.png);}
.tvnew-ova-first{background-image: url(../../img/common/icon-tvnew-ova-first.png);}
.tvnew-movie{background-image: url(../../img/common/icon-tvnew-movie.png);}
.tvnew-remaster{background-image: url(../../img/common/icon-tvnew-remaster.png);}
.tvnew-eiga{background-image: url(../../img/common/icon-tvnew-eiga.png);}
.tvnew-bscs{background-image: url(../../img/common/icon-bscs.png);}

.kidsnew{background-image: url(../../img/common/icon-kidsnew.png);}
.kidsnew-first{background-image: url(../../img/common/icon-kidsnew-first.png);}
.kidsnew-ova{background-image: url(../../img/common/icon-kidsnew-ova.png);}
.kidsnew-ova-first{background-image: url(../../img/common/icon-kidsnew-ova-first.png);}
.kidsnew-movie{background-image: url(../../img/common/icon-kidsnew-movie.png);}
/* 20160823追加 */
.tokuban{background-image: url(../../img/common/icon-tokuban.png);}

.basicnew{background-image: url(../../img/common/icon-basicnew.png);}

.csnew{background-image: url(../../img/common/icon-csnew.png);}
.csnew-first{background-image: url(../../img/common/icon-csnew-first.png);}
.csnew-ova{background-image: url(../../img/common/icon-csnew-ova.png);}
.csnew-ova-first{background-image: url(../../img/common/icon-csnew-ova-first.png);}
.csnew-movie{background-image: url(../../img/common/icon-csnew-movie.png);}

/* 20131028追加 */
.movie{background-image: url(../../img/common/icon-movie.png);}
.ova{background-image: url(../../img/common/icon-ova.png);}

/* 20131219追加 */
.kids-original{background-image: url(../../img/common/icon-kids-original.png);}
.tvspecial{background-image: url(../../img/common/icon-tvspecial.png);}

/* 20160223追加 */
.renewal{background-image: url(../../img/common/icon-renewal.png);}

/* 20160420追加 */
.groundwave-first{background-image: url(../../img/common/icon-groundwave-first.png);}

.remaster{background-image: url(../../img/common/icon-remaster.png);}
.remasterHD{background-image: url(../../img/common/icon-remasterHD.png);}
.digital-remasterHD{background-image: url(../../img/common/icon-digital-remasterHD.png);}
.japans-first{background-image: url(../../img/common/icon-japans_first.png);}

/* 20170125追加 */
.spban{background-image: url(../../img/common/icon-spban.png);}



.contents-block span.cach{
 color:#666;
 font-size:65%;
 margin-bottom:4px;
}
.contents-block span.cach strong{
 display:block;
 color:#d91c16;
}
.contents-block a.b-schedule,
.contents-block a.b-schedule:link{
 display:block;
 font-size:1px;
 line-height:100%;
 text-indent:-9999px;
 width:168px;
 height:16px;
 background-image:url(../../img/howto/b-schedule.png);
 background-position:center;
 background-repeat:no-repeat;
 border:2px solid #d9d9d9;
 position:absolute;
 z-index:1;
 bottom:0;
}
.contents-block a.b-schedule:hover{
 background-color:#d9d9d9;
}

/* -----------------------------------------------
  #program-list
*/
#program-list div{
 width:700px;
 position:absolute;
 z-index:100;
 top:500px;
 left:15px;
}
#program-list div.hidden{
 /*display:none;*/
 visibility:hidden;
}
#program-list h5{
 font-size:80%;
 color:#FFF;
 padding:0.2em 1em;
 background-color:#333;
}
#program-list div ul{
 padding:10px;
 margin:0;
 background-image:url(/assets/img/common/bg_black_40alpha.png);
}
#program-list div li{
 list-style:none;
}
#program-list div a,
#program-list div a:link{
 display:block;
 font-size:70%;
 line-height:135%;
 padding:0.5em 1.2em 0.2em 0.8em;
 margin:0 0 1px 0;
 background-color:#FFFFFF;
 background-image:url(/assets/img/common/b-next.png);
 background-position:665px center;
 background-repeat:no-repeat;
}
#program-list div a:hover{
 background-color:#ffea00;
}


/* ---------------------------------------
			#program-list .b-close
*/
#program-list .b-close{
 display:block;
 font-size:1px;
 line-height:100%;
 text-indent:-9999px;
 width:33px;
 height:34px;
 background-image:url(/assets/img/common/b-close.png);
 background-position:0 0;
 background-repeat:no-repeat;
 position:absolute;
 z-index:1;
 top:-5px;
 right:-15px;
 cursor:pointer;
}
#program-list .b-close:hover{ background-position:bottom;}