@charset "UTF-8";
/* [www.ch-ginga.jp]
 * /special/css/sonotoki.css
 * Style for "snotoki" Special Page.
 * Modified: 2010-04-28 20:42:14.
 */

/* bg
----------------------------------------*/
dl#topic_path { margin-bottom: 0; }
div#sonotoki {
	background: url(../images/sonotoki/sonotoki_bg.jpg) repeat-y;
	margin-bottom: 12px;
}
	
/* page title
----------------------------------------*/
div#main h1 {
	margin: 0 auto 24px 0;	
}

/* lead
----------------------------------------*/
div#lead {
	position: relative;
	margin-left: 26px;
	width: 875px
}

div#lead p.btn {
	position: absolute;
	top: 17px;
	right: 0;
}
div#lead p.interview { margin: 16px 0 20px 14px; }

div#lead p.interview a:hover,
div#lead p.interview a:active { text-decoration: underline;}

/* archives
----------------------------------------*/
div#archives {
	margin: 0 26px 20px;
	text-align: right;
	*zoom: 1; /* ie6,7 */
}

/* person
----------------------------------------*/
div#person {
	margin: 0 0 44px 26px;
	width: 835px;
	padding: 20px;
	background: url(../images/sonotoki/person_bg.jpg) repeat-y;
	overflow: hidden;
}
div#person p.pct { float: left; width: 210px; }
div#person div.career { float: left; width: 620px; line-height: 1.5; }
div#person div.career h2 {
	padding: 3px 0 11px 0;
	margin-bottom: 14px;
	background: url(../images/sonotoki/dots_line01.gif) no-repeat center bottom;
}
div#person div.career h3 { margin-top: 20px; }
div#person div.career p.stxt { font-size: 88%; }
div#person div.career p.stxtlink { margin-top: 6px; font-size: 88%; }

/* episode
----------------------------------------*/
div#episode {
	clear: both;
	margin-left: 26px;
	width: 875px;
}
div#episode h2 {
	padding-bottom: 10px;
	border-bottom: solid 1px #000000;
	margin: 0 0 10px 0;
}
div.episode {
	position: relative;
	width: 100%;
	padding: 20px 0;
	background: url(../images/sonotoki/dots_line02.gif) no-repeat center bottom;
}
div#last {
	background: none;
}
div.episode p.pct {
	width: 240px;
	position: absolute;
	left: 0;
}
div.episode div.comment {
	width: 635px;
	margin-left: 240px;
	line-height: 1.5;
	min-height: 160px; height: 160px;
	position: relative;
}
	html>body div.episode div.comment { height: auto; }
div.episode h3 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 117%;
}
div.episode div.comment p {
	padding-bottom: 30px;
}
div.episode div.comment p.btn {
	position: absolute; bottom: 0;
	padding:0;
}

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