@charset "utf-8";
/*
------------------------------------------------------------------------------
	Sitename: 大河ドラマ 50 Official WebSite
	URL: http://www9.nhk.or.jp/taiga/
	Date: 2010-12
	Copyright (C) NHK (Japan Broadcasting Corporation) All rights reserved.
	
	ページ全体の基本設定ファイル
------------------------------------------------------------------------------
*/


/*	ページ全体　初期化設定
------------------------------------------------------------------------------
*/
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, em, strong, brockquote, pre, table, caption, th, td, address, form, fieldset, input, textarea, legend, object {
	margin: 0;
	padding: 0;
	font-style:normal;
	font-size:100%;
	vertical-align:baseline;
}
/* -------------------- タグ個別 ----------------------- */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
}
li {
	list-style:none;
}
img, a img {
	border: 0;
	vertical-align: bottom;
	background:transparent;
}
table {
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}
th, td {
	vertical-align:top;
	/*border:1px solid #000000;*/
	font-weight:normal;
	text-align:left;
}
caption {
	text-align:left;
}
/*	ベーシックスタイル
------------------------------------------------------------------------------
*/
html {
	overflow-y: scroll;
}
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight: normal;
	width:100%;
	font-size:small;
	background: url(../img/body_bak.png) repeat left top;	
}
/*----- IE6 -----*/
* html body {
	text-align:center;
	font-size: x-small;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	
}
/*----- without IE -----*/
html:not(:target) body {
	font-size:13px;
}



/*	link color
------------------------------------------------------------------------------
*/
a:link {
	color:#997300;
	text-decoration:underline;
}
a:visited {
	color:#997300;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
	color:#FFCC33;
}
a:active {
	text-decoration:underline;
}
/*	clearfix
------------------------------------------------------------------------------
*/	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
*:first-child+html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*	
------------------------------------------------------------------------------
	ここからメインレイアウト
------------------------------------------------------------------------------
*/
#wrapper {
	padding: 0px;
	text-align: center;
	position: relative;
	margin: 0px auto;
	font-size: 108%;
	line-height:1.8;
	background: url(../img/wrap_bak.png) repeat-x left top;
}
#CategoryIndex #wrapper {
	background: url(../img/index_wrap_bak.png) repeat-x left top;
	}

/*	header
------------------------------------------------------------------------------
*/
#page {
	background: url(../img/header_bak.png) no-repeat center top;
	}
#CategoryIndex #page {
	background: url(../img/index_header_bak.png) no-repeat center top;
	}
#header {
	text-align: left;
	position: relative;
	margin: 0px auto;
	width:960px;
	height:300px;
	zoom:1;	/*ie6.7内部が消えるバグ panelにclearを入れてる場合*/
}

/*-- トップ --*/
#CategoryIndex #header {
	height:550px;
	}

#header #logo {
	margin-left:20px;
	}
#header #logo a {
	outline:none;
	}

/*	globalNav
------------------------------------------------------------------------------
*/
#globalNav {
	position: absolute;
	height: 50px;
	width:700px;
	left: 260px;
	top: 0px;
	/*text-align:center;
	min-width:990px;IE7,8画面縮小対策*/
}

#globalNav a, #globalNav a span{
	/*Start hiding from IE Mac \*/
		overflow:hidden;
	/*Stop hiding from IE Mac */
	display:block;
	height:50px;
	width:140px;
	position:absolute;
	text-indent:-9999px;
	background: url(../img/globalbtn.png);
	top:0px;
	outline:none;
}

#taiga50Top a {
	background-position: 0px 0px;
	width:140px;
	left:0px;
}
#catalog a{
	background-position: -140px 0px;
	left:140px;
}
#special a{
	background-position: -280px 0px;
	left:280px;
}
#information a {
	background-position: -420px 0px;
	left:420px;
}
#kikou a{
	background-position: -560px 0px;
	left:560px;
}



/*------ hover ------*/
#taiga50Top a:hover {
	background-position: 0px -50px;
}
#catalog a:hover {
	background-position: -140px -50px;
}
#special a:hover {
	background-position: -280px -50px;
}
#information a:hover {
	background-position: -420px -50px;
}
#kikou a:hover {
	background-position: -560px -50px;
}

/*------ フォーカス ------*/
#CategoryIndex #taiga50Top a {
	background-position: 0px -100px;
}
#CategoryCatalog #catalog a {
	background-position: -140px -100px;
}
#CategorySpecial #special a {
	background-position: -280px -100px;
}
#CategoryInformation #information a, #CategoryInformationRemaster #information a{
	background-position: -420px -100px;
}
#CategoryKikou #kikou a {
	background-position: -560px -100px;
}



/*	トップリスト 
------------------------------------------------------------------------------
*/
#indexPanel {
	position:absolute;
	top:65px;
	left:200px;
	width:725px;
	height:446px;
	background: url(../../topimg/top_list_bak.png) no-repeat left top;
	padding-top: 15px;
	padding-left: 20px;
	}
	*html #indexPanel {
		left:210px;
		width:740px;
	}
#indexPanel li {
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
	background: #FFFFFF;
	}
#indexPanel li a:active {
	color:#FFFFFF;
}

/*	subNav トップ
------------------------------------------------------------------------------
*/
#subNav {
	margin-top:20px;
	margin-left:20px;	
	}
#subNav li {
	margin-bottom:18px;
	}

	
/*	タイトル トップ以外
------------------------------------------------------------------------------
*/
#mainTitle {
	margin-top:-180px;
	margin-left:200px;
	}	


/*	コンテンツ領域設定 
------------------------------------------------------------------------------
*/
#mainContents {
	clear:both;
	width:958px;
	margin: -40px auto 0px;
	background: #FBF7F2 url(../img/mainContents_bak.png) no-repeat right top;
	position:relative;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #FBF7F2;/*ie8,chrome用*/
	border-left: 1px solid #CCCCCC;
	text-align: left;
	}
	*html #mainContents {
		width:960px;	
		}
/*-- トップ --*/
#CategoryIndex #mainContents {
	background: #FBF7F2 url(none);
	margin-top:-25px;
	}
/*-- よみがえる大河ドラマ --*/
#CategoryInformationRemaster #mainContents {
	background: #FBF7F2 url(../../infomation/img/info_remaster_img_top.jpg) no-repeat 540px 150px;
	}
/*	トップコンテンツ領域
------------------------------------------------------------------------------
*/
/*-- 左コンテンツ --*/
#indexMainL {
	float:left;
	width:719px;/*-- border分1pxマイナス --*/
	
	}
/*-- よみがえる大河ドラマ --*/	
#indexMainL #indexRemaster {
	margin-top:13px;
	margin-left:13px;
	}
/*-- 番組PRバナー --*/	
#indexMainL #indexProgPr {
	margin-top:13px;
	margin-left:13px;
	}
#indexMainL #indexProgPr a {
	outline:none;
}
/*-- sp バナー --*/ 
#indexMainL ul {
	margin-left:7px;/*floatのmargin分マイナス*/
	}
#indexMainL ul li {
	float:left;
	margin-left:6px;
	display:inline;
	}
#indexTopBnr {
	margin-top:13px;
	}
/*-- 関連情報 上marginは22px画像によって確保--*/	
#indexMainL #indexInfo {
	margin-left:13px;
	width:704px;
	background: url(../img/index_info02.png) no-repeat left bottom;
	padding-bottom:25px;
	}
#indexMainL #indexInfo h2 {
	width:704px;
	height:90px;
	text-indent:-9999px;
	background: url(../img/index_info01.png) no-repeat left top;
	}
#indexMainL #indexInfo .indexInfoEntry {
	width:210px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	display:inline;
	margin-top:-20px;

	}
#indexMainL #indexInfo #indexInfoEntry01 {
	margin-left:17px;
	}
#indexMainL #indexInfo h3 {
	margin-bottom:10px;
	}
#indexMainL #indexInfo li {
	padding-left:14px;
	background: url(../img/index_info_mark.png) no-repeat 0px 0.25em;
	line-height:1.5;
	margin-top:5px;
	}
#indexMainL #indexInfo li span {
	font-size:90%;
	}
/*-- 右コンテンツ --*/
#indexMainR {
	width:239px;/*-- border分1pxマイナス --*/
	float:left;
	}
/*-- 携帯PR --*/
#indexMobileInfo {
	/*margin-top:13px; 最上部の場合*/
	margin-left:3px;
	}
/*-- 更新情報 --*/
#indexUpdate {
	margin-top:10px;
	margin-left:3px;
	width:224px;
	background: url(../img/index_update02.png) repeat-y left top;
	}
#indexUpdate h2 {
	width:224px;
	height:71px;
	text-indent:-9999px;
	background: url(../img/index_update01.png) no-repeat left top;
	}
#indexUpdate .indexUpdateArea {
	background: url(../img/index_update03.png) no-repeat left bottom;
	padding-bottom: 25px;
	padding-left: 23px;
	}
#indexUpdate dl {
	margin-top:-10px;
	line-height:1.5;
	height:67px;
	width:184px;
	overflow:auto;
	padding-right:10px;
	}
	*html #indexUpdate dl {
		width:194px;
		}
#indexUpdate dl dt {
	font-weight:bold;
	}
#indexUpdate dl dd {
	width:164px;
	}
#indexUpdate dl dd li {
	padding-left:14px;
	background: url(../img/index_info_mark.png) no-repeat 0px 0.25em;
	line-height:1.5;
	}



#indexBnr {
	clear:both;
	width:920px;
	background: url(../img/index_bnr_line.gif) repeat-x 0px 20px;
	margin-left: 19px;
}
#indexBnr ul {
	padding-top:30px;
	margin-left:-10px;
	zoom:1;
	}
#indexBnr ul li {
	float:left;
	margin-left:10px;
	display:inline;
	}

/*	パンくずリスト
------------------------------------------------------------------------------
*/
#TopicPath {
	margin-left: 30px;	
	font-size: 93%;
	margin-top:10px;
}
#TopicPath li {
	float: left;
	width: auto;
	margin-right: 5px;
	padding-bottom:8px;
}	
	


/*	footer
------------------------------------------------------------------------------
*/
#footer {	
	position:relative;
	background: #000000 url(../img/footer_bak.png) repeat-x left top;
	clear:both;
	}
#footer #footerContents {
	clear:both;
	width:960px;
	text-align: left;
	margin: 0px auto;
	position:relative;/*ie6用*/	
	}
/*------ 先頭へ戻る ------*/
#footer #footerContents p.backTo {
	width:958px;
	text-align:right;
	padding-top:10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FBF7F2;
	}
	*html #footer #footerContents p.backTo {
		width:960px;
		}
#footer #footerContents p.backTo a {
	outline:none;
	}
#footer #footerContents p.backTo img {
	margin-right:17px;
	}	
/*----- 下バナーリンク -----*/
#footerLinks {	
	padding-top: 10px;	
	}
#footerLinks li {
	float:left;
	margin-left:20px;
	display:inline;
	}

/*----- 下注意書き -----*/
#footerCaution {
	font-size:80%;
	line-height:1.5;
	position:relative;
	clear:both;
	width:960px;		
	color: #CCCCCC;
	}
/*----- 著作権表示 -----*/
#footerCaution address {
	margin-left:95px;
	margin-top:0.5em;	
	}
/*----- NHKマーク -----*/	
#footerCaution p#logoNHK{
	position:absolute;
	top:0.5em;
	left:20px;
	margin-left:0px;
	}
/*----- 第2リンク -----*/
#footerLinks2 {
	margin-left:95px;
	padding-bottom:20px;	
	}
#footerLinks2 li {
	display:inline;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #CCCCCC;
	}
#footerLinks2 li a:link, #footerLinks2 li a:visited{
	color:#FFFFFF;
	}

#footerLinks2 li a:hover, #footerLinks2 li a:active{
	text-decoration:underline;
	color:#999999;
}
/*----- .firstChildはie6用 -----*/
#footerLinks2 li:first-child, #footerLinks2 li.firstChild {   
	margin-left: 0;   
	padding-left: 0;   
	border-left: 0;   
} 

/*	footer
------------------------------------------------------------------------------
*/ 
#CategoryAbout {
	background: url(../../catalog/img/catalog_bak.png) repeat left top;
	}
#CategoryAbout #wrapper {
	width:430px;
	background-image:none;
	text-align:left;
	line-height:1.5;
	padding: 20px;
	}
	*html #CategoryAbout #wrapper {
		width:450px;
		}	
#CategoryAbout #wrapper h1, #CategoryAbout #wrapper h2{
	font-size:123.1%;
	text-align:center;
	margin-bottom:10px;
	}	
#CategoryAbout #wrapper h2 {
	clear:both;
	padding-top:20px;
	}	
#CategoryAbout #wrapper p {
	text-indent:1em;
	}	
#CategoryAbout #wrapper p.aboutdomo {
	text-indent:0em;
	float: right;
	}