.toolbar {
	overflow: hidden;
	position: relative;
}

.toolbar .left {
	position: absolute;
	display: block;
}

.toolbar .right,
.toolbar .right2 {
	position: absolute;
	display: block;
}

.toolbar .center {
	width: 300px;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.message {
	display: block;
	background-color: #FFFFFF;
	padding: 0.7em;
	margin: 0.7em;
	border: 1px solid #E2E3E3;
	border-radius: 8px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

span.small {
	font-size: 11px;
}

#racers #flickable{
	position: relative;
}

.scroll-attention{
	background-image: url("../img/icon-scroll-attention.png");
	background-repeat: no-repeat;
	background-size: 255px 41px;
	background-color:  rgba(0,0,0,0.7);
	width: 100%;
	margin-left: 3px;
	position: absolute;
	height: 39px;
	opacity: 0;
}
.scroll-attention a{
	color: #FFF !important;
	position: absolute;
	left: 269px;
	width: 25px;
	height: 25px;
}

table.race .racer-name {
	font-size: 14px;
}

table.race {
	width: 100%;
	line-height: 100%;
	/*border-top: 1px solid #999999;*/
}

table.race th {
	text-align: center;
	font-size: 11px;
    font-weight: normal;
	color: #FFFFFF;
	background-color: #333333;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 3px;

}
table.race.entry th{ width: 19px;}

table.race tr {
	background-color: #FFFFFF;
}

table.race.zebra tr:nth-child(2n) {
	background-color: #E6EFF8;
}

table.race.zebra-odd tr:nth-child(2n+1) {
	background-color: #E6EFF8;
}

table.race.zebra2 tr:nth-child(2n+1) {
	background-color: #E6EFF8;
}

table.race.zebra2-odd tr:nth-child(2n) {
	background-color: #E6EFF8;
}

table.race tr.current,
table.race.zebra tr.current:nth-child(2n),
table.race.zebra-odd tr.current:nth-child(2n+1),
table.race.zebra2 tr.current:nth-child(2n+1),
table.race.zebra2-odd tr:nth-child(2n) {
	background-color: lemonchiffon;
}

table.race td {
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 3px;
	/*padding: 7px 3px 6px;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

table.race.entry td,
table.race.entry tr#racer-name table td,
table.race.entry tr.racer-result td
{
	vertical-align: top;
}
table.race.entry tr#racer-all td,
table.race.entry tr#racer-all-j td{
    vertical-align: middle;
}

table.race.entry tr#racer-fl td,
table.race.entry tr#racer-all td,
table.race.entry tr#racer-all-j td,
table.race.entry tr#racer-st td,
table.race.entry tr#racer-motor td,
table.race.entry tr#racer-boat td,
table.race.entry tr.racer-result td{
    font-size: 14px;
}
table.race.entry tr.racer-result .ul{
    text-decoration: none;
}
table.race.entry tr.racer-result td a{
    padding: 0;
}

table.race td span.racer-syusin{
	font-size: 10px;
}

table.race td span.racer-syusin.ktj {
	color: red;
	font-weight: bold;
}

table.race td div {
	position: relative;
}

table.race.h33 td {
	padding: 9px 3px 8px;
}

table.race.h33b td {
	padding: 4px 3px 3px;
}

table.race .racer-rowspan {
	padding-bottom: 0;
	border-bottom: none;
}

table.race td strong {
	font-weight: bold;
}

table.race td.label a {
	display: inline-block;
	width: 100%;
	/*background-image: url("../img/icon-arrow.png");*/
	background-size: 4px 7px;
	background-repeat: no-repeat;
	background-position: 2px 50%;
/*
	background-position: 2px 120%;
*/
}
table.race td.honmei,
table.race td.ana,
table.race td.oshi {
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
table.race td.honmei a,
table.race td.ana a,
table.race td.oshi a {
	background-image: none;
}

table.race td.honmei{
    background-image: url("../img/icon-honmei.png");
}

table.race td.ana{
    background-image: url("../img/icon-ana.png");
}

table.race td.oshi{
    background-image: url("../img/icon-oshi.png");
}

table.race td.money {
	text-align: right;
	padding-right: 6px;
}

table.race caption {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}

table.race td.first {
	color: #FF0000;
}

table.race td.good {
	background-color: #F9CDFE;
}

#racer-name table {
	width: 100%;
}

#racer-name > td {
	padding: 0;
	border-left: none;
}

#racer-name tr:nth-last-child(2) td {
	padding: 10px 3px;
}

#racer-name tr:last-child td {
	border-bottom: none;
}

#racer-name #racer-name-image {
	padding: 0;
}

#racer-name tr:first-child td img {
	width: 100%;
	visibility: hidden;
	vertical-align: top;
}

.racer-name-kanji {
	display: block;
	width: 17px;
	line-height: 1;
	margin: 0 auto;
	font-size: 17px;
	word-wrap:break-word;
	color: #3072DD;
	font-weight: normal;
}
.racer-name-kanji::after {
	content: url('/s/assets/icons/navigation/linktopage.svg');
	display: inline-block;
	margin-top: 0.2em;
	width: 0.7em;
}

.racer-name-kana {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	line-height: 1;
	font-size: 9px;
	word-wrap:break-word;
	color: #666666;
}

.racer-result td {
	padding: 0 !important;
}

.racer-result th span {
	display: none;
	margin-left: -2px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

#racer-name-nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
}

#racer-name-nav td {
	vertical-align: top;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 10px 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#racer-name-nav td div {
	position: relative;
}

#racer-btn p {
	line-height: 1;
	padding: 10px;
	text-align: center;
	background: #e5e5e5;
}

#racer-btn ul {
	position: relative;
	padding: 7px 10px 3px;
	overflow: hidden;
	background-image: url('../img/bg-01_2.gif');
	background-repeat: repeat-x;
	background-size: auto 100%;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

#racer-btn li:first-child {
	position: absolute;
	top: 7px;
	left: 10px;
}

#racer-btn li:last-child {
	text-align: center;
}

table.info td:nth-child(n+2) {
	text-align: left;
}

table.entry td.collapse {
	border-left: none;
}

table.entry span.entry-label-w {
	background-color: #f2f2f2;
	padding: 2px;
	font-weight: normal;
	font-size: 10px;
	display: block;
}

table.entry span.entry-label-k {
	background-color: #cccccc;
	padding: 2px;
	font-weight: normal;
	font-size: 10px;
	display: block;
}

table.entry span.entry-label-r {
	background-color: #ffcccc;
	padding: 2px;
	font-weight: normal;
	font-size: 10px;
	display: block;
}

table.entry span.entry-label-b {
	background-color: #b8c8e6;
	padding: 2px;
	font-weight: normal;
	font-size: 10px;
	display: block;
}

table.entry span.entry-label-y {
	background-color: #f2f2c2;
	padding: 2px;
	font-weight: normal;
	font-size: 10px;
	display: block;
}

table.entry span.entry-label-g {
	background-color: #b8e6c4;
	padding: 2px;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	display: block;
}

table.entry span.entry-label-f,
table.entry span.entry-label-l {
	background-color: #fcfcfc;
	padding: 2px;
	font-weight: normal;
	font-size: 10px;
	display: block;
}

table.entry td .ul{
	text-decoration: underline;
}

table.entry td a{
	display: block;
	width: 100%;
	padding: 1px 0 1px 0;
	line-height: 1.7;
}

table.entry th {
	padding-top: 3px;
	padding-bottom: 2px;
}

table.inspection td:nth-child(2) {
	text-align: left;
}

table.before-data td {
	padding-top: 6px;
	padding-bottom: 6px;
}

table.before-data td:first-child {
	text-align: left;
}

table.parts td:last-child {
	text-align: left;
}

table.result td {
	padding: 7px 0 7px 4px;
}

table.result td:nth-child(2),
table.result td:nth-child(3),
table.result td:nth-child(4) {
	text-align: left;
}

table.result2 td {
	padding-top: 6px;
	padding-bottom: 6px;
}

table.result2 td:nth-child(3) {
	text-align: left;
}

table.refund td {
	padding: 7px 3px 6px;
}

table.refund td:nth-child(3), table.refund td:nth-child(5) {
	text-align: right;
}

table.refund th:nth-child(3), table.refund th:nth-child(5),
table.refund td:nth-child(3), table.refund td:nth-child(5) {
	border-left: none;
}

table.refund-detail th {
	background-color: #666666;
}

table.refund-detail th.sub {
	color: #000000;
	background-color: #EDEDED;
	border-color: #D9D9D9;
}

table.weather-cond th {
	background-color: #666666;
}

#racers {
	background-color: #DAF5FE;
}
.ui-flickable-wrapper{
	padding :0 !important;
}

table.boats {
	margin: 0 auto;
	width: 320px;
	background-image: url("../img/bg-water-surface.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-bottom: 1px solid #D9D9D9;
}

table.boats th {
	height: 20px;
}

table.boats tr {
	background-color: rgba(0, 0, 0, 0);
}

table.boats td {
	border: none;
	padding: 0;
}

table.boats td:last-child {
	width: 24px;
	font-size: 12px;
}

table.boats td.white:last-child {
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	background-color: #FFFFFF;
}

table.boats .boat-way {
	position: relative;
	height: 32px;
}

table.boats .line {
	position: absolute;
	display: block;
	left: 256px;
	width: 1px;
	height: 100%;
	background-color: #00A0DF;
}

table.boats .racer-no {
	position: relative;
	display: block;
	left: 4px;
	top: 20%;
}

table.boats .boat {
	position: absolute;
	display: block;
	top: 30%;
}

#result {
	overflow: hidden;
	background-color: #DAF5FE;
}

#above_toolbar .toolbar,
#above_toolbar2 .toolbar {
	height: 40px;
	background-image: url("../img/bg-07.gif");
	background-size: auto 100%;
}

#above_toolbar .left {
	width: 50px;
	height: 31px;
	top: 5px;
	left: 10px;
}

#above_toolbar .right {
	width: 50px;
	height: 31px;
	top: 5px;
	right: 10px;
}

#above_toolbar .center {
	color: #FFFFFF;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
	margin-top: 2px;
}

#above_toolbar2 .left {
	width: 300px;
	height: 31px;
	top: 1px;
	left: 10px;
	color: #FFFFFF;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}

#above_toolbar2 .right {
	width: 50px;
	height: 31px;
	top: 5px;
	right: 6px;
}

#above_toolbar2 .right2 {
	width: 50px;
	height: 31px;
	top: 5px;
	right: 61px;
}

#above_toolbar2 .center {
	display: none;
/*
	color: #FFFFFF;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
	margin-top: 2px;
*/
}

@media (max-width: 320px) {
	#above_toolbar .center.extra-padding {
		padding-left: 32px;
	}
}

#above_toolbar .center .title,
#above_toolbar2 .left .title {
	/*font-size: 16px;*/
	font-size: 12px;
	margin-top: 5px;
}

#above_toolbar .center .subtitle,
#above_toolbar2 .left .subtitle {
	font-weight: normal;
	font-size: 9px;
	line-height: 2;
}

#bottom_toolbar .toolbar {
	height: 46px;
	background-image: url("../img/bg-06.gif");
	background-repeat: repeat-x;
	background-size: auto 100%;
}

#bottom_toolbar .left {
	width: 46px;
	height: 31px;
	top: 7px;
	left: 10px;
}

#bottom_toolbar .right {
	width: 46px;
	height: 31px;
	top: 7px;
	right: 10px;
}

#bottom_toolbar .center {
	margin-top: 7px;
}

#tab {
	overflow: hidden;
	height: 40px;
	background-image: url("../img/bg-08.gif");
	background-repeat: repeat-x;
}

#tab.double {
	height: 72px;
}

#tab2 {
	overflow: hidden;
	height: 40px;
	background-image: url("../img/bg-08.gif");
	background-repeat: repeat-x;
	padding-bottom: 5px;
}

ul.tabs {
	text-align: center;
	margin-top: 6px;
}

ul.tabs li {
	display: inline-block;
	font-size: 11px;
	width: 60px;
	height: 27px;
	margin: 0 0px;
}

ul.tabs li a, ul.tabs li span {
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF !important;
	font-weight: 100 !important;
	height: 25px;
	width: 60px;
	padding-top: 4px;
	border-bottom: 1px solid #134DB1;
	border-radius: 6px;
	background: #52AFEC;
	background: -moz-linear-gradient(top, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52AFEC), color-stop(3%, #269AE7), color-stop(100%, #185FD7));
	background: -webkit-linear-gradient(top, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	background: -o-linear-gradient(top, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	background: -ms-linear-gradient(top, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	background: linear-gradient(to bottom, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52afec', endColorstr='#185fd7', GradientType=0);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

}

ul.tabs li.active a, ul.tabs li.active span {
	border-bottom: 1px solid #494949;
	background: #313131;
	background: -moz-linear-gradient(top, #313131 0%, #414040 3%, #494949 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #313131), color-stop(3%, #414040), color-stop(100%, #494949));
	background: -webkit-linear-gradient(top, #313131 0%, #414040 3%, #494949 100%);
	background: -o-linear-gradient(top, #313131 0%, #414040 3%, #494949 100%);
	background: -ms-linear-gradient(top, #313131 0%, #414040 3%, #494949 100%);
	background: linear-gradient(to bottom, #313131 0%, #414040 3%, #494949 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#494949', GradientType=0);
}

ul.tabs li.inactive a, ul.tabs li.inactive span {
	color: #666666 !important;
	border-bottom: 1px solid #8C8C8C;
	background: #D9D9D9;
	background: -moz-linear-gradient(top, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9D9D9), color-stop(3%, #E6E6E6), color-stop(100%, #D9D9D9));
	background: -webkit-linear-gradient(top, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	background: -o-linear-gradient(top, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	background: -ms-linear-gradient(top, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	background: linear-gradient(to bottom, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#d9d9d9', GradientType=0);
}

ul.tabs li.attractive a, ul.tabs li.attractive span {
	border-bottom: 1px solid #C52330;
	background: #F76B80;
	background: -moz-linear-gradient(top, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F76B80), color-stop(3%, #F5455F), color-stop(100%, #EF2A3A));
	background: -webkit-linear-gradient(top, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	background: -o-linear-gradient(top, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	background: -ms-linear-gradient(top, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	background: linear-gradient(to bottom, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76b80', endColorstr='#ef2a3a', GradientType=0);
}

ul.tabs2 {
	text-align: center;
	margin-top: 4px;
}

ul.tabs2 li {
	display: inline-block;
	font-size: 11px;
	width: 60px;
	height: 27px;
	margin: 0 0px;
	text-align: center;
}

ul.tabs2 li a, ul.tabs2 li span {
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF !important;
	font-weight: 100 !important;
	height: 25px;
	width: 60px;
	padding-top: 4px;
	border-bottom: 1px solid #134DB1;
	border-radius: 6px;
	background: #52AFEC;
	background: -moz-linear-gradient(top, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52AFEC), color-stop(3%, #269AE7), color-stop(100%, #185FD7));
	background: -webkit-linear-gradient(top, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	background: -o-linear-gradient(top, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	background: -ms-linear-gradient(top, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	background: linear-gradient(to bottom, #52AFEC 0%, #269AE7 3%, #185FD7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52afec', endColorstr='#185fd7', GradientType=0);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	word-break:keep-all;

}

ul.tabs2 li.active a, ul.tabs2 li.active span {
	border-bottom: 1px solid #b1236a;
	background: #dc4e4e;
	background: -moz-linear-gradient(top, #dc4e4e 0%, #e27272 3%, #dc4e4e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc4e4e), color-stop(3%, #e27272), color-stop(100%, #dc4e4e));
	background: -webkit-linear-gradient(top, #dc4e4e 0%, #e27272 3%, #dc4e4e 100%);
	background: -o-linear-gradient(top, #dc4e4e 0%, #e27272 3%, #dc4e4e 100%);
	background: -ms-linear-gradient(top, #dc4e4e 0%, #e27272 3%, #dc4e4e 100%);
	background: linear-gradient(to bottom, #dc4e4e 0%, #e27272 3%, #dc4e4e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc4e4e', endColorstr='#dc4e4e', GradientType=0);
}

ul.tabs2 li.inactive a, ul.tabs2 li.inactive span {
	color: #666666 !important;
	border-bottom: 1px solid #8C8C8C;
	background: #D9D9D9;
	background: -moz-linear-gradient(top, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9D9D9), color-stop(3%, #E6E6E6), color-stop(100%, #D9D9D9));
	background: -webkit-linear-gradient(top, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	background: -o-linear-gradient(top, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	background: -ms-linear-gradient(top, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	background: linear-gradient(to bottom, #D9D9D9 0%, #E6E6E6 3%, #D9D9D9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#d9d9d9', GradientType=0);
}

ul.tabs2 li.attractive a, ul.tabs2 li.attractive span {
	border-bottom: 1px solid #C52330;
	background: #F76B80;
	background: -moz-linear-gradient(top, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F76B80), color-stop(3%, #F5455F), color-stop(100%, #EF2A3A));
	background: -webkit-linear-gradient(top, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	background: -o-linear-gradient(top, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	background: -ms-linear-gradient(top, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	background: linear-gradient(to bottom, #F76B80 0%, #F5455F 3%, #EF2A3A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76b80', endColorstr='#ef2a3a', GradientType=0);
}

.racer-no {
	display: inline-block;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	font-size: 12px;
	padding-top: 2px;
	background-size: 100%;
	background-repeat: no-repeat;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	text-align: center;
}

.racer-l-no {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	font-size: 14px;
	padding-top: 5px;
	margin: 0 2px;
	background-size: 100%;
	background-repeat: no-repeat;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	text-align: center;
}

.racer-w {
	color: #000000;
	background-image: url("../img/icon-racer-w.gif");
}

.racer-l-w {
	color: #000000;
	background-image: url("../img/icon-l-racer-w.gif");
}

.racer-k {
	color: #FFFFFF;
	background-image: url("../img/icon-racer-k.gif");
}

.racer-l-k {
	color: #FFFFFF;
	background-image: url("../img/icon-l-racer-k.gif");
}

.racer-r {
	color: #FFFFFF;
	background-image: url("../img/icon-racer-r.gif");
}

.racer-l-r {
	color: #FFFFFF;
	background-image: url("../img/icon-l-racer-r.gif");
}

.racer-b {
	color: #FFFFFF;
	background-image: url("../img/icon-racer-b.gif");
}

.racer-l-b {
	color: #FFFFFF;
	background-image: url("../img/icon-l-racer-b.gif");
}

.racer-y {
	color: #000000;
	background-image: url("../img/icon-racer-y.gif");
}

.racer-l-y {
	color: #000000;
	background-image: url("../img/icon-l-racer-y.gif");
}

.racer-g {
	color: #FFFFFF;
	background-image: url("../img/icon-racer-g.gif");
}

.racer-l-g {
	color: #FFFFFF;
	background-image: url("../img/icon-l-racer-g.gif");
}

.racer-l-w2 {
	background: #f2f2f2;
}

.racer-l-k2 {
	background: #cccccc;
}

.racer-l-r2 {
	background: #ffcccc;
}

.racer-l-b2 {
	background: #b8c8e6;
}

.racer-l-y2 {
	background: #f2f2c2;
}

.racer-l-g2 {
	background: #b8e6c4;
}

span.label {
	display: inline-block;
	background-color: #666666;
	color: #FFFFFF;
	font-size: 9px;
	padding: 3px 2px 2px 2px;
	margin: 1px;
}

#finish {
	overflow: hidden;
	height: 41px;
	background-image: url("../img/bg-09.gif");
	background-repeat: repeat-x;
	background-size: auto;
	border-bottom: 1px solid #939393;
}

#finish p {
	width: 300px;
	margin: 0 auto;
	margin-top: 12px;
}

#finish p .finish-label {
	color: #FFFFFF;
}
#finish p .finish-title {
	font-weight: bold;
	color: #FFFFFF;
}

#pagination {
	overflow: hidden;
	height: 41px;
	background-image: url("../img/bg-09.gif");
	background-repeat: repeat-x;
	background-size: auto;
}

#pagination ul {
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
	color: white;
	font-size: 13px;
}

#pagination li {
	display: inline-block;
	min-height: 18px;
	position: absolute;
	top: 6px;
}

#pagination li.navi_next {
	top: 7px;
	right: 5px;
}

#pagination li.race_select {
	top: 7px;
	right: 37px;
}

#pagination li.navi_prev {
	top: 7px;
	right: 109px;
}

#pagination li.label {
	left: 12px;
	width: 170px;
	padding-top: 7px;
}
#pagination li.time {
	left: 70px;
	width: 32px;
	padding-top: 7px;
}

#pagination li.reload {
	top: 9px;
	left: 7px;
	width: 42px;
}

#pagination li.reload img {
	width: 42px;
}

#pagination li.ichioshi {
	top: 8px;
	left: 110px;
	border-radius: 5px;
	font-size: 12px;
	color: white;
	background-color: #ed1c24;
}
#pagination li.ichioshi > a {
	display: block;
	padding: 5px 8px 4px;
	text-align: center;
	color: white;
}
#pagination li.ichioshi.honmei {
	background-color: #41c4d5;
}
#pagination li.ichioshi.ana {
	background-color: #24ba44;
}
.ichioshi_list {
	width: 100%;
}
.ichioshi_list .ichioshi {
	display: block;
	/*margin: 1px auto;*/
	text-align: right;
	width: 100%;
	height: 50px;
	background: none;
	background-repeat: no-repeat;
	/*background-size: 100% 100%;
	background-position: center;*/
	background-size: auto 100%;
    background-position: left;
	border-top: 1px #aaa solid;
}
/*.ichioshi_list .ichioshi img.rnum {
	vertical-align: top;
}*/
.ichioshi_list .ichioshi img.rnum {
	vertical-align: bottom;
	width: 100%;
	max-width:180px;
	height: 100%;
	display:inline-block;
}

.ichioshi_list .ichioshi.honmei {
	background-image: url('/s/sp/img/ichioshi/anim-honmei.gif');
}
.ichioshi_list .ichioshi.ana {
	background-image: url('/s/sp/img/ichioshi/anim-ana.gif');
}
.ichioshi_list .ichioshi.oshi {
	background-image: url('/s/sp/img/ichioshi/anim-oshi.gif');
}

.button .wrapper {
	position: relative;
}

.button .wrapper .btnTopShort {
	display: none;
	position: absolute;
	top: 9px;
	left: 5px;
}

.button .wrapper .btnVoteShort {
	display: none;
	position: absolute;
	top: 9px;
	left: 230px;
}

.btnTopShort,
.btnVoteShort {
	width: 80px;
	padding: 8px 3px;
	color: #111;
	background: #f2f2f2;
	font-size: 10px;
	text-align: center;
	border-radius: 8px;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

table.race.entry tr#racer-link td span {
	display: block;
	width: 36px;
	line-height: 1;
	margin: 0 auto;
	font-size: 11px;
	word-wrap:break-word;
	text-align: left;
}

table.race.entry tr.racer-recent td {
	font-size: 10px;
}

table.race.entry tr.racer-recent td {
	font-size: 10px;
}

table.race.entry tr.racer-recent td span {
	display: block;
	width: 36px;
	line-height: 1;
	margin: 0 auto;
	font-size: 9px;
	word-wrap:break-word;
	text-align: left;
}

.rtime.red {
	color: red;
}

#racer-name-text > td > a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    color: black;
    font-weight: normal;
}

/* 2015-05-20 レースジャンプ
---------- ---------- ---------- ---------- */

.round_button {
	color: #00f;
	text-align:center;
	cursor: pointer;
	width: 20%;
	height: 2em;
	background-color: #777;

	background: -webkit-gradient(linear, left top, left bottom,
	color-stop(0%, #aaa), color-stop(30%, #666), color-stop(100%, #888));
	background: -webkit-linear-gradient(top, #aaa 0%, #666 30%, #888 100%);
	background: -o-linear-gradient(top, #aaa 0%, #666 30%, #888 100%);
	background: -ms-linear-gradient(top, #aaa 0%, #666 30%, #888 100%);
	background: linear-gradient(to bottom, #aaa 0%, #666 30%, #888 100%);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.l_box {
	list-style: none;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	text-align: center;
	font-size: large;

	position: absolute;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 301;
	right: 5%;
	width: 7em;

	-webkit-box-shadow: 0px 0px 10px #000000;
	-moz-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.l_box li {
	display: inline-block;
}

.l_box li a {
	display: block;
	width: 3em;
	line-height: 2.5em;
}

/* 2015-05-21 場ジャンプ
---------- ---------- ---------- ---------- */
.l_jo_box {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: medium;

	/* 上にかぶせて表示させる */
	position: fixed;
	background-color: rgba(255, 255, 255, 1.00);
	z-index: 301;
	right: 60px;
	width: 15em;
	top: 15%;

	/* 吹き出しの影 */
	-webkit-box-shadow: 0px 0px 10px #000000;
	-moz-box-shadow:    0px 0px 10px #000000;
	box-shadow:         0px 0px 10px #000000;

	/* 角丸 */
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	border-radius:         6px;
}

.l_jo_box li {
	display: inline-block;
	padding: 1px;
	width: 3em;
	line-height: 3em;
	white-space: nowrap;
}

.l_jo_box li a {
	display: block;
	color: #4579e1;
}

li.center {
	width: 300px;
	text-align: center;
	display: block;
	margin: 0 auto;
	top: 7px;
}

li.right {
	position: absolute;
//	display: block;
	width: 50px;
	height: 31px;
	top: 7px;
	right: 10px;
}

ul.l_box li.marker a,
ul.l_box li.marker a:link,
ul.l_box li.marker a:visited,
ul.l_box li.marker a:hover,
ul.l_box li.marker a:active {
	color: hotpink;
}

/* 2015-07-09 お知らせリニューアル
---------- ---------- ---------- ---------- */
table.info2 {
	width: 100%;
}

table.info2 tr {
}

table.info2 th,
table.info2 td {
	border-bottom: 1px solid #aaa;
}

table.info2 td.banner {
	vertical-align: middle;
	padding: 3px;
}

table.info2 td.banner img {
	width: 160px;
}

table.info2 td.title {
	vertical-align: top;
	padding-top: 6px;
	padding-left: 6px;
}

table.info2 td.title > span:first-child {
	font-weight: bold;
	font-size: 14px;
}

table.info2 td.title > span:last-child {
	font-weight: normal;
	font-size: 12px;
}

table.info2 td.title > span > span {
	display: inline-block;
	width: 100%;
	text-align: right;
}

/* 2015-07-13 キャンペーンリニューアル
---------- ---------- ---------- ---------- */
table.campaign2 {
	width: 100%;
}

table.campaign2 tr {
}

table.campaign2 th,
table.campaign2 td {
	border-bottom: 1px solid #aaa;
}

table.campaign2 td.banner {
	vertical-align: middle;
	padding: 3px;
}

table.campaign2 td.title {
	vertical-align: top;
	padding-top: 6px;
	padding-left: 6px;
}

table.campaign2 td.title > span:first-child {
	font-weight: bold;
	font-size: 14px;
}

table.campaign2 td.title > span:last-child {
	font-weight: normal;
	font-size: 12px;
}

table.campaign2 td.title > span > span {
	display: inline-block;
	width: 100%;
	text-align: right;
}

#jump_info_page {
	display: inline-block;
	line-height: 1;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
}

/* 同着マーク */
.res-tie {
  display: inline-block;
  margin: 0 8px;
  padding: 2px 6px;
  color: white;
  background: #ED4848;
  border-radius: 4px;
  text-align: center;
  font-size: 10px;
}

.kimarite {
	position: relative;
}
.kimarite::before{
	content: '';
	position: absolute;
	top: 0.3em;
	left: 75%;
	width: 1em;
	line-height: 1em;
	color: #5a5a5a;
	font-size: 10px;
	font-weight: normal;
}
.kimarite.nige::before {
	content: '逃\Aげ';
}
.kimarite.nuki::before {
	content: '抜\Aき';
}
.kimarite.sashi::before {
	content: '差\Aし';
}
.kimarite.makuri::before {
	content: 'ま\Aく';
}
.kimarite.makurisashi::before {
	content: 'ま\A差';
}
.kimarite.megumare::before {
	content: '恵';
	top: 0.65em;
}

/* アイコン */
.ui-icon {
	--ui-icon-size: 1.2em;
	position: relative;
	display: inline-block;
	top: 0.2em;
	margin: 0 0.3em;
	width: var(--ui-icon-size);
	height: var(--ui-icon-size);
	background-repeat:  no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
.ui-icon.icon-color-black {
	filter: invert(1);
}
.ui-icon.icon-reload {
	background-image: url('/s/sp/img/reload.png');
}
.ui-icon.icon-info {
	background-image: url('/s/sp/img/ui/icon-info-circle.png');
}
.ui-icon.icon-arrow-circle-up {
	background-image: url('/s/sp/img/ui/icon-arrow-circle_up.png');
}
.ui-icon.icon-arrow-circle-down {
	background-image: url('/s/sp/img/ui/icon-arrow-circle_down.png');
}
.ui-icon.icon-menu {
	background-image: url('/s/sp/img/ui/icon-menu.png');
}
.ui-icon.icon-menu-close. {
	background-image: url('/s/sp/img/ui/icon-menu-close.png');
}