@charset "UTF-8";
/* css description  *************************************

# NAME: table.css
# LAST MODIFIED: 2014-01-17
# DESCRIPTION: テーブルレイアウトCSS
----------------------------------------------------------
目次
000. --
100. 汎用テーブルセット
200. 詳細出走表
300. レースカレンダー　日
400. 番組表　背景　ウェーブ
----------------------------------------------------------
// css description ************************************* */


/* 000. Table Basic
********************************************************* */
table { background:#fff;}
table td { line-height:1.4;}
table img { vertical-align:middle; }
table caption { padding:3px 0; line-height:1.0; }

/* 010. Small Font Table
********************************************************* */
table.small td { font-size: 90%;}
table.xsmall td { font-size:x-small;}
table .stripe {  }

/* 100. 汎用テーブルセット
********************************************************* */
/* tb00 ボーダなし 2013.12.12　SPAT4 LOTO画面用として追加 by林 */
.tb00 { margin:0; padding:0; border:none; }
.tb00 th { padding:4px 2px;border:none;font-weight:normal; line-height:1.2; }
.tb00 td { padding:4px 2px;border:none;line-height:1.2; }

/* tb01 出走表関連 */
.tb01 , .tb01b { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb01 th , .tb01b th { padding:4px 2px; border: 1px #ccc solid; background:#4b4b4b url(/shared/images/common/bg-tb01.jpg) repeat-x; color:#fff; font-weight:normal; line-height:1.2; }
.tb01 th.tb01-crt , .tb01b th.tb01-crt { background:url(/shared/images/common/bg-tb01-crt.jpg) repeat-x; }
.tb01 td , .tb01b td { padding:2px 4px; border: 1px #ccc solid; line-height:1.6; }
.tb01 th a ,  .tb01 th a:visited , .tb01b th a , .tb01b th a:visited { color:#fff; text-decoration:none; }
.tb01 th a:hover , .tb01b th a:hover { text-decoration:underline; }
/* tb01c 出走表関連 横ボーダーなし */
.tb01c { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; border-left:none; border-right:none; }
.tb01c th { padding:4px 2px; border: 1px #ccc solid; border-left:none; border-right:none; background:url(/shared/images/common/bg-tb01.jpg) repeat-x; color:#fff; font-weight:normal; line-height:1.2; }
.tb01c th.tb01c-crt { background:url(/shared/images/common/bg-tb01-crt.jpg) repeat-x; }
.tb01c td { padding:2px 4px; border: 1px #ccc solid; border-left:none; border-right:none; line-height:1.8; }
.tb01c th a , .tb01c th a:visited { color:#fff; text-decoration:none; }
.tb01c th a:hover { text-decoration:underline; }

.tb01c .bd-left { border-left:1px solid #ccc; }

/* tb02 登録馬関連 */
.tb02 { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb02 th { padding:4px 2px; border: 1px #ccc solid; background:url(/shared/images/common/bg-tb02.jpg) repeat-x; color:#000; font-weight:normal; line-height:1.2; vertical-align:top; vertical-align:text-top; }
.tb02 th.tb01-crt { background:url(/shared/images/common/bg-tb01-crt.jpg) repeat-x; }
.tb02 td { padding:2px 4px; border: 1px #ccc solid; line-height:1.8; }
.tb02 th a , .tb02 th a:visited { color:#fff; text-decoration:none; }
.tb02 th a:hover { text-decoration:underline; }

/* tb03 取止関連 */
.tb03 { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb03 th { padding:4px 2px; border: 1px #ccc solid; background:#F5DFE5; color:#000; font-weight:normal; line-height:1.2; vertical-align:top; vertical-align:text-top; }
.tb03 td { padding:2px 4px; border: 1px #ccc solid; line-height:1.8; }

/* 汎用ボーダーなし  */
.tb04 { margin:0 0 10px 0; padding:0; border:none; border-collapse:collapse; }
.tb04 th { padding:4px 2px; color:#000; font-weight:normal; line-height:1.2; }
.tb04 td { padding:2px 4px; border:none; border-bottom:1px dotted #ccc; line-height:1.8; }

.tb05 { margin:5px 0 0 0; padding:0; border:none; border-collapse:collapse; }
.tb05 th { padding:0px 0px; color:#000; font-weight:normal; }
.tb05 td { padding:0px 0px; border:none; background-color:none }

/* 2015.08.27 顧客要望対応―参考払戻金のテーブルを太枠に変更 t-takahashi add start */
.tb06 { margin:0 0 15px 0; padding:0; border:4px #000 solid; border-collapse:collapse; }
.tb06 th , .tb01b th { padding:4px 2px; border: 1px #ccc solid; background:#4b4b4b url(/shared/images/common/bg-tb01.jpg) repeat-x; color:#fff; font-weight:normal; line-height:1.2; }
.tb06 th.tb01-crt , .tb01b th.tb01-crt { background:url(/shared/images/common/bg-tb01-crt.jpg) repeat-x; }
.tb06 td , .tb01b td { padding:2px 4px; border: 1px #ccc solid; line-height:1.6; }
.tb06 th a ,  .tb01 th a:visited , .tb01b th a , .tb01b th a:visited { color:#fff; text-decoration:none; }
.tb06 th a:hover , .tb01b th a:hover { text-decoration:underline; }
/* 2015.08.27 顧客要望対応―参考払戻金のテーブルを太枠に変更 t-takahashi add end */

/* 200. 詳細出走表
********************************************************* */
table.tb-wrapper { width:100%; margin:0; padding:0; border:none;}
td.tb-wrapper { margin:0; padding:0; border:none;}
.tb-shousai { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; width:100%; }
* html .tb-shousai { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; width:97%; } /*  IE 6 Hack */

.tb-shousai th { padding:2px; border: 1px #ccc solid; background:url(/shared/images/common/bg-tb-shousai.jpg) repeat-x; color:#fff; font-weight:normal; font-size:9pt; line-height:1.2;!important; }
.tb-shousai td{ padding:2px; border: 1px #ccc solid; line-height:1.3;!important;}
.tb-shousai td.zenso { font-size:86%; line-height:1.2;!important;}
.tb-shousai span.tx-large { font-weight:bold; font-size:170%; line-height:1.1;!important;}
.tb-shousai span.tx-large-pre { font-weight:bold; font-size:170%; letter-spacing:-0.15em ;line-height:1.1;!important;}
td.wborder { border-left:3px solid #999;} /* 太線 */
td.wborder1 { border-left:5px double #333;} /* 二重線濃 */
td.wborder2 { border-left:8px double #333;} /* 二重線赤 */

/* 縦型出走表
********************************************************* */
div#wrapTable { margin:0; padding:0;}
table.tb-shousaiV { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse;}
* html table.tb-shousaiV { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse;} /*  IE 6 Hack */

table.tb-shousaiV th { padding:2px; border: 1px #ccc solid;background:#444; color:#fff; font-weight:normal; line-height:1.3;font-size: 9pt; font-family:"ＭＳ ゴシック", "Osaka－等幅", monospace;}
table.tb-noshiV th { background:#D7EFEC;color:#333; } /*  能力調教試験専用TH　*/

table.tb-shousaiV td { padding:2px; border: 1px #ccc solid; line-height:1.0; font-size:80%; letter-spacing:-0.02em; width:auto;}
.tb-shousaiV tr.waku td { width:auto; }
* html .tb-shousaiV td { padding:1px; border: 1px #ccc solid; width:auto; }
* html .tb-shousaiV th { padding:1px; border: 1px #ccc solid;}
* html .tb-shousaiV tr.waku td { width:auto; }
/* 縦型・馬名セクション　*/
.tb-shousaiV td.section-01 { vertical-align:top; text-align:center;}
* html .tb-shousaiV td.section-01 { vertical-align:top; text-align:center;} /* IE6 Hack　*/

/* STEP3追加 - 勝ちパターン分析 START */

.tb-win-pattern {width:100%; border-collapse:collapse; white-space: nowrap;}
.tablesorter th {padding:3px;vertical-align:middle;line-height:1.2;border:solid 1px #CCCCCC;background:url(/shared/images/common/bg-tb-shousai.jpg) repeat-x;color: #FFFFFF;font-weight:normal;font-size:9pt;}
.tb-win-pattern .th_rs.tablesorter-headerAsc{background:#353535 url(/shared/images/icon/ico-sort-down01.gif) no-repeat bottom center!important;}
.tb-win-pattern .th_rs.tablesorter-headerDesc{background:#353535 url(/shared/images/icon/ico-sort-up01.gif) no-repeat bottom center!important;}
.tb-win-pattern .th_rs.tablesorter-headerUnSorted{background:#676767 url(/shared/images/icon/ico-sort-default01.gif) no-repeat bottom center!important;}

.tb-win-pattern .bg-e8e {background:#e8e8e8 !important;}
.tb-win-pattern .bg-e8e.tablesorter-headerAsc{color:#000; background:#b0b0b0 url(/shared/images/icon/ico-sort-down02.gif) no-repeat bottom center!important;}
.tb-win-pattern .bg-e8e.tablesorter-headerDesc{color:#000; background:#b0b0b0 url(/shared/images/icon/ico-sort-up02.gif) no-repeat bottom center!important;}
.tb-win-pattern .bg-e8e.tablesorter-headerUnSorted{color:#000; background:#e8e8e8 url(/shared/images/icon/ico-sort-default02.gif) no-repeat bottom center!important;}

.tb-win-pattern td { vertical-align:middle; border:solid 1px #CCCCCC; padding:0 3px; height:100px; line-height:1.3;}
.tb-win-pattern td.ha{ height:auto; }

.tb-win-pattern .vt{vertical-align:bottom;}
.tb-win-pattern .graph{position:relative; width:40px; margin:0 auto;}

.tb-win-pattern .bg_same{background:#E3E3E3} /* 灰色背景  */

.tb-win-pattern .bg_graph1{ background:#FFA1A1; border: 1px solid #CFCFCF; border-bottom: 0px;} /* 1着 */
.tb-win-pattern .bg_graph2{background:#90CCEA;  border: 1px solid #CFCFCF; border-bottom: 0px;} /* 2着  */
.tb-win-pattern .bg_graph3{background:#FAE48D;  border: 1px solid #CFCFCF; border-bottom: 0px;} /* 3着  */
.tb-win-pattern .bg_graph_non{background:#BBBBBB; border: 1px solid #cccccc; border-bottom: 0px;} /* その他  */

.tb-win-pattern .graph_text_div { bottom:20px; z-index:999; display:block; line-height:1.5; text-align:center; position: absolute; left: 50%;}
.tb-win-pattern .graph_text { z-index:999; display:block; line-height:1.5; text-align:center; font-size: 86%; position: relative; left: -50%;}
.tb-win-pattern .graph_empty { width:35px; } /* IE7対応 */

/* STEP3追加 - 勝ちパターン分析  END*/

/* STEP3追加 - 重勝式結果一覧 START */

/*.tb-loto-result.tablesorter th {padding: 10px 5px 13px 5px;vertical-align:middle;line-height:1.2;border:solid 1px #CCCCCC;background:#4b4b4b url(/shared/images/common/bg-tb01.jpg) repeat-x;color: #FFFFFF;font-weight:normal;font-size:9pt;}*/
.tb-loto-result {width:100%; border-collapse:collapse; white-space: nowrap;}
/* 2015.07.31 払戻金のヘッダにソート前も矢印を出す t-takahashi add start */
.tb-loto-result .tx_sort.tablesorter-headerUnSorted {background:#676767 url(/shared/images/icon/ico-sort-default01.gif) no-repeat bottom center!important;}
/* 2015.07.31 払戻金のヘッダにソート前も矢印を出す t-takahashi add end */
.tb-loto-result .tablesorter-headerAsc{background:#353535 url(/shared/images/icon/ico-sort-down01.gif) no-repeat bottom center!important;}
.tb-loto-result .tablesorter-headerDesc{background:#353535 url(/shared/images/icon/ico-sort-up01.gif) no-repeat bottom center!important;}
.tb-loto-result td { height:49px; }
.tb-loto-result td span.hitban{ display:inline-block; *display: inline; /* IE7用のハック */ zoom: 1; vertical-align: top;}


/*.tb-loto-result td { vertical-align:middle; border:solid 1px #CCCCCC; padding:3px; line-height:1.3; }*/

/* STEP3追加 - 重勝式結果一覧  END*/


/* 馬名テーブル************************************ */
table.hName { margin:2px auto; padding:0; border:none; text-align:center; }
table.hName td { margin:0; padding:0; border:none; text-align:center; vertical-align:top; }
* html table.hName td { margin:0; padding:0 0 0 3px; border:none; text-align:center; vertical-align:top; }

/* 馬名divを囲む　TD内の中央に配置する */
.tb-shousaiV td.section-01 div { margin:0 auto; padding:0; width:auto;}
* html .tb-shousaiV td.section-01 div { display:block; margin:0 auto; padding:0;}
.tb-shousaiV td.section-01 div { float:left;line-height:1.1;}
.tb-shousaiV td.section-01 div.mf-name { font-size: 8pt; margin:15px 5px 0 0;} /* 母父　*/
.tb-shousaiV td.section-01 div.m-name { font-size: 9pt; margin:0;} /* 母 　*/
.tb-shousaiV td.section-01 div.i-name { font-size: 12pt; margin:0 5px; font-weight:bold;} .tb-shousaiV td.section-01 div.i-name a{ text-decoration:none;}
.tb-shousaiV td.section-01 div.f-name { font-size: 9pt; margin:0;} /* 父　*/
* html .tb-shousaiV td.section-01 div { float:left;line-height:1.1;}
* html .tb-shousaiV td.section-01 div.mf-name { font-size: 7pt; margin:15px 0 0 0;} /* 母父　*/
* html .tb-shousaiV td.section-01 div.m-name { font-size: 8pt; margin:0;} /* 母 　*/
* html .tb-shousaiV td.section-01 div.i-name { font-size: 12pt; margin:0; font-weight:bold;} .tb-shousaiV td.section-01 div.i-name a{ text-decoration:none;}
* html .tb-shousaiV td.section-01 div.f-name { font-size: 8pt;} /* 父　*/

/* 縦型・騎手名、増減、オッズセクション　*/
.tb-shousaiV tr.seirei td { font-size:9pt;}
.tb-shousaiV tr.kishu td { font-size:9pt;}
.tb-shousaiV tr.odds td { font-size:8pt;}
.tb-shousaiV tr.time td { font-size:8pt;letter-spacing:-0.08em;}

/* 縦型・前走セクション*/
.tb-shousaiV td.zenso { vertical-align:top; white-space:nowrap; }
* html .tb-shousaiV td.zenso { vertical-align:top; padding:2px 0 0 2px; white-space:nowrap; }
.tb-shousaiV td.zenso div { font-size:8.7pt; line-height:1.1;letter-spacing:-0.04em; width: white-space:nowrap; } /* 前走のTD */
* html .tb-shousaiV td.zenso div { font-size:8pt; white-space:nowrap; } /* 前走のTD */

/* 縦型・前走着順数字とレース名 */
.tb-shousaiV td div.unit { display:block; height:1.0; margin:2px 0 2px 0; line-height:1.6em;letter-spacing:-0.03em; }
/* ** 前走着順数字 ** */
.tb-shousaiV td span.chaku { font-weight:bold; font-size:12pt; line-height:0.9; margin:1px; padding:1px;}
.tb-shousaiV td span.title { font-weight:bold; font-size:10pt; line-height:1.1; margin:1px; padding:1px;}

/* 縦型・着順数字セクション　*/
.tb-shousaiV td.section-02 div.wrap { margin:2px auto; width:80px; white-space:nowrap}
.tb-shousaiV td.section-02 div.wrap div.num { float:left;font-size: 10pt; width:1em; line-height:1.0; font-family:"ＭＳ ゴシック", "Osaka－等幅", monospace; text-align:right; }
.tb-shousaiV td.section-02 span.n1 { color:#f00; }
.tb-shousaiV td.section-02 span.n2 { color:#00f; }
.tb-shousaiV td.section-02 span.n3 { color:#090; }
.tb-shousaiV td.section-02 span.n4 { color:#000; }

.tb-shousaiV tr.time td {line-height:1.2;}
/* *************** ここまで縦型出走表　*/　

/* 登録馬 */
.tb-shousai-b { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; width:100%; }
.tb-shousai-b th { padding:4px 2px; border: 1px #ccc solid; background:url(/shared/images/common/bg-tb-shousai-b.jpg) repeat-x; color:#000; font-weight:normal; line-height:1.2; }
.tb-shousai-b td { padding:2px 4px; border: 1px #ccc solid; line-height:1.4; }
.tb-shousai-b span.tx-large { font-weight:bold; font-size:170%;}

/* 300. レースカレンダー　年間開催
********************************************************* */
.tb-calendar { table-layout:fixed; margin:0 0 15px 0; padding:0;border:1px #ccc solid; border-collapse:collapse; }
.tb-calendar th { padding:4px 2px; border: 1px #ccc solid; background:url(/shared/images/common/bg-tb01.jpg) repeat-x; color:#fff; font-weight:normal; line-height:1.2; }
.tb-calendar td { padding:0; min-width:28px; border: 1px solid #ccc; line-height:1.2; text-align:center; vertical-align:top; background:url(/shared/images/common/bg-tb-calendar.gif) top left repeat-y;}
.tb-calendar td div { height:14px; margin-bottom:1px;}

.tb-calendar td div.bg-urawa,.tb-calendar td div.bg-funabashi,.tb-calendar td div.bg-tck,.tb-calendar td div.bg-kawasaki{height:110px; margin-bottom:0; border-bottom: 1px #ccc solid;}

.tb-calendar td em{ display:block; font-weight:normal; padding-top: 5px; padding-bottom: 2px;}
.tb-calendar td a { text-decoration:none; outline:none; color: #06c; }

.tb-calendar td.today01 { background:#777; color:#fff; }
.tb-calendar td.today02 { background:#dedede url(/shared/images/common/bg-tb-calendar.gif) top left repeat-y;}

/* 300. レースカレンダー　日
********************************************************* */
#race-cal { margin:0 0 10px 0; padding:0; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:url(/shared/images/common/bg-race-cal.gif) repeat-x; }
#race-cal img { margin-top:44px; margin-left:5px; margin-right:5px; }
#race-cal table { margin:6px 0 5px 0; padding:0; border:1px #fff solid; border-collapse:collapse; text-align:center; line-height:1.0; width:902px; table-layout:fixed;}
* html #race-cal table { width:898px;}
#race-cal table th { padding:3px; background:#ccc; font-weight:normal; border: 1px #fff solid; }
#race-cal table th.crt-cal { background:#777; color:#fff; }
#race-cal table td { padding:1px 3px; background:#ececec; border: 1px #fff solid; }
#race-cal table td.crt-cal { background:#777; color:#fff; }
#race-cal table td.crt-cal-b { background:#dedede; }
#race-cal table td.ht5px { padding:0; height:5px; font-size:3px; }

/* 300. レースカレンダー　週・日
********************************************************* */
#race-cal2 { margin:0 0 10px 0; padding:3px 5px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:url(/shared/images/common/bg-race-cal.gif) repeat-x; }
#race-cal2 table { margin:0 auto; padding:0; border:1px #fff solid; border-collapse:collapse; text-align:center; line-height:1.0; width:100%; }
* html #race-cal2 table { margin:0 10px; width:900px; }
#race-cal2 table th { padding:3px 3px; background:#ccc; font-weight:normal; border: 1px #fff solid; }
#race-cal2 table th.crt-cal { background:#777; color:#fff; }
#race-cal2 table td { padding:1px 3px; background:#ececec; border: 1px #fff solid; }
#race-cal2 table td.crt-cal { background:#777; color:#fff; }
#race-cal2 table td.crt-cal-b { background:#dedede; }
#race-cal2 table td.ht5px { padding:0; height:5px; font-size:3px; }

/* 400. 番組表　背景　ウェーブ
********************************************************* */
.bg-wave { background:url(/shared/images/common/bg-wave.gif) repeat-x top; }

/* 500. INDEX　他場の発売
********************************************************* */
.tb-tajyo { margin:0 0 5px 10px; padding:0; border:none; border-collapse:collapse; line-height:1.4; color:#000; }
.tb-tajyo th { padding:4px 2px; font-weight:normal; border:none;  border-collapse:collapse; }
.tb-tajyo td { padding:2px 4px; border:none; border-collapse:collapse; }
.tb-tajyo img { vertical-align:middle; }

/* 600　汎用ボーダー有無
********************************************************* */
table .nob-left { border-left:none;}
table .nob-right { border-right:none;}
table .nob-top { border-top:none;}
table .nob-bottom { border-bottom:none;}

/* 700　汎用ボーダー2px
********************************************************* */
table td.b2Left, th.b2Left  { border-left:2px solid #aaa;}
table td.b2Right, th.b2Right { border-right:2px solid #aaa;}
table td.b2Top, th.b2Top { border-top:2px solid #aaa;}
table td.b2Bottom, th.b2Bottom  { border-bottom:2px solid #aaa;}


/* 999　用途不明CSS   2013.12.12 softem.cssから移動
********************************************************* */
.tb-grace tr td span.tx-large { font-weight:bold; font-size:120%;}
.tb-grace tr td div.btn img { margin:2px 1px 2px 1px; }
.tb-grace tr td div.btn { text-align:left; }