﻿html,body {
margin:0 auto;
padding:0;
background:#fff url(img/bodybg.gif) center repeat-y;
text-align:center;
}
img {
border:none;
}div table{font-size:10pt;}
a {
color:#00f;
}
h1 {
margin:10px auto 6px auto;
padding:0;
width:560px;
background:#fff url(img/hbgbar.png) left bottom no-repeat;
text-align:left;
text-indent:40px;
font-size:20pt;
}
h2 {
margin:10px 0 6px 0;
padding:0;
font-size:14pt;
}
h3, #derby h2 {
margin:10px;
padding:5px;
font-size:14pt;
background:#e7e7e7 url(img/navihbg.gif) repeat-x;
border:1px solid #aaa;
border-right:1px solid #666;
border-bottom:1px solid #666;
}
h4 {
margin:0 auto;
padding:0 0 5px 0;
text-align:left;
font-size:12pt;
}
#data h4 {
width:560px;
}
ol {
text-align:left;
line-height:1.5em;
}
ol li {
text-decoration:underline;
}
#wrap {
margin:0 auto;
width:780px;
border-top:8px solid #7ea200;
}
*html #wrap {
margin:0 0 0 1px;
}

#header {
background:#8cc660 url(img/headerbg.gif) repeat-x;
height:100px;
font-size:10pt;
text-align:right;
padding:0 5px 0 40px;
border-bottom:5px solid #7ea200;
}
#header span {
display:block;
width:500px;
float:right;
}
#header a {
display:block;
width:180px;
height:100px;
float:left;
}
#derby {
background:#fff;
float:right;
width:585px;
}

#derby hr {
clear:both;
width:560px;
margin:0 auto;
}

#derby ul {
list-style:none;
margin:0 auto 10px auto;
padding:0;
font-size:10pt;
width:560px;
}
#derby ul li {
text-align:left;
line-height:1.5em;
}
#derby #qanda ul, #derby #event ul{
margin:0;
}
#derby #qanda ul li, #derby #event ul li {
padding-left:20px;
}
#link ul {
width:560px;
margin:0;
padding:0;
list-style:none;
}
#link ul li {
padding-left:20px;
}

#navigation {
clear:both;
float:left;
width:192px;
text-align:left;
padding-bottom:20px;
}
#navigation h2 {
padding:5px;
background:#e7e7e7 url(img/navihbg.gif) repeat-x;
border:1px solid #aaa;
border-right:1px solid #666;
border-bottom:1px solid #666;
font-size:14pt;
text-indent:5px;
}
#navigation ul {
list-style:none;
margin:0;
padding:0;
}
#navigation h2, #navigation ul, #navigation hr {
margin-left:12px;
}
#navigation ul li {
margin:0;
padding:2px 3px 2px 20px;
font-size:12pt;
background:url(img/navipt.gif) left center no-repeat;
}
#navigation ul li.new {
background:url(img/naviptn.gif) left center no-repeat;
}
#derby p.new {
background:url(img/naviptn.gif) left center no-repeat;
text-indent:20px;
}

#navigation ul.pickup li {
padding:2px;
background-image:none;
text-align:center;
}

.info p {
width:400px;
}
.info .dbimg {
float:left;
width:160px;
}
.info .dbinfo {
float:left;
width:380px;
}


#footer {
margin:0 auto;
clear:both;
line-height:100px;
height:100px;
background:#8cc660 url(img/dhbg.gif) repeat-x;
border-top:5px solid #7ea200;
}

#qanda dl {
margin:0 auto 10px auto;
width:560px;
text-align:left;
border:1px solid #793;
}
#qanda dl dt, #qanda dl dd{
font-size:10pt;
line-height:2em;
padding:0;
margin:0;
padding-left:35px;
}
#qanda dl dt {
background:url(img/qanda_q.gif) left center no-repeat;
border-bottom:1px solid #793;
font-weight:bold;
padding-right:5px;
}
#qanda dl dd {
background:url(img/qanda_a.gif) left center no-repeat;
padding-right:5px;
}

.modellist table, .kaigailist table {
width:560px;
margin:0 auto 20px auto;
font-size:10pt;
}
.modellist table.info {
margin-bottom:5px;
}

table th {
background:#8cc660 url(img/dhbg.gif) repeat-x;
}

.modellist table th, .kaigailist table th, #bc th.bcj{
background:#f5fff9;
}
.modellist table th.hname, .kaigailist table th.hname, .checksheet table th {
background:#8cc660 url(img/dhbg.gif) repeat-x;
line-height:2em;
}
.kaigailist table th.par {
width:20px;
}
.modellist table th, .modellist table td, .kaigailist table th, .kaigailist table td {
line-height:1.5em;
text-align:center;
margin:0;padding:0;
}
.modellist table td {
width:140px;
}
.modellist table.info td {
width:340px;
}

#race table {
width:560px;
margin:0 auto 20px auto;
font-size:10pt;
}
#race table th, #race table td, .checksheet td {
padding:7px 0;
text-align:center;
}
#race table th.month {
background:#8cc660 url(img/dhbg.gif) repeat-x;
line-height:2em;
padding:0;
}
#race table th {
background:#f5fff9;
}

#race table td.place {
width:36px;
}
#event table th {
padding:5px;
font-size:14pt;
background:#e7e7e7 url(img/navihbg.gif) repeat-x;
border:1px solid #aaa;
border-right:1px solid #666;
border-bottom:1px solid #666;
}
#event table td {
margin:0 auto;
padding:0;
text-align:left;
line-height:1.5em;
}
#event table td.evimg {
width:330px;
padding-bottom:15px;
}
.checksheet {
clear:both;
}
.checksheet table, #event table {
width:560px;
margin:0 auto;
}
.checksheet table td {
line-height:2em;
}
.checksheet .chbm {
width:120px;
}

#bc table {
width:520px;
margin:0 auto;
line-height:2em;
}
#bc table th {
padding:5px 0;
}
#bc table td {
text-align:left;
padding:5px 10px;
}
#bc table th.bcj {
text-align:center;
width:100px;
}
#bc table input.bci {
width:240px;
}
#bc table textarea {
width:360px;
height:5em;
}

#bc .point {
background:#fff;
color:#000;
}
#bc table th.bcname {
padding:3px 0;
}
#bc table td.hpass {
font-size:12pt;
}

#tk table {
margin:0 auto 20px auto;
width:500px;
}
#tk table th, #tk table td {
line-height:1.8em;
text-align:center;
}


#data table {
margin:0 auto 20px auto;
width:540px;
}
#data table th, #data table td {
line-height:1.8em;
}
#data table td {
text-align:left;
padding:0 5px;
}
#data table.dtb td {
text-align:center;
padding:0;
}
#data table.t4 td {
text-align:center;
width:25%;
}


#data table th {
background:#8cc660 url(img/dhbg.gif) repeat-x;
line-height:2em;
padding:0;
}
#data table.hdt th {
width:158px;
}
#data span.point {
background:none;
color:#000;
}

form, p {
padding:0;
margin:2px auto 5px auto;
font-size:12pt;
}
p {
width:560px;
text-align:left;
line-height:1.5em;
}
#derby ul.jplist {
list-style:none;
text-align:left;
margin:0;
padding:0;
width:550px;
}
ul.jplist li {
margin:0;
padding:0;
display:inline;
}
#data table th.ht {
width:140px;
}
#data table td.pt {
font-weight:bold;
}
#data table td.hgimg {
width:280px;
padding:0;
text-align:center;
}

.point {color:#c00;}
.lv3 {color:#f00;}
.lv2 {color:#33f;}
.lv1 {color:#bb2;}
.point, .lv3, .lv2, .lv1 {font-weight:bold;}
.puppt {background:#fff1f1}
ol li .point {background:#fff;color:#c00;}
td, th {
border:1px solid #333;
border-top:1px solid #888;
border-left:1px solid #888;
}
#event td {
border:none;
}
#derby #data table td.bookimg {width:100px;text-align:center;}

#derby #bc table.bcx td {
text-align:center;
padding:3px 2px;
font-family: "Courier","平成角ゴシック", "Osaka-等幅", "ＭＳ ゴシック", monospace;
}
#derby #bc table.bcx td.bcn, #derby #bc table.bcr td.bcn {
text-align:left;
text-indent:4px;
}
#derby #bc table.bcr td {
border:none;
line-height:1.2em;
}
#derby #bc table.bcr th {
border:none;
background:none;
text-align:left;
}
.bct td {
background:#f5fff9;
}
div.splu {
text-align:left;
margin-top:10px;
padding-top:5px;
padding-left:10px;
}
div.spl {
text-align:left;
padding-left:12px;
padding-top:20px;
}
div.splt {
padding-top:5px;
}
div.spl p.spl {
line-height:1em;
font-size:10pt;
}

