@charset "UTF-8";
/* [www.ch-ginga.jp]
 * /special/css/sanada.css
 * Style for "Sanada Taiheiki" Special Page.
 * Modified: 2009-04-20
 */

@import "sanada_thickbox.css";

#contents { font-size: 133%; }

/* main
----------------------------------------*/
div#main h1 {
	margin: 15px 0 30px;
}

div#content {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #D4D4D4;
	background: url(../images/sanada/bg_contents.jpg) repeat-y 0 370px;
	font-size: 88%;
}
div#content p.pagetop { margin-right: 20px; font-size: 86%; }

/* mainvisual
----------------------------------------*/
div#mainvisual {
	position: relative;
	width: 100%;
}
div#mainvisual p.main {
	padding-top: 30px;
	text-align: center;
}
div#mainvisual p.btn {
	position: absolute;
	top: 314px; right: 25px;
	width: 217px;
}
div#mainvisual p.link {
	margin: 8px 20px;
	text-align: right;
}
div#mainvisual p.link a,
div#mainvisual p.link a:visited {
	color: #333;
	padding-left: 16px;
	background: url(../../images/bullet_pagedown.gif) no-repeat 0 2px;
}

/* intro
----------------------------------------*/
div#intro {
	line-height: 1.5;
}
div#intro h2 {
	margin: 0 0 18px 20px;
}
div#intro div.content {
	width: 885px;
	margin: 0 auto 29px 20px;
	background: url(../images/sanada/bg_content_2.jpg) repeat-y 0 0;
}
div#intro div.inner {
	padding: 20px 20px 0;
	border-top: 1px solid #DCDBD0;
	border-bottom: 1px solid #DCDBD0;
	background: url(../images/sanada/bg_intro.jpg) no-repeat 0 100%;
}
div#intro div.content p {
	margin-bottom: 20px;
}
div#intro div.content p.note {
	font-size: 86%;
}

/* soukanzu
----------------------------------------*/
div#soukanzu h2 {
	margin: 0 0 16px 20px;
}
div#soukanzu div.content {
	position: relative;
	width: 887px;
	margin: 0 0 29px 20px;
}
div#soukanzu a,
div#soukanzu a:visited {
	display: block;
	position: absolute;
	background-image: url(data:image/gif;base64,AAAA);
	text-indent: -9999px;
}
div#soukanzu a:hover,
div#soukanzu a:active {
	background-color: #FFF;
	opacity: .2;
	-moz-opacity: .2;
	/filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
}

a#masayuki { top: 41px; left: 305px; width: 53px; height: 186px; }
a#nobuyuki { top: 261px; left: 375px; width: 53px; height: 204px; }
a#yukimura { top: 261px; left: 174px; width: 53px; height: 187px; }
a#ieyasu { top: 21px; right: 71px; width: 53px; height: 204px; }
a#okou { top: 41px; right: 210px; width: 46px; height: 120px; }
a#yamanaka { top: 261px; right: 210px; width: 46px; height: 120px; }
a#hideyoshi { top: 21px; left: 68px; width: 53px; height: 207px; }
a#komatsu { top: 500px; left: 378px; width: 46px; height: 120px; }
a#nekota { top: 261px; right: 164px; width: 46px; height: 120px; }
a#higuchi { top: 261px; right: 296px; width: 46px; height: 120px; }
a#matagorou { top: 41px; right: 164px; width: 46px; height: 120px; }
/*
a# { top: ; right: ; width: ; height: ; }
a# { top: ; left: ; width: ; height: ; }
*/

/* episode
----------------------------------------*/
div#ep {
	margin-bottom: 30px;
	line-height: 1.5;
}

div#ep div.titep { width: 885px; height: 30px; margin: 0 0 16px 20px; }

div#ep div.titep h2 {
	float: left;
}
div#ep div.titep select {
	float: right;
	display: block;
}
div#ep div.content {
	width: 885px;
	overflow: hidden;
	margin: 0 auto 0 20px;
	border-top: 1px solid #DCDBD0;
	border-bottom: 1px solid #DCDBD0;
	background: url(../images/sanada/bg_content_2.jpg) repeat-y 0 0;
}

#item2 { display: none; }
#item3 { display: none; }


div#ep div.left {
	float: left;
	width: 425px;
	margin: 19px 0 16px;
}
div#ep div.left h3 { margin: 0 0 18px 18px; }
div#ep div.left p {	margin: 0 0 20px 18px; }
div#ep div.right {
	float: right;
	width: 430px;
	margin: 59px 0 16px;
}
div#ep div.right p { margin: 0 18px 20px 0; }
div#ep div.photo { margin: 0 auto 0 54px; }
div#ep div.photo p { margin: 0; }

/* epg
----------------------------------------*/
div#epg {
	position: relative;
	width: 885px;
	margin: 0 auto 28px 20px;
}
div#epg h2,
div#epg p.date { text-align: right; }
div#epg p.pct {
	position: absolute;
	top: 0; left: 0;
	width: 270px;
}
div#epg p.btn {
	position: absolute;
	top: 101px; right: 79px;
	width: 282px;
}

/* 
----------------------------------------*/

/*----------------------------------------
 modules
----------------------------------------*/
/* margin */
div#main .mb10 { margin-bottom: 10px; }
div#main .mb16 { margin-bottom: 16px; }
div#main .mb40 { margin-bottom: 40px; }
div#main .mt28 { margin-top: 28px; }

/* padding */

/* line */
div#main .line {
	clear: both;
	height: 1px; overflow: hidden;
	background: url(../../images/line_dotted_999999.gif) repeat-x 0 0;
	font-size: 0; line-height: 0;
}


/*----------------------------------------
 hidden modules
----------------------------------------*/
div#pgm_table dl dt,
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------
 clearfix
----------------------------------------*/
div.category:after,
div.category_header dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*:first-child+html div.category,
*:first-child+html div.category_header dl {
	display: inline-block;
}
* html div.category,
* html div.category_header dl {
	height: 1%;
}