@charset "euc-jp";
@import "/r_css/imports.css";
@import "/common/css/special_recommend2.css";
/* CSS Document */
.caution{color:#FF0000;}
/* right */
/* base mainImg and title
========================================== */
#nhk #mainImg{
	width:715px;
	height:auto;
	margin-bottom:12px;
}
#nhk h1{
	color:#3D8C15;
	font-size:100%;
	line-height:120%;
	margin:0px;
}
#nhk h2{
	font-weight:bold;
	height:20px;
	line-height:22px;
	padding-left:14px;
	background:url(/etc/tv/nhk/img/title_bg.gif) no-repeat;
	background-color:#0091d4;
	color:#0091d4;
	position:relative;
}
#nhk #wrapper h2 span{
	background:url(/etc/tv/nhk/img/span_bg.gif) repeat-x scroll 0 0 transparent;
	height:17px;
	line-height:17px;
	font-size:10px;
	font-weight:normal;
	padding:0px 10px;
	position:absolute;
	right:4px;
	top:3px;
}
#nhk #wrapper h2 span a{
	color:#ffffff;
}
/* attention */

#nhk #attention{
	font-size:90%;
	color:#ff0000;
}
#nhk div.unit p{
	font-size: 77%;
	line-height: 1.335;
}
/* ll size.sectionA
========================================== */
/*.genre #contents div.wrapper div.sectionA{
	margin-left:-19px;
}
.genre #contents div.wrapper div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:10px 0 15px 19px;
}
*/
#nhk div.sectionA{
	clear:both;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px -14.75px 10px 0px;
	width:715px;
}
#nhk div.sectionA:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#nhk div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin: 0px 14.75px 10px 0px;
}
/*for IE6*/
*html #nhk div.sectionA{
	clear:both;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px 0 20px;
	width:715px;
	padding-bottom:20px;
}
*html #nhk div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:0 7px 15px;
}
/*for IE7*/
*:first-child+html #nhk div.sectionA{
	clear:both;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px 0 20px;
	width:715px;
	padding-bottom:20px;
}
*:first-child+html #nhk div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:0 7px 15px;
}
#nhk div.sectionA div.unit div.img{
	display:inline;
	float:left;
	margin-bottom:2px;
	width:164px;
}
#nhk div.sectionA div.unit div.img a{
	background: white;
	border: 1px solid #CDCDCD;
	display: inline;
	float: left;
	padding: 1px;
	width: 160px;
}
#nhk div.sectionA div.unit h3{
	font-weight:bold;
	margin:4px 0;
}
#nhk div.sectionA div.unit h3 img{
	display: inline;
	float: left;
	margin: 3px 4px 1px 0px;
}
#nhk div.sectionA div.unit p{
}
/* sectionB
========================================== */
#nhk div.sectionB{
	clear:both;
	width:715px;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px -14.75px 10px 0;
}
#nhk div.sectionB:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#nhk div.sectionB div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:0 14.75px 10px 0;
}
#nhk div.sectionB div.unit div.img{
	float:left;
	display:inline;
	width:97px;
	margin:0 4px 0 0;
}
#nhk div.sectionB div.unit div.img a{
	float:left;
	display:inline;
	width:93px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#nhk div.sectionB div.unit div.img a:hover{
float:left;
	display:inline;
	width:93px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#nhk div.sectionB div.unit h3{
	float:left;
	display:inline;
	width:63px;
}
#nhk div.sectionB div.unit h3 img{
	display:block;
	margin:0 3px 3px 0;
}

/* sectionC
========================================== */
#nhk div.sectionC{
	clear:both;
	width:715px;
	margin:10px -10.3px 10px 0;
}
#nhk div.sectionC div.unit{
	float:left;
	display:inline;
	width:228px;
	margin:0 10.3px 10px 0;
}
#nhk div.sectionC div.unit div.img{
	float:left;
	display:inline;
	width:79px;
	margin-right:4px;
}
#nhk div.sectionC div.unit div.img a{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#nhk div.sectionC div.unit div.img a:hover{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#nhk div.sectionC div.unit div.txt{
	float:left;
	display:inline;
	width:140px;
	padding:0 0 0 5px;
}
#nhk div.sectionC div.unit h3{
	font-weight:bold;
	line-height:1.2;
}
#nhk div.sectionC div.unit h3 img{
	float:left;
	display:inline;
	margin:1px 4px 1px 0;
}
/* msize .sectionD
========================================== */
#nhk div.sectionD{
	clear:both;
	margin:10px 0 20px;
}
#nhk div.sectionD:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
/*for IE6*/
*html #contents div.wrapper div.sectionD{
	clear:both;
	border-bottom:1px solid #d2d2d2;
	margin:10px 0 20px;
	width:715px;
	padding-bottom:20px;
}
/*for IE7*/
*:first-child+html #contents div.wrapper div.sectionD{
	clear:both;
	border-bottom:1px solid #d2d2d2;
	margin:10px 0 20px;
	width:715px;
	padding-bottom:20px;
}
#nhk div.sectionD div.unit{
	float:left;
	display:inline;
	width:90px;
	margin:0px 12px 10px 0px;
}
#nhk div.sectionD div.unit div.img{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#nhk div.sectionD div.unit div.img:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#nhk div.sectionD div.unit h3{
	clear:both;
	width:79px;
	margin:4px 0px;
}
#nhk div.sectionD div.unit h3 img{
	display: block;
	margin: 0px 3px 3px 0px;
}


/* series top page */
/* promotion and pack tabs
========================================== */
#nhk #packBox{
	width:715px;
	margin-bottom:12px;
}
#nhk #packBox ul{
	background:url(/etc/tv/nhk/common/tab_packoff.gif) no-repeat 0 0;
	width:715px;
	height:40px;
}
#nhk #packBox ul li{
	float:left;
	list-style-type:none;
	background:url(/etc/tv/nhk/common/tab_pack.gif) no-repeat 0 0;
	width:117px;
	height:38px;
	margin:1px;
	display:block;
	text-align:center;
}
/* for poor IE6 */
*#nhk #packBox ul li.last{
	margin-right:0px;
}
#nhk #packBox ul li a{
	color:#0091d4;
	font-size:12px;
	line-height:16px;
	display:block;
	margin-top:3px;
}
#nhk #packBox ul li a#one{
	line-height:38px;
}
#nhk #packBox ul li a span{
	font-size:10px;
	line-height:14px;
}

/* notice for the program */
#nhk #packBox p{
	margin-top:5px;
	border:2px solid #dddddd;
	background-color:#eeeeee;
	padding:10px;
	color:#d53935;
	font-size:90%;
}
#nhk #packBox p.Bought{
	margin-top:5px;
	border:2px solid #d53935;
	background-color:#fbe9ea;
	padding:10px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
}
#nhk #packBox p.Bought a{
	text-decoration:underline;
	color:#0000ff;
}
#nhk #packBox span{
	font-size:90%;
	line-height:100%;
	padding-top:3px;
	display:block;
}


/* links to other series
========================================== */
#nhk #seriesBox{
	background-color:#ddd;
	padding:8px 15px;
	width:683px;
	margin-bottom:8px;
	border:1px dotted #bbb;
	border-top-width:0px;
}
#nhk #seriesImg{
	padding:0 0 0 123px;
	position:relative;
	font-size:90%;
	min-height:68px;
}
#nhk #seriesImg a{
	font-weight:bold;
	text-decoration:underline;
}
#nhk #seriesImg img{
	left:0;
	top:0;
	position:absolute;
}

/* attract the free episode in list */
#nhk #cmsList .free{
	background-color:#77c7e0;
}

#nhk #cmsList .srTarget{
	font-weight:bold;
	color:#006;
	margin:20px 0px 10px 0px;
	border-bottom:1px dotted #006;
}
#nhk #cmsList p.summary{
	margin-bottom:8px;
	padding:2px 15px;
	font-size:80%;
	background-color:#eeeeee;
}

/* NearLive */
#nhk #comingSoon{
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#ce5d5f;
}
/* last episode frame
========================================== */
#nhk #mainImg #lastEp{
	background-color:#e6e6e6;
	width:715px;
	padding-bottom:6px;
	margin-top:10px;
}
#nhk #mainImg #lastEp h4{
	background-color:#666666;
	height:26px;
	color:white;
	text-align:center;
	line-height:26px;
	font-weight:bold;
	letter-spacing:0.3em;
}
#nhk #mainImg #lastEp h4 span{
	color:#F09;
}
#nhk #mainImg #lastEp p{
	color:#FFFFFF;
	font-size:80%;
}
#nhk #mainImg #lastEp #lastBox{
	background-color:#e6e6e6;
	width:685px;
	padding:10px 15px;
	border-width:0px;
	height:auto;
}
#nhk #mainImg #lastEp #lastBox #lastImg{
	padding:0 0 0 113px;
	position:relative;
	font-size:90%;
	line-height:1.5;
	min-height:68px;
}
#nhk #mainImg #lastEp #lastBox #lastImg a{
	font-weight:bold;
	text-decoration:underline;
}
#nhk #mainImg #lastEp #lastBox #lastImg img{
	left:0;
	position:absolute;
	top:0;
}
#nhk #mainImg #lastEp #lastBox #buttons{
	text-align:right;
	color:#cc5e5a;
	font-size:80%;
	height:15px;
	margin-top:5px;
}
#nhk #mainImg #lastEp #lastBox #buttons img,
#nhk #mainImg #lastEp #lastBox #buttons2 img{
	margin-left:5px;
	vertical-align:middle;
}

/* update schedule */
#nhk #mainImg ul{
	margin:15px auto 8px auto;
	width:695px;
	background-color:#eee;
	padding:5px 10px;
	font-size:12px;
}
#nhk #mainImg ul li#skdl{
	font-weight:bold;
	color:#00abeb;
}

/* footer */
/* copyright and so on
========================================== */
#nhk #copyright{
	margin:20px auto;
	border-top:1px solid #d2d2d2;
	padding-top:5px;
	font-size:80%;
}
#nhk #wrapper #foot{
	/*text-align:right;
	margin:8px 0px 15px 0px;*/
	background:url(/r_img/base/footer_bg_pagetop.gif) no-repeat scroll 0 5px transparent;
	display:inline;
	float:right;
	margin:10px 0px;
	padding-left:10px;
}

#nhk #wrapper #nhkCopy{
	margin-bottom:10px;
	font-size:90%;
	float:right;
}
/* for list */
#nhk #cmsList .listBox .lower .txtBox h3{
	line-height:140%;
}