@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* enhance setting */
@import "local.css";
@import "facebox.css";



/* ========== [all] basic setting for result ========== */
h1 {
	margin: 0px 0px 0px;
	padding: 0px 0px 27px 13px;
	color: #006600;
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: -1px;
	background: url(../img/common/title.gif) left bottom no-repeat;
}

.section {}
.area_main p {}


/* ----- navigation ----- */
dl.navigation {margin: 0px 0px 13px; line-height: 20px;}
dl.navigation dt {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	margin-right: 5px;
	zoom: 1;
}
	dl.navigation dt.area {color: #78BD36;}
dl.navigation dd {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	margin-right: 15px;
	/vertical-align: middle;
	zoom: 1;
}

dl.navigation dd ul {display: inline;}
dl.navigation dd ul li {
	display: inline;
	margin-right: 1px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

dl.navigation dd ul li a {
	display: -moz-inline-box;
	display: inline-block;
	width: 35px;
	height: 20px;
	color: #999999;
	text-align: center;
	text-decoration: none;
	background-color: #E8E8E8;
	zoom: 1;
}
	dl.navigation dd.area ul li a {}
	dl.navigation dd.day ul li a {color: #FFFFFF; background-color: #999999;}

	dl.navigation dd.area ul li.now a {color: #333333; font-weight: bold; background-color: #FFDE00;}
	dl.navigation dd.day ul li.now a {font-weight: bold; background-color:  #666666;}

dl.navigation  dd.area ul li a:hover {color: #333333;}

dl.navigation  dd ul li a span {display: none;}



/* ===== [area] lead area ===== */
.lead {margin: 0px 0px 20px; position: relative; zoom: 1;}
.lead h1 {}
.lead p.about {margin: 5px 2px 0px; font-size: 13px; text-align: right;}

/* race details */
.lead ul.details {margin: -25px 240px 15px 16px; height: 25px;}
.lead ul.details li {display: inline; margin-right: 5px; color: #666666;}
.lead ul.details li.date {color: #78BD36;}
.lead ul.details li.expect {margin-right: 10px;}

/* divide table */
.lead table.divide {
	margin-top: -2px;
	border-spacing: 0;
	border-collapse: separate;
	/border-collapse: collapse;
	position: absolute;
	top: 0px;
	right: 0px;
	/* table-layout: fixed; */
	word-break: break-all;
	word-wrap: break-word;
}
.lead table.divide th,
.lead table.divide td {
	padding: 0px 0px 0px;
	border: 2px solid #FFFFFF;
	border-width: 2px 0px 0px 2px;
	height: 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	/* text-align: left; */
}
.lead table.divide th {
	width: 45px;
	color: #FFFFFF;
	text-align: center;
	background: url(../img/archive/type_bg.gif) no-repeat;
}
.lead table.divide td {color: #333333; background-color: #E6E6E6;}
	.lead table.divide td.res {width: 50px; text-align: center;}
	.lead table.divide td.ref {width: 66px; padding-right: 4px; text-align: right;}
		.lead table.divide td.ref span {font-weight: bold;}
	.lead table.divide td.hit {padding-left: 3px; background: none;}


/* ----- [sec] hit logic ----- */
.lead .logic {margin: 0; background: url(../img/archive/logic_bg.png) no-repeat left bottom;}
.lead .logic h2 {
	padding: 0px 0px 8px;
	padding-left: 48px;
	font-size: 19px;
	line-height: 31px;
	background: #FFFFFF url(../img/icon/gear.gif) no-repeat left top;
	zoom: 1;
}

.lead .logic ol {list-style: none; font-size: 13px; background: url(../img/archive/logic_arrow.gif) repeat-x 0px 50%; zoom: 1;}
.lead .logic ol:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
.lead .logic ol li {float: left; width: 310px;}
	.lead .logic ol li.step1 {width: 280px; background: none;}

.lead .logic ol li dl {margin-left: 30px;}
	.lead .logic ol li.step1 dl {margin: 0;}
.lead .logic ol li dl dt {height: 52px; text-indent: -10000px; overflow: hidden; background: no-repeat left top;}
	.lead .logic ol li.step1 dl dt {background-image: url(../img/archive/logic_head1.gif);}
	.lead .logic ol li.step2 dl dt {background-image: url(../img/archive/logic_head2.gif);}
	.lead .logic ol li.step3 dl dt {background-image: url(../img/archive/logic_head3.gif);}
.lead .logic ol li dl dd {padding: 0px 12px 10px; text-align: justify; text-justify: distribute;}



/* ----- [sec] race order list ----- */
#order {margin: 18px 0px 20px;}
#order h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 65px;
	font-size: 20px;
	line-height: 21px;
	/* background: url(../img/icon/flag.gif) 0px 1px no-repeat; */
}
	#order h2 span {
		display: -moz-inline-box;
		display: inline-block;
		margin: 0px 6px 0px -64px;
		padding: 1px 3px;
		border: 3px double #787878;
		color: #373535;
		font-size: 13px;
		font-weight: normal;
		line-height: 13px;
		vertical-align: text-bottom;
		zoom: 1;
	}
#order p.switch {margin: 5px 0px 0px; text-align: right;}

#order table {border: 1px solid #CCCCCC;}

/* table row */
#order table tr {}
.off#order table tr.order0,
.off#order table tr.order6,
.off#order table tr.order7,
.off#order table tr.order8,
.off#order table tr.order9,
.off#order table tr.order10,
.off#order table tr.order11,
.off#order table tr.order12,
.off#order table tr.order13,
.off#order table tr.order14,
.off#order table tr.order15,
.off#order table tr.order16,
.off#order table tr.order17,
.off#order table tr.order18 {display: none;}

/* table header */
#order table th {
	padding: 0px 5px;
	border-bottom: 1px solid #CCCCCC;
	height: 39px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.1;
	text-align: center;
	background-color: #EDECCD;
}
	#order table th.arrival {padding: 0px 1px 0px 9px;}
	#order table th.gap {padding: 0px 7px 0px 3px;}
	#order table th.arrival span,
	#order table th.frame span,
	#order table th.number span {display: block; margin: 0px auto; width: 1em;}

/* table data */
#order table td {padding: 0px 5px; height: 36px; font-size: 15px; text-align: left;}
	#order table .stripe td {background-color: #E8ECF5;}

#order table td.arrival {padding: 0px 1px 0px 9px;}
#order table td.gap {padding: 0px 7px 0px 3px;}
#order table td.arrival,
#order table td.number,
#order table td.frame,
#order table td.sexold,
#order table td.weight,
#order table td.time,
#order table td.gap {text-align: center;}

#order table td.arrival span {display: block; margin: 0px auto; width: 1em; font-size: 13px; line-height: 1.1;}
#order table td.time span {display: block; font-size: 13px;}

#order table td.frame span {
	display: block;
	margin: 0px auto;
	border: 1px solid #CCCCCC;
	width: 23px;
	/width: 25px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	background-color: #FFFFFF;
}
	/* waku color */
	#order table td.frame span.waku1 {border-color: #CCCCCC; background-color: #FFFFFF;}
	#order table td.frame span.waku2 {border-color: #000000; background-color: #333333; color: #FFFFFF;}
	#order table td.frame span.waku3 {border-color: #CC3300; background-color: #FF2F34; color: #FFFFFF;}
	#order table td.frame span.waku4 {border-color: #004DDB; background-color: #0059FF; color: #FFFFFF;}
	#order table td.frame span.waku5 {border-color: #EAAF00; background-color: #FFCC33;}
	#order table td.frame span.waku6 {border-color: #037E02; background-color: #629A0E; color: #FFFFFF;}
	#order table td.frame span.waku7 {border-color: #DD8500; background-color: #FF9900;}
	#order table td.frame span.waku8 {border-color: #FD99A6; background-color: #FDBEC6;}


/* ----- [sec] refund of race ----- */
#refund {margin: 0px 0px 20px;}
#refund h2 {
	height: 30px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/result/refund_head.gif) left top no-repeat;
}
#refund div {
	border: 1px solid #83B893;
	border-width: 0px 0px 1px 1px;
	background: #F4FFFA url(../img/result/refund_bg.gif) right top repeat;
	zoom: 1;
}
#refund div:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

#refund div dl {float: left; width: 183px;}
#refund div dl dt {
	margin-right: 1px;
	color: #555555;
	font-weight: bold;
	line-height: 24px;
	text-indent: 8px;
	background: #E0EFE4 no-repeat 135px 50%;
}
	#refund div dl dt.hit {background-image: url(../img/icon/hit_s.gif);}
#refund div dl dd {margin-right: 1px; padding: 0px 10px 0px 12px; height: 30px; line-height: 30px; text-align: right;}
	#refund div dl dd span {float: left;}

#refund div dl dd ul,
#refund div dl dd ul li {display: inline;}

#refund p {clear: both; margin: 8px 0px 0px; height: 24px; line-height: 24px; background: right top no-repeat;}


/* ----- [sec] expectation of race ----- */
#expect {margin: 0px 0px 20px;}
#expect h2 {
	padding: 0px 9px 0px 0px;
	height: 30px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
	line-height: 33px;
	text-align: right;
	overflow: hidden;
	background: #C8C660 url(../img/result/expect_head.gif) left top no-repeat;
}
	#expect h2 span {display: none;}
#expect div {border: 1px solid #C8C660; border-top: 0; position: relative; zoom: 1;}

/* expectation */
#expect div dl {border-right: 1px solid #C8C660; width: 243px;}
	* html #expect div dl {width: 244px;}
#expect div dl dt {
	color: #555555;
	font-weight: bold;
	line-height: 24px;
	text-indent: 8px;
	background: #EEEDCE no-repeat 195px 50%;
}
	#expect div dl dt.hit {background-image: url(../img/icon/hit_s.gif);}
#expect div dl dd {padding: 0px 5px 0px 12px; line-height: 32px;}

#expect div dl dd ul {}
#expect div dl dd ul li {display: inline; margin-right: 15px;}

	/* umaren layout */
	#expect div dl.ren dd {padding: 5px 10px 5px 12px; line-height: 24px;}
	/* 3rentan layout */
	#expect div dl.sanren {width: 304px; border: 0; position: absolute; right: 0px; top: 0px;}
	#expect div dl.sanren dt.hit {background-position: 255px 50%;}
	#expect div dl.sanren dd ul {
		display: inline;
		margin-left: 20px;
		background: url(../img/common/parenthesis_after.gif) right center no-repeat;
	}
		#expect div dl.sanren dd.first ul {background: none;}
	#expect div dl.sanren dd ul li {display: inline; margin-right: 10px;}
		#expect div dl.sanren dd ul ul {
			margin: 0;
			padding: 0px 0px 0px 8px;
			background: url(../img/common/parenthesis_before.gif) left center no-repeat;
		}
		#expect div dl.sanren dd ul ul li {margin: 0px 0px 0px 5px;}

#expect p.target {margin: 8px 0px 0px; text-align: right;}

/* comment */
#expect div.comment {padding: 10px 12px 1px;}
#expect div.comment h3 {margin: 0px 0px 5px; color: #C8C660; font-size: 18px;}
#expect div.comment p {margin: 0px 1px 0.8em;}

#expect div.comment form {margin: 15px 1px 5px;}
#expect div.comment form input.mail {
	margin: 0px 2px 0px 0px;
	/margin-right: -5px;
	padding: 0px 1px 1px;
	/padding: 1px 1px 0px;
	border: 1px solid #78BD36;
	width: 288px;
	font-size: 25px;
	background-color: #F6F6F6;
}
	*html #expect div.comment form input.mail {width: 290px;}
#expect div.comment form input.submit {vertical-align: -6px; /vertical-align: -4px;}

#expect div.comment form p {margin: 5px 0px 1em; font-size: 13px;}



/* ----- [sec] race comment ----- */
#comment {margin: 15px 0px 0px; display: none;}

/* ----- [sec] pre_comment ----- */
#pre_comment {margin: 0px 0px 20px;}
#pre_comment h2 {
	padding: 0px 9px 0px 0px;
	height: 30px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
	line-height: 33px;
	/*text-align: right;*/
	text-indent: -10000px;
	overflow: hidden;
	background: #E77D7D url(../img/result/pre_comment_head.gif) left top no-repeat;
}
	#pre_comment h2 span {display: none;}
#pre_comment div {border: 1px solid #E77D7D; border-top: 0; position: relative; zoom: 1;}

/* comment */
#pre_comment div.comment {padding: 10px 12px 1px;}
#pre_comment div.comment h3 {margin: 0px 0px 5px; color: #E77D7D; font-size: 18px;}
#pre_comment div.comment p {margin: 0px 1px 0.8em;}