@charset "UTF-8";
/* [www.ch-ginga.jp]
 * /special/css/aoi.css
 * Style for "Aoi Tokugawa Sandai" Special Page.
 * Modified: 2009-09-17
 */


/* maincontent
----------------------------------------*/
dl#topic_path { margin-bottom: 0; }
#maincontent {
	width: 100%;
	background: #a68f35 url(../images/aoi/bg_maincontent_mdl.gif) repeat-y 0 0;
	margin: 9px 0 25px;
	color: #000;
}
#maincontent_ft {
	height: 23px;
	overflow: hidden;
	background: url(../images/aoi/bg_maincontent_btm.gif) no-repeat 0 100%;
}

/* lead
----------------------------------------*/
#lead {
	position: relative;
	width: 920px;
	margin: 0 auto 0 3px;
	background-color: #000;
	color: #FFF;
}
#lead strong {
}
#lead p.schedule {
	min-height: 60px;
	padding: 10px 280px 6px 23px;
	font-size: 117%;
	line-height: 1.5;
	_height: 60px; /* ie */
}
#lead p.btn {
	position: absolute;
	top: 17px;
	right: 20px;
	width: 255px;
}

/* outline
----------------------------------------*/
#outline {
	position: relative;
	width: 916px;
	min-height: 184px;
	margin: 0 auto 20px 5px;
	line-height: 1.5;
	_height: 184px; /* ie */
}
#outline h2 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
#outline div.comment {
	position: relative;
	z-index: 2;
	margin: 0 382px 0 95px;
	padding: 50px 0 0;
}
#outline div.pct {
	position: absolute;
	top: 51px;
	right: 44px;
	width: 323px;
}
	#outline div.pct img {
		float: left;
		margin-right: 5px;
	}


/* tsugawa
----------------------------------------*/
#tsugawa {
	position: relative;
	width: 659px;
	min-height: 96px;
	margin: 0 auto 55px 50px;
	background-color: #d3c79a;
	line-height: 1.5;
	_height: 96px; /* ie */
}
#tsugawa h2 {
	padding: 20px 0 7px 118px;
}
#tsugawa p.pct {
	position: absolute;
	top: 1px;
	left: 1px;
}
#tsugawa p.link {
	position: absolute;
	right: 17px;
	bottom: 17px;
	width 162px;
}
#tsugawa p.comment {
	padding: 0 188px 0 120px;
}

/* graph
----------------------------------------*/
#graph {
	position: relative;
	width: 879px;
	margin: 0 auto 0 25px;
}
#graph h2 {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 216px;
}
#graph ul.nav {
	position: absolute;
	top: 23px;
	left: 75px;
	width: 121px;
}
	#graph ul.nav li {
		position: relative;
		float: left;
		width: 38px;
		margin-right: 2px;
	}
	#graph ul.nav li.nav1 span {
		background: url(../images/aoi/nav_graph1_on.gif) no-repeat 0 0;
	}
	#graph ul.nav li.nav2 span {
		background: url(../images/aoi/nav_graph2_on.gif) no-repeat 0 0;
	}
	#graph ul.nav li.nav3 span {
		background: url(../images/aoi/nav_graph3_on.gif) no-repeat 0 0;
	}
	#graph ul.nav span {
		display: block;
		height: 0;
		overflow: hidden;
	}
	#graph ul.nav a.cr span {
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		width: 38px;
		height: 178px;
	}