@charset "utf-8";
@import url("reset-min.css");
@import url("reset-fonts.css");

html {
  background-image: url("../images/background.gif");
  background-repeat: repeat-y;
  background-color: #00619A;
  color: #666666;
}

body {
  /*margin: 0px;
  width: 100%;
  background-image: url("../images/background.gif");
  background-repeat: repeat-y;
  background-color: #00619A;*/
  /*font-size: 0.8em;*/
  line-height: 1.5;
}

.bg1 {
  background-color: #e8e8e8;
}

.bg2 {
  background-color: #ffffff;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.clearLeft {
  clear: left;
}

.clearRight {
  clear: right;
}

div#leftBox {
  position:absolute;
  top: 0px;
  left: 0px;
  width: 160px;
}

div#mainBox {
  margin-left: 160px;
  width: 800px;
  /*float: left;*/
}

body div#mainBox {
  
}

body div#mainBox div#topImageBox {
  text-align: right;
  margin-bottom: 1em;
}

body div#mainBox div#whatsNewBox,
body div#mainBox div#raceDigestBox,
body div#mainBox div#accessMapBox,
body div#mainBox div#aboutKeirinBox,
body div#mainBox div#linksBox,
body div#mainBox div#calendarBox,
body div#mainBox div#contactBox {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 1em;
}

body div#mainBox div#whatsNewBox div#whatsNewSummary,
body div#mainBox div#whatsNewBox div#whatsNewHeaderBox,
body div#mainBox div#raceDigestBox div#raceDigestHeaderBox,
body div#mainBox div#raceDigestBox div#raceDigestBodyBox,
body div#mainBox div#accessMapBox div#accessMapBodyBox,
body div#mainBox div#aboutKeirinBox div#aboutKeirinHeaderBox,
body div#mainBox div#linksBox div#linksBodyBox,
body div#mainBox div#calendarBox div#calendarBodyBox,
body div#mainBox div#contactBox div#contactBodyBox {
  margin-top:0px;
  border: 1px solid #cccccc;
  border-top: 0px;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}

body div#mainBox div#whatsNewBox div#whatsNewSummary p#nextLinkBox {
  text-align: right;
}

body div#mainBox div#whatsNewBox div#whatsNewHeaderBox {
  height: 10em;
  overflow: auto;
}

body div#mainBox div#whatsNewBox div#whatsNewHeaderBox h3 {
  font-weight: bold;
  margin-bottom: 0.5em;
}

body div#mainBox div#whatsNewBox div#whatsNewHeaderBox h3 span.whatsNewHeaderDate {
  font-size: 0.8em;
  font-weight: normal;
}

body div#mainBox div#whatsNewBox div#whatsNewBodyBox div#whatsNewBody,
body div#mainBox div#aboutKeirinBox div#aboutKeirinBodyBox {
  border: 1px solid #cccccc;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
}

body div#mainBox div#whatsNewBox div#whatsNewBodyBox div#whatsNewBody h2 {
  font-weight: bold;
  color: #000000;
  font-size: 1.2em;
}

body div#mainBox div#raceDigestBox div#raceDigestHeaderBox {
  text-align: center;
  height: 25em;
  overflow: auto;
}

body div#mainBox div#raceDigestBox div#raceDigestHeaderBox h3 {
  font-size: 1.3em;
  margin-bottomc: 1em;
}

body div#mainBox div#raceDigestBox div#raceDigestHeaderBox ul li.header {
  font-weight: bold;
  font-size: 1.2em;
}

body div#mainBox div#raceDigestBox div#raceDigestHeaderBox ul li ul li {
  font-weight: normal;
}

body div#mainBox div#raceDigestBox div#raceDigestHeaderBox p,
body div#mainBox div#raceDigestBox div#raceDigestBodyBox h3,
body div#mainBox div#linksBox div#linksBodyBox h3,
body div#mainBox div#linksBox div#linksBodyBox p,
body div#mainBox div#calendarBox div#calendarBodyBox p {
  margin-left: 1em;
  font-size: 1.2em;
  margin-bottom: 1em;
}

body div#mainBox div#raceDigestBox div#raceDigestBodyBox ul {
  width: 240px;
}

body div#mainBox div#raceDigestBox div#raceDigestBodyBox ul li {
  margin-left: 3em;
}

body div#mainBox div#raceDigestBox div#raceDigestBodyBox div#raceDigestMovieBox {
 
}

body div#mainBox div#accessMapBox div#accessMapBodyBox ul li,
body div#mainBox div#aboutKeirinBox div#aboutKeirinHeaderBox ul li,
body div#mainBox div#aboutKeirinBox div#aboutKeirinBodyBox ul li {
  margin-left: 1em;
  float: left;
  font-size: 1.2em;
  line-height: 1.8;
}

body div#mainBox div#accessMapBox div#accessMapGuideBox table.accessMapGuide,
body div#mainBox div#accessMapBox div#institutionMapImageBox table.accessMapGuide {
  border: 1px solid #666666;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  width: 700px;
}

body div#mainBox div#accessMapBox div#institutionMapImageBox table.accessMapGuide {
  margin-top: 0.5em;
  width: 500px;
}

body div#mainBox div#accessMapBox div#accessMapGuideBox table.accessMapGuide th,
body div#mainBox div#accessMapBox div#institutionMapImageBox table.accessMapGuide th {
  vertical-align: top;
}

body div#mainBox div#accessMapBox div#accessMapGuideBox table.accessMapGuide th,
body div#mainBox div#accessMapBox div#accessMapGuideBox table.accessMapGuide td,
body div#mainBox div#accessMapBox div#institutionMapImageBox table.accessMapGuide th,
body div#mainBox div#accessMapBox div#institutionMapImageBox table.accessMapGuide td {
  border: 1px solid #666666;
  padding: 0.5em;
}

body div#mainBox div#accessMapBox div#institutionMapImageBox table.accessMapGuide td {
  text-align: left;
}

body div#mainBox div#accessMapBox div#accessMapBodyBox ul li ul li,
body div#mainBox div#aboutKeirinBox div#aboutKeirinHeaderBox ul li ul li {
  font-size: 1em;
}

body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapTimetableBox h3,
body div#mainBox div#accessMapBox div#institutionMapImageBox h3 {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  margin-top: 1em;
}

body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapTimetableBox h4 {
  font-weight: bold;
}

body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapTimetableBox table {
  margin-left: auto;
  margin-right: auto;
  /*width: 700px;*/
}

body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapTimetableBox table table {
  width: 200px;
  border: 1px solid #666666;
  margin: 0.5em;
}

body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapTimetableBox table table th,
body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapTimetableBox table table td {
  padding: 0.2em;
  border-bottom: 1px solid #666666;
  text-align: center;
}

body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapTimetableBox table table th {
  font-weight: bold;
  background-color: #333333;
  color: #ffffff;
}

body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapTimetableBox p {
  text-align: center;
  margin-bottom: 1em;
}

body div#mainBox div#accessMapBox div#accessMapBodyBox div#accessMapImageBox,
body div#mainBox div#accessMapBox div#institutionMapImageBox {
  /*width: 100%;*/
  border: 0px solid #cccccc;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  text-align: center;
}

body div#mainBox div#accessMapBox div#institutionMapImageBox p.institutionImageBox {
  padding: 1em;
}

body div#mainBox div#accessMapBox div#institutionMapImageBox table#bank {
  border: 1px solid #666666;
  margin-left: auto;
  margin-right: auto;
}

body div#mainBox div#accessMapBox div#institutionMapImageBox table#bank th,
body div#mainBox div#accessMapBox div#institutionMapImageBox table#bank td {
  padding: 0.2em;
  border: 1px solid #666666;
  vertical-align: top;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody {
  margin-bottom: 1em;
}

body div#mainBox div#aboutKeirinBodyBox div#aboutKeirinBody {
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody h3,
body div#mainBox div#aboutKeirinBodyBox div#aboutKeirinBody h3 {
  font-size: 1.2em;
  border: 1px solid #666666;
  border-width: 0px 0px 1px 5px;
  padding: 0.2em;
  margin-bottom: 0.5em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody p,
body div#mainBox div#aboutKeirinBodyBox div#aboutKeirinBody p,
body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody dl {
  margin: 0.5em 1em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody table {
 border: 1px solid #cccccc;
 margin: 0.5em 1em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody table th {
  font-weight: bold;
  white-space: nowrap;
  padding: 0.3em;
  border-bottom: 1px solid #cccccc;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody table td {
  padding: 0.3em;
  border-bottom: 1px solid #cccccc;
}

body div#mainBox div#aboutKeirinBox div#aboutKeirinBodyBox h2 {
  font-size: 1.2em;
  padding: 0.5em;
  text-align:center;
  margin-bottom: 2em;
  border-bottom: 1px solid #666666;
}

body div#mainBox div#aboutKeirinBox div#aboutKeirinBodyBox h2 a {
  padding: 1em;
}

body div#mainBox div#aboutKeirinBodyBox div#aboutKeirinBody div.glossaryItem {
  margin-bottom: 1em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody p.annotation {
  border: 2px dotted orangered;
  padding: 0.2em;
  text-align: center;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody dl dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody dl dd {
  margin-left: 1em;
  margin-bottom: 1em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody div.example {
  margin: 1em;
  border: 1px solid #cccccc;
  padding: 2em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody div.example span.num {
  border: 1px solid #000000;
  padding: 0.5em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody div.explanation span.hit {
  font-size: 1.2em;
  color: #ff0000;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody div.example span.bg1 {
  background-color: rgb(223, 223, 255);
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody div.example span.bg2 {
  background-color: rgb(255, 223, 236);
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody img {
  margin: 0.5em;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody img.floatLeft {
  float: left;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody img.floatRight {
  float: right;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody .clearLeft {
  clear: left;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody .clearRight {
  clear: right;
}

body div#mainBox div#aboutKeirinBodyBox div.aboutKeirinBody h4 {
  font-weight: bold;
  margin-left: 2em;
  margin-top: 1em;
}

body div#mainBox div#linksBox div#linksBodyBox dl {
  font-size: 1.2em;
  margin-left: 1em;
  line-height: 1.8;
}

body div#mainBox div#linksBox div#linksBodyBox dl dd {
  margin-left: 1em;
}

body div#mainBox div#calendarBox div#calendarBodyBox {
  text-align: center;
}

body div#mainBox div#calendarBox div#calendarBodyBox table {
  margin-left:auto;
  margin-right: auto;
}

body div#mainBox div#calendarBox div#calendarBodyBox table td {
  padding: 0.5em;
  vertical-align: top;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar {
  /*width: 100%;*/
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar th,
body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td {
  padding: 0.3em;
  text-align: center;
  color: #000000;
  font-size: 0.8em;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar tr th {
  font-weight: bold;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td {
  border: 1px solid #000000;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar th.sun {
  color: red;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar th.sat {
  color: blue;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td.blue {
  background-color: #9AE8FE;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td.pink {
  background-color: #FF9DCF;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td.orange {
  background-color: #FFAF4F;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td.purple {
  background-color: #986699;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td.deepred {
  background-color: #CC4D44;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td.green {
  background-color: #AAD79F;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td.yellowGreen {
  background-color: #E3D42D;
}

body div#mainBox div#calendarBox div#calendarBodyBox table th#raceNameDisplayBoxHeader {
  font-weight: bold;
  text-align: center;
}

body div#mainBox div#calendarBox div#calendarBodyBox table td div#raceNameDisplayBox {
  font-weight: bold;
  text-align: center;
  border: 1px solid #cccccc;
  padding: 0.5em;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td#todayTd {
  background-color: #ff0000;
}

body div#mainBox div#calendarBox div#calendarBodyBox table table.calendar td span#today {
  font-weight: bold;
  color: #ffffff;
}

body div#mainBox div#contactBox div#contactBodyBox {
  border-top: 1px solid #cccccc;
}

body div#mainBox div#contactBox div#contactBodyBox p {
  margin-bottom: 1em;
}

body div#mainBox div#contactBox div#contactBodyBox table {
  margin-bottom: 1em;
}

body div#mainBox div#contactBox div#contactBodyBox div#contactFormButtonBox {
  text-align:right;
}

body div#mainBox div#contentsBox1 {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 1em;
}

body div#mainBox div#contentsBox1 table.contentsTable,
body div#mainBox div#contentsBox2 table.contentsTable {
  width: 760px;
  border-spacing: 0px;
  margin-bottom: 1em;
}

body div#mainBox div#contentsBox1 table.contentsTable td,
body div#mainBox div#contentsBox1 table.contentsTable th,
body div#mainBox div#contentsBox2 table.contentsTable td,
body div#mainBox div#contentsBox2 table.contentsTable th {
  vertical-align: top;
}

body div#mainBox div#contentsBox1 table td {
  text-align: center;
}

body div#mainBox div#contentsBox1 table.contentsTable table.subContentTable1 {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  background-color: #E8E8E8;
}

body div#mainBox div#contentsBox1 table.contentsTable table.subContentTable1 td {
  padding: 0;
}

body div#mainBox div#contentsBox2 table.contentsTable table.subContentTable2 {
  border-collapse: collapse;
  border-top: 1px solid #cccccc;
  margin-right: 1em;
  margin-top: 3px;
    width: 370px;
}

body div#mainBox div#contentsBox2 table.contentsTable table.subContentTable2 th,
body div#mainBox div#contentsBox2 table.contentsTable table.subContentTable2 td {
  border-bottom: 1px solid #cccccc;
  padding: 0.2em;
  vertical-align: top;
}

body div#mainBox div#contentsBox2 {
 margin-left: 20px;
 margin-right: 20px;
}

body div#mainBox div#contentsBox2 div#contentBox5 {
    /*margin-left: 10px;*/
    margin-right: 10px;
  /*border: 1px solid #000000;*/
}

body div#mainBox div#contentsBox2 div#contentBox5 h4 {
  border: 1px solid #000066;
  border-width: 0px 0px 1px 5px;
  padding: 0.2em;
  margin-bottom: 0.5em;
  color: #000066;
}

body div#mainBox div#contentsBox2 div#contentBox5 div.telServiceBox {
  margin-bottom: 0.5em;
}

body div#mainBox div#contentsBox2 div#contentBox5 h5 {
  color: #000066; 
}

body div#mainBox div#contentsBox2 div#contentBox5 table {
 margin-left: 1em;
}

body div#mainBox div#contentsBox2 div#contentBox5 table th {
  font-weight: bold;
}


body div#mainBox div#contentsBox2 div#contentBox5 table td {
  padding-left: 0.5em; 
}


body div#mainBox div#contentsBox2 div#contentBox5 p {
  padding-left: 1em; 
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0.5em;
}

body div#mainBox div#contentsBox2 div#contentBox5 p.annotation {
  border: none;
  padding-left: 0;
  font-size: 0.8em;
}

body div#mainBox div#footerBox {
  margin-left: 20px;
  margin-right: 20px;
}

body div#mainBox div#footerBox p {
  margin-top: 0.2em;
}

body div#mainBox div#footerBox p#copyright {
  border-top: 1px solid #cccccc;
  text-align: right;
  font-size: 0.8em;
}

body div#leftBox {
  background-image: url("../images/left_base.gif");
  background-repeat: repeat-y;
  background-color: #00619A;
}

body div#leftBox div#leftLogoBox img {
  margin-bottom: 1em;
}

body div#leftBox div#menuBox ul {
  margin: 0px;
  padding: 0px;
}

body div#leftBox div#menuBox ul li {
 list-style: none;
}

body div#leftBox div#keirinJpLogo {
  margin-top: 1em;
  text-align: center;
}