@charset "utf-8";

/* PCページ内で .sp_import 以下にSP用スタイルを適用 */
/* ＞＞原則このcss内のすべてのクラスの前に .sp_import を付けて配下に置く */

/* ==========================================================================
   inport block
   ========================================================================== */

.sp_import * {
	box-sizing: border-box;
}

.sp_import.sp_width {
	width: 375px;
	margin-left: auto;
	margin-right: auto;
}

.sp_import .clear {
	clear: both;
	height: auto;
}

.sp_import a:hover {
	text-decoration: none;
}

.sp_import p {
	margin: 0;
}

.sp_import .mgauto {
	margin-left: auto;
	margin-right: auto;
}

.sp_import ul {
	margin: 0;
	padding: 0;
}
.sp_import ul li {
	list-style-type: none;
}

/* ==========================================================================
   sp/snippets.css
   ========================================================================== */

.disnon,
.sp_display_none {
	display: none;
}

.relative {
	position: relative;
}

.sp_import .p00 {
	padding: 0 !important;
}

.sp_import .table100 {
	width: 100%;
}

/* -----------------------------------------------
 * font
 * ----------------------------------------------- */

.sp_import .bold {
	font-weight: bold;
}

.sp_import .font15 {
	font-size: 15px;
}

.sp_import .red,
#contents .sp_import .red {
	color: #f00;
	background: none;
}

.sp_import .white {
	color: #fff;
	background: none;
}

.sp_import .gray {
	color: #888;
	background: none;
}

.sp_import .gray6 {
	color: #666;
}

.sp_import .gray7 {
	color: #595959;
}

.sp_import .gray8 {
	color: #A6A6A6;
}

.sp_import .blue,
.sp_import .color_gradeB {
	color:#0045ad;
}

.sp_import .green,
.sp_import .color_gradeC {
	color:#34ab00;
}

.sp_import .brown {
	color:#8f0000;
}

.sp_import .yellow {
	color:#ff0;
}

.sp_import .black {
	color:#000;
}

.sp_import .coliseum_red,
.sp_import table tr.coliseum_red th,
.sp_import table tr.coliseum_red td {
	color:#c9171e !important;
}

.sp_import .coliseum_orange,
.sp_import table tr.coliseum_orange th,
.sp_import table tr.coliseum_orange td {
	color:#f90 !important;
}

.sp_import .dull_red {
	color: #c51616;
}

.sp_import .dull_blue {
	color: #0b76a0;
}

.sp_import .dull_green {
	color: #3a7d22;
}

.sp_import .saturday {
	color: #00f;
}
.sp_import .sunday {
	color: #f00;
}

/* -----------------------------------------------
 * background
 * ----------------------------------------------- */

.sp_import .bg_lightorange {
	background-color: #fec;
}
.sp_import .bg_lightorange.with_border {
	border: 1px solid #fc0;
}

.sp_import .box_skyblue {
	border: 1px solid #29f;
}

.sp_import .box_orange {
	border: 1px solid #f90;
}

.sp_import .lightgray {
	background: #efefef;
}

.sp_import .box_gray {
	border: 1px solid #ccc;
}

.sp_import .bg_orange {
	background: #f90;
}

.sp_import .white_bg {
	background: #fff;
}

/* -----------------------------------------------
 * float
 * ----------------------------------------------- */

.sp_import .float_left {
	float:left;
}
.sp_import .float_right {
	float:right;
}

/* -----------------------------------------------
 * border
 * ----------------------------------------------- */

.sp_import .sp_border_bottom_solid {
	border-bottom:1px solid #b8c5b2;
}

/* -----------------------------------------------
 * img
 * ----------------------------------------------- */

.sp_import .sp_img_type01 img {
	width:100%;
	height:auto;
	font-size: 13px;
	vertical-align: baseline;
}
.sp_import .sp_img_type01.pro_racecard img {
	max-width: 300px;
}

/* -----------------------------------------------
 * object-fit
 * ----------------------------------------------- */

.sp_import .fit_cover {
	-webkit-object-fit: cover;
	object-fit: cover;
}

.sp_import .fit_contain {
	-webkit-object-fit: contain;
	object-fit: contain;
}

/* -----------------------------------------------
 * toggle_title_type02
 * ----------------------------------------------- */

.sp_import .toggle_title_type02 {
	background: #fff url(/common/img/sp/btn_icon_plus.png) right center no-repeat;
	background-size: 20px 20px;
	background-position: 99% 50%;
	cursor: pointer;
}

.sp_import .toggle_title_type02.on {
	background: #fff url(/common/img/sp/btn_icon_minus.png) right center no-repeat;
	background-size: 20px 20px;
	background-position: 99% 50%;
	cursor: pointer;
}

/* -----------------------------------------------
 * toggle_title_type02.bg_yellow
 * ----------------------------------------------- */

.sp_import .toggle_title_type02.bg_yellow {
	background: #fc0 url(/common/img/sp/btn_icon_plus.png) right center no-repeat;
	background-size: 20px 20px;
	background-position: 99% 50%;
	cursor: pointer;
}

.sp_import .toggle_title_type02.bg_yellow.on {
	background: #fc0 url(/common/img/sp/btn_icon_minus.png) right center no-repeat;
	background-size: 20px 20px;
	background-position: 99% 50%;
	cursor: pointer;
}

/* -----------------------------------------------
 * sp_title_type40
 * ----------------------------------------------- */

.sp_import .sp_title_type40 {
	font-size:108%;
	font-weight:bold;
	color:#fff;
	background-color:#34ab00;
	padding:5px 10px;
}

.sp_import .sp_title_type40.coliseum2 {
	padding-left: 30px;
	background: #c9171e url(/common/img/zh/btn_coliseum_white.png) no-repeat 3px center/22px 22px;
}
.sp_import .sp_title_type40.coliseum2.noicon {
	padding-left: 10px;
	background: #c9171e;
}

/* -----------------------------------------------
 * sp_title_type46
 * ----------------------------------------------- */

.sp_import .sp_title_type46 {
	background: #dff5c6 url(/common/img/icon_horse_green.png) 8px 5px no-repeat;
	background-size: 23px 17px;
	color: #333;
	margin: 0;
	padding: 6px 10px 7px 34px;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0;
	/*border: 1px solid #98b7a6;
	border-right: none;
	border-left: none;*/
}

/* -----------------------------------------------
 * sp_title_type47
 * ----------------------------------------------- */

.sp_import .sp_title_type47{
	position: relative;
	padding: 5px 0 5px 1.5em;
	font-size: 13px;
	font-weight: bold;
	background-color: #FEFEFE;
	/*border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;*/
	border-radius: 0;
	color: #333;
}
.sp_import .sp_title_type47:before{
	content: "";
	position: absolute;
	background: #008440;
	top: 50%;
	left: 7px;
	margin-top: -10px;
	height: 20px;
	width: 5px;
}

.sp_import .sp_title_type47.font18 {
	font-size: 18px;
}

.sp_import .sp_title_type47.coliseum {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.sp_import .sp_title_type47.coliseum:before {
	background: #f13c5a;
}

/* -----------------------------------------------
 * common_title
 * ----------------------------------------------- */

.sp_import .common_title {
	font-weight: bold;
	background: #3a0;
	color: #fff;
	padding: 5px 10px;
}

.sp_import .common_title.bg_orange {background:#f60;}

/* -----------------------------------------------
 * common_table
 * ----------------------------------------------- */

.sp_import .common_sticky_table_wrapper {
	width: 100%;
	overflow: scroll;
}

/* -----------------------------------------------
 * sp_input_bt04
 * ----------------------------------------------- */

.sp_import .sp_input_bt04 {
	width:100%;
	font-size:123.1%;
	font-weight:bold;
	color:#333 !important;
	text-decoration:none !important;
	padding:10px;
	display:block;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ccc), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%);

	-webkit-box-shadow:rgba(153, 153, 153, 0.2) 0px 0px 3px 3px;
	box-shadow:rgba(153, 153, 153, 0.2) 0px 0px 3px 3px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	border:2px solid #fff;

	text-align:center;
}

/* -----------------------------------------------
 * table_type14
 * ----------------------------------------------- */

.sp_import .table_type14 {
	width:100%;
	border-top:1px solid #ffa100;
	border-right:1px solid #ffa100;
	border-collapse: collapse;
}

.sp_import .table_type14 th,
.sp_import .table_type14 td {
	font-size:85% !important;
	border-bottom:1px solid #ffa100;
	border-left:1px solid #ffa100;
	padding:5px;
	text-align:center;
	vertical-align:middle !important;
}

.sp_import .table_type14 th {
	font-weight:bold;
	background-color:#fdf7cd;
}

.sp_import .table_type14 .sp_td_name {
	background-color:#fffce8 !important;
}

/* -----------------------------------------------
 * table_type25
 * ----------------------------------------------- */

.sp_import .table_type25 {
	width:100%;
	border-top:1px solid #8bc34a;
	border-right:1px solid #8bc34a;
}

.sp_import .table_type25 th,
.sp_import .table_type25 td {
	font-size:85% !important;
	border-bottom:1px solid #8bc34a;
	border-left:1px solid #8bc34a;
	padding:5px;
	text-align:center;
	vertical-align:middle !important;
}

.sp_import .table_type25 th {
	font-weight:bold;
	background-color:#daf5bb;
}

.sp_import .table_type25 .sp_td_name {
	background-color:#f9fff3 !important;
}

/* -----------------------------------------------
 * table_type28
 * ----------------------------------------------- */

.sp_import .table_type28 {
	width:100%;
	border-top:1px solid #d0e0bc;
	border-right:1px solid #d0e0bc;
	border-collapse: collapse;
	border-spacing: 0;
}

.sp_import .table_type28 th,
.sp_import .table_type28 td {
	font-size:85% !important;
	border-bottom:1px solid #d0e0bc;
	border-left:1px solid #d0e0bc;
	padding:3px;
	text-align:center;
	vertical-align:middle !important;
}

.sp_import .table_type28 th {
	font-weight:bold;
	background-color:#daf5bb;
}

.sp_import .table_type28 .sp_td_name {
	background-color:#f9fff3 !important;
}

.sp_import .table_type28 tr {
	height: 45px;
}
.sp_import .table_type28.tr_height_auto tr {height:auto;}

.sp_import.bodyclass_coliseum .table_type28{
	border-top: 1px solid #f4405e;
	border-right: 1px solid #f4405e;
}
.sp_import.bodyclass_coliseum .table_type28 th {
	background: #ffe6ea;
	border: 1px solid #f4405e;
}
.sp_import.bodyclass_coliseum .table_type28 th,
.sp_import.bodyclass_coliseum .table_type28 td {
	border-bottom: 1px solid #f4405e;
	border-left: 1px solid #f4405e;
}

.sp_import.bodyclass_coliseum .table_type28 .sp_td_name {
	background-color:#fffbea !important;
}

.analyze_page_outer.sp_import .table_type28 th,
.analyze_page_outer.sp_import .table_type28 td {
	padding: 6px 3px;
	font-size: 16px !important;
}

/* -----------------------------------------------
 * table_type00
 * ----------------------------------------------- */

.sp_import .table_type00 {
	border:none!important;
}

.sp_import .table_type00 > tr > th,
.sp_import .table_type00 > tr > td,
.sp_import .table_type00 > tbody > tr > th,
.sp_import .table_type00 > tbody > tr > td {
	border:none!important;
}

.sp_import .table_type28 .table_type00 > tr > th,
.sp_import .table_type28 .table_type00 > tr > td,
.sp_import .table_type28 .table_type00 > tbody > tr > th,
.sp_import .table_type28 .table_type00 > tbody > tr > td {
	border: none!important;
	width: 42px;
}

.sp_import .table_type28 .table_type00 > tbody > tr > td:nth-child(1) {
	width: 32px;
}

.sp_import .table_type28 .table_type00 > tbody > tr > td:nth-child(2) {
	width: 98px;
}

.sp_import .table_type28 .table_type00 > tbody > tr > td:nth-child(3) {
	width: 20px;
}

/* -----------------------------------------------
 * button_type07
 * ----------------------------------------------- */

.button_type07 {
	width:49%;
	font-weight:bold;
	border:1px solid #ccc;
	text-align:center;
	float:left;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ccc), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button_type07:nth-child(2) {
	float:right;
}
.button_type07 a {
	color:#333 !important;
	text-decoration:none !important;
	padding:5px;
	display:block;
}

/* -----------------------------------------------
 * button_type34
 * ----------------------------------------------- */

.button_type34 a {
	display: block;
	width: 100%;
	padding: 14px 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #eaeaea;
	color: #333;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/* -----------------------------------------------
 * button_type39
 * ----------------------------------------------- */

.sp_import .button_type39 a {
	display: block;
	width: 100%;
	padding: 14px 10px;
	border-radius: 5px;
	border: none;
	background: #3a0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}

/* -----------------------------------------------
 * button_type47
 * ----------------------------------------------- */

.sp_import .button_type47 a {
	display: block;
	width: 100%;
	padding: 14px 10px;
	border-radius: 5px;
	border: none;
	background: #ffc107;
	color: #333;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}

/* -----------------------------------------------
 * button_type40
 * ----------------------------------------------- */

.sp_import .button_type40 a {
	display: block;
	width: 100%;
	padding: 14px 10px;
	border-radius: 5px;
	border: none;
	background: #e22;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	box-sizing: border-box;
}

/* -----------------------------------------------
 * sp_select_type05
 * ----------------------------------------------- */

.sp_import .sp_select_type05 {
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding: 0 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #333;
	background: #fff;
	background: #fff url(/common/img/sp/racedata/sp_arrow_down_grey_02.png) no-repeat right;
	background-size: 21px, 100%;
	font-size: 123.1%;
	text-indent: 0.5em;
	border-radius: 4px;
	border-color: #ccc !important;
}

.sp_select_type05.cl_green {
	border-color: #3a0 !important;
	background: #fff url(/common/img/sp/racedata/sp_arrow_down_green_02.png) no-repeat right;
	background-size: 21px, 100%;
}
.sp_select_type05.cl_brown {
	border-color: #a10 !important;
	background: #fff url(/common/img/sp/racedata/sp_arrow_down_brown_02.png) no-repeat right;
	background-size: 21px, 100%;
}

/* ---------------------------------------- */
/* group select
/* ---------------------------------------- */

.group_select {
	display: table;
	text-align: center;
}

.group_select.mg_center {
	margin-right: auto;
	margin-left: auto;
}

.group_select li {
	display: table-cell;
	vertical-align: middle;
}

.group_select li a {
	display: table-cell;
	width: 120px;
	height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	vertical-align: middle;
	font-size: 13px;
	color: #333;
	line-height: 1.3;
}
.group_select li a:hover {
	text-decoration: none;
}

.group_select li:first-child a {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.group_select li:last-child a {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-right: 1px solid #ccc;
}

.group_select li.select a {
	background: #ccc;
	color: #fff;
	font-weight: bold;
}
.group_select li.jra.select a {background:#090;}
.group_select li.nar.select a {background:#a10;}

.group_select.width_full {
	width: 100%;
}
.group_select.width_full li {
	width: auto;
}
.group_select.width_full li a {
	display: inline-block;
	width: 100%;
	line-height: 28px;
}

.group_select.short01 li a {
	width: 110px;
	height: 34px;
}

/* -----------------------------------------------
 * select_css_type01
 * ----------------------------------------------- */
/* 非フォームタグ cssによる擬似 */

.sp_import .select_css_type01_btn {
	display: block;
	-webkit-appearance: none;
	appearance: none;
	height: 44px;
	line-height: 44px;
	padding: 0 0 0 10px;
	border: 1px solid #333;
	border-radius: 6px;
	text-align: left;
	font-size: 16px;
	background: #fff;
	background: #fff url(/common/img/sp/racedata/sp_arrow_down_grey_02.png) no-repeat right;
	background-size: 21px, 100%;
	color: #333;
	box-sizing: border-box;
}
.sp_import .select_css_type01_btn.link,
.sp_import .select_css_type01_btn.visited {
	color: #333;
}

.sp_import .select_css_type01_pop {
	position: absolute;
	right: 0;
	top: 46px;
	z-index: 500;
	box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.1);
}
.sp_import .select_css_type01_pop > ul {
	border-bottom: 1px solid #ccc;
}
.sp_import .select_css_type01_pop > ul > li {
	margin-bottom: 0px;
	border: 1px solid #ccc;
	border-bottom: none;
}
.sp_import .select_css_type01_pop > ul > li > a {
	display: block;
	height: 44px;
	line-height: 44px;
	padding: 0 0 0 10px;
	background: #fff;
	text-align: left;
	font-size: 16px;
	color: #333;
}
.sp_import .select_css_type01_pop > ul > li > a:link,
.sp_import .select_css_type01_pop > ul > li > a:visited {
	color: #333;
}

/* coliseum_red */

.sp_import .select_css_type01_btn.cl_coliseum_red {
	border-color: #c9171e;
	background: #fff url(/common/img/sp/racedata/sp_arrow_down_coliseumred_02.png) no-repeat right;
	background-size: 21px, 100%;
}

/* -----------------------------------------------
 * sp_check_type03
 * ----------------------------------------------- */

.sp_import input[type="checkbox"].sp_check_type03 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	width: 34px;
	height: 34px;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: -5px;
	cursor: pointer;
}
.sp_import input[type="checkbox"].sp_check_type03:checked {
	border: 1px solid #fa0;
	background: #fc0;
}

.sp_import input[type="checkbox"].sp_check_type03:before,
.sp_import input[type="checkbox"].sp_check_type03:checked:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 10px;
	transform: rotate(50deg);
	width: 10px;
	height: 20px;
	border-right: 4px solid #e4e4e4;
	border-bottom: 4px solid #e4e4e4;
}
.sp_import input[type="checkbox"].sp_check_type03:checked:before {
	border-right-color: #fff;
	border-bottom-color: #fff;
}

.sp_import input[type="checkbox"].sp_check_type03:disabled {
	cursor: default;
}
.sp_import input[type="checkbox"].sp_check_type03:disabled:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 14px;
	transform: rotate(45deg);
	width: 1px;
	height: 34px;
	border-right: 2px solid #ddd;
	border-bottom: none;
}

.sp_import input[type="checkbox"].sp_check_type03.w_30_30 {
	width: 30px;
	height: 30px;
}
.sp_import input[type="checkbox"].sp_check_type03.w_30_30:before,
.sp_import input[type="checkbox"].sp_check_type03.w_30_30:checked:before {
	top: 2px;
	left: 8px;
	width: 8px;
	height: 16px;
}

/* -----------------------------------------------
 * sp_radio_type04
 * ----------------------------------------------- */

.sp_import .sp_radio_type04 {
	display: none;
}
.sp_import .sp_radio_type04 + label {
	display: inline-block;
	height: 30px;
	padding-left: 36px;
	padding-top: 7px;
	position: relative;
	cursor: pointer;
}
.sp_import .sp_radio_type04.label_blank + label {
	padding-left: 30px;
}
.sp_import .sp_radio_type04 + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	border: 1px solid #ccc;
	border-radius: 50%;
}
.sp_import .sp_radio_type04:checked + label::before {
	background: #fa0;
}
.sp_import .sp_radio_type04:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
}
.sp_import .sp_radio_type04.disabled + label::before {
	border     : 1px solid #ddd;
}

/* ---------------------------------------- */
/* icon
/* ---------------------------------------- */

.sp_import .icon_g1_small,
.sp_import .icon_g2_small,
.sp_import .icon_g3_small,
.sp_import .icon_another_small {
	display: inline-block;
	width: 24px;
	padding: 3px 0;
	border-radius: 4px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;

	vertical-align: 24%;
}

.sp_import .icon_g1_small { background:#09f; }
.sp_import .icon_g2_small { background:#d00; }
.sp_import .icon_g3_small { background:#0c0; }
.sp_import .icon_another_small {
	background:#666;
}

.sp_import .icon_nar_small {
	display: inline-block;
	width: 30px;
	padding: 3px 0;
	border-radius: 4px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;

	vertical-align: 24%;
}
.sp_import .icon_nar_small { background:#a10; }

/* sp_rank */

.sp_import .sp_rank_pro,
.sp_import .sp_rank_protest,
.sp_import .sp_rank_ikusei,
.sp_import .sp_rank_upro {
	color: #fff;
	width: 60px;
	height: 18px;
	font-weight: 700;
	font-size: 12px !important;
	border: 1px solid #b68d4c;
	text-align: center;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f6e7cf), color-stop(0.51, #b68d4c), color-stop(0.50, #c19e66), color-stop(0.00, #f4e3c9));
	background: -webkit-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 51%, #f6e7cf 100%);
	background: -moz-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 51%, #f6e7cf 100%);
	background: linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 51%, #f6e7cf 100%);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	text-shadow: 1px 1px 1px #4d1402;

	display: inline-block;
}

.sp_import .sp_rank_protest {
	font-size: 11px !important;
}

.sp_import .sp_rank_pro_foreign {
	color: #fff;
	width: 60px;
	height: 18px;
	font-weight: 700;
	font-size: 12px !important;
	border: 1px solid #009;
	text-align: center;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6a9bf0), color-stop(0.51, #05d), color-stop(0.50, #05d), color-stop(0.00, #6a9bf0));
	background: -webkit-linear-gradient(top, #6a9bf0 0%, #05d 50%, #05d 51%, #6a9bf0 100%);
	background: -moz-linear-gradient(top, #6a9bf0 0%, #05d 50%, #05d 51%, #6a9bf0 100%);
	background: linear-gradient(top, #6a9bf0 0%, #05d 50%, #05d 51%, #6a9bf0 100%);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	text-shadow: 1px 1px 1px #029;

	display: inline-block;
}

.sp_import .sp_rank_king,
.sp_import .sp_rank_120,
.sp_import .sp_rank_110,
.sp_import .sp_rank_100,
.sp_import .sp_rank_80,
.sp_import .sp_rank_60,
.sp_import .sp_rank_40,
.sp_import .sp_rank_20,
.sp_import .sp_rank_0,
.sp_import .sp_rank_non,
.sp_import .sp_icon_challenge,
.sp_import .sp_icon_pending {
	width: 60px;
	height: 18px;
	font-weight: 700;
	font-size: 12px !important;
	border: 1px solid #000;
	text-align: center;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	display: inline-block;
}

.sp_import .sp_rank_king,
.sp_import .sp_rank_120,
.sp_import .sp_rank_110,
.sp_import .sp_rank_100 {
	color: #fff;
	text-shadow: 1px 1px #000;
}

.sp_import .sp_rank_king {
	background: #ff8e00;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff8e00), color-stop(0.50, #e5000d), color-stop(0.00, #ff8e00));
	background: -webkit-linear-gradient(top, #ff8e00 0%, #e5000d 50%, #ff8e00 100%);
	background: -moz-linear-gradient(top, #ff8e00 0%, #e5000d 50%, #ff8e00 100%);
}

.sp_import .sp_rank_120 {
	letter-spacing: 10px;
	padding-left: 10px;
	background: #d3395e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d3395e), color-stop(0.50, #a21d2d), color-stop(0.00, #d3395e));
	background: -webkit-linear-gradient(top, #d3395e 0%, #a21d2d 50%, #d3395e 100%);
	background: -moz-linear-gradient(top, #d3395e 0%, #a21d2d 50%, #d3395e 100%);
}

.sp_import .sp_rank_110 {
	letter-spacing: 10px;
	padding-left: 10px;
	background: #3896c3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3896c3), color-stop(0.50, #1a4884), color-stop(0.00, #3896c3));
	background: -webkit-linear-gradient(top, #3896c3 0%, #1a4884 50%, #3896c3 100%);
	background: -moz-linear-gradient(top, #3896c3 0%, #1a4884 50%, #3896c3 100%);
}

.sp_import .sp_rank_100 {
	letter-spacing: 10px;
	padding-left: 10px;
	background: #61ae0a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #61ae0a), color-stop(0.50, #2d690b), color-stop(0.00, #61ae0a));
	background: -webkit-linear-gradient(top, #61ae0a 0%, #2d690b 50%, #61ae0a 100%);
	background: -moz-linear-gradient(top, #61ae0a 0%, #2d690b 50%, #61ae0a 100%);
}

.sp_import .sp_rank_80 {
	background: #ff9d67;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff9d67), color-stop(0.50, #ffe297), color-stop(0.00, #ff9d67));
	background: -webkit-linear-gradient(top, #ff9d67 0%, #ffe297 50%, #ff9d67 100%);
	background: -moz-linear-gradient(top, #ff9d67 0%, #ffe297 50%, #ff9d67 100%);
}

.sp_import .sp_rank_60 {
	background: #81bcff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #81bcff), color-stop(0.50, #c8f3fb), color-stop(0.00, #81bcff));
	background: -webkit-linear-gradient(top, #81bcff 0%, #c8f3fb 50%, #81bcff 100%);
	background: -moz-linear-gradient(top, #81bcff 0%, #c8f3fb 50%, #81bcff 100%);
}

.sp_import .sp_rank_40 {
	background: #a368c1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a368c1), color-stop(0.50, #dec7e2), color-stop(0.00, #a368c1));
	background: -webkit-linear-gradient(top, #a368c1 0%, #dec7e2 50%, #a368c1 100%);
	background: -moz-linear-gradient(top, #a368c1 0%, #dec7e2 50%, #a368c1 100%);
}

.sp_import .sp_rank_20 {
	background: #ffc1d5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffc1d5), color-stop(0.50, #ffe0ea), color-stop(0.00, #ffc1d5));
	background: -webkit-linear-gradient(top, #ffc1d5 0%, #ffe0ea 50%, #ffc1d5 100%);
	background: -moz-linear-gradient(top, #ffc1d5 0%, #ffe0ea 50%, #ffc1d5 100%);
}

.sp_import .sp_rank_0 {
	background: #ffceb2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffceb2), color-stop(0.50, #fde8db), color-stop(0.00, #ffceb2));
	background: -webkit-linear-gradient(top, #ffceb2 0%, #fde8db 50%, #ffceb2 100%);
	background: -moz-linear-gradient(top, #ffceb2 0%, #fde8db 50%, #ffceb2 100%);
}

.sp_import .sp_rank_non {
	letter-spacing: 10px;
	padding-left: 10px;
	background: #eae17b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eae17b), color-stop(0.50, #fbf6c1), color-stop(0.00, #eae17b));
	background: -webkit-linear-gradient(top, #eae17b 0%, #fbf6c1 50%, #eae17b 100%);
	background: -moz-linear-gradient(top, #eae17b 0%, #fbf6c1 50%, #eae17b 100%);
}

.sp_import .icon_hit {
	display: inline-block;
	width: 40px;
	padding: 3px 0px;
	border-radius: 4px;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #f00;
}

/* ---------------------------------------- */
/* date select
/* ---------------------------------------- */

.sp_import ul.date_select {
	text-align: center;
}
.sp_import ul.date_select:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sp_import ul.date_select li {
	display: inline-block;
	padding: 0 2px;
}

.sp_import ul.date_select li a,
.sp_import ul.date_select li > span {
	background: #8c4;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 8px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	border: 2px solid #3a0;
	font-weight: bold;
}
.sp_import ul.date_select li > span {
	background: #eee;
	color: #ccc;
	border-color:#ccc;
}

.sp_import ul.date_select li .no_link {
	display: block;
	padding: 8px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	border: 2px solid #999;
	font-weight: bold;
	background: #eee;
	color: #999;
	text-decoration: none;
}

.sp_import ul.date_select li.select a {
	background: #ffb;
	color: #3a0;
	text-decoration: none;
}

.sp_import ul.date_select.days_1 li {
	width: 78%;
}

.sp_import ul.date_select.days_2 li {
	width: 39%;
}

.sp_import ul.date_select.days_3 li {
	width: 26%;
}

.sp_import ul.date_select.days_4 li {
	width: 19.5%;
}

.sp_import ul.date_select.coliseum li a,
.sp_import ul.date_select.coliseum li > span {
	background: #f13c5a;
	border-color: #f13c5a;
}
.sp_import ul.date_select.coliseum li.select a {
	background: #ffe6ea;
	color: #333;
}

/* -----------------------------------------------
 * clickable non arrow
 * ----------------------------------------------- */

.sp_import .clickable_non_arrow {
	cursor:pointer;
}
.sp_import .clickable_non_arrow:hover {
	background: #f3f3f3;
}

/* -----------------------------------------------
 * table fix
 * ----------------------------------------------- */

.sp_import table.width_full {
	width: 100%;
}

/* -----------------------------------------------
 * readmore
 * ----------------------------------------------- */

.sp_import p.readmore {
	background-color: #eaeaea;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 7px auto 0 auto;
	padding: 14px 10px !important;
	text-align: center;
	width: 100%;
	float: none;
}
.sp_import p.readmore a {
	text-decoration: none;
	display: block;
	color: #333;
}
.sp_import p.readmore a:link,
.sp_import p.readmore a:visited {
	color: #333;
}

/* -----------------------------------------------
 * sp_sub_navi_type06
 * ----------------------------------------------- */

.sp_import .sp_sub_navi_type06 {
}

.sp_import .sp_sub_navi_type06 ul {
}
.sp_import .sp_sub_navi_type06 ul:after {
	content:"";
	display:block;
	clear:both;
}

.sp_import .sp_sub_navi_type06 ul li {
	float: left;
	margin-right: 3px;
}

.sp_import .sp_sub_navi_type06 ul li a,
.sp_import .sp_sub_navi_type06 ul li span {
	display: block;
	padding: 8px 0;
	border-radius: 6px;
	border: 2px solid #3a0;
	background: #8c4;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.sp_import .sp_sub_navi_type06 ul li.select a {
	background: #ffb;
	color: #3a0;
}

.sp_import .sp_sub_navi_type06.coliseum ul li a,
.sp_import .sp_sub_navi_type06.coliseum ul li span {
	border: 2px solid #f4405e;
	background: #ffe6ea;
	color: #333;
}
.sp_import .sp_sub_navi_type06.coliseum ul li.select a {
	background: #f4405e;
	color: #fff;
}

.sp_import .sp_sub_navi_type06.coliseum ul li.select a .sunday {
	color: #faa;
}

.sp_import .sp_sub_navi_type06.coliseum2 ul li a,
.sp_import .sp_sub_navi_type06.coliseum2 ul li span {
	border: 2px solid #f4405e;
	background: #f4405e;
}
.sp_import .sp_sub_navi_type06.coliseum2 ul li.select a {
	background: #ffb;
	color: #333;
}
.sp_import .sp_sub_navi_type06.coliseum2 ul li.select a .sunday {
	color: #faa;
}

.sp_import .sp_sub_navi_type06.coliseum3 ul li a,
.sp_import .sp_sub_navi_type06.coliseum3 ul li span {
	border: 2px solid #c9171e;
	background: #eee;
	color: #c9171e;
}
.sp_import .sp_sub_navi_type06.coliseum3 ul li.select a {
	background: #c9171e;
	color: #fff;
}

.sp_import .sp_sub_navi_type06.coliseum3 ul li a:hover {
	color: #c9171e;
	text-decoration: underline;
}
.sp_import .sp_sub_navi_type06.coliseum3 ul li.select a:hover {
	color: #fff;
	text-decoration: none;
}

.sp_import .sp_sub_navi_type06.short ul li a,
.sp_import .sp_sub_navi_type06.short ul li span {
	padding: 2px 0;
}

.sp_import .sp_sub_navi_type06 ul li.select_ye a {
	background: #FFFF99;
	color: #3a0;
}

.sp_import .sp_sub_navi_type06 ul li span {
	border-color: #ccc;
	background: #fafafa;
	color: #aaa;
}

.sp_import .sp_sub_navi_type06.col2 ul li { width:48%; }
.sp_import .sp_sub_navi_type06.col3 ul li { width:32%; }
.sp_import .sp_sub_navi_type06.col4 ul li { width:24%; }
.sp_import .sp_sub_navi_type06.col5 ul li { width:19%; }

/* ---------------------------------------- */
/* tab_type02
/* ---------------------------------------- */

.sp_import ul.tab_type02 {
	position: relative;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-end;
}
.sp_import ul.tab_type02:after {
	position: absolute;
	bottom: 1px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	content: '';
	z-index: 10;
}

.sp_import ul.tab_type02 li {
	margin: 0 1px;
	text-align: center;
	flex-grow: 1;
	z-index: 20;
}

.sp_import ul.tab_type02 li a {
	display: block;
	padding: 8px 0;
	pointer-events: none;
	font-weight: bold;
	color: #666;
}
.sp_import ul.tab_type02.linktab li a {
	pointer-events: auto;
}

.sp_import ul.tab_type02 li.select {
}
.sp_import ul.tab_type02 li.select a {
	padding-bottom: 4px;
	border-bottom: 4px solid #0af;
	color: #0af;
}

.sp_import ul.tab_type02 li.blank {
	visibility: hidden;
}

.sp_import ul.tab_type02.linktab li a {
	pointer-events: auto;
}

/* cl_red */

.sp_import ul.tab_type02.cl_red li.select a {
	padding-bottom: 4px;
	border-bottom: 4px solid #f00;
	color: #f00;
}

/* cl_coliseum_red */

.sp_import ul.tab_type02.cl_coliseum_red li.select a {
	padding-bottom: 4px;
	border-bottom: 4px solid #c9171e;
	color: #c9171e;
}

/* -----------------------------------------------
 * flexbox
 * ----------------------------------------------- */

.sp_import .flexbox {
	display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.sp_import .flexbox.space-between {-webkit-justify-content:space-between;justify-content:space-between;}
.sp_import .flexbox.space-around {-webkit-justify-content:space-around;justify-content:space-around;}
.sp_import .flexbox.flex-end {-webkit-justify-content:flex-end;justify-content:flex-end;}
.sp_import .flexbox.flex-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.sp_import .flexbox.center {-webkit-justify-content:center;justify-content:center;}

.sp_import .flexbox.wrap {-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.sp_import .flexbox.nowrap {-webkit-flex-wrap:wrap;flex-wrap:nowrap;}

.sp_import .flexbox .flex1 {-webkit-flex:1;flex:1;}

.sp_import .flexbox.align-items-center {-webkit-align-items:center;align-items:center;}	/*flexbox（外側）に指定*/
.sp_import .flexbox .align-self-center {-webkit-align-self:center;align-self:center;}	/*flexbox内の要素に個別に指定*/

.sp_import .flex_wrap {
	flex-wrap: wrap;
}

/* ==========================================================================
   sp/template.css
   ========================================================================== */

.sp_import .sp_gold_payment_bt {
	border: 1px solid #f60;
	padding: 5px 10px;
}

.sp_import .sp_gold_payment_bt.height_fix {
	padding: 20px 10px;
}

.sp_import .sp_gold_payment_bt h1 {
	display: table;
	width: 100%;
	background: url( /common/img/sp/sp_gold_payment_bt_plus.png ) right center no-repeat;
	background-size: 30px 30px;
}
.sp_import .sp_gold_payment_bt h1:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sp_import .sp_gold_payment_bt h1.open {
	background: url( /common/img/sp/sp_gold_payment_bt_minus.png ) right center no-repeat;
	background-size: 30px 30px;
}

.sp_import .sp_gold_payment_bt dl {
	border-top: 1px dotted #ccc;
	padding-top: 5px;
}

.sp_import .sp_gold_payment_bt_l,
.sp_import .sp_gold_payment_bt_r {
	display: table-cell;
	height: 60px;
	vertical-align: middle;
}

.sp_import .sp_gold_payment_bt_r {
	width: 200px;
	padding-left: 5px;
}

.sp_import .sp_gold_payment_bt_l img {
	line-height: 1;
	vertical-align: middle;
}

.sp_import .pro_nice_list {
	display: flex;
	justify-content: flex-start;
	max-width: 100%;
	flex-wrap: wrap;
	padding: 0;
}

.sp_import .pro_nice_list li {
	display: block;
	width: 25%;
	height: 94px;
	font-size: 11px;
	text-align: center;
	line-height: 1.3;
}

.sp_import .pro_nice_list li a {
	display: block;
}

.sp_import .pro_nice_list li a div {
	text-align: center;
}

.sp_import .pro_nice_list_icon {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto 5px auto;
	text-align: center;
	border: 1px solid #CCC;
}

.sp_import .pro_nice_list_icon img {
	max-width: 58px;
	max-height: 58px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
}

.sp_import .pro_nice_list_wnice {
	position: absolute;
	top: -54px !important;
	right: -54px !important;
	width: 23px;
	height: 22px;
}

.sp_import .nice_count {
	width: 150px;
	margin: 0 auto;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #eee;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.sp_import .nice_count_num {
	color: #f00;
}

/* ==========================================================================
   sp/racedata2017.css
   ========================================================================== */

.sp_import .small-odds {
	color: #FF0000;
}

.sp_import .normal-odds {
	color: #0000FF;
}

.sp_import .uvalue-high {
	color: #FF0000;
}

.sp_import .uvalue-middle {
	color: #0000FF;
}

.sp_import .uvalue-low {
	color: #006400;
}

.sp_import .uvalue-normal {
	color: #444444;
}

.sp_import .tx_past_u_index {
	float: right;
}

.sp_import img.icn_u {
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

.sp_import .past_race td.past_race_detail_date {
	border: none;
	text-align: left;
	width: 60%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.sp_import .past_race td.past_race_detail_forecast_result {
	border: none;
	text-align: right;
	width: 15%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	font-size: 116% !important;
}

.sp_import .past_race td.past_race_detail_name {
	border: none;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 116% !important;
	font-weight: bold;
}

.sp_import .past_race td.past_race_detail_name .icon_g1_small,
.sp_import .past_race td.past_race_detail_name .icon_g2_small,
.sp_import .past_race td.past_race_detail_name .icon_g3_small,
.sp_import .past_race td.past_race_detail_name .icon_another_small {
	font-size: 86%;
	margin-left: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
}

.sp_import .past_race td.past_race_detail_name .icon_another_small {
	width: 32px;
}

.sp_import .past_race td.past_race_detail_rank {
	border: none;
	width: 25%;
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.sp_import .past_race td.past_race_detail_rank .past_race_rank_1,
.sp_import .past_race td.past_race_detail_rank .past_race_rank_2,
.sp_import .past_race td.past_race_detail_rank .past_race_rank_3,
.sp_import .past_race td.past_race_detail_rank .past_race_rank_4 {
	display: inline-block;
	width: 100%;
	padding: 2px;
	font-family: Arial, sans-serif;
	text-align: center;
	line-height: 1;
	border: 1px solid #333;
	font-size: 24px;
}

.sp_import .past_race_rank_1 {
	border-color: #c51616;
	background: #c51616;
	color: #fff;
}
.sp_import .past_race_rank_2 {
	border-color: #0b76a0;
	background: #0b76a0;
	color: #fff;
}
.sp_import .past_race_rank_3 {
	border-color: #3a7d22;
	background: #3a7d22;
	color: #fff;
}
.sp_import .past_race_rank_4 {
	border-color: #999;
	background: #999;
	color: #fff;
}

.sp_import .smp_display_tab_box {
	position: relative;
	margin: 0 0px 15px 0px;
}

.sp_import .from_west {
	margin-right: 3px;
	display: inline-block;
	width: 18px;
	padding: 2px 0px;
	border-radius: 4px;
	font-family: Arial, sans-serif;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #000;
	border: 1px solid #333;
}

.sp_import .from_east {
	margin-right: 3px;
	display: inline-block;
	width: 18px;
	padding: 2px 0px;
	border-radius: 4px;
	font-family: Arial, sans-serif;
	text-align: center;
	line-height: 1;
	color: #333;
	background: #fff;
	border: 1px solid #333;
}

.sp_import .from_overseas {
	margin-right: 3px;
	display: inline-block;
	width: 18px;
	padding: 2px 0px;
	font-family: Arial, sans-serif;
	text-align: center;
	line-height: 1;
	color: #333;
	background: #fff;
	border: 1px solid #333;
}

.sp_import .memo_box1,
.sp_import .memo_box2 {
	display: inline-block;
	width: 36px;
	height: 36px;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
}
.sp_import .memo_box2 {
	border: 1px solid #ccc;
	border-radius: 5px;
}

.sp_import table.past_race {
	width: 97%;
}

.sp_import .last_three_furlong_1 {
	background-color: #fba;
	padding: 0 2px;
}

.sp_import .last_three_furlong_2 {
	background-color: #cef;
	padding: 0 2px;
}

.sp_import .last_three_furlong_3 {
	background-color: #cea;
	padding: 0 2px;
}

.sp_import .last_three_furlong_4 {
	background-color: #fff;
	padding: 0 2px;
}

.sp_import .sp_title_type53 {
	font-size: 108%;
	font-weight: bold;
	color: #fff;
	background-color: #2196f3;
	padding: 5px 10px;
}

.sp_import .last_three_furlong_na {
	background-color: #fff;
	padding: 0 2px;
	border: 1px solid #ccc;
}

.sp_import .sp_title_type43 {
	font-size:108%;
	font-weight:bold;
	color:#333;
	background-color:#c2e7e7;
	padding:5px 10px;
	margin: initial;
}
.sp_import .sp_title_type43.bg_bet_type01 { background: #ccd; }
.sp_import .sp_title_type43.bg_bet_type02 { background: #fcc; }
.sp_import .sp_title_type43.bg_bet_type03 { background: #deb; }
.sp_import .sp_title_type43.bg_bet_type04 { background: #ede; }
.sp_import .sp_title_type43.bg_bet_type05 { background: #def; }
.sp_import .sp_title_type43.bg_bet_type06 { background: #fed; }
.sp_import .sp_title_type43.bg_bet_type07 { background: #bef; }
.sp_import .sp_title_type43.bg_bet_type08 { background: #fec; }
.sp_import .sp_title_type43.bg_bet_type09 { background: #fdb; }

.sp_import .sp_title_type53 {
	font-size: 108%;
	font-weight: bold;
	color: #fff;
	background-color: #2196f3;
	padding: 5px 10px;
}

.sp_title_type58 {
	display: flex;
	justify-content: space-between;
	padding-left: 3px;
	padding-right: 5px;
	border-bottom: 1px solid #3a0;border-radius: 0;
	background: none;
	color: #333;
	font-weight: bold;
}
.sp_title_type58 .type58_title {
	display: inline-block;
	margin-top: 3px;
	font-size: 18px;
	font-weight: bold;
}
.sp_title_type58.nar {border-color:#c20;}

.sp_import .box_skyblue {
	border: 1px solid #29f;
}

.sp_import .button_type41 a {
	display: block;
	width: 90%;
	padding: 14px 10px;
	border-radius: 5px;
	border: none;
	background: #17d;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}

/*枠番カラー*/
.sp_import .frame-1, .frame-9 { background:#fff;color:#000; }
.sp_import .frame-2 { background:#404040;color:#fff; }
.sp_import .frame-3 { background:#f55;color:#fff; }
.sp_import .frame-4 { background:#47c;color:#fff; }
.sp_import .frame-5 { background:#eecf33;color:#fff; }
.sp_import .frame-6 { background:#3a4;color:#fff; }
.sp_import .frame-7 { background:#ffa500;color:#fff; }
.sp_import .frame-8 { background:#f89;color:#fff; }

.sp_import .turf { color: #34ab00; }
.sp_import .dirt { color: #6d6000; }

/* framebox_num */

.sp_import .framebox_num01,
.sp_import .framebox_num02,
.sp_import .framebox_num03,
.sp_import .framebox_num04,
.sp_import .framebox_num05,
.sp_import .framebox_num06,
.sp_import .framebox_num07,
.sp_import .framebox_num08,
.sp_import .framebox_num09 {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
}

.sp_import .framebox_num01, .sp_import .framebox_num09 { background:#fff;color:#000;border: 1px solid #ccc; }
.sp_import .framebox_num02 { background:#404040;color:#fff; }
.sp_import .framebox_num03 { background:#f55;color:#fff; }
.sp_import .framebox_num04 { background:#47c;color:#fff; }
.sp_import .framebox_num05 { background:#eecf33;color:#fff; }
.sp_import .framebox_num06 { background:#3a4;color:#fff; }
.sp_import .framebox_num07 { background:#ffa500;color:#fff; }
.sp_import .framebox_num08 { background:#f89;color:#fff; }

.sp_import .vipmark {
	padding: 0 4px;

	color: #fff;
	font-size: 9px;
	font-weight: bold;
	line-height: 100% !important;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background: #8a550f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8a550f), color-stop(0.00, #e4c577));
	background:-webkit-linear-gradient(top, #e4c577 0%, #8a550f 100%);
	background:-moz-linear-gradient(top, #e4c577 0%, #8a550f 100%);
}

/*VIPマーク*/
.sp_import .vipmark_s {
	padding: 0 2px;

	color: #fff;
	font-size: 7px;
	font-weight: bold;
	line-height: 100% !important;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background: #8a550f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8a550f), color-stop(0.00, #e4c577));
	background:-webkit-linear-gradient(top, #e4c577 0%, #8a550f 100%);
	background:-moz-linear-gradient(top, #e4c577 0%, #8a550f 100%);
}

.sp_import .vipmark_l {
	display: inline-block;
	padding: 8px 15px 6px 15px;
	border-radius: 4px;
	background: #b9a53a;
	color: #fff;
	font-weight: bold;
	line-height: 1.0 !important;
}

/* ==========================================================================
   margin
   ========================================================================== */

.mgauto {
	margin-left: auto;
	margin-right: auto;
}

.mt00 {
	margin-top:0 !important;
}
.mt03 {
	margin-top:3px !important;
}
.mt05 {
	margin-top:5px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt35 {
	margin-top:35px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt45 {
	margin-top:45px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mt55 {
	margin-top:55px !important;
}

.mb00 {
	margin-bottom:0px !important;
}
.mb03 {
	margin-bottom:3px !important;
}
.mb05 {
	margin-bottom:5px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb15 {
	margin-bottom:15px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb25 {
	margin-bottom:25px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb35 {
	margin-bottom:35px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb45 {
	margin-bottom:45px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mb55 {
	margin-bottom:55px !important;
}

.mr00 {
	margin-right:0 !important;
}
.mr03 {
	margin-right:3px !important;
}
.mr05 {
	margin-right:5px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr15 {
	margin-right:15px !important;
}
.mr20 {
	margin-right:20px !important;
}
.mr25 {
	margin-right:25px !important;
}
.mr30 {
	margin-right:30px !important;
}
.mr35 {
	margin-right:35px !important;
}
.mr40 {
	margin-right:40px !important;
}
.mr45 {
	margin-right:45px !important;
}
.mr50 {
	margin-right:50px !important;
}
.mr55 {
	margin-right:55px !important;
}

.ml00 {
	margin-left:0 !important;
}
.ml03 {
	margin-left:3px !important;
}
.ml05 {
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml15 {
	margin-left:15px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml25 {
	margin-left:25px !important;
}
.ml30 {
	margin-left:30px !important;
}
.ml35 {
	margin-left:35px !important;
}
.ml40 {
	margin-left:40px !important;
}
.ml45 {
	margin-left:45px !important;
}
.ml50 {
	margin-left:50px !important;
}
.ml55 {
	margin-left:55px !important;
}

.mrl_10 {
	margin-right:-10px !important;
	margin-left:-10px !important;
}