@charset "UTF-8";
/* [www.ch-ginga.jp]
 * /special/css/kadio.css
 * Style for "Kaido wo Yuku" Special Page.
 * Modified: 2009-04-22
 */

/*-------------------------------------------------------
 Common Style
-------------------------------------------------------*/

/* main
----------------------------------------*/
div#main {
	position: relative;
}

.top div#main h1 {
	margin: 0 auto 0 0;	
}

.ep div#main h1 {
	position: relative;
	width: 929px;
	margin: 0 -3px 0 -1px;
	padding: 0 0 49px 0;
	background: url(../images/kaido/ep/bg_contents_1.jpg) no-repeat 0 100%;
}
.ep div#main h1 img {margin-left: 1px;}
.ep #pageheader {
	position: relative;
	width: 929px; height: 30px;
	margin: 0 -3px 0 -1px;
	background: url(../images/kaido/ep/bg_contents_1.jpg) no-repeat 0 100%;
}


.iv div#main h1 {
	margin: 0 0 30px;
}

#contents { font-size: 133%; }

/*-------------------------------------------------------
 Top Page
-------------------------------------------------------*/

/* top - archives
----------------------------------------*/
div#archives {
	min-height: 29px; height: 29px;
}
	html>body div#archives {height: auto;}
div#archives form {
	text-align: right;
}
div#archives select {
	margin-bottom: 10px;
	text-align: left;
}

/* noscript */
div#archives h2 {
	margin: 16px 0 8px;
	font-weight: bold;
}
div#archives ul {
	padding: 0 0 16px 1.5em;
}
div#archives ul li {
	list-style-type: disc;
}

/* for episode page */
.ep div#archives {
	position: absolute;
	top: 0px; right: 19px;
	background: none;
}
.ep div#kaido_contents div#archives h2 {
}

/* top - lead
----------------------------------------*/
.top div#lead {
	position: relative;
	width: 931px;
	margin: 0 -5px 26px -1px;
	background: url(../images/kaido/top/bg_lead_2.jpg) repeat-y 0 40px;
}
.top div#lead div.wrapper {
	background: url(../images/kaido/top/bg_lead_1.jpg) no-repeat 0 0;
}

.top div#lead div.inner {
	width: 100%; height: 505px; min-height: 505px;
	background: url(../images/kaido/top/bg_lead_3.jpg) no-repeat 0 100%;
}
html>body.top div#lead div.inner {height: auto;}

.top div#lead p.title {
	position: absolute;
	top: 1px; left: 1px;
}
.top div#lead p.title img.icon {
	position: absolute;
	left: 485px; top: 456px;
}
.top div#lead p.comment {
	padding: 15px 20px 67px 567px;
	line-height: 1.5;
}

.top div#lead div.more {
	position: absolute;
	right: 23px; bottom: 31px;
	width: 338px;
}
.top div#lead div.more h3 {float: left;}
.top div#lead div.more p.btn {float: right;}


/* top - map
----------------------------------------*/
.top div#map {
	position: relative;
	width: 100%;
	margin: 0 0 -10px;
}
.top div#map p {
	margin: -3px auto 0 55px;
}

/* top - interview
----------------------------------------*/
.top p.pagetop.interview {
	position: relative;
	width: 929px;
	margin: 0 -4px 0 0;
	padding: 0 0 28px;
	background: url(../images/kaido/top/bg_interview_1.jpg) no-repeat 0 100%;
}
.top p.pagetop.interview a {margin-right: 4px;}

.top div#interview {
	position: relative;
	width: 929px;
	margin: 0 -4px 50px 0;
	background: url(../images/kaido/top/bg_interview_2.jpg) repeat-y 0 0;
	line-height: 1.5;	
}
.top div#interview div.inner {
	width: 100%; min-height: 375px; height: 375px;
	overflow: hidden;
	background: url(../images/kaido/top/bg_interview_3.jpg) no-repeat 0 100%;
}
	html>body.top div#interview div.inner {height: auto;}

.top div#interview h2 {
	padding: 20px 0 19px 42px;
}
.top div#interview div.section_lv3 {
	float: right;
	width: 591px;
}
.top div#interview div.section_lv3 h3 {
	margin: 0 41px 7px 0;
}
.top div#interview div.section_lv3 p {
	margin: 0 41px 75px 0;
}
.top div#interview p.btn {
	position: absolute;
	right: 39px; bottom: 40px;
}

.top div#interview div.profile {
	float: left;
	width: 320px;
	margin-bottom: 10px;
	font-size: 76%;
}
.top div#interview div.profile h3 {
	margin: 0 0 0 40px;
	font-weight: bold;
}
.top div#interview div.profile h3 img {
	margin-bottom: 5px;
}
.top div#interview div.profile p {
	margin: 0 0 0 40px;
}
.top div#interview div.profile p.link {
	text-align: right;
}

/*-------------------------------------------------------
 Episode Page
-------------------------------------------------------*/

/* ep - contents
----------------------------------------*/
.ep div#kaido_contents {
	position: relative;
	width: 929px;
	margin: 0 -3px 28px -1px;
	background: url(../images/kaido/ep/bg_contents_2.jpg) repeat-y 0 0;
}
.ep div#kaido_contents h2 {
	padding: 0 0 26px 10px;
}
.ep div#kaido_contents p.description {
	padding: 0 0 15px 10px;
}

.ep div#kaido_contents div.map h3 {
	margin: 0 0 16px 21px;
}
.ep div#kaido_contents div.map p {
	padding: 0 0 34px 21px;
	background: url(../images/kaido/ep/bg_contents_3.jpg) no-repeat 0 100%;
}

/* ep - books
----------------------------------------*/
.ep div#books {
	position: relative;
	width: 939px;
	margin: 0 0 0 -14px;
}
.ep div#books h3 {
	margin-bottom: 14px;
}
.ep div#books ul {
	width: 873px;
	overflow: hidden;
	margin: 0 auto 0 54px;
}
.ep div#books ul li {
	float: left;
	width: 426px;
	margin: 0 10px 0 0;
	padding-bottom: 30px;
	line-height: 1.3;
}
.ep div#books ul li p.pct {
	float: left;
}
.ep div#books ul li p.lead {
	margin: 0 0 4px 122px;
	font-size: 88%;
}
.ep div#books ul li p.ttl {
	margin: 0 0 4px 122px;
	color: #B73D3D;
	font-size: 113%; font-weight: bold;
}
.ep div#books ul li p.date {
	margin: 0 0 4px 122px;
	font-size: 63%;
}

/* ep - booksinfo
----------------------------------------*/
.ep div#booksinfo {
	clear: both;
	position: relative;
	width: 939px;
	margin: 0 0 0 -14px;
}
.ep div#booksinfo h3 {
	margin-bottom: 16px;
}
.ep div#booksinfo ul {
	margin-left: 14px;
}
.ep div#booksinfo ul li {
	float: left;
	margin: 0 20px 10px 0;
}


/*-------------------------------------------------------
 Interview Page
-------------------------------------------------------*/
/* iv - contents
----------------------------------------*/
.iv div#kaido_contents {
	position: relative;
	width: 930px;
	margin: 0 -3px 40px -2px;
	padding-bottom: 2px;
	background: url(../images/kaido/iv/bg_contents.jpg) repeat-y 0 0;
}

/* iv - lead
----------------------------------------*/
.iv div#lead h2 {
	padding: 20px 0 30px 21px;
}
.iv div#lead p {
	padding: 0 0 34px 64px;
}

/* iv - sections
----------------------------------------*/
.iv div#kaido_contents div.section {
	clear: both;
	width: 100%;
	font-size: 88%;
	line-height: 1.5;
}

.iv div#kaido_contents dl.pct {
	margin-bottom: 40px;
}
.iv div#section01 dl.pct {float: left;  width: 591px;}
.iv div#section02 dl.pct {float: right; width: 300px;}
.iv div#section03 dl.pct {float: left;  width: 591px;}
.iv div#section04 dl.pct {float: right; width: 345px;}
.iv div#section05 dl.pct {float: left;  width: 345px;}
.iv div#kaido_contents dl.pct dd {
	padding: 4px 6px 12px;
	background-color: #BFCD92;
	color: #000;
	font-size: 86%;
}

.iv div#kaido_contents div.section h3 {
	margin-top: -1px;
	margin-bottom: 14px;
	color: #648815;
	font-weight: bold;
}
.iv div#kaido_contents div.section p {
	margin-bottom: 31px;
}
.iv div#section01 h3,
.iv div#section01 p {margin-right: 30px; margin-left: 621px;}
.iv div#section02 h3,
.iv div#section02 p {margin-right: 330px; margin-left: 30px;}
.iv div#section03 h3,
.iv div#section03 p {margin-right: 30px; margin-left: 621px;}
.iv div#section04 h3,
.iv div#section04 p {margin-right: 375px; margin-left: 30px;}
.iv div#section05 h3,
.iv div#section05 p {margin-right: 30px; margin-left: 375px;}

/*----------------------------------------
 modules
----------------------------------------*/
/* pagetop */
p.pagetop {
	margin-bottom: 28px;
}

/* backtotop*/
p.backtotop {
	clear: both;
	margin-bottom: 6px;
	font-size: 88%;
	line-height: 1.25;
	text-align: right;
}
p.backtotop a:link,
p.backtotop a:visited {
	padding: 2px 0 2px 15px;
	background: url(../images/kaido/bullet_right.gif) no-repeat 0 50%;
	color: #333;
	text-decoration: underline;
}

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

/* padding */
div#main .pt25 {padding-top: 25px;}

/* 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#member h2 {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------
 clearfix
----------------------------------------*/
div#member div.section:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*:first-child+html div#member div.section {
	zoom: 1;
}
* html div#member div.section {
	zoom: 1;
}