@charset "shift_jis";

/*---------- 基本設定 -----------*/
* {
  margin           : 0;
  padding          : 0;
  box-sizing       : border-box; /* width,heightの計算統一 */
  -moz-box-sizing  : border-box; /* width,heightの計算統一 */
}

/*---------- ボディ -----------*/
body {
  font-family      : "MS GOTHIC", monospace;
  font-size        : small;
  color            : #282B2E;
  text-align       : center;
  background-color : #FFFFFF;
  background-image : url('../img/base_bkground.gif');
  background-repeat: repeat;
  padding-top      : 30px;
}

body div {
  margin           : 0 auto 0 auto; /* NetScape,FireFoxでのセンター揃え設定 */
}

/*---------- リンク -----------*/
a {
  text-decoration  : none;
  color            : #CCCCCC;
}

a:hover {
  /* カーソルポイント時 */
  text-decoration  : underline;
  color            : #EEEEEE;
}

/*---------- 画像 -----------*/
img {
  border-width     : 0;
  vertical-align   : middle;
}

/*------ 描画範囲 -----*/
div.content-area {
  width            : 800px;
}

/*------ サイトＩＤ -----*/
div.site-id {
  text-align       : left;
  float            : left;
}

/*------- カート -----*/
table.dispcart {
  height           : 35px;
  width            : 100%;
  font-size        : 80%;
  text-align       : right;
}

table.dispcart td.text {
  vertical-align   : middle;
  text-align       : right;
  padding-right    : 5px;
}

table.dispcart td.image {
  height           : 35px;
  width            : 35px;
}

table.dispcart a {
  font-weight      : bold;
  text-decoration  : underline;
}

table.dispcart a:hover {
  color            : #707070;
  text-decoration  : underline;
}

/*---------- 大会名 -----------*/
table.eventinfo {
  color            : #FFFFEA;
  width            : 100%;
  text-align       : left;
  font-size        : 100%;
  font-weight      : bold;
  margin-top       : 0px;
  margin-bottom    : 0px;
}

table.eventinfo td.eventname {
  height           : 35px;
  width            : 50%;
  text-align       : left;
  font-size        : 100%;
  font-weight      : bold;
  margin-top       : 0px;
  margin-bottom    : 0px;
}

/*---------- レース名 -----------*/
table.eventinfo td.racename {
  width            : 50%;
  text-align       : left;
  font-size        : 90%;
  margin-top       : 0px;
  margin-bottom    : 5px;
}

/*---------- 氏名 -----------*/
table.eventinfo td.name {
  width            : 50%;
  text-align       : left;
  font-size        : 90%;
  margin-bottom    : 5px;
}

table.eventinfo td.pre-lap {
  width            : 50%;
  text-align       : right;
  vertical-align   : bottom;
  font-size        : 80%;
  font-weight      : bold;
  padding-right    : 5px;
  padding-bottom   : 3px;
  line-height:2;
}

table.eventinfo td.pre-lap a {
  font-weight      : bold;
  text-decoration  : underline;
}

table.eventinfo td.pre-lap a:hover {
  font-weight      : bold;
  text-decoration  : underline;
}

/*------- 基本コンテナ -----*/
table.base {
  clear            : both;
  border-collapse  : collapse;
  color            : #FFFFEA;
  width            : 100%;
  height           : 650px;
  background-color : #282B2E;
  text-align       : center;
  vertical-align   : middle;
}

table.base td.header{
  color            : #252525;
  font-weight      : bold;
  font-size        : 80%;
  width            : 100%;
  height           : 65px;
  background-image : url('../img/route.gif');
  background-repeat: no-repeat;
  text-align       : left;
  padding-left     : 10px;
}

table.base td.header a{
  text-decoration  : underline;
  font-weight      : bold;
  color            : #252525;
}

table.base td.header a:hover{
  text-decoration  : underline;
  font-weight      : bold;
  color            : #707070;
}

table.base td.body{
  width            : 100%;
  height           : 100%;
}

/*------- フッタ -----*/
div.footer {
  width            : 100%;
}

div.footer div.copyright {
  color            : #202020;
  font-weight      : bold;
  font-size        : 90%;
  font-family      : "ＭＳ Ｐゴシック",sans-serif;
  float            : left;
  padding-top      : 20px;
  text-align       : left;
  line-height      : 1.5;
}

div.footer div.copyright a {
  font-size        : 90%;
  font-weight      : normal;
  color            : blue;
  text-decoration  : underline;
}

div.footer div.logo {
  float            : right;
  padding-top      : 20px;
  text-align       : right;
}

/*------- ショップ道順 ------*/
div.shop-route {
  font-size        : 80%;
  text-align       : center;
  margin-top       : 30px;
  padding          : 5px;
  background-color : #808080;
}

div.shop-route span.item {
  margin           : 20px;
  text-align       : center;
}

div.shop-route span.item-current {
  margin           : 20px;
  text-align       : center;
  font-weight      : bold;
  color            : #FFDE00;
}

/*------- インターフェイス ------*/
input.button {
  color            : #001889;
  height           : 30px; /* 高さのみ定義 */
  border-width     : 0;
  border-style     : none;
  background-image : url("../img/button.gif");
  background-repeat: repeat;  /* mac上で空白をなくす為必要 */
  cursor           : hand;
  line-height      : 1.7; /* mac上でテキスト位置を中央に保つため必要 */
}

input.checkbox {
}

input.text {
  border-width     : 1px;
  border-style     : solid;
  border-color     : #DDDDDD;
  background-color : #FFFFEA;
  width            : 110px;
  
}

select {
  border-width     : 0px;
  background-color : #FFFFEA;
  width            : 230px;
}

iframe {
  border-width     : 1px;
  border-style     : solid;
  border-color     : #DDDDDD;
}


textarea {
  border-width     : 1px;
  border-style     : solid;
  border-color     : #252525;
  background-color : #FFFFEA;

}