@charset "utf-8";
/* CSS Document */

/* CSS INDEX -----------------------------------------------
01 all
02 link
03 page
04 container
05 header
06 contents
07 footer
--------------------------------------------------------- */

/*=========================================================
01 all
==========================================================*/
div#contents{
	background-position: 0 -26px;
	_background-position: 0 -25px;
	padding: 0 0 0 0;
}

#leftColumn .box-title{
	padding-bottom:7px;
	border-bottom:#666 solid 1px;
}
#leftColumn .box-title h2.title{
	overflow:hidden;
}
#leftColumn .box-title p.link{
	padding:4px 2px 0 0;
	float:right;
	font-size:93%;
}
#leftColumn .box-title p.link a{
	background:url(/common/img/icon-arrow-gr.gif) 0 center no-repeat;
	padding-left:10px;
	/*color:#333;*/
}
#flashcontent{
	background:#000;
	color:#FFF;
}
#flashcontent p{
	padding:20px;
	text-align:center;
}

/*=========================================================
02 link
==========================================================*/
#leftColumn .box-title p a,
.topNewsBox .topNewsBoxInner dd a{
	color:#474747;
}

/*=========================================================
03 .topNewsBox
==========================================================*/
/*-------------------------------------*/
.Wild-Banner-Box{
	width:340px;
	margin-top:25px;
	float:left;
}
/*-------------------------------------*/

.topNewsBox{
	width:340px;
	padding-bottom:20px;
	margin-top:25px;
	float:left;
}
.topNewsBox .box-title h2.title{
	float:left;
}
.topNewsBox .topNewsBoxInner{
	padding:0;
	clear:both;
}
.topNewsBox .topNewsBoxInner dt,
.topNewsBox .topNewsBoxInner dd{
	display:block;
}
.topNewsBox .topNewsBoxInner dt{
	width:50px;
	padding:10px 0 7px 0;
	float:left;
	clear:both;
	font-size:77%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.topNewsBox .topNewsBoxInner dd{
	padding:9px 0 7px 55px;
	border-top:#999 dotted 1px;
}
.topNewsBox .topNewsBoxInner dd a{
	background:url(/common/img/icon-arrow-gr.gif) 2px 6px no-repeat;
	padding-left:12px;
	display:block;
}
.topNewsBox .topNewsBoxInner dd.pdf a{
	background:url(/common/img/icon-pdf.gif) 0 3px no-repeat;
	padding-left:14px;
}
/*=========================================================
04 .topOnairBox
==========================================================*/
.topOnairBox{
	width:240px;
	padding-bottom:15px;
	margin-top:25px;
	float:right;
}
.topOnairBox .box-title h2.title{
	float:left;
}
.topOnairBox .topOnairBoxInner{
	clear:both;
}
.topOnairBox .topOnairBoxInner .box-inner{
	padding:5px 0;
}
.topOnairBox .topOnairBoxInner .box-inner h3{
	padding:30px 0 0 0;
	height:0px;
	display:block;
	overflow:hidden;
}
.topOnairBox .topOnairBoxInner .onair-now h3{
	background:url(/channels/tv/img/onair-now-ttl.jpg) 0 0 no-repeat;
}
.topOnairBox .topOnairBoxInner .onair-next h3{
	background:url(/channels/tv/img/onair-next-ttl.jpg) 0 0 no-repeat;
}

.topOnairBox .topOnairBoxInner .box-inner dl{
	background:#4F4F4F;
	display:block;
	padding:8px;
}
.topOnairBox .topOnairBoxInner .box-inner dl dt{
	width:100px;
	display:block;
	float:left;
}
.topOnairBox .topOnairBoxInner .box-inner dl dt img{
	width:100px;
	/*IEで縮小サムネイルをハイクオリティ化*/
	-ms-interpolation-mode:bicubic;
}
.topOnairBox .topOnairBoxInner .box-inner dl dd{
	display:block;
	padding:0 0 0 110px;
	color:#FFF;
}
.topOnairBox .topOnairBoxInner .box-inner dl dd a{
	color:#FCD10A;
}
.topOnairBox .topOnairBoxInner .box-inner dl dd strong,
.topOnairBox .topOnairBoxInner .box-inner dl dd a strong{
	font-weight:bold;
}

/*=========================================================
05 .topRecommendBox
==========================================================*/
.topRecommendBox{
	padding-bottom:30px;
	clear:both;
}
.topRecommendBox .box-title{
	margin-bottom:10px;
}
.topRecommendBox .box-title h2.title{
}
.topRecommendBox .topRecommendBoxInner{
	/*width:615px;
	_width:625px;*/
	width:605px !important;
	height:255px;
	overflow:hidden;
}
.topRecommendBox .topRecommendBoxInner li{
	float:left;
	margin-right:10px;
}
.topRecommendBox .topRecommendBoxInner .box-inner{
	width:187px;
	height:247px;
	padding:4px;
	background:#333;
	color:#FFF;
}
.topRecommendBox .topRecommendBoxInner .box-inner p{
	padding-bottom:1px;
	border-bottom:#525252 solid 1px;
}
.topRecommendBox .topRecommendBoxInner .box-inner p img{
	width:187px;
	/*IEで縮小サムネイルをハイクオリティ化*/
	-ms-interpolation-mode:bicubic;
}
.topRecommendBox .topRecommendBoxInner .box-inner dl{
	padding:6px;
}
.topRecommendBox .topRecommendBoxInner .box-inner dl dt,
.topRecommendBox .topRecommendBoxInner .box-inner dl dd{
	padding:6px 0;
}
.topRecommendBox .topRecommendBoxInner .box-inner dl dt a{
	border-left:#FCD10A solid 3px;
	padding-left:6px;
	display:block;
}

.topRecommendBox .topRecommendBoxPaging{
	clear:both;
	width:96px;
	margin:0 auto;
	padding:20px 0 0 0;
}
.topRecommendBox .topRecommendBoxPaging li{
	width:8px;
	height:8px;
	margin:6px 3px;
	background:url(/channels/tv/img/recommend-btn-dot.jpg) 0 0 no-repeat;
	display:block;
	float:left;
	line-height:0px;
}
.topRecommendBox .topRecommendBoxPaging li a{
	display:block;
	line-height:0px;
	text-decoration:none;
}
.topRecommendBox .topRecommendBoxPaging li.on{
	background-position:0 -8px;
}


.topRecommendBox .topRecommendBoxPaging .pg_prev,
.topRecommendBox .topRecommendBoxPaging .pg_next{
	width:22px;
	height:22px;
	margin:0 2px;
	display:block;
	float:left;
	text-decoration:none;
	line-height:0px;
}
.topRecommendBox .topRecommendBoxPaging .pg_prev{
	background:url(/channels/tv/img/recommend-btn-l.jpg) 0 0 no-repeat;
}
.topRecommendBox .topRecommendBoxPaging .pg_next{
	background:url(/channels/tv/img/recommend-btn-r.jpg) 0 0 no-repeat;
}
.topRecommendBox .topRecommendBoxPaging .pg_prev:hover,
.topRecommendBox .topRecommendBoxPaging .pg_next:hover{
	background-position:0 -22px;
}

/*=========================================================
06 .topLineupBox
==========================================================*/
.topLineupBox{
	padding-bottom:10px;
	clear:both;
}
.topLineupBox .box-title h2.title{
}
.topLineupBox .topLineupBoxInner{
	padding-top:10px;
	margin:0 0 0 -15px;
	_margin:0 0 0 -30px;
}
.topLineupBox .topLineupBoxInner dl{
	width:295px;
	padding-bottom:20px;
	margin-left:15px;
	float:left;
	display:block;
}
.topLineupBox .topLineupBoxInner dt{
	width:295px;
	height:75px;
	padding-bottom:15px;
}
.topLineupBox .topLineupBoxInner dt a{
	width:295px;
	height:0;
	padding:75px 0 0 0;
	display:block;
	overflow:hidden;
}
.topLineupBox .topLineupBoxInner dl.lu-feature dt a{
	background:url(/common/img/lineup-ttl-feature.jpg?120613-01) 0 0 no-repeat;
}
.topLineupBox .topLineupBoxInner dl.lu-science dt a{
	background:url(/common/img/lineup-ttl-science.jpg?120613-01) 0 0 no-repeat;
}
.topLineupBox .topLineupBoxInner dl.lu-unbelievable dt a{
	background:url(/common/img/lineup-ttl-unbelievable.jpg?120613-01) 0 0 no-repeat;
}
.topLineupBox .topLineupBoxInner dl.lu-military dt a{
	background:url(/common/img/lineup-ttl-military.jpg?120613-01) 0 0 no-repeat;
}
.topLineupBox .topLineupBoxInner dl.lu-mystery dt a{
	background:url(/common/img/lineup-ttl-mystery.jpg?120613-01) 0 0 no-repeat;
}
.topLineupBox .topLineupBoxInner dl.lu-wild dt a{
	background:url(/common/img/lineup-ttl-wild.jpg?120613-01) 0 0 no-repeat;
}


.topLineupBox .topLineupBoxInner dl.lu-feature dt a:hover,
.topLineupBox .topLineupBoxInner dl.lu-science dt a:hover,
.topLineupBox .topLineupBoxInner dl.lu-unbelievable dt a:hover,
.topLineupBox .topLineupBoxInner dl.lu-military dt a:hover,
.topLineupBox .topLineupBoxInner dl.lu-mystery dt a:hover,
.topLineupBox .topLineupBoxInner dl.lu-wild dt a:hover{
	background-position:0 -75px;
}



/* .pickupBox
-----------------------------*/
.pickupBox{
	padding-bottom: 50px;
}
	.pickupBox .box-title{
		padding-bottom:7px;
		border-bottom:#666 solid 1px;
	}

	.pickupBox li{
		padding-top: 15px;
	}



/* .moviebox
-----------------------------*/
.moviebox{
	margin-top: 20px;
	margin-bottom: 20px;
}

	.moviebox .lead{
		font-size: 13px;
		padding: 15px 0;
	}

	.moviebox .movie2{
		background: url(/special-contents/ngc/img/recommend_movie_bg.png);
		padding: 20px;
	}

	.moviebox .movie .movieFrame2{
		position: relative;
		padding-top: 56.25%;/* 9/16 */
	}
		.moviebox .movie .movieFrame2 iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}


		.moviebox .movieList{
			margin-top: 10px;
		}

			.moviebox .movieList .list-title{
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;

				-webkit-justify-content: space-between;
				justify-content: space-between;

				-webkit-align-items: flex-end;
				align-items: flex-end;

				margin-bottom: 8px;
			}
				.moviebox .movieList .list-title h4{
					font-size: 17px;
					color: #fcd110;
				}
				.moviebox .movieList .list-title .sub{
					font-size: 11px;
					color: #fff;
				}


			.moviebox .movieList li{
				border-top: 1px dotted #838383;
			}
			.moviebox .movieList a{
				padding: 10px 0;
				color: #fff;
				display: block;
				line-height: 1;
			}
			.moviebox .movieList a.visit-link{
				color: #a0a0a0;
			}



		.moviebox .btn-shortmovie{
			margin-top: 20px;
			text-align: center;
			padding-bottom: 30px;
		}
			.moviebox .btn-shortmovie a:hover{
				opacity: 0.8;
			}


/* スカパー緊急お知らせ
-----------------------------*/
.sky-perfect-notes {
	margin-bottom:20px;
}
.sky-perfect-notes strong {
	color: red;
}
.sky-perfect-notes a{
	color: inherit;
	text-decoration: underline;
}
.sky-perfect-notes a:hover{
	text-decoration: none;
}