@charset "utf-8";


/*--------------------------------------------------------------------------

reset

--------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}



/*--------------------------------------------------------------------------

clearfix

--------------------------------------------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/*--------------------------------------------------------------------------

fonts

--------------------------------------------------------------------------*/

body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "sans-serif";
	/*font:12px/1 arial, helvetica, clean,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-size:12px;
}
select, input, button, textarea {
	font:99% arial, helvetica, clean, sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}



/*--------------------------------------------------------------------------

common

--------------------------------------------------------------------------*/

body {
	background:url(../img/common/bg_all.gif) left top repeat;
	text-align:center;
}
img {
	border:none;
	vertical-align:bottom;
}
#wrap {
	background:url(../img/common/bg_shadow.gif) left top repeat-x;
}

#container {
	width:900px;
	margin:0 auto;
	text-align:left;
}

/*--------------------------header*/

/*
#header {
	position:relative;
	height:82px;
	margin:0 auto;
}
#logo {
	padding:20px;
}
#tomsinfo {
	position:absolute;
	top:59px;
	left:515px;
}
*/

#header {
	height: 90px;
	width: 900px;
}
#logo {
    margin: 0;
	padding: 0px;
	width: 156px;
	height: 43px;
	position: relative;
	top: 24px;
	left: 0px;/*22px;*/
	float:left;
}
#header h1 {
    margin:0px;
	padding:0px;
	width:526px;
	height:43px;
	float: left;
	position: relative;
	top: 24px;
	left: 22px;
}
#lang {
    margin:0px;
	padding:0px;
	width:98px;
	height:43px;
	float: right;
	position: relative;
	top: 23px;
	/*left: 22px;*/
}
#lang img {
    margin:0px;
	padding:25px 0px 0px 0px;
}
#navi {
    margin:0px;
	padding:0px;
	height:23px;
	position: relative;
	top: 24px;
	clear:left;
	text-align:right;
}

#navi ul{
	margin:0; padding:0;
	list-style:none;
}
#navi ul li{
	margin:0px;
	padding:0px 5px 0px 5px;
	float:right;
	font-size:11px;
	font-weight: normal;
	line-height:23px;
	color:#999999;
}
#navi ul li a{color:#999999; text-decoration:none;}
#navi ul li a:hover{color:#FFFFFF; text-decoration:none;}




/*--------------------------footer*/

#footer {
	padding:5px 0;
	background:#000;
}
#footer p {
	color:#999;
	font-size:10px;
	text-align:right;
}

/*--------------------------content*/

#content {
	position:relative;
	color:#545454;
	line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
}
#content-e {
	position:relative;
	color:#545454;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.8;
	text-align:justify;
}
#content-e em {
	font-style:italic;
}
#content-base {
	margin:10px 0 0 0;
	background:#fff url(../img/common/bg-inwrap.gif) left top repeat-y;
}


#inner {
	width:600px;
	margin:0 auto;
	padding:0 0 50px 0;
}
.s-margin {
	margin:0 0 0 2em;
}

#totop {
	margin:10px 0 0 0;
	text-align:right;
}
#totop a {
	color:#545454;
}
#totop a:hover {
	color:#3eb134;
}


#toback {
	padding:20px 0 0 0;
	text-align:right;
}
#writer {
	margin:30px 0 0 0;
	text-align:right;
}
#next {
	margin:20px 0 0 0;
	padding:0.5em;
	background:#ccc;
	color:#000;
	text-align:center;
	font-weight:bold;
}





/*--------------------------------------------------------------------------

#sidenav

--------------------------------------------------------------------------*/


#side-nav {
	position:absolute;
	right:0;
	padding:50px 0 0 0;
	width:330px;
	height:75%;
	/*display:none;*/
}
* html #side-nav {
	min-height: 2000px;
  height: auto !important;
  height: 3000px;
}
#side-nav img {
	vertical-align:bottom;
}
#side-nav-inner {
	position:relative;
	width:330px;
}
/*
* html #side-nav-inner {
	position:static;
}
*/
#navbtn {
	float:right;
	width:40px;
}
#navlist {
	float:right;
	width:270px;
	padding:10px;
	background:url(../img/sidenav/bg_sidenav.gif) left top repeat;
}




/*--------------------------------------------------------------------------

#top

--------------------------------------------------------------------------*/

#top #content-base {
	margin:0 0 0 0;
	padding:0 0 12px 0;
	background:#fff url(../img/common/bg-contentbase.gif) left top no-repeat;
}
#top-head {
	position:relative;
}
#next-theme {
	position:absolute;
	top:220px;
	left:690px;
	color:#fff;
	font-size:12px;
	line-height:1.2;
}
#next-theme dt {
	font-weight:bold;
}
#next-theme dd {
	text-align:right;
}



#next-theme-e {
	position:absolute;
	top:220px;
	left:720px;
	color:#fff;
	font-size:12px;
	line-height:1.1;
}
#next-theme-e dt {
	font-weight:bold;
}
#next-theme-e dt span {
	margin:0 0 0 35px;
}
#next-theme-e dt#first {
	margin:0 0 0 0;
}
#next-theme-e dd {
	margin:0 0 0 35px;
	text-align:left;
}



#top #nav {
	width:876px;
	margin:12px auto 0 auto;
	padding:0 0 12px 0;
	background:url(../img/top/bg_nav.gif) left top no-repeat;
}
#top #nav li {
	float:left;
	margin:0 7px 0 0;
}

#top #nav ul#nav01 {
	padding:7px 0 0 11px;
}
#top #nav ul#nav02 {
	padding:7px 0 0 11px;
}
#top #nav ul#nav03 {
	padding:7px 0 0 11px;
}
#top #nav ul#nav04 {
	padding:10px 0 0 11px;
}



/*--------------------------------------------------------------------------

#vol1

--------------------------------------------------------------------------*/

h3 {
	margin:50px 0 25px 0;
}
#vol1 #ch01 #ph01 {
	float:right;
	width:226px;
	margin:5px 0 1em 1.5em;
}
#vol1 #ch02 #ph02 {
	float:left;
	width:226px;
	margin:5px 1.5em 1em 0;
}
#vol1 #ch03 #ph03 {
	float:right;
	width:329px;
	margin:5px 0 1em 1.5em;
}
#vol1 #ch03-bot #ph03 {
	float:right;
	width:329px;
	margin:5px 0 1em 1.5em;
}

#vol1 #ch01 #ph01 p,
#vol1 #ch02 #ph02 p,
#vol1 #ch03 #ph03 p,
#vol1 #ch03-bot #ph03 p {
	padding:0.5em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
}
#vol1 #ch03-bot #ph03 p {
	text-align:center;
}

#vol1 #ch01 #ph01 p {
	text-align:left;
}
#vol1 #ch02 #ph02 p {
	text-align:left;
}





/*--------------------------------------------------------------------------

#vol2

--------------------------------------------------------------------------*/


#vol2 #ch02 #ph01 {
	float:right;
	width:340px;
	margin:5px 0 1em 1.5em;
}
#vol2 #ch02 #ph02 {
	float:left;
	width:340px;
	margin:5px 1.5em 1em 0;
}
#vol2 #ch03 #ph03 {
	float:right;
	width:354px;
	margin:5px 0 1em 1.5em;
}


#vol2 #ch02 #ph01 p,
#vol2 #ch02 #ph02 p,
#vol2 #ch03 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}





/*--------------------------------------------------------------------------

#vol3

--------------------------------------------------------------------------*/


#vol3 #ch01 #ph01 {
	float:right;
	width:226px;
	margin:5px 0 1em 1.5em;
}
#vol3 #ch02 #ph02 {
	float:left;
	width:340px;
	margin:5px 1.5em 1em 0;
}
#vol3 #ch03 #ph03 {
	float:right;
	width:340px;
	margin:5px 0 0.5em 1.5em;
}


#vol3 #ch01 #ph01 p,
#vol3 #ch02 #ph02 p,
#vol3 #ch03 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}





/*--------------------------------------------------------------------------

#vol4

--------------------------------------------------------------------------*/


#vol4 #ch01 #ph01 {
	float:left;
	width:338px;
	margin:5px 1.5em 1em 0;
}
#vol4 #ch02 #ph02 {
	float:right;
	width:227px;
	margin:5px 0 1em 1.5em;
}
#vol4 #ch03 #ph03 {
	float:left;
	width:354px;
	margin:5px 1.5em 0.5em 0;
}


#vol4 #ch01 #ph01 p,
#vol4 #ch02 #ph02 p,
#vol4 #ch03 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}
#vol4 #ch01 #ph01 p,
#vol4 #ch03 #ph03 p {
	text-align:center;
}





/*--------------------------------------------------------------------------

#vol5

--------------------------------------------------------------------------*/


#vol5 #ch01 #ph01 {
	float:right;
	width:310px;
	margin:5px 0 1em 1.5em;
}
#vol5 #ch02 #ph02 {
	float:left;
	width:300px;
	margin:5px 1.5em 1em 0;
}
#vol5 #ch03 #ph03 {
	float:right;
	width:300px;
	margin:5px 0 0.5em 1.5em;
}


#vol5 #ch01 #ph01 p,
#vol5 #ch02 #ph02 p,
#vol5 #ch03 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}
#vol5 #ch01 #ph01 p,
#vol5 #ch02 #ph02 p,
#vol5 #ch03 #ph03 p {
	text-align:center;
}
#vol5 #ch02 #ph02 p {
	padding:0.5em 0.2em;
}


#title-table {
}
#title-table table {
	float:left;
	width:186px;
	font-size:11px;
	border-collapse:collapse;
	border-spacing:0;
	border-right: 3px double #ccc;
	line-height:1;
}
#title-table table#first-table {
	width:226px;
}
#title-table table#last-table {
	border-right:none;
}
#title-table .table-tit {
	padding:10px 5px;
	border-bottom:3px double #ccc; 
	background:#666 url(../img/vol5/bg_table-tit.gif) left bottom repeat-x;
	color:#fff;
	text-align:center;
}
#title-table th {
	padding:3px 5px 3px 6px;
	border-right: 3px double #ccc;
	border-bottom:1px dotted #ccc;
}
#title-table td {
	padding:5px 5px;
	border-bottom:1px dotted #ccc;
}
#title-table td.c-name {
	width:92px;
}
#title-table td.count {
	padding-left:3px;
	padding-right:3px;
	width:18px;
	text-align:center;
}
#title-table td.maker {
	width:38px;
}
#title-table td.lg {
	background:#badd51 url(../img/vol5/bg_table-kawasaki.gif) left bottom repeat-x;
	border-bottom:1px dotted #fff;
}
#title-table tr.table-bot th,
#title-table tr.table-bot td {
	border-bottom:none;
}

#table-color {
	text-align:right;
}
#table-color span {
	padding:0 0 0 5px;
	border-left:20px solid #badd51;
}




#content-e #title-table td.d-line {
	letter-spacing:-1px;
}









/*--------------------------------------------------------------------------

#vol6

--------------------------------------------------------------------------*/


#vol6 #ch01 #ph01 {
	float:left;
	width:283px;
	margin:5px 1.5em 1em 0;
}
#vol6 #ch02 #ph02 {
	float:right;
	width:300px;
	margin:5px 0 1em 1.5em;
}
#vol6 #ch03 #ph03 {
	float:left;
	width:320px;
	margin:5px 1.5em 0.5em 0;
}


#vol6 #ch01 #ph01 p,
#vol6 #ch02 #ph02 p,
#vol6 #ch03 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}
#vol6 #ch01 #ph01 p,
#vol6 #ch02 #ph02 p,
#vol6 #ch03 #ph03 p {
	text-align:center;
}
#vol6 #ch02 #ph02 p {
	text-align:left;
}
#vol6 #ch03 #ph03 p {
	text-align:left;
}









/*--------------------------------------------------------------------------

#vol7

--------------------------------------------------------------------------*/


#vol7 #ch01 #ph01 {
	float:left;
	width:320px;
	margin:5px 1.5em 0.5em 0;
}
#vol7 #ch01 #ph02 {
	float:right;
	width:300px;
	margin:5px 0 1em 1.5em;
}
#vol7 #ch02 #ph03 {
	float:left;
	width:320px;
	margin:5px 1.5em 0.5em 0;
}
#vol7 #ch03 #ph04 {
	float:right;
	width:300px;
	margin:5px 0 1em 1.5em;
}


#vol7 #ch01 #ph01 p,
#vol7 #ch01 #ph02 p,
#vol7 #ch02 #ph03 p,
#vol7 #ch03 #ph04 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}
#vol7 #ch01 #ph01 p,
#vol7 #ch01 #ph02 p,
#vol7 #ch02 #ph03 p,
#vol7 #ch03 #ph04 p {
	text-align:center;
}

#vol7 #content-e #ch01 #ph01 p,
#vol7 #content-e #ch01 #ph02 p,
#vol7 #content-e #ch02 #ph03 p,
#vol7 #content-e #ch03 #ph04 p {
	text-align:left;
}









/*--------------------------------------------------------------------------

#vol8

--------------------------------------------------------------------------*/


#vol8 #ch01 #ph01 {
	float:right;
	width:248px;
	margin:5px 0 0.5em 1.5em;
}
#vol8 #ch02 #ph02 {
	float:left;
	width:280px;
	margin:5px 1.5em 1em 0;
}
#vol8 #ch02 #ph03 {
	float:right;
	width:280px;
	margin:5px 0 0.5em 1.5em;
}



#vol8 #ch01 #ph01 p,
#vol8 #ch02 #ph02 p,
#vol8 #ch02 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}
#vol8 #ch01 #ph01 p,
#vol8 #ch01 #ph02 p,
#vol8 #ch02 #ph03 p {
	text-align:center;
}

#vol8 #content-e #ch01 #ph01 p,
#vol8 #content-e #ch01 #ph02 p,
#vol8 #content-e #ch02 #ph03 p {
	text-align:left;
}

#vol8 #result {
	text-align:center;
}
#vol8 #result h4 {
	width:500px;
	margin:20px auto 0 auto;
	color:#44af35;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#vol8 #result table {
	width:500px;
	margin:0 auto;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
}
#vol8 #result table th {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#555;
	color:#fff;
	text-align:center;
}
#vol8 #result table td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#vol8 #result table .pos,
#vol8 #result table .nr {
	width:30px;
	text-align:center;
}
#vol8 #result table .rider {
	padding:0 0 0 10px;
	text-align:left;
}
#vol8 #result table .nat,
#vol8 #result table .bike {
	width:40px;
	text-align:center;
}
#vol8 #result table .model {
	width:80px;
	text-align:center;
}
#vol8 #result table .besttime {
	width:100px;
	text-align:center;
}


#vol8 #result table tr.kaw td {
	/*background:#badd51 url(../img/vol8/bg_table-kawasaki.gif) left bottom repeat-x;*/
	background:#badd51;
}









/*--------------------------------------------------------------------------

#vol9

--------------------------------------------------------------------------*/


#vol9 #ch01 #ph01 {
	float:right;
	width:280px;
	margin:5px 0 0.5em 1.5em;
}
#vol9 #ch02 #ph02 {
	float:left;
	width:280px;
	margin:5px 1.5em 1em 0;
}
#vol9 #ch02 #ph03 {
	float:right;
	width:300px;
	margin:5px 0 0.5em 1.5em;
}
#vol9 #ch03 #ph04 {
	float:left;
	width:300px;
	margin:5px 1.5em 1em 0;
}



#vol9 #ch01 #ph01 p,
#vol9 #ch02 #ph02 p,
#vol9 #ch02 #ph03 p,
#vol9 #ch03 #ph04 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}
#vol9 #ch01 #ph01 p,
#vol9 #ch02 #ph02 p,
#vol9 #ch02 #ph03 p,
#vol9 #ch03 #ph04 p {
	text-align:center;
}

#vol9 #content-e #ch01 #ph01 p,
#vol9 #content-e #ch02 #ph02 p,
#vol9 #content-e #ch02 #ph03 p,
#vol9 #content-e #ch03 #ph04 p {
	text-align:left;
}









/*--------------------------------------------------------------------------

#vol10

--------------------------------------------------------------------------*/


#vol10 #ch01 #ph01 {
	float:right;
	width:300px;
	margin:5px 0 0.5em 1.5em;
}
#vol10 #ch01 #ph02 {
	margin:1.5em 0 0 0;
}
#vol10 #ch02 #ph03 {
	float:left;
	width:320px;
	margin:5px 1.5em 1em 0;
}




#vol10 #ch01 #ph01 p,
#vol10 #ch01 #ph02 p,
#vol10 #ch02 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}

#vol10 #ch01 #ph02 p {
	margin:0.5em 0 0 0;
	text-align:center;
}
#vol10 #ch02 #ph03 p {
	text-align:center;
}



#vol10 #content-e #ch01 #ph01 p,
#vol10 #content-e #ch02 #ph02 p {
	text-align:left;
}
#vol10 #content-e #ch02 #ph03 p {
	text-align:center;
}









/*--------------------------------------------------------------------------

#vol11

--------------------------------------------------------------------------*/


#vol11 #ch01 #ph01 {
	float:left;
	width:280px;
	margin:5px 1.5em 1em 0;
}
#vol11 #ch01 #ph02 {
	float:right;
	width:280px;
	margin:5px 0 1em 1.5em;
}
#vol11 #ch02 #ph03 {
	float:right;
	width:330px;
	margin:5px 0 1em 1.5em;
}




#vol11 #ch01 #ph01 p,
#vol11 #ch01 #ph02 p,
#vol11 #ch02 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}













/*--------------------------------------------------------------------------

#vol12

--------------------------------------------------------------------------*/


#vol12 #ch01 #ph01 {
	float:right;
	width:280px;
	margin:5px 0 1em 1.5em;
}
#vol12 #ch02 #ph02 {
	float:left;
	width:340px;
	margin:5px 1.5em 1em 0;
	border:1px solid #000;
}
#vol12 #ch03 #ph03 {
	display:inline;
	float:right;
	width:340px;
	margin:5px 0 1em 1.5em;
} 




#vol12 #ch01 #ph01 p,
#vol12 #ch02 #ph02 p,
#vol12 #ch03 #ph03 p {
	padding:0.5em 1em;
	background:#000;
	color:#ccc;
	font-size:92%;
	line-height:1.2;
	text-align:justify;
}




#vol12 #content-e #ch01 #ph01 p,
#vol12 #content-e #ch02 #ph02 p {
	text-align:left;
}
#vol12 #content-e #ch02 #ph03 p {
	text-align:center;
}
