@charset "UTF-8";
@CHARSET "UTF-8";
/* v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/ 
  License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*var*/
/*mixin*/
/*elem settings*/
body {
  line-height: 1.3;
  font-size: 14px;
  font-family: sans-serif;
  max-width: 640px;
  color: #313131;
}

body.wide {
  max-width: 100%;
}

ul, ol {
  list-style: none;
}

img {
  max-width: 100%;
}

a {
  text-decoration: underline;
  color: #ff0000;
}
a:hover {
  text-decoration: none;
}

table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-spacing: normal;
  white-space: normal;
}

label {
  overflow: hidden;
  position: relative;
}
label button, label input[type=button], label input[type=submit], label input[type=reset] {
  position: absolute;
  top: 100%;
  left: 100%;
  display: none;
  height: 0;
}

/*common class*/
.clearfix, .pageHeader .headerWrap, .pageHeader .subNav, .glovalNav ul, .weatherTable .weatherListWrap .weatherTableList, .weatherTable .weatherListWrap .weatherTableList td.p_status, .col3BtnList {
  *zoom: 1;
}
.clearfix:after, .pageHeader .headerWrap:after, .pageHeader .subNav:after, .glovalNav ul:after, .weatherTable .weatherListWrap .weatherTableList:after, .weatherTable .weatherListWrap .weatherTableList td.p_status:after, .col3BtnList:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.js-tableAnchor td, .js-tableAnchor th {
  cursor: pointer;
}

/*layout*/
.pageHeader {
  border-top: 2px solid #008e1a;
}
.pageHeader .headerWrap {
  /*2018-2-14 modify*/
  /*height: 48px;*/
  height: 50px;
  /*2018-2-14 modify*/
  background: #198201;
}
.pageHeader .logo {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 108px 48px;
  background-size: 108px 48px;
  width: 108px;
  padding-top: 48px;
  background-image: url(../img/logo.png);
  padding-left: 2px;
  float: left;
}
.pageHeader .subNav {
  padding-top: 18px;
  padding-right: 10px;
  float: right;
}
.pageHeader .subNav li {
  float: left;
}
.pageHeader .subNav .p_login a {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 68px 25px;
  background-size: 68px 25px;
  width: 68px;
  padding-top: 25px;
  background-image: url(../img/top/icon_login.png);
}
.pageHeader .subNav .p_login.disable {
  display: none;
}
.pageHeader .subNav .p_logout a {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 68px 25px;
  background-size: 68px 25px;
  width: 68px;
  padding-top: 25px;
  background-image: url(../img/top/icon_logout.png);
}
.pageHeader .subNav .p_logout.disable {
  display: none;
}
.pageHeader .subNav .p_toPc {
  margin-left: 10px;
}
.pageHeader .subNav .p_toPc a {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 36px 25px;
  background-size: 36px 25px;
  width: 36px;
  padding-top: 25px;
  background-image: url(../img/common/icon_toPc.png);
}

.glovalNav {
  clear: both;
}
.glovalNav li {
  float: left;
  width: 33.3%;
}
.glovalNav li a {
  /*2018-2-14 modify*/
  /*background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #cecece 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #cecece));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #cecece 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #cecece 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #cecece 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #cecece 100%);*/
  background: #f9df07;
  background: -moz-linear-gradient(top, #faf186 0%, #ffe400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe400), color-stop(100%, #ffe50c));
  background: -webkit-linear-gradient(top, #faf186 0%, #ffe400 100%);
  background: -o-linear-gradient(top, #faf186 0%, #ffe400 100%);
  background: -ms-linear-gradient(top, #faf186 0%, #ffe400 100%);
  background: linear-gradient(to bottom, #faf186 0%, #ffe400 100%);
  display: block;
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  /*2018-2-14 modify*/
  /*border: 1px solid #888;
  border-top: 5px solid #777;*/
  border: 1px solid #cdb700;
  border-top: 5px solid #b99f09;
  text-align: center;
  /*2018-2-14 modify*/
  /*box-shadow: 0px 0px 1px #d4d4d4;*/
  box-shadow: 0px 0px 1px #e6d01a;
}
.glovalNav li.current a {
  border-top-color: #ffca00;
}
.glovalNav .p_top img {
  max-width: 92px;
}
.glovalNav .p_news img {
  max-width: 93px;
}
.glovalNav .p_race img {
  max-width: 92px;
}

.pageFooter {
  padding-top: 20px;
  /*2018-2-14 modify*/
  background: #198201;
}

.copyright {
  padding: 10px 0;
  /*2018-2-14 modify*/
  /*color: #434343;*/
  color: #fff;
  font-size: 12px;
  font-family: Helvetica;
  text-align: center;
}

.mainContents {
  padding-top: 5px;
  /*2018-2-14 modify*/
  background: #198201;
}

/*2018-2-14 modify*/
.sectionBlock{
  background: #fff;
}

/*common class*/
.hl {
  /*2018-2-14 modify*/
  /*background: url(../img/common/headline_bg.png) no-repeat left top;*/
  /*background-color: #6aca6b;*/  /*2018-2-14 modify*/
  background-color: #fdad24;
  -webkit-background-size: 12px 28px;
  background-size: 12px 28px;
  /*2018-2-14 modify*/
  /*padding: 5px 19px 0;*/
  padding: 4px 12px 2px;
  height: 23px;
  /*2018-2-14 modify*/
  /*border-radius: 7px 7px 0 0;*/
  /*sample用*/
}
.hl img {
  height: 22px;
}
.hl .hl_login {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 144px 22px;
  background-size: 144px 22px;
  width: 144px;
  padding-top: 22px;
  background-image: url(../img/login/hl_login.png);
}

/*2018-2-14 modify*/
.hl .hl_umahashiraTable,
caption.hl{
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px 1px #004601,
               -1px 1px 1px #004601,
               1px -1px 1px #004601,
               -1px -1px 1px #004601;
}

caption {
  text-align: left;
}

/*icon ※PCほぼコピペ bgsだけ調整*/
/*
sprite元サイズ倍率
paddock_icon.png
100 * 100 = 100%	( 1100 * 100 )
80 * 80 = 80%		( 880 * 80 )
60 * 60 = 60%		( 660 * 60 )

weather_icon.gif
100 * 100 = 100%	( 1000 * 400 )
80 * 80 = 80%		( 800 * 320 )
60 * 60 = 60%		( 600 * 240 )
*/
.weather-icon, .paddock-4-icon,
.kikou-icon, .paddock-icon, .sepalate-paddock-icon,
.middle-paddock-icon, .weather-middle-icon,
.big-paddock-icon, .weather-big-icon,
.big-sepalate-paddock-icon {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
}

.kikou-icon, .weather-icon, .paddock-4-icon, .paddock-icon {
  width: 30px;
  padding-top: 30px;
}

.sepalate-paddock-icon {
  width: 30px;
  padding-top: 20px;
}

.big-sepalate-paddock-icon {
  width: 50px;
  padding-top: 25px;
}

.middle-paddock-icon, .weather-middle-icon {
  width: 35px;
  padding-top: 35px;
}

.big-paddock-icon, .weather-big-icon {
  width: 50px;
  padding-top: 50px;
  border: solid 1px #ccc;
}

.weather-icon {
  background-image: url(../img/common/weather_icon.gif);
  background-repeat: no-repeat;
  -webkit-background-size: 300px 120px;
  background-size: 300px 120px;
  width: 30px;
  padding-top: 30px;
}

.weather-icon-100 {
  background-position: 0px 0px;
  /* 晴 */
}

.weather-icon-101 {
  background-position: -30px 0px;
  /* 晴時々曇 */
}

.weather-icon-102 {
  background-position: -60px 0px;
  /* 晴時々雨 */
}

.weather-icon-103 {
  background-position: -90px 0px;
  /* 晴時々雪 */
}

.weather-icon-104 {
  background-position: -120px 0px;
  /* 晴時々雨か雪 */
}

.weather-icon-105 {
  background-position: -150px 0px;
  /* 晴のち曇 */
}

.weather-icon-106 {
  background-position: -180px 0px;
  /* 晴のち雨 */
}

.weather-icon-107 {
  background-position: -210px 0px;
  /* 晴のち雪 */
}

.weather-icon-108 {
  background-position: -240px 0px;
  /* 晴のち雨か雪 */
}

.weather-icon-109 {
  background-position: -270px 0px;
  /* 霧のち晴 */
}

.weather-icon-200 {
  background-position: 0px -30px;
  /* 曇 */
}

.weather-icon-201 {
  background-position: -30px -30px;
  /* 曇時々晴 */
}

.weather-icon-202 {
  background-position: -60px -30px;
  /* 曇時々雨 */
}

.weather-icon-203 {
  background-position: -90px -30px;
  /* 曇時々雪 */
}

.weather-icon-204 {
  background-position: -120px -30px;
  /* 曇時々雨か雪 */
}

.weather-icon-205 {
  background-position: -150px -30px;
  /* 霧 */
}

.weather-icon-206 {
  background-position: -180px -30px;
  /* 曇のち晴 */
}

.weather-icon-207 {
  background-position: -210px -30px;
  /* 曇のち雨 */
}

.weather-icon-208 {
  background-position: -240px -30px;
  /* 曇のち雪 */
}

.weather-icon-209 {
  background-position: -270px -30px;
  /* 曇のち雪か雨 */
}

.weather-icon-300 {
  background-position: 0px -60px;
  /* 雨 */
}

.weather-icon-301 {
  background-position: -30px -60px;
  /* 雨時々晴 */
}

.weather-icon-302 {
  background-position: -60px -60px;
  /* 雨時々曇 */
}

.weather-icon-303 {
  background-position: -90px -60px;
  /* 雨時々雪 */
}

.weather-icon-304 {
  background-position: -120px -60px;
  /* 大雨 */
}

.weather-icon-305 {
  background-position: -150px -60px;
  /* 雨のち晴 */
}

.weather-icon-306 {
  background-position: -180px -60px;
  /* 雨のち曇 */
}

.weather-icon-307 {
  background-position: -210px -60px;
  /* 雨のち雪 */
}

.weather-icon-400 {
  background-position: 0px -90px;
  /* 雪 */
}

.weather-icon-401 {
  background-position: -30px -90px;
  /* 雪時々晴 */
}

.weather-icon-402 {
  background-position: -60px -90px;
  /* 雪時々曇 */
}

.weather-icon-403 {
  background-position: -90px -90px;
  /* 大雪 */
}

.weather-icon-404 {
  background-position: -120px -90px;
  /* 雪時々雨 */
}

.weather-icon-405 {
  background-position: -150px -90px;
  /* 雪のち晴 */
}

.weather-icon-406 {
  background-position: -180px -90px;
  /* 雪のち曇 */
}

.weather-icon-407 {
  background-position: -210px -90px;
  /* 雪のち雨 */
}

.weather-big-icon {
  background-image: url(../img/common/weather_icon.gif);
  background-repeat: no-repeat;
  -webkit-background-size: 500px 200px;
  background-size: 500px 200px;
  width: 50px;
  padding-top: 50px;
}

.weather-big-icon-100 {
  background-position: 0px 0px;
  /* 晴 */
}

.weather-big-icon-101 {
  background-position: -50px 0px;
  /* 晴時々曇 */
}

.weather-big-icon-102 {
  background-position: -100px 0px;
  /* 晴時々雨 */
}

.weather-big-icon-103 {
  background-position: -150px 0px;
  /* 晴時々雪 */
}

.weather-big-icon-104 {
  background-position: -200px 0px;
  /* 晴時々雨か雪 */
}

.weather-big-icon-105 {
  background-position: -250px 0px;
  /* 晴のち曇 */
}

.weather-big-icon-106 {
  background-position: -300px 0px;
  /* 晴のち雨 */
}

.weather-big-icon-107 {
  background-position: -350px 0px;
  /* 晴のち雪 */
}

.weather-big-icon-108 {
  background-position: -400px 0px;
  /* 晴のち雨か雪 */
}

.weather-big-icon-109 {
  background-position: -450px 0px;
  /* 霧のち晴 */
}

.weather-big-icon-200 {
  background-position: 0px -50px;
  /* 曇 */
}

.weather-big-icon-201 {
  background-position: -50px -50px;
  /* 曇時々晴 */
}

.weather-big-icon-202 {
  background-position: -100px -50px;
  /* 曇時々雨 */
}

.weather-big-icon-203 {
  background-position: -150px -50px;
  /* 曇時々雪 */
}

.weather-big-icon-204 {
  background-position: -200px -50px;
  /* 曇時々雨か雪 */
}

.weather-big-icon-205 {
  background-position: -250px -50px;
  /* 霧 */
}

.weather-big-icon-206 {
  background-position: -300px -50px;
  /* 曇のち晴 */
}

.weather-big-icon-207 {
  background-position: -350px -50px;
  /* 曇のち雨 */
}

.weather-big-icon-208 {
  background-position: -400px -50px;
  /* 曇のち雪 */
}

.weather-big-icon-209 {
  background-position: -450px -50px;
  /* 曇のち雪か雨 */
}

.weather-big-icon-300 {
  background-position: 0px -100px;
  /* 雨 */
}

.weather-big-icon-301 {
  background-position: -50px -100px;
  /* 雨時々晴 */
}

.weather-big-icon-302 {
  background-position: -100px -100px;
  /* 雨時々曇 */
}

.weather-big-icon-303 {
  background-position: -150px -100px;
  /* 雨時々雪 */
}

.weather-big-icon-304 {
  background-position: -200px -100px;
  /* 大雨 */
}

.weather-big-icon-305 {
  background-position: -250px -100px;
  /* 雨のち晴 */
}

.weather-big-icon-306 {
  background-position: -300px -100px;
  /* 雨のち曇 */
}

.weather-big-icon-307 {
  background-position: -350px -100px;
  /* 雨のち雪 */
}

.weather-big-icon-400 {
  background-position: 0px -150px;
  /* 雪 */
}

.weather-big-icon-401 {
  background-position: -50px -150px;
  /* 雪時々晴 */
}

.weather-big-icon-402 {
  background-position: -100px -150px;
  /* 雪時々曇 */
}

.weather-big-icon-403 {
  background-position: -150px -150px;
  /* 大雪 */
}

.weather-big-icon-404 {
  background-position: -200px -150px;
  /* 雪時々雨 */
}

.weather-big-icon-405 {
  background-position: -250px -150px;
  /* 雪のち晴 */
}

.weather-big-icon-406 {
  background-position: -300px -150px;
  /* 雪のち曇 */
}

.weather-big-icon-407 {
  background-position: -350px -150px;
  /* 雪のち雨 */
}

.weather-middle-icon {
  background-image: url(../img/common/weather_icon.gif);
  background-repeat: no-repeat;
  -webkit-background-size: 400px 160px;
  background-size: 400px 160px;
  width: 40px;
  padding-top: 40px;
}

.weather-middle-icon-100 {
  background-position: 0px 0px;
  /* 晴 */
}

.weather-middle-icon-101 {
  background-position: -40px 0px;
  /* 晴時々曇 */
}

.weather-middle-icon-102 {
  background-position: -80px 0px;
  /* 晴時々雨 */
}

.weather-middle-icon-103 {
  background-position: -120px 0px;
  /* 晴時々雪 */
}

.weather-middle-icon-104 {
  background-position: -160px 0px;
  /* 晴時々雨か雪 */
}

.weather-middle-icon-105 {
  background-position: -200px 0px;
  /* 晴のち曇 */
}

.weather-middle-icon-106 {
  background-position: -240px 0px;
  /* 晴のち雨 */
}

.weather-middle-icon-107 {
  background-position: -280px 0px;
  /* 晴のち雪 */
}

.weather-middle-icon-108 {
  background-position: -320px 0px;
  /* 晴のち雨か雪 */
}

.weather-middle-icon-109 {
  background-position: -360px 0px;
  /* 霧のち晴 */
}

.weather-middle-icon-200 {
  background-position: 0px -40px;
  /* 曇 */
}

.weather-middle-icon-201 {
  background-position: -40px -40px;
  /* 曇時々晴 */
}

.weather-middle-icon-202 {
  background-position: -80px -40px;
  /* 曇時々雨 */
}

.weather-middle-icon-203 {
  background-position: -120px -40px;
  /* 曇時々雪 */
}

.weather-middle-icon-204 {
  background-position: -160px -40px;
  /* 曇時々雨か雪 */
}

.weather-middle-icon-205 {
  background-position: -200px -40px;
  /* 霧 */
}

.weather-middle-icon-206 {
  background-position: -240px -40px;
  /* 曇のち晴 */
}

.weather-middle-icon-207 {
  background-position: -280px -40px;
  /* 曇のち雨 */
}

.weather-middle-icon-208 {
  background-position: -320px -40px;
  /* 曇のち雪 */
}

.weather-middle-icon-209 {
  background-position: -360px -40px;
  /* 曇のち雪か雨 */
}

.weather-middle-icon-300 {
  background-position: 0px -80px;
  /* 雨 */
}

.weather-middle-icon-301 {
  background-position: -40px -80px;
  /* 雨時々晴 */
}

.weather-middle-icon-302 {
  background-position: -80px -80px;
  /* 雨時々曇 */
}

.weather-middle-icon-303 {
  background-position: -120px -80px;
  /* 雨時々雪 */
}

.weather-middle-icon-304 {
  background-position: -160px -80px;
  /* 大雨 */
}

.weather-middle-icon-305 {
  background-position: -200px -80px;
  /* 雨のち晴 */
}

.weather-middle-icon-306 {
  background-position: -240px -80px;
  /* 雨のち曇 */
}

.weather-middle-icon-307 {
  background-position: -280px -80px;
  /* 雨のち雪 */
}

.weather-middle-icon-400 {
  background-position: 0px -120px;
  /* 雪 */
}

.weather-middle-icon-401 {
  background-position: -40px -120px;
  /* 雪時々晴 */
}

.weather-middle-icon-402 {
  background-position: -80px -120px;
  /* 雪時々曇 */
}

.weather-middle-icon-403 {
  background-position: -120px -120px;
  /* 大雪 */
}

.weather-middle-icon-404 {
  background-position: -160px -120px;
  /* 雪時々雨 */
}

.weather-middle-icon-405 {
  background-position: -200px -120px;
  /* 雪のち晴 */
}

.weather-middle-icon-406 {
  background-position: -240px -120px;
  /* 雪のち曇 */
}

.weather-middle-icon-407 {
  background-position: -280px -120px;
  /* 雪のち雨 */
}

.big-sepalate-paddock-icon,
.sepalate-paddock-icon,
.big-paddock-icon,
.middle-paddock-icon,
.paddock-icon {
  background-image: url(../img/common/paddock_icon.png);
  background-repeat: no-repeat;
}

.sepalate-paddock-icon {
  -webkit-background-size: 450px 30px;
  background-size: 450px 30px;
  width: 30px;
  padding-top: 15px;
}

.big-sepalate-paddock-icon {
  -webkit-background-size: 750px 50px;
  background-size: 750px 50px;
  width: 50px;
  padding-top: 25px;
}

.paddock-icon {
  -webkit-background-size: 450px 30px;
  background-size: 450px 30px;
  width: 30px;
  padding-top: 30px;
}

.big-paddock-icon {
  -webkit-background-size: 750px 50px;
  background-size: 750px 50px;
  width: 50px;
  padding-top: 50px;
}

.middle-paddock-icon {
  -webkit-background-size: 600px 40px;
  background-size: 600px 40px;
  width: 40px;
  padding-top: 40px;
}

.paddock-icon-01 {
  background-position: 0px 0px;
}

.paddock-icon-02 {
  background-position: -30px 0px;
}

.paddock-icon-03 {
  background-position: -60px 0px;
}

.paddock-icon-04 {
  background-position: -90px 0px;
}

.paddock-icon-05 {
  background-position: -120px 0px;
}

.paddock-icon-06 {
  background-position: -150px 0px;
}

.paddock-icon-07 {
  background-position: -180px 0px;
}

.paddock-icon-11 {
  background-position: -210px 0px;
}

.paddock-icon-12 {
  background-position: -240px 0px;
}

.paddock-icon-13 {
  background-position: -270px 0px;
}

.paddock-icon-14 {
  background-position: -180px 0px;
}

.paddock-icon-20 {
  background-position: -390px 0px;
}

.paddock-icon-21 {
  background-position: -300px 0px;
}

.paddock-icon-22 {
  background-position: -330px -15px;
}

.paddock-icon-23 {
  background-position: -330px 0px;
}

.paddock-icon-24 {
  background-position: -330px -15px;
}

.paddock-icon-25 {
  background-position: -330px 0px;
}

.paddock-icon-26 {
  background-position: -360px -15px;
}

.paddock-icon-27 {
  background-position: -180px 0px;
  padding-top: 30px;
}

.paddock-icon-28 {
  background-position: -420px 0px;
  padding-top: 30px;
}

.middle-paddock-icon-01 {
  background-position: 0px 0px;
}

.middle-paddock-icon-02 {
  background-position: -40px 0px;
}

.middle-paddock-icon-03 {
  background-position: -80px 0px;
}

.middle-paddock-icon-04 {
  background-position: -120px 0px;
}

.middle-paddock-icon-05 {
  background-position: -160px 0px;
}

.middle-paddock-icon-06 {
  background-position: -200px 0px;
}

.middle-paddock-icon-07 {
  background-position: -240px 0px;
}

.middle-paddock-icon-08 {
  background-position: -280px 0px;
}

.middle-paddock-icon-09 {
  background-position: -320px 0px;
}

.middle-paddock-icon-10 {
  background-position: -360px 0px;
}

.big-paddock-icon-01 {
  background-position: 0px 0px;
}

.big-paddock-icon-02 {
  background-position: -50px 0px;
}

.big-paddock-icon-03 {
  background-position: -100px 0px;
}

.big-paddock-icon-04 {
  background-position: -150px 0px;
}

.big-paddock-icon-05 {
  background-position: -200px 0px;
}

.big-paddock-icon-06 {
  background-position: -250px 0px;
}

.big-paddock-icon-07 {
  background-position: -300px 0px;
}

.big-paddock-icon-08 {
  background-position: -350px 0px;
}

.big-paddock-icon-09 {
  background-position: -400px 0px;
}

.big-paddock-icon-10 {
  background-position: -450px 0px;
}

.big-paddock-icon-20 {
  background-position: -650px 0px;
}

.big-paddock-icon-21 {
  background-position: -500px 0px;
}

.big-paddock-icon-22 {
  background-position: -550px -25px;
}

.big-paddock-icon-23 {
  background-position: -550px 0px;
}

.big-paddock-icon-24 {
  background-position: -550px -25px;
}

.big-paddock-icon-25 {
  background-position: -550px 0px;
}

.big-paddock-icon-26 {
  background-position: -600px -25px;
}

.big-paddock-icon-27 {
  background-position: -300px 0px;
  padding-top: 50px;
}

.big-paddock-icon-28 {
  background-position: -700px 0px;
  padding-top: 50px;
}

.paddock-forcast-level {
  display: block;
  height: 20px;
  background: #ccc;
  overflow: hidden;
}

.weatherTable {
  border-bottom: 1px solid #40a113;
}
.weatherTable > tbody th {
  padding: 5px 2px;
  background: #b3d464;
  color: #105200;
  border-right: 1px solid #40a113;
  border-top: 1px solid #40a113;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.weatherTable > tbody th:last-child {
  border-right: none;
}
.weatherTable > tbody td {
  padding: 10px 2px 5px;
  background: #fff;
  border-right: 1px solid #9ddd1b;
  border-top: 1px solid #40a113;
  vertical-align: middle;
  font-size: 12px;
  position: relative;
}
.weatherTable > tbody td:last-child {
  border-right: none;
}
.weatherTable .weatherListWrap .weatherTableList {
  margin: 0 auto;
  min-width: 135px;
  max-width: 160px;
}
.weatherTable .weatherListWrap .weatherTableList td {
  padding: 0;
  vertical-align: middle;
  border: none;
  text-align: center;
  color: #666;
  font-size: 10px;
}
.weatherTable .weatherListWrap .weatherTableList td.p_weather {
  width: 65px;
}
.weatherTable .weatherListWrap .weatherTableList td .p_turf, .weatherTable .weatherListWrap .weatherTableList td .p_dart {
  float: left;
  color: #105000;
}
.weatherTable .weatherListWrap .weatherTableList td .p_turf .title, .weatherTable .weatherListWrap .weatherTableList td .p_dart .title {
  font-weight: bold;
  font-size: 10px;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.weatherTable .weatherListWrap .weatherTableList td .p_turf {
  margin-right: 2px;
}
.weatherTable .weatherListWrap .weather-icon, .weatherTable .weatherListWrap .paddock-icon, .weatherTable .weatherListWrap .kikou-icon {
  margin: 0 auto;
}
.weatherTable .weatherListWrap.linkBlock {
  margin-bottom: 25px;
}
.weatherTable .weatherListWrap.type2 .p_status {
  padding-left: 10px;
  position: relative;
}
.weatherTable .weatherListWrap.type2 .p_time {
  position: absolute;
  top: 50%;
  margin-top: -1em;
  font-size: 10px;
  font-size: 10px;
  color: #105000;
  width: 1em;
  left: 0em;
}
.weatherTable .weatherListWrap.type3 .weatherTableList {
  margin-top: 0;
}
.weatherTable .weatherListWrap.type4 .weatherTableList {
  margin-top: 0;
}
.weatherTable .liveMark {
  text-align: center;
}
.weatherTable .toRaceDetail {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: -5px -5px 0 0;
  padding: 2px 0;
  border-top: 1px solid #9ddd1b;
  text-align: center;
  font-size: 12px;
  clear: both;
}

.babaExpectedHead {
  border-left: 1px solid #40a113;
  border-top: 1px solid #40a113;
}
.babaExpectedHead td {
  padding: 10px;
  vertical-align: middle;
  font-size: 12px;
  border-right: 1px solid #40a113;
  border-bottom: 1px solid #40a113;
}
.babaExpectedHead ul {
  color: #105200;
}
.babaExpectedHead li {
  font-size: 11px;
  margin-bottom: 2px;
}
.babaExpectedHead .weather-big-icon {
  margin: 0 auto;
}
.babaExpectedHead.type1 {
  text-align: center;
}
.babaExpectedHead.type1 .type1Wrap {
  position: relative;
  display: inline-block;
  min-height: 52px;
}
.babaExpectedHead.type1 .weather-big-icon {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  vertical-align: middle;
}
.babaExpectedHead.type1 ul {
  padding-left: 62px;
  text-align: left;
}

.babaExpectedCont .colIcon {
  width: 52px;
}
.babaExpectedCont .colSepIcon {
  width: 51px;
}
.babaExpectedCont .colStatus {
  width: 32px;
}
.babaExpectedCont thead {
  height: 21px;
  line-height: 28px;
  font-size: 12px;
  font-weight: bold;
  color: #105200;
  text-align: left;
  background: #bedcb1;
  border-bottom: 1px solid #40a113;
}
.babaExpectedCont thead td, .babaExpectedCont thead th {
  padding: 7px;
}
.babaExpectedCont tbody td {
  border-bottom: 1px solid #40a113;
  border-left: 1px solid #40a113;
}
.babaExpectedCont tbody .p_bar {
  position: relative;
}
.babaExpectedCont tbody .p_status {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
.babaExpectedCont .graphBar {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  height: 25px;
  background: #006600;
  display: block;
}
.babaExpectedCont.type2 .colStatus {
  width: 50px;
}
.babaExpectedCont.type2 .graphBar {
  height: 12px;
  margin-top: -6px;
}
.babaExpectedCont.type2 .p_sepIcon {
  vertical-align: middle;
}
.babaExpectedCont.type2 .p_bar,
.babaExpectedCont.type2 .p_status {
  height: 25px;
}
.babaExpectedCont.type2 .p_paddock {
  vertical-align: bottom;
}

.raceEcpectedTableWrap {
  padding: 8px 10px;
}

.raceExpectedTable {
  font-size: 12px;
  color: #434343;
}
.raceExpectedTable .colStatus, .raceExpectedTable .colNum {
  width: 2.5em;
}
.raceExpectedTable td {
  padding: 5px 5px;
}

.umaBashiraTable .colWaku, .babaResultTable .colWaku, .weatherResultTable .colWaku {
  width: 1.5em;
}
.umaBashiraTable .colNum, .babaResultTable .colNum, .weatherResultTable .colNum {
  width: 3em;
  text-align: right;
}
.umaBashiraTable .colName, .babaResultTable .colName, .weatherResultTable .colName {
  width: 5em;
}
.umaBashiraTable .colPr, .umaBashiraTable .colP, .umaBashiraTable .colP1, .umaBashiraTable .colP2, .umaBashiraTable .colP3, .umaBashiraTable .colBaba, .umaBashiraTable .colWeather, .babaResultTable .colP, .babaResultTable .colP1, .babaResultTable .colP2, .babaResultTable .colP3, .babaResultTable .colBaba, .babaResultTable .colWeather, .weatherResultTable .colP, .weatherResultTable .colP1, .weatherResultTable .colP2, .weatherResultTable .colP3, .weatherResultTable .colBaba, .weatherResultTable .colWeather {
  width: 3em;
}
.babaResultTable .colQ, .weatherResultTable .colQ {
  width: 2em;
}
.babaResultTable .colR, .weatherResultTable .colR {
  width: 4em;
}
.umaBashiraTable .colPaddock, .babaResultTable .colPaddock, .weatherResultTable .colPaddock {
  width: 30px;
}
.umaBashiraTable .colSepPaddock, .babaResultTable .colSepPaddock, .weatherResultTable .colSepPaddock {
  width: 30px;
}

.umaBashiraTable .colHistDate, .umaBashiraTable .colHistJyo, .umaBashiraTable .colHistName, .umaBashiraTable .colHistJyoken {
  width: 10em;
}
.umaBashiraTable .colHistShort {
  width: 5em;
}
.umaBashiraTable .colHistNum {
  width: 2em;
}

.umaBashiraTable th, .babaResultTable th, .weatherResultTable th {
  padding: 5px 0;
  background: #b3d464;
  color: #105200;
  border-right: 1px solid #40a113;
  border-bottom: 1px solid #40a113;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  letter-spacing: -2px;
}
.umaBashiraTable td, .babaResultTable td, .weatherResultTable td {
  background: #fff;
  border-right: 1px solid #40a113;
  border-bottom: 1px solid #40a113;
  vertical-align: middle;
  text-align: center;
  color: #105200;
  line-height: 20px;
}
.umaBashiraTable td.waku, .babaResultTable td.waku, .weatherResultTable td.waku {
  font-weight: bold;
}
.umaBashiraTable td.num, .babaResultTable td.num, .weatherResultTable td.num {
  text-align: right;
  font-weight: bold;
}
.umaBashiraTable td.name, .babaResultTable td.name, .weatherResultTable td.name {
  text-align: left;
}
.umaBashiraTable .first .waku, .umaBashiraTable .first .num, .babaResultTable .first .waku, .babaResultTable .first .num, .weatherResultTable .first .waku, .weatherResultTable .first .num {
  background: #fff;
  color: inherit;
}
.umaBashiraTable .second .waku, .umaBashiraTable .second .num, .babaResultTable .second .waku, .babaResultTable .second .num, .weatherResultTable .second .waku, .weatherResultTable .second .num {
  background: #000;
  color: #fff;
}
.umaBashiraTable .third .waku, .umaBashiraTable .third .num, .babaResultTable .third .waku, .babaResultTable .third .num, .weatherResultTable .third .waku, .weatherResultTable .third .num {
  background: #f00;
  color: #fff;
}
.umaBashiraTable .fourth .waku, .umaBashiraTable .fourth .num, .babaResultTable .fourth .waku, .babaResultTable .fourth .num, .weatherResultTable .fourth .waku, .weatherResultTable .fourth .num {
  background: #00f;
  color: #fff;
}
.umaBashiraTable .fifth .waku, .umaBashiraTable .fifth .num, .babaResultTable .fifth .waku, .babaResultTable .fifth .num, .weatherResultTable .fifth .waku, .weatherResultTable .fifth .num {
  background: #ff0;
  color: inherit;
}
.umaBashiraTable .sixth .waku, .umaBashiraTable .sixth .num, .babaResultTable .sixth .waku, .babaResultTable .sixth .num, .weatherResultTable .sixth .waku, .weatherResultTable .sixth .num {
  background: #094;
  color: #fff;
}
.umaBashiraTable .seventh .waku, .umaBashiraTable .seventh .num, .babaResultTable .seventh .waku, .babaResultTable .seventh .num, .weatherResultTable .seventh .waku, .weatherResultTable .seventh .num {
  background: #f90;
  color: #fff;
}
.umaBashiraTable .eighth .waku, .umaBashiraTable .eighth .num, .babaResultTable .eighth .waku, .babaResultTable .eighth .num, .weatherResultTable .eighth .waku, .weatherResultTable .eighth .num {
  background: #f69;
  color: #fff;
}

.umaBashiraTable td {
  padding: 5px;
}
.babaResultTable th.Gekiso, .weatherResultTable th.Gekiso {
  font-weight: bold;
  color: #ff0000;
}
.babaResultTable th.Hanso, .weatherResultTable th.Hanso {
  font-weight: bold;
  color: #0000ff;
}

.umaBashiraTable .waku1, .umaBashiraTable .num1 { background: #ffffff; }
.umaBashiraTable .waku2, .umaBashiraTable .num2 { background: #000000; color: #ffffff; }
.umaBashiraTable .waku3, .umaBashiraTable .num3 { background: #ff3333; color: #ffffff; }
.umaBashiraTable .waku4, .umaBashiraTable .num4 { background: #3333ff; color: #ffffff; }
.umaBashiraTable .waku5, .umaBashiraTable .num5 { background: #ffff00; }
.umaBashiraTable .waku6, .umaBashiraTable .num6 { background: #009900; color: #ffffff; }
.umaBashiraTable .waku7, .umaBashiraTable .num7 { background: #ffcc00; }
.umaBashiraTable .waku8, .umaBashiraTable .num8 { background: #ffcccc; }
.umaBashiraTable .waku9, .umaBashiraTable .num9 { background: #cccccc; }
.babaResultTable .waku1, .babaResultTable .num1 { background: #ffffff; }
.babaResultTable .waku2, .babaResultTable .num2 { background: #000000; color: #ffffff; }
.babaResultTable .waku3, .babaResultTable .num3 { background: #ff3333; color: #ffffff; }
.babaResultTable .waku4, .babaResultTable .num4 { background: #3333ff; color: #ffffff; }
.babaResultTable .waku5, .babaResultTable .num5 { background: #ffff00; }
.babaResultTable .waku6, .babaResultTable .num6 { background: #009900; color: #ffffff; }
.babaResultTable .waku7, .babaResultTable .num7 { background: #ffcc00; }
.babaResultTable .waku8, .babaResultTable .num8 { background: #ffcccc; }
.babaResultTable .waku9, .babaResultTable .num9 { background: #cccccc; }
.weatherResultTable .waku1, .weatherResultTable .num1 { background: #ffffff; }
.weatherResultTable .waku2, .weatherResultTable .num2 { background: #000000; color: #ffffff; }
.weatherResultTable .waku3, .weatherResultTable .num3 { background: #ff3333; color: #ffffff; }
.weatherResultTable .waku4, .weatherResultTable .num4 { background: #3333ff; color: #ffffff; }
.weatherResultTable .waku5, .weatherResultTable .num5 { background: #ffff00; }
.weatherResultTable .waku6, .weatherResultTable .num6 { background: #009900; color: #ffffff; }
.weatherResultTable .waku7, .weatherResultTable .num7 { background: #ffcc00; }
.weatherResultTable .waku8, .weatherResultTable .num8 { background: #ffcccc; }
.weatherResultTable .waku9, .weatherResultTable .num9 { background: #cccccc; }

.babaResultTable .waku, .babaResultTable .num, .babaResultTable .name, .weatherResultTable .waku, .weatherResultTable .num, .weatherResultTable .name {
  padding: 5px;
}
.babaResultTable td, .weatherResultTable td {
  padding: 0px;
  font-size: 12px;
}
.babaResultTable .paddock, .babaResultTable .sepIcon, .weatherResultTable .paddock, .weatherResultTable .sepIcon {
  vertical-align: middle;
}
.babaResultTable .cold, .babaResultTable .cool, .babaResultTable .warm, .babaResultTable .hot, .babaResultTable .heat, .weatherResultTable .cold, .weatherResultTable .cool, .weatherResultTable .warm, .weatherResultTable .hot, .weatherResultTable .heat {
  font-size: 12px;
}
.babaResultTable .cold, .weatherResultTable .cold {
  background: #bcd9f0;
  color: #000;
}
.babaResultTable .cool, .weatherResultTable .cool {
  background: #fff;
  color: #000;
}
.babaResultTable .warm, .weatherResultTable .warm {
  background: #fbbe24;
  color: #000;
}
.babaResultTable .hot, .weatherResultTable .hot {
  background: #fd4733;
  color: #fff;
}
.babaResultTable .heat, .weatherResultTable .heat {
  background: #e41d03;
  color: #fff;
}

.babaResultTable td img, .weatherResultTable td img { padding: 0; vertical-align: bottom; }

.labelLive {
  margin: 0 auto 5px;
  padding: 3px 2px;
  border-radius: 5px;
  width: 50px;
  color: #fff;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  background: #f29149;
  display: block;
}
.labelLiveNon {
  background: #fff;
}
.liveTime {
  text-align: center;
  margin-bottom: 5px;
  font-size: 10px;
  letter-spacing: 1px;
  display: block;
}

.listBtn {
  padding: 12px 19px 12px 19px;
  text-align: left;
  font-size: 18px;
}

.subListBtn {
  padding: 12px 30px 12px 19px;
  text-align: right;
  font-size: 18px;
}

.labelBtn {
  padding: 15px 19px 15px 19px;
  text-align: center;
  font-size: 15px;
}

.listBtn, .subListBtn, .labelBtn {
  display: block;
  border: 1px solid #888;
  border-top: 3px solid #a0a0a0;
  color: #535353;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.listBtn.c_defBtn, .subListBtn.c_defBtn, .labelBtn.c_defBtn {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #e5e5e5 100%);
}
.listBtn.c_defBtn:after, .subListBtn.c_defBtn:after, .labelBtn.c_defBtn:after {
  content: '';
  margin-top: -4px;
  width: 8px;
  height: 10px;
  background: transparent url(../img/common/arrow_btn.png) left top no-repeat;
  -webkit-background-size: 8px 10px;
  background-size: 8px 10px;
  position: absolute;
  top: 50%;
  right: 7px;
}
.listBtn.c_primaryBtn, .subListBtn.c_primaryBtn, .labelBtn.c_primaryBtn {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #e5e5e5 100%);
  border-top-color: #060;
}
.listBtn.c_primaryBtn:after, .subListBtn.c_primaryBtn:after, .labelBtn.c_primaryBtn:after {
  content: '';
  margin-top: -4px;
  width: 8px;
  height: 10px;
  background: transparent url(../img/common/arrow_btn.png) left top no-repeat;
  -webkit-background-size: 8px 10px;
  background-size: 8px 10px;
  position: absolute;
  top: 50%;
  right: 7px;
}

.col3BtnList {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #e5e5e5 100%);
  color: #535353;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.col3BtnList li {
  box-sizing: border-box;
  width: 33%;
  float: left;
  position: relative;
}
.col3BtnList li a {
  padding: 15px 10px;
  border-bottom: 1px solid #888;
  border-top: 3px solid #a0a0a0;
  display: block;
  font-size: 15px;
  text-decoration: none;
  color: inherit;
}
.col3BtnList li:first-child a:after, .col3BtnList li:last-child a:after {
  content: '';
  margin-top: -4px;
  width: 8px;
  height: 10px;
  background: transparent url(../img/common/arrow_btn.png) left top no-repeat;
  -webkit-background-size: 8px 10px;
  background-size: 8px 10px;
  position: absolute;
  top: 50%;
  right: 7px;
}
.col3BtnList li:first-child {
  border-right: 1px solid #888;
}
.col3BtnList li:first-child a {
  padding-left: 30px;
}
.col3BtnList li:first-child a:after {
  left: 7px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.col3BtnList li:last-child {
  border-left: 1px solid #888;
}
.col3BtnList li:last-child a {
  padding-right: 30px;
}
.col3BtnList li:nth-child(2) {
  width: 34%;
}
.col3BtnList li:nth-child(2) a {
  padding-left: 30px;
}
.col3BtnList li:nth-child(2) a:after {
  content: '';
  margin-top: -6px;
  width: 15px;
  height: 12px;
  background: transparent url(../img/article/icon_list.png) left top no-repeat;
  -webkit-background-size: 15px 12px;
  background-size: 15px 12px;
  position: absolute;
  top: 50%;
  left: 7px;
}

.linkList {
  border-top: 1px solid #666;
}

.linkBtn {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #e5e5e5 100%);
  padding: 5px 20px 3px 10px;
  border-bottom: 1px solid #666;
  font-size: 13px;
  font-weight: bold;
  color: #434343;
  text-decoration: none;
  display: block;
  position: relative;
}
.linkBtn:after {
  content: '';
  margin-top: -4px;
  width: 8px;
  height: 10px;
  background: transparent url(../img/common/arrow_btn.png) left top no-repeat;
  -webkit-background-size: 8px 10px;
  background-size: 8px 10px;
  position: absolute;
  top: 50%;
  right: 7px;
}

.toList {
  padding-right: 4px;
  text-align: right;
}
.toList a {
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d2d2d2));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #d2d2d2 100%);
  padding-right: 10px;
  padding-left: 20px;
  min-width: 62px;
  height: 30px;
  display: inline-block;
  text-align: right;
  line-height: 30px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
  box-shadow: 1px 1px 1px #aaa;
  position: relative;
}
.toList a:after {
  content: '';
  margin-top: -5px;
  background: transparent url(../img/common/arrow_btn.png) left top no-repeat;
  width: 8px;
  height: 10px;
  -webkit-background-size: 8px 10px;
  background-size: 8px 10px;
  position: absolute;
  left: 7px;
  top: 50%;
}

.adBnrArea {
  padding: 15px 0;
}

/*page*/
.pageLogin .sectionCont {
  padding: 15px 25px;
}
.pageLogin .errmsg {
  color: #f00;
  margin-bottom: 10px;
}

.loginBlock .hl_login {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 144px 22px;
  background-size: 144px 22px;
  width: 144px;
  padding-top: 22px;
  background-image: url(../img/login/hl_login.png);
}
.loginBlock input[type=text],
.loginBlock input[type=password] {
  width: 100%;
  box-sizing: border-box;
  height: 39px;
  line-height: 39px;
  border: 1px solid #d4d4d4;
  box-shadow: 0px 0px 3px 0px #ededed inset;
  padding: 0 6px;
  display: block;
}
.loginBlock input[type="text"] {
  margin-bottom: 6px;
}
.loginBlock input[type=password] {
  margin-bottom: 15px;
}
.loginBlock .loginBtn {
  /*
  @include txtimg(57,15);
  margin:0 auto;
  background-image: url(../img/login/btn_login.png);
  */
}
.loginBlock .fogetPassword {
  text-align: right;
  margin: 30px 0;
  font-weight: bold;
}
.loginBlock .fogetPassword a {
  color: inherit;
}

.registBlock .hl_regist {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 72px 22px;
  background-size: 72px 22px;
  width: 72px;
  padding-top: 22px;
  background-image: url(../img/login/hl_regist.png);
}
.registBlock ul {
  padding-top: 15px;
}
.registBlock li:first-child {
  margin-bottom: 17px;
}

/*index*/
.pageIndex .colPlace {
  width: 20px;
}

.babaNews .hl_babaNews {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 132px 22px;
  background-size: 132px 22px;
  width: 132px;
  padding-top: 22px;
  background-image: url(../img/top/hl_babaNews.png);
}
.babaNews .weatherTable thead th {
  background: #e2ffd5;
  background: -moz-linear-gradient(top, #e2ffd5 32%, #bfdcb2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(32%, #e2ffd5), color-stop(100%, #bfdcb2));
  background: -webkit-linear-gradient(top, #e2ffd5 32%, #bfdcb2 100%);
  background: -o-linear-gradient(top, #e2ffd5 32%, #bfdcb2 100%);
  background: -ms-linear-gradient(top, #e2ffd5 32%, #bfdcb2 100%);
  background: linear-gradient(to bottom, #e2ffd5 32%, #bfdcb2 100%);
  padding: 14px 0 12px;
  font-size: 12px;
  color: #105200;
  text-align: center;
}

.categoryHl, .topInformation h3 {
  margin-bottom: 8px;
  padding: 6px 11px;
  border-top: 5px solid #000;
  /*2018-2-14 modify*/
  /*border-radius: 5px 5px 0 0;*/
  font-size: 14px;
  font-weight: bold;
  background: #f6f6f6;
}

.topInformation .innerBlock {
  padding-bottom: 10px;
  /*2018-2-14 modify*/
  background: #fff;
}
.topInformation ul {
  margin-bottom: 3px;
}
.topInformation li {
  margin-bottom: 12px;
  padding-left: 20px;
  padding-right: 80px;
  position: relative;
  font-size: 12px;
  overflow: hidden;
  height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topInformation li a {
  color: inherit;
}
.topInformation li span {
  position: absolute;
  top: 0px;
  right: 4px;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  width: 67px;
  color: #fff;
  background: #000;
}
.topInformation li:before {
  content: '▲';
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  left: 5px;
  font-size: 10px;
  margin-top: -0.5em;
}
.topInformation .newColum h3 {
  border-color: #dc0001;
  color: #e60012;
}
.topInformation .newColum span {
  background: #dc0001;
}
.topInformation .newColum .toList a:after {
  background-image: url(../img/common/arrow_colum.png);
}
.topInformation .newNews h3 {
  border-color: #060;
  color: #060;
}
.topInformation .newNews span {
  background: #060;
}
.topInformation .newNews .toList a:after {
  background-image: url(../img/common/arrow_news.png);
}
.topInformation .hitInformation h3 {
  border-color: #06c;
  color: #06c;
}
.topInformation .hitInformation span {
  background: #06c;
}
.topInformation .hitInformation .toList a:after {
  background-image: url(../img/common/arrow_hitInfo.png);
}

.subContNav .p_toDataBox span {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 161px 18px;
  background-size: 161px 18px;
  width: 161px;
  padding-top: 18px;
  margin: 0 auto;
  background-image: url(../img/top/toDatabox_btn.png);
}
.subContNav .p_toGuide span {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 139px 20px;
  background-size: 139px 20px;
  width: 139px;
  padding-top: 20px;
  margin: 0 auto;
  background-image: url(../img/top/toGuide_btn.png);
}

.subContSubNav {
  padding: 12px 0 14px;
  background: #f7f7f7;
}
.subContSubNav li {
  margin-left: 32px;
  margin-bottom: 12px;
  padding-left: 14px;
  background: transparent url(../img/common/arrow_dot.png) left center no-repeat;
  -webkit-background-size: 6px 10px;
  background-size: 6px 10px;
  font-size: 12px;
}
.subContSubNav li a {
  color: inherit;
  text-decoration: none;
}

/*baba*/
.pageBaba .sectionBlock {
  margin-bottom: 5px;
}

.expectedList .hl_expectedList {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 39px 22px;
  background-size: 39px 22px;
  width: 39px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_expectedList.png);
}

.umahashiraTable {
  margin-top: 5px;
}

.commentary {
  margin-top: 5px;
}

.commentary .hl_commentary {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 39px 22px;
  background-size: 39px 22px;
  width: 39px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_commentary.png);
}
.commentary p {
  padding: 12px 12px 17px;
  color: #434343;
  letter-spacing: 1px;
}

.raceExpected .hl_raceExpected {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 138px 22px;
  background-size: 138px 22px;
  width: 138px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_raceExpected.png);
}
.raceExpected .hl_raceExpected1 {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 138px 22px;
  background-size: 138px 22px;
  width: 138px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_raceExpected1.png);
}
.raceExpected .hl_raceExpected2 {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 138px 22px;
  background-size: 138px 22px;
  width: 138px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_raceExpected2.png);
}
.raceExpected .hl_raceExpected3 {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 138px 22px;
  background-size: 138px 22px;
  width: 138px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_raceExpected3.png);
}
.raceExpected .hl_raceExpected4 {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 151px 22px;
  background-size: 151px 22px;
  width: 151px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_raceExpected4.png);
}

.expectedWeather .hl_expectedWeather {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 73px 22px;
  background-size: 73px 22px;
  width: 73px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_expectedWeather.png);
}

.umabashiraTable .hl_umabashiraTable {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 37px 22px;
  background-size: 37px 22px;
  width: 37px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_umabashiraTable.png);
}

.selection {
  text-align: right;
  font-size: 12px;
}
.selection .hl {
  text-align: left;
}
.selection .hl_selection {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 52px 22px;
  background-size: 52px 22px;
  width: 52px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_selection.png);
}
.selection p {
  margin-top: 10px;
  font-weight: bold;
}
.selection ul {
  padding: 5px;
}
.selection li {
  margin-bottom: 8px;
}
.selection .supList {
  font-size: 10px;
}

.babaExpected {
	margin-bottom: 5px;
}

.babaExpected .hl_babaExpected {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 132px 22px;
  background-size: 132px 22px;
  width: 132px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_babaExpected.png);
}
.babaExpected .weatherTable .weatherListWrap.type2 .weatherTableList {
  margin-top: 0px;
  margin-bottom: 0px;
}
.babaExpected .weatherTable .weatherListWrap.type3 .weatherTableList {
  margin-top: 0px;
  margin-bottom: 0px;
}
.babaExpected .weatherTable .weatherListWrap.type4 .weatherTableList {
  margin-top: 0px;
  margin-bottom: 0px;
}
.babaExpected .weatherTable .weatherTableList {
  max-width: 170px;
}
.babaExpected .weatherTable .colPlace {
  width: 65px;
}
.babaExpected .weatherTable .colAnchor {
  width: 30px;
}
.babaExpected .weatherTable thead th {
  background: #e2ffd5;
  background: -moz-linear-gradient(top, #e2ffd5 32%, #bfdcb2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(32%, #e2ffd5), color-stop(100%, #bfdcb2));
  background: -webkit-linear-gradient(top, #e2ffd5 32%, #bfdcb2 100%);
  background: -o-linear-gradient(top, #e2ffd5 32%, #bfdcb2 100%);
  background: -ms-linear-gradient(top, #e2ffd5 32%, #bfdcb2 100%);
  background: linear-gradient(to bottom, #e2ffd5 32%, #bfdcb2 100%);
  padding: 14px 0 12px;
  font-size: 12px;
  color: #105200;
  text-align: center;
}
.babaExpected .weatherTable td {
  border-right: none;
}
.babaExpected .weatherTable td.p_weather {
  padding-right: 10px;
}
.babaExpected .weatherTable .p_anchor {
  padding-right: 10px;
  position: relative;
}
.babaExpected .weatherTable .p_anchor a {
  color: inherit;
  text-decoration: none;
  margin-top: -4px;
  width: 8px;
  height: 10px;
  background: transparent url(../img/common/arrow_btn.png) left top no-repeat;
  -webkit-background-size: 8px 10px;
  background-size: 8px 10px;
  position: absolute;
  top: 50%;
  right: 7px;
}

.raceList .hl_raceList {
  overflow: hidden;
  line-height: 1;
  height: 0;
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 80px 22px;
  background-size: 80px 22px;
  width: 80px;
  padding-top: 22px;
  background-image: url(../img/baba/hl_raceList.png);
}
.raceList ul {
  border-top: 1px solid #40a113;
}
.raceList li a {
  padding-left: 80px;
  border-bottom: 1px solid #40a113;
  font-size: 12px;
  color: #105200;
}
.raceList li a span {
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #40a113;
  font-size: 14px;
  width: 55px;
  padding: 3px 5px 2px;
  text-align: center;
  font-weight: bold;
  background: #b3d464;
  color: #105200;
  display: block;
}

/*news*/
.pageNews .linkList {
  margin-bottom: 8px;
}
.pageNews .linkBtn {
  height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newsListArea .categoryHl, .newsListArea .topInformation h3, .topInformation .newsListArea h3 {
  border-color: #060;
  color: #060;
  margin-bottom: 0;
}
.newsListArea .linkList {
  border-color: #060;
}
.newsListArea .linkBtn {
  border-color: #060;
}
.newsListArea .toList a:after {
  background-image: url(../img/common/arrow_news.png);
}

.columListArea .categoryHl, .columListArea .topInformation h3, .topInformation .columListArea h3 {
  border-color: #dc0001;
  color: #e60012;
  margin-bottom: 0;
}
.columListArea .linkList {
  border-color: #dc0001;
}
.columListArea .linkBtn {
  border-color: #dc0001;
}
.columListArea .toList a:after {
  background-image: url(../img/common/arrow_colum.png);
}

.hitListArea .categoryHl, .hitListArea .topInformation h3, .topInformation .hitListArea h3 {
  border-color: #06c;
  color: #06c;
  margin-bottom: 0;
}
.hitListArea .linkList {
  border-color: #06c;
}
.hitListArea .linkBtn {
  border-color: #06c;
}
.hitListArea .toList a:after {
  background-image: url(../img/common/arrow_hitInfo.png);
}

.newsDetailArea h3, .columDetailArea h3, .hitDetailArea h3 {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #e5e5e5 100%);
  padding: 8px 10px;
  border-top: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
  font-size: 13px;
  line-height: 1.5;
  font-weight: bold;
}
.newsDetailArea .text, .columDetailArea .text, .hitDetailArea .text {
  padding: 11px 11px 15px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #434343;
}

.newsDetailArea .categoryHl, .newsDetailArea .topInformation h3, .topInformation .newsDetailArea h3 {
  border-color: #060;
  color: #060;
  margin-bottom: 0;
}

.columDetailArea .categoryHl, .columDetailArea .topInformation h3, .topInformation .columDetailArea h3 {
  border-color: #dc0001;
  color: #e60012;
  margin-bottom: 0;
}

.hitDetailArea .categoryHl, .hitDetailArea .topInformation h3, .topInformation .hitDetailArea h3 {
  border-color: #06c;
  color: #06c;
  margin-bottom: 0;
}

table#deta-paddock-table {
  margin-bottom: 10px;
  margin-left: 10px;
  width: 70%;
}

table#deta-paddock-table td,
table#deta-paddock-table th {
  border: 1px solid #d4d4d4;
  width: 90%;
  margin: auto;
  padding: 2px;
}

.dataBox {
  margin: 5px;
}

.dataBox h3 {
  font-weight: bold;
}

.dataBox p {
  margin-bottom: 10px;
  margin-left: 10px;
}

.dataBox .back {
  width: 100%;
  text-align: right;
}

.big-sepalate-kikou-icon,
.sepalate-kikou-icon,
.big-kikou-icon,
.middle-kikou-icon,
.kikou-icon {
  background-image: url(../img/common/kikou_icon.png);
  background-repeat: no-repeat;
}

.sepalate-kikou-icon {
  -webkit-background-size: 150px 30px;
  background-size: 150px 30px;
  width: 30px;
  padding-top: 15px;
}

.big-sepalate-kikou-icon {
  -webkit-background-size: 250px 50px;
  background-size: 250px 50px;
  width: 50px;
  padding-top: 25px;
}

.kikou-icon {
  -webkit-background-size: 150px 30px;
  background-size: 150px 30px;
  width: 30px;
  padding-top: 30px;
}

.big-kikou-icon {
  -webkit-background-size: 250px 50px;
  background-size: 250px 50px;
  width: 50px;
  padding-top: 50px;
}

.middle-kikou-icon {
  -webkit-background-size: 200px 40px;
  background-size: 200px 40px;
  width: 40px;
  padding-top: 40px;
}

.kikou-icon-1 {background-position: 0px 0px;}
.kikou-icon-2 {background-position: -30px 0px;}
.kikou-icon-3 {background-position: -60px 0px;}
.kikou-icon-4 {background-position: -90px 0px;}
.kikou-icon-5 {background-position: -120px 0px;}

.middle-kikou-icon-1 {background-position: 0px 0px;}
.middle-kikou-icon-2 {background-position: -40px 0px;}
.middle-kikou-icon-3 {background-position: -80px 0px;}
.middle-kikou-icon-4 {background-position: -120px 0px;}
.middle-kikou-icon-5 {background-position: -160px 0px;}