@charset "UTF-8";
/* [www.ch-ginga.jp]
 * /special/css/topgear.css
 * Style for "TopGear" Special Page.
 * Update: 2011-03-25 19:24:52
 */

/* main
----------------------------------------*/
div#main h1 {
	float: left;
	margin: 0 0 12px 2px;
	*zoom: 1;
	_display: inline;
}
div#archives {
	float: right;
	margin: 0 3px 12px 0;
	*zoom: 1;
	_display: inline;
}

/* lead
----------------------------------------*/
div#lead {
	clear: both;
	position: relative;
	width: 921px;
	margin: 0 auto 0 2px;
	background-color: #000;
	font-size: 117%;
	color: #E5E5E5;
	line-height: 1.25;
}
div#lead p.title {
	margin-bottom: 4px;
}
div#lead p.comment {
	min-height: 72px; height: 72px;
	margin: 0 250px 20px 21px;
}
	html>body div#lead p.comment {height: auto;}
div#lead p.btn {
	position: absolute;
	top: 84px;
	right: 10px;
	width: 218px;
}
div#lead p.mainvisual {
	
}

/* member
----------------------------------------*/
div#member {
	position: relative;
	width: 920px;
	margin-bottom: 40px;
	background-color: #7F7F7F;
	color: #FFF;
	font-size: 117%;
	line-height: 1.25;
}
ul#member_nav {
	height: 122px;
	overflow: hidden;
	background: url(../images/topgear/common/pct_member_off.jpg) no-repeat 0 0;
}
ul#member_nav li {
	float: left;
	border-bottom: 1px solid #808080;
}
ul#member_nav li a:link,
ul#member_nav li a:visited {
	display: block;
	width: 230px;
	height: 121px;
	overflow: hidden;
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
}
ul#member_nav li a.off {text-indent: -9999px;}
ul#member_nav li a.off:hover {text-indent: 0;}


div#member div.section {
	clear: both;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
}

div#member h3 {
	clear: both;
	padding: 8px 19px;
	background: url(../images/topgear/common/bg_member.gif) repeat 1px 0;
	font-weight: bold;
}
div#member div.comment {
	display: inline;
	float: left;
	width: 420px;
	min-height: 179px; height: 179px;
	margin: 18px 32px 18px 19px;
}
	html>body div#member div.comment {height: auto;}
div#member div.comment2 {
	float: left;
	width: 428px;
	margin: 18px 0;
}
div#member div.car {
	float: left;
	width: 428px;
	margin: 20px 0;
	padding: 10px 0;
	background-color: #D8D8D8;
	color: #000;
}
div#member div.car h4 {
	margin: 0 10px;
	font-weight: bold;
}
div#member div.car p {
	margin: 0 10px;
	font-size: 86%;
	line-height: 1.4;
}


/* episode
----------------------------------------*/
div#episode {
	clear: both;
	width: 100%;
}

div#episode h2 {
	margin: 0 0 27px 2px;
}
div.episode {
	position: relative;
	width: 100%;
	min-height: 143px; height: 143px;
	margin-bottom: 20px;
	font-size: 117%;
	line-height: 1.25;
}
	html>body div.episode {height: auto;}
div#episode01 {background: url(../images/topgear/common/bg_ep01.gif) no-repeat 0 100%;}
div#episode02 {background: url(../images/topgear/common/bg_ep02.gif) no-repeat 0 100%;}
div#episode03 {background: url(../images/topgear/common/bg_ep03.gif) no-repeat 0 100%;}
div#episode04 {background: url(../images/topgear/common/bg_ep04.gif) no-repeat 0 100%;}
div#episode05 {background: url(../images/topgear/common/bg_ep05.gif) no-repeat 0 100%;}
div#episode06 {background: url(../images/topgear/common/bg_ep06.gif) no-repeat 0 100%;}
div#episode07 {background: url(../images/topgear/common/bg_ep07.gif) no-repeat 0 100%;}
div#episode08 {background: url(../images/topgear/common/bg_ep08.gif) no-repeat 0 100%;}
div#episode09 {background: url(../images/topgear/common/bg_ep09.gif) no-repeat 0 100%;}
div#episode10 {background: url(../images/topgear/common/bg_ep10.gif) no-repeat 0 100%;}
div#episode11 {background: url(../images/topgear/common/bg_ep11.gif) no-repeat 0 100%;}
div#episode12 {background: url(../images/topgear/common/bg_ep12.gif) no-repeat 0 100%;}
div#episode13 {background: url(../images/topgear/common/bg_ep13.gif) no-repeat 0 100%;}

div.episode p.pct {
	position: absolute;
	top: 0; left: 9px;
	width: 242px;
}
div.episode h3 {
	margin: 0 0 15px 269px;
}
div.episode div.comment {
	margin: 0 0 0 269px;
}
div.episode div.comment p {
	margin-bottom: 1em;
}


div#episode p.pagetop {
	margin: -12px 0 28px;
	line-height: 1.25;
}

/*----------------------------------------
 modules
----------------------------------------*/
/* 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;
}