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


/* --------------------------------------------
	Base Layout
-------------------------------------------- */
body#id_top #mainAreaTop,
body#id_top #mainAreaBottom,
body#id_top #mainAreaTop .secAlphaBtm div.titProgram
{
	display: block;
	min-height: 1%;
}

body#id_top #mainAreaTop:after,
body#id_top #mainAreaBottom:after,
body#id_top #mainAreaTop .secAlphaBtm div.titProgram:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html body#id_top #mainAreaTop,
* html body#id_top #mainAreaBottom,
* html body#id_top #mainAreaTop .secAlphaBtm div.titProgram
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
body#id_top #contents {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: transparent url(../../img/top_bgContents.gif) repeat left top;
}
@media print {
	body#id_top #contents {
		background-image: none;
	}
}

body#id_top #sideArea {
	float: left;
	width: 220px;
}
body#id_top #mainArea {
	float: right;
	width: 772px;
}
	body#id_top #mainAreaTop {
		border-bottom: 1px solid #cccccc;
	}
@media print {
	body#id_top #mainAreaTop,
	body#id_top #mainAreaBottom {
		overflow: hidden;
	}
}
	body#id_top #mainAreaTop .secAlpha,
	body#id_top #mainAreaBottom .secAlpha {
		float: left;
		width: 505px;
	}

	body#id_top #mainAreaTop .secBeta,
	body#id_top #mainAreaBottom .secBeta {
		float: right;
		width: 266px;
	}




/* --------------------------------------------
	About
-------------------------------------------- */
#sideArea .secAbout {
	padding: 15px 0 0;
}
	#sideArea .secAbout h2 {
		text-align: center;
	}
	#sideArea .secAbout .textArea {
		padding: 10px 15px 10px 15px;
		line-height: 1.6;
	}
	#sideArea .secAbout .faceDetail {
		margin-bottom: 10px;
		text-align: center;
	}
	#sideArea .secAbout .faceLink {
		margin-left: 15px;
	}


/* --------------------------------------------
	Information
-------------------------------------------- */
#sideArea .secInfo {
	padding: 30px 0 0;
}
	#sideArea .secInfo ul {
		padding-top: 3px;
		text-align: center;
		zoom:1;
	}
	#sideArea .secInfo li {
		margin-top: 15px;
		width: 220px;

	}





/* --------------------------------------------
	Main-T-Alpha
-------------------------------------------- */
body#id_top #mainAreaTop .secAlphaTop {
	overflow: hidden;
}

body#id_top #mainAreaTop .secAlphaBtm {
	width: 100%;
	background: url(../../img/top_bgProgram.gif) repeat center top;

}
body#id_top.fullopen #mainAreaTop .secAlphaBtm {
	height: 286px;
}

@media print {
	body#id_top #mainAreaTop .secAlphaBtm {
		background-image: none;
		background-color: #dedede;
	}
}

	body#id_top #mainAreaTop .secAlphaBtm td {
		border-top: 1px solid #cccccc;
		padding: 5px 6px 6px;
		height: 143px;
	}
	body#id_top.fullopen #mainAreaTop .secAlphaBtm td {
		border-top: 1px solid #cccccc;
		padding: 0 6px;
		height: auto;
	}
	body#id_top #mainAreaTop .secAlphaBtm div.titProgram {
		margin-bottom: 6px;
		width: 239px;
	}
	body#id_top.fullopen #mainAreaTop .secAlphaBtm div.titProgram {
		margin-top: 8px;
		margin-bottom: 4px;
		width: 239px;
	}
		body#id_top #mainAreaTop .secAlphaBtm h3 {
			font-weight: bold;
			line-height: 1.2;
			font-size: 110%;
		}
			body#id_top #mainAreaTop .secAlphaBtm h3 span.numProgram {
				display: block;
				float: left;
				overflow: hidden;
	
				margin-right: 6px;
				padding-top: 15px;
				width: 40px;
				height: 23px !important;
				height: 38px;
				background: transparent url(../img/cmn_bg_vol.gif) no-repeat left top;
				text-align: center;
				line-height: 1.2;
				color: #333333;
				font-family: "Courier New", Courier, monospace;
				font-size: 18px;
	
			}
				body#id_top #mainAreaTop .secAlphaBtm h3 span.numProgram span {
					display: none;
				}
			body#id_top #mainAreaTop .secAlphaBtm .subTitProgram {
				line-height: 1.3;
			}
				body#id_top #mainAreaTop .secAlphaBtm .subTitProgram span {
					padding-left: 12px;
					background: url(../img/ico/ico_time10pxG.gif) no-repeat left center;
				}
				body#id_top #mainAreaTop .secAlphaBtm .subTitProgram span span {
					padding-left: 0;
					padding-right: 12px;
					background-position: right center;
				}


	body#id_top #mainAreaTop .secAlphaBtm div.descProgram {
		position: relative;
		width: 239px;
	}
	body#id_top.fullopen #mainAreaTop .secAlphaBtm div.descProgram {
		margin-bottom: 7px;
	}
		body#id_top.fullopen #mainAreaTop .secAlphaBtm div.descProgram .pictProgram img {
			border: 2px solid #ffffff;
		}

		body#id_top #mainAreaTop .secAlphaBtm div.descProgram .btn500k {
			position: absolute;
			right: 0;
			bottom: 21px;
		}
		body#id_top #mainAreaTop .secAlphaBtm div.descProgram .btn1M {
			position: absolute;
			right: 0;
			bottom: 0;
		}
		body#id_top #mainAreaTop .secAlphaBtm div.descProgram .btnEntry {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 84px;
			height: 27px;
			background: url(../img/btn/btn_Entry2_o.gif) repeat left top;
		}
			body#id_top #mainAreaTop .secAlphaBtm div.descProgram .btnEntry a {
				display: block;
				width: 84px;
				height: 27px;
			}
			body#id_top #mainAreaTop .secAlphaBtm div.descProgram .btnEntry a:hover {
				background-color: transparent;
			}
				body#id_top #mainAreaTop .secAlphaBtm div.descProgram .btnEntry a:hover img {
					visibility: hidden;
				}

/* --------------------------------------------
	Main-T-Beta
-------------------------------------------- */
ul#gNavi {
	overflow: hidden;
	width: 266px;
}
	ul#gNavi li {
		float: left;
	}
		ul#gNavi li a {
			display: block;
			width: 266px;
		}
	ul#gNavi li#gNavi01 { background: url(../../img/201004/gNavi01t_o.jpg) no-repeat left top;}
	ul#gNavi li#gNavi02 { background: url(../../img/201004/gNavi02t_o.jpg) no-repeat left top;}
	ul#gNavi li#gNavi03 { background: url(../../img/201004/gNavi03t_o.jpg) no-repeat left top;}
	ul#gNavi li#gNavi04 { background: url(../../img/201004/gNavi04t_o.jpg) no-repeat left top;}
	ul#gNavi li#gNavi05 { background: url(../../img/201004/gNavi05t_o.jpg) no-repeat left top;}
		ul#gNavi li#gNavi01 a { height: 51px;}
		ul#gNavi li#gNavi02 a { height: 118px;}
		ul#gNavi li#gNavi03 a { height: 66px;}
		ul#gNavi li#gNavi04 a { height: 56px;}
		ul#gNavi li#gNavi05 a { height: 46px;}
	ul#gNavi li a:hover {
		background-color: transparent;
	}
		ul#gNavi li a:hover img {
			visibility: hidden;
		}


/* --------------------------------------------
	Main-B-Alpha
-------------------------------------------- */
#mainAreaBottom .secAlpha { position: relative;}
#mainAreaBottom .secAlpha div.secInner { padding-top: 18px;}
#mainAreaBottom .secAlpha h2.title { margin-bottom: 16px;}

#mainAreaBottom .secAlpha .desc {
	margin-left: 15px;
	position: relative;
	height: 87px;
	background: url(../img/line_dot-X.gif) repeat-x left bottom;
}
.NP_logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
.NP_ch {
	position: absolute;
	left: 89px;
	top: 0px;
}
.NP_btn {
	position: absolute;
	left: 89px;
	top: 51px;
}
.NP_desc {
	position: absolute;
	left: 247px;
	top: 0px;
}


#mainAreaBottom .secAlpha div.clearfix {
	padding-top: 8px;
	margin-left: 15px;
}
#mainAreaBottom .secAlpha div.clearfix h3 { margin-bottom: 8px;}
#mainAreaBottom .secAlpha div.clearfix .inlineR {
	margin-right: 14px;
	margin-bottom: 8px;
}
#mainAreaBottom .secAlpha div.fltL,
#mainAreaBottom .secAlpha div.fltR {
	display: inline;
	width: 244px;
}
#mainAreaBottom .secAlpha div.fltR dd {}


/* ↓↓↓ 20101206 iframe add ↓↓↓ */
#mainAreaBottom .secAlpha div.clearfix {
	*position: relative; /* ie6/7 */
	/height: 360px; /* ie7 */
	_height: 368px; /* ie6 */
}
#mainAreaBottom .secAlpha div.clearfix iframe {
	width: 490px;
	height: 360px;
	overflow: scroll;
 overflow-x: hidden;
	*width: 507px; /* ie6/7 */
	*position: absolute; /* ie6/7 */
}
/* ↑↑↑↑ 20101206 iframe add ↑↑↑ */

#positionNProgram {
	overflow: hidden;
	display: none;
	position: absolute;
	left: 250px;
	top: 38px;
	z-index: 100;

	width: 244px;
	min-height: 282px;
	height: auto !important;
	height: 282px;

	background-color: #dedede;
	border: 1px solid #cccccc;
	line-height: 1.5;
}
	#positionNProgram .secNPInner {
		padding: 12px;
	}
		#positionNProgram .secNPInner p.NPvolNum {
			display: inline;
			float: left;
			overflow: hidden;

			margin-right: 10px;
			padding-top: 15px;
			width: 40px;
			height: 23px !important;
			height: 38px;
			background: transparent url(../img/cmn_bg_vol.gif) no-repeat left top;
			text-align: center;
			line-height: 1.2;
			color: #333333;
			font-family: "Courier New", Courier, monospace;
			font-size: 18px;
			font-weight: bold;
		}
			#positionNProgram .secNPInner p.NPvolNum span {
				display: none;
			}

		#positionNProgram .secNPInner p.NPthumb {
			display: inline;
			float: left;
			
			margin-bottom: 5px;
			border: 2px solid #ffffff;
		}

		#positionNProgram .secNPInner p.NPDate {
			clear: both;
		
		}
			#positionNProgram .secNPInner p.NPDate span {
				margin-left: 2px;
				padding-left: 12px;
				background: url(../img/ico/ico_time10pxG.gif) no-repeat left center;
			}
		#positionNProgram .secNPInner p.NPTitle {
			font-size: 110%;
			font-weight: bold;
		}
		#positionNProgram .secNPInner p.NPArea {
				padding-left: 12px;
				background: url(../img/ico/ico_time10pxG.gif) no-repeat left center;
				line-height: 1.3;
		}
			#positionNProgram .secNPInner p.NPArea span {
					padding-right: 12px;
					background: url(../img/ico/ico_time10pxG.gif) no-repeat right center;
			}
		#positionNProgram .secNPInner .NPDesc {
			margin-top: 10px;
			line-height: 1.4;
		}


/* ADD BEGIN +++++++++++++++++++++++++++++++++++++++++++++ /
	2009-10-01 - ヒストリーチャンネル対応
	monosus：sugo.s

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	#mainAreaBottom .secAlpha p.dl_title {
		padding: 2px 0 0;
		font-weight: bold;
		color: #998533;
		line-height: 1.3;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
	#mainAreaBottom .secAlpha .fltR dt {
		/* padding: 0 0 4px; */
	}

/* ADD END +++++++++++++++++++++++++++++++++++++++++++++++ /
	2009-10-01
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




	#mainAreaBottom .secAlpha div dl {}

	#mainAreaBottom .secAlpha div dl dt {
		padding: 4px 0;
		font-weight: bold;
		line-height: 1.3;
	}
	#mainAreaBottom .secAlpha div dl dd {
		margin-bottom: 5px;
		line-height: 1.3;
	}
	#mainAreaBottom .secAlpha div.fltR dl dd {
		margin-bottom: 9px;
		line-height: 1.3;
	}
	#mainAreaBottom .secAlpha div dl dd table { width: 100%;}
	#mainAreaBottom .secAlpha div dl dd table th,
	#mainAreaBottom .secAlpha div dl dd table td { vertical-align: top;}
	#mainAreaBottom .secAlpha div dl dd table .col1 { width: 17%;}
	#mainAreaBottom .secAlpha div dl dd table .col2 { width: 31%;}
	#mainAreaBottom .secAlpha div dl dd table .col3 { width: 33%;}
	#mainAreaBottom .secAlpha div dl dd table .col4 {}
	#mainAreaBottom .secAlpha div dl dd table span {
		margin-right: 1px;
		padding-right: 10px;
		background: url(../img/ico/ico_time10pxW.gif) no-repeat right center;
	}

/* --------------------------------------------
	Main-B-Beta
-------------------------------------------- */
#mainAreaBottom .secBeta {
	position: relative;
	height: 390px;
}
#mainAreaBottom .secBeta div.secInner {
	padding-top: 18px;
	padding-bottom: 71px;
}
#mainAreaBottom .secBeta h2.title {
	margin-bottom: 10px;
}
#mainAreaBottom .secBeta dl {
	padding: 0 52px 0 12px;
}
#mainAreaBottom .secBeta dl dt,
#mainAreaBottom .secBeta dl dd {
	padding: 3px 0;
}
#mainAreaBottom .secBeta dl dt {
	display: block;
	background: transparent url(../img/line_solid.gif) repeat-x left center;
	color: #a70002;
}
	#mainAreaBottom .secBeta dl dt span {
		display: block;
		width: 6em;
		background-color: #FFFFFF;
	}
#mainAreaBottom .secBeta dl dd {
	line-height: 1.4;
}

#mainAreaBottom .secBeta ul {
	overflow: hidden;
}
	#mainAreaBottom .secBeta ul li {
		display: inline;
		float: left;
		margin-bottom: 10px;
	}
		#mainAreaBottom .secBeta ul li img {
			display: block;
		}
#mainAreaBottom .secBeta .otherTv {
	position: absolute;
	left: 12px;
	bottom: 0;
}


/* --------------------------------------------
	2009/09/04 add
-------------------------------------------- */

#top_bnr_090907 {
	width: 365px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 368px;
}


#id_top .cmnUtility {
	display: inline;
	float: right;
	width: 400px;
	position: relative;
	padding-top: 40px;
}
#id_top .cmnUtility p.popbanner {
	position: absolute;
	right: 10px;
	top: 7px;
}