@charset "utf-8";
/******************************************************
 * extend                                             *
 ******************************************************/
*
{
    margin      : 0px;
    padding     : 0px;
    font-family : Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/******************************************************
 * extend-end                                         *
 ******************************************************/

/******************************************************
 * common parts                                       *
 ******************************************************/
br.clear
{
    clear       : both;
    visibility  : hidden;
    line-height : 0px;      /* IE6 */
}
/******************************************************
 * common parts-end                                   *
 ******************************************************/

/******************************************************
 * body                                               *
 ******************************************************/
body
{
    height  : 100%;
    min-height : 100%;
    /*text-align : center;    /* IE6以前のセンタリング */*/
}
/*div#wrapper
{
    font-size   : 10pt;
    font-weight : normal;
    color       : #0c0c0c;
    width   : 1080px;
    margin  : 0px auto 0px;
    clear   : both;
}*/
/******************************************************
 * body-end                                           *
 ******************************************************/

/******************************************************
 * header                                             *
 ******************************************************/
/*div#header
{
	background-color : #ffffff;
    width   :  100%;
    height  : 130px;
    padding :   0px;
    margin  :   0px;
    border  :   0px;
    text-align : left;
    clear   : both;
}
div#header div#title
{
    width   : 250px;
    height  : 100px;
    padding :   0px;
    margin  :   0px;
    float   :  left;
}
div#header div#ad
{
    width   : 730px;
    height  : 100px;
    padding :   0px;
    margin  :   0px;
    float   :  left;
}
div#header div#setup
{
    width   : 100px;
    height  : 100px;
    padding :   0px;
    margin  :   0px;
    border  :   0px;
    float   :  left;
    text-align : right;
}
div#header ul
{
    width   : 100%;
    padding :   0px;
    margin  :   0px;
    clear   :  both;
}
div#header ul li
{
    width   :  19.8%;
    height  :  25px;
    padding :   0px;
    margin  :   0px;
    float   : left;
    border  : 1px #4f4f4f solid;
    text-align : center;
    list-style : none;
}
div#header ul li a
{
    text-decoration: none;
}*/
/******************************************************
 * header-end                                  *
 ******************************************************/

/******************************************************
 * common contents                                    *
 ******************************************************/
div#contents
{
    background-color : #fcfcfc;
    width   : 100%;
    height  : ;
    padding : ;
    margin  : ;
    text-align : left;
}
div#contents ul
{
    margin  : 0px 0px 0px 30px;
}
div#contents ul li
{
    list-style : none;
}
div#top_main_contents
{
    background-color : #fcfcfc;
    width   : 770px;
    height  : ;
    padding : ;
    margin  : ;
    text-align : left;
    float : left;
}
div#top_main_contents ul
{
    margin  : 0px 0px 0px 30px;
}
div#top_main_contents ul li
{
    list-style : none;
}
div#top_side_contents
{
    background-color : #fcfcfc;
    width   : 300px;
    height  : ;
    padding : ;
    margin-left : 10px;
    text-align  : left;
    float : left;
}
div#top_side_contents ul
{
    margin  : 0px 0px 0px 30px;
}
div#top_side_contents ul li
{
    list-style : none;
}
div#main_contents
{
    background-color : #fcfcfc;
    width   : 870px;
    height  : ;
    padding : ;
    margin  : ;
    text-align : left;
    float : left;
}
div#main_contents ul
{
    margin  : 0px 0px 0px 30px;
}
div#main_contents ul li
{
    list-style : none;
}
div#side_contents
{
    background-color : #fcfcfc;
    width   : 200px;
    height  : ;
    padding : ;
    margin-left : 10px;
    text-align  : left;
    float : left;
}
div#side_contents ul
{
    margin  : 0px 0px 0px 30px;
}
div#side_contents ul li
{
    list-style : none;
}
.clear{
    clear:both;
}
/******************************************************
 * common contents-end                                *
 ******************************************************/

/******************************************************
 * footer                                             *
 ******************************************************/
div#footer
{
    width   : 100%;
    height  : 100px;
    padding : 10px 0px 10px 0px;
    margin  :  0px;
    border  : 1px #cccccc solid;
    text-align : left;
    clear   : both;
}
div#footer ul
{
    width   :  90%;
    padding :   0px;
    margin  :   0px auto 0px;
}
div#footer ul li
{
	font-size : 8pt;
    width   :   20%;
    padding :   0px;
    margin  :   0px;
    float   :  left;
    border  :   0px;
    text-align : left;
    list-style : none;
}
/******************************************************
 * footer-end                                         *
 ******************************************************/

 /******************************************************
 * pager                                              *
 ******************************************************/
.clr{
    clear: both;
}
.pager {
    margin: 5px 0;
    font-size: 13px;
}
.pager1{
    float:left;
    margin: 0;
    padding: 0;
    color: #666;
    line-height: 18px;
    vertical-align: top;
}
.pager2{
    float: right;
    margin: 0;
    padding: 0;
    color: #ccc;
    vertical-align: top;
}
.plt {
    color: #39C;
    font-size: 14px;
    font-weight: bold;
}
.pager2 li {
    float: left;
    display: inline;
    background: #fff;
    margin: 0 2px;
    padding: 1px 3px;
    font-size: 12px;
    line-height: 18px;
    border: solid 1px #ccc;
}
.pager2 li a {
    color: #666;
    text-decoration: none;
}
.pager2 li a:visited {
    color: #666;
    text-decoration: none;
}
.pager2 li a:hover {
    color: #999;
    text-decoration: none;
}
.pager2 li a:active {
    color: #999;
    text-decoration: none;
}
.pager2 li:hover {
    background: #eee;
}
.pager2 .current {
    background: #eee;
    font-weight: bold;
    color:#39C;
}
/******************************************************
 * pager-end                                          *
 ******************************************************/

/******************************************************
 * TOPページ 注目の選手                               *
 ******************************************************/
#race_member_container {
  width: 100%;
  height: 190px;
  overflow: hidden;
}
#race_member_list {
  text-align: center;
}
#race_member_list img {
  margin: 0 auto;
  max-height: 145px;
}
.player_name_b {
  font-weight: bold;
}
.player_image {
  height: 145px;
}
/******************************************************
 * TOPページ 注目の選手-end                           *
 ******************************************************/

/******************************************************
 * TOPページ 開催中レース                             *
 ******************************************************/
#recent_race_tabs {
  max-height: inherit;
}
#recent_race_tabs ul.ui-tabs-nav li {
  height: 32px;
}
#recent_race_tabs table.race_table_black {
  table-layout: fixed;
  width:100%;
  border:1px #000000 solid;
  background-color:#FFFFFF;
  font-size: 1.4rem !important;
  box-sizing: border-box;
}
#recent_race_tabs table.race_table_black tr {
  vertical-align:middle;
}
#recent_race_tabs table.race_table_black td th{
  border:1px #000000 solid;
}
#recent_race_tabs table.race_table_black th {
  background-color:#9999FF;
  text-align:center;
  font-weight:bold;
}
#recent_race_tabs table.race_table_black td {
  padding:0px 10px 0px;
}
#recent_race_tabs table.race_table_black td.left {
  text-align:left;
}
#recent_race_tabs table.race_table_black tr td:nth-of-type(1) {
  padding: 0 8px;
  width: 16%;
  text-align: left;
}
#recent_race_tabs table.race_table_black tr td:nth-of-type(1) a {
  display: block;
  overflow: hidden;
}
#recent_race_tabs table.race_table_black tr td:nth-of-type(1) div {
  margin: 0;
  padding: 8px 0;
  white-space: nowrap;
  display: inline-block;
}
#recent_race_tabs table.race_table_black tr td:nth-of-type(1) div.in { width: 60% !important; }
#recent_race_tabs table.race_table_black tr td:nth-of-type(1) div.ii { width: 40% !important; text-align: right; }
#recent_race_tabs table.race_table_black tr td:nth-of-type(2) { width: 6%; }
#recent_race_tabs table.race_table_black tr td:nth-of-type(3) { width: 9%; }
#recent_race_tabs table.race_table_black tr td:nth-of-type(4),
#recent_race_tabs table.race_table_black tr td:nth-of-type(5),
#recent_race_tabs table.race_table_black tr td:nth-of-type(6),
#recent_race_tabs table.race_table_black tr td:nth-of-type(7) { width: 11%; }
#recent_race_tabs table.race_table_black tr td:nth-of-type(8) { width: 8%; }
#recent_race_tabs table.race_table_black tr td:nth-of-type(9) { width: 15%; }
div.ib {
  float:right;
  width:70%;
}
div.ii {
  float:right;
  width:30%;
}
div.race_tab {
  display: none;
}

/******************************************************
 * TOPページ 開催中レース-end                         *
 ******************************************************/

/******************************************************
 * TOPページ GP新着予想                               *
 ******************************************************/
table.gp_new_prediction td:first-child {
  height: 71px;
}
table.gp_new_prediction td span {
  float: left;
  display: inline-block;
  box-sizing: border-box;
}
table.gp_new_prediction span.grade {
  width: 20%;
}
table.gp_new_prediction span.stadium {
  width: 30%;
  text-align: left;
}
table.gp_new_prediction span.race_number {
  width: 26%;
  text-align: right;
  padding-right: 20px;
}
table.gp_new_prediction span.day_title {
  width: 24%;
  text-align: left;
}
table.gp_new_prediction div.pattern {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
/******************************************************
 * TOPページ GP新着予想-end                           *
 ******************************************************/

/******************************************************
 * 汎用テーブルクラス                                 *
 ******************************************************/
div.common_component table.common_table_black {
  margin: 0 !important;
  table-layout: fixed;
  width:100% !important;
  background-color:#ffffff;
  font-size: 1.4rem !important;
  border: none !important;
}
div.common_component table.common_table_black tr {
  vertical-align:middle;
}
div.common_component table.common_table_black tr th{
  white-space: nowrap !important;
  text-align: center !important;
  border-top: 2px solid #cccccc !important;
  border-bottom: 2px solid #cccccc !important;
  border-right: 2px solid #c8c8c8 !important;
  border-left: 2px solid #c8c8c8 !important;
  color: #000000;
  padding: 5px !important;
  font-weight: bold;
  height: 35px;
}
div.common_component table.common_table_black tr td {
  white-space: normal !important;
  text-align: center !important;
  border-top: 1px solid #cccccc !important;
  border-bottom: 1px solid #cccccc !important;
  border-right: 1px dotted #c8c8c8 !important;
  border-left: 1px dotted #c8c8c8 !important;
  padding:0px 10px 0px;
  height: 35px;
}
div.common_component table.common_table_black tr td.left {
  text-align: left !important;
  padding-left: 8px !important;
}
div.common_component table.common_table_black tr td.left_border {
  border-left: 1px solid #000000 !important;
  padding-left: 8px !important;
  padding-right: 0px !important;
}
div.common_component table.common_table_black tr td.right_border {
  border-right: 1px solid #000000 !important;
}
div.common_component table.common_table_black tr td.grade {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

a.stadium_link {
  text-decoration: none;
}
a.stadium_link div.name {
  width: 65% !important;
  float: left;
  text-align: left !important;
}
a.stadium_link div.number {
  width: 35% !important;
  float: left;
  text-align: left !important;
}
div.common_component div.common_table_tab span.small {
  font-size:1.3rem !important;
}
div.common_component div.common_table_tab span.split {
  font-size:10px !important;
}
p.winner_text {
  width: 100%;
  text-align: right;
  padding: 6px 10px 6px 0px;
  margin: 0 !important;
}
/******************************************************
 * 汎用テーブルクラス-end                             *
 ******************************************************/

 table.list_table_black {
  width:100%;
  border:1px #000000 solid;
  background-color:#FFFFFF;
}
table.list_table_black tr{
  vertical-align:middle;
}
table.list_table_black td th{
  border:1px #000000 solid;
}
table.list_table_black th{
  background-color:#9999FF;
  text-align:center;
  font-weight:bold;
  height:50px;
}
table.list_table_black td {
  padding:0px 10px 0px;
  height:50px;
}
table.list_table_black td.left {
  text-align:left;
}