@charset "UTF-8";
/* [www.ch-ginga.jp]
 * /special/css/komyogatsuji.css
 * Style for "Komyo ga Tsuji" Special Page.
 * Modified: 2009-06-12
 */

/*-------------------------------------------------------
 Common Style
-------------------------------------------------------*/
/* fancybox StyleSheet */
@import "komyogatsuji_fancybox.css";

/* content wrapper */
#local-content {
	width: 925px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url(../images/komyogatsuji/bg_content.jpg) repeat-y 0 0;
}

/* local navigation */
#local-nav {
	width: 886px; overflow: hidden;
	margin: 0 auto 0 19px;
	border-right: 1px solid #AE9FB5;
	border-left: 1px solid #AE9FB5;
}
#local-nav li { float: left; }
#local-nav li.top { width: 112px; }
#local-nav li.rel { width: 148px; }
#local-nav li.chr { width: 96px; }
#local-nav li.iv  { width: 290px; }
#local-nav li.epg { width: 240px; }
#local-nav a {
	display: block;
	height: 39px;
	background: url(../images/komyogatsuji/localnav.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#local-nav li.top a { background-position: 0 0; }
#local-nav li.rel a { background-position: -112px 0; }
#local-nav li.chr a { background-position: -260px 0; }
#local-nav li.iv a  { background-position: -356px 0; }
#local-nav li.epg a { background-position: -646px 0; }

#local-nav li.top a.on,
#local-nav li.top a:hover,
#local-nav li.top a:active { background-position: 0 100%; }
#local-nav li.rel a.on,
#local-nav li.rel a:hover,
#local-nav li.rel a:active { background-position: -112px 100%; }
#local-nav li.chr a.on,
#local-nav li.chr a:hover,
#local-nav li.chr a:active { background-position: -260px 100%; }
#local-nav li.iv a.on,
#local-nav li.iv a:hover,
#local-nav li.iv a:active { background-position: -356px 100%; }
#local-nav li.epg a.on,
#local-nav li.epg a:hover,
#local-nav li.epg a:active { background-position: -646px 100%; }

/* keyvisual */
#keyvisual {
	width: 888px;
	margin: 0 auto 0 19px;
}

/* wrapper */
div.wrapper {
	width: 886px;
	margin: 0 auto 0 19px;
	border-right: 1px solid #AE9FB5;
	border-bottom: 1px solid #AE9FB5;
	border-left: 1px solid #AE9FB5;
	background: #FFF url(../images/komyogatsuji/bg_decoration.gif) no-repeat 100% 100%;
}
div.wrapper-inner {
	position: relative;
	width: 819px; min-height: 376px; height: 376px; overflow: hidden;
	margin: 0 auto 0 37px;
}
	html>body div.wrapper-inner { height: auto; }

/* pagettl */
#pagettl { padding: 23px 0 12px; }

/*-------------------------------------------------------
 Top Page
-------------------------------------------------------*/
/* link to otherinterview */
.top p.link {
	position: absolute;
	top: 15px; right: 0;
	width: 523px;
	font-size: 83%;
	text-align: right;
}
.top p.link a:link,
.top p.link a:visited {
	color: #33329A;
	text-decoration: none;
}
.top p.link a:hover,
.top p.link a:focus,
.top p.link a:active {
	text-decoration: underline;
}

/* comment */
.top div.comment {
	float: left;
	width: 456px;
	line-height: 1.5;
}
.top div.comment p {
	margin: 20px 0 0 3px;
	font-size: 117%;	
}
.top div.comment p.note {
	margin: 0 0 0 3px;
	font-size: 100%;
}

/* pct */
.top div.pct {
	float: right;
	width: 345px;
}
.top #pct2 {
	margin: 0 0 0 49px;
}

/*-------------------------------------------------------
 Relationship Page
-------------------------------------------------------*/
.rel div.wrapper-inner {
	position: relative;
	width: 100%; height: auto; overflow: hidden;
	margin: 0;
}

/* pagettl */
.rel #pagettl { padding: 22px 0 24px 37px; }

/* style for FancyBox is specified in "js/komyogatsuji_fancybox/fancyobox.css" */

/* diagram */
#diagram {
	position: relative;
	width: 100%;
}

a#map-chiyo,
a#map-kazutoyo {
	position: absolute;
	width: 145px; height: 172px; overflow: hidden;
	text-indent: -9999px;
}
a#map-chiyo {
	top: 455px; left: 534px;
	background: url(../images/komyogatsuji/pct_rel_chiyo_on.jpg) no-repeat -9999px 0;
}
a#map-kazutoyo {
	top: 455px; left: 372px;
	background: url(../images/komyogatsuji/pct_rel_kazutoyo_on.jpg) no-repeat -9999px 0;
}
#diagram a:hover {
	background-position: 0 0;
}

/*-------------------------------------------------------
 Chronology Page
-------------------------------------------------------*/
.chr div.wrapper-inner {
	width: 100%; height: auto;
	margin: 0;
}
.chr #pagettl {
	padding: 22px 0 18px 37px;
}
#chronology {
	width: 827px; height: 709px;
	margin: 0 auto 40px 30px;
	background: url(../images/komyogatsuji/chronology.gif) no-repeat 0 0;
}
#chronology-table { display: none; }

/*-------------------------------------------------------
 Interview Page
-------------------------------------------------------*/
/* wrapper-inner */
.iv div.wrapper-inner {
	width: 849px; height: auto;
	margin: 0 auto 0 37px;
}

/* page title */
.iv #pagettl { padding-bottom: 38px; }

/* comment */
.iv div.comment {
	display: inline;
	float: left;
	width: 540px;
	margin-left: 2px;
	padding-bottom: 24px;
	font-size: 117%;
	line-height: 1.5;
}
.iv div.comment h3 {
	margin-bottom: 27px;
	font-weight: bold;
}
.iv div.comment h4 {
	margin-bottom: 22px;
	font-weight: bold;
}
.iv div.comment p {
	margin-bottom: 22px;
}

/* sidebar */
.iv div.sidebar {
	float: right;
	width: 281px;
}

	/* author */
.iv div.author {
	width: 231px;
	margin: 80px auto 35px 10px;
	background-color: #EEE5EE;
	padding: 20px 0 18px;
	line-height: 1.5;
}
.iv div.author h4 {
	width: 189px;
	margin: 0 auto 0 21px;
	color: #4B0046;
	font-weight: bold;
}
.iv div.author h4 img { margin-bottom: 7px; }
.iv div.author p {
	width: 189px;
	margin: 0 auto 0 21px;
}

	/* pctbox */
.iv div.pctbox1 { margin-bottom: 65px; }
.iv div.pctbox2 { margin-bottom: 30px; }
.iv img#pct3 { margin-left: 51px; }


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

/* backtotop*/
p.backtotop {
	clear: both;
	margin-bottom: 18px;
	text-align: right;
}
p.backtotop a:link,
p.backtotop a:visited {
	padding: 0 0 0 17px;
	background: url(../images/andy/bullet_backtotop.gif) no-repeat 0 50%;
	color: #333;
}

/*----------------------------------------
 hidden modules
----------------------------------------*/
.hidden,
.top div#guest div.content ul,
.top div#guest div.content p,
.ep div#playlist div.content ul {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------
 clearfix
----------------------------------------*/
div.section:after,
.top div#profile_guest div.inner:after,
.ep div#playlist_guest:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*:first-child+html div.section,
*:first-child+html .top div#profile_guest div.inner,
*:first-chlid+html .ep div#playlist_guest {
	zoom: 1;
}
* html div.section,
* html .top div#profile_guest div.inner,
* html .ep div#playlist_guest {
	zoom: 1;
}