@charset "utf-8";

/* ======================================== */
/* 共通
/* ======================================== */
* {
	margin: 0 auto;
}

body {
	text-align: center;
	font-size: 12px;
	line-height: 1.3em;
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Osaka';
	background: url("/common/img/professional/background.png") repeat;
}

div {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

a:link {
	color: #0044CC;
	text-decoration: none;
}

a:visited {
	color: #0044CC;
}

a:hover {
	color: #0044CC;
	text-decoration: underline;
}

/* clearfix set */
.clear {
	float:none;
}

.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* end of hides from IE-mac */
/* end of clearfix set */

.left {
	float: left;
}
.right {
	float: right;
}

/* ---------------------------------------- */
/* 文字色
/* ---------------------------------------- */
.red {
	color: red;
}

.gray {
	color: gray;
}

.white_txt {
	color: white;
}

.orange {
	color: #EA5514;
}

/* ---------------------------------------- */
/* 画像系
/* ---------------------------------------- */
img {
	border: 0;
	vertical-align: middle;
}

/* ---------------------------------------- */
/*  仕切り線
/* ---------------------------------------- */
.line {
	width: 100%;
	height: 3px;
	background-color: #090;
	clear: both;
}

/* ======================================== */
/* #wrapper :ラッパー
/* ======================================== */

#wrapper {
	width: 974px;
	margin: 0 auto;
	background-color: #FFF;
	background-image: url('/common/img/professional/global_shade.png') no-repeat;
}

/* ======================================== */
/* #contents :コンテンツ全体
/* ======================================== */

#contents {
	background-color: #FFF;
}

/* ======================================== */
/* #header :グローバル領域
/* ======================================== */

#header_renewal {
	position:relative;
	margin: 0px;
	width: 974px;
	height: 95px;
	overflow: hidden;
}

#header_renewal #global_bg {
	margin: 0px;
	padding: 0px;
	width: 974px;
}

#header_renewal h1 {
	font-size: 12px;
	font-weight: normal;
}

#header_renewal img {
	vertical-align: top;
}

/* ---------------------------------------- */
#header_pro #right {
	/* ロゴ／ログインスペース */
	margin: 0px;
	padding: 0px;
	width: 300px;
}

#header_pro #right #umanity_logo {
	margin: 20px 10px 20px 0px;
	padding: 0px;
	width: 148px;
	height: 60px;
}

/* ---------------------------------------- */
#header_pro #right #startup {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#header_pro #right #startup .link {
	margin-right: 10px;
	padding: 0px;
	height: 30px;
	font-size: 14px;
	line-height: 1.5em;
	display: inline;
	list-style-type: none;
}

#startup img {
	vertical-align: top;
}

#startup a {
}

#umapro_userinfo {
	margin-top: 5px;
	border: solid 1px #aaa;
}

#umapro_userinfo td {
	text-align: left;
	padding: 7px 5px;
	vertical-align: top;
	line-height: 1.5em;
}

#umapro_userinfo td a {
	color: #07913a;
}

/* ---------------------------------------- */
#header_renewal #startup {
	text-align: right;
	float: right;
	margin-bottom: 0px;
	padding: 5px 10px 0px 10px;
	font-size: 12px;
	width: 954px;
}

#header_renewal #startup #top-right {
	margin-bottom: 0px;
	text-align: right;
	float: right;
	color: #22ac38;
}

#header_renewal #startup #top-left {
	margin-bottom: 0px;
	text-align: left;
	float: left;
}

#header_renewal #left {
	float: left;
	margin: 0;
	padding-left: 10px;
}

#header_renewal #mid {
	float: left;
	margin: 0;
	padding-top: 30px;
	padding-left: 10px;
}

#header_renewal #right {
	float: right;
	margin: 0;
	padding-right: 10px;
}

#pro_header_logo {
	display: block;
}

/* ---------------------------------------- */
/*  グローバルメニュー
/* ---------------------------------------- */
#global_menu {
	margin: 0;
	padding: 0;
	width: 974px;
	border: none;
}

#global_menu ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 70px;
	list-style-type: none;
}

#global_menu li {
	margin: 0;
	padding: 0;
	height: 55px;
	text-indent -9999px;
	float: left;
}

#gmenu_01 {
	width: 137px;
}

#gmenu_02 {
	width: 140px;
}

#gmenu_03 {
	width: 140px;
}

#gmenu_04 {
	width: 140px;
}

#gmenu_05 {
	width: 140px;
}

#gmenu_06 {
	width: 140px;
}

#gmenu_07 {
	width: 137px;
}

#global_menu a {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-image: url("/common/img/professional/globalmenu.png");
	background-repeat: no-repeat;
}

#gmenu_01 a {
	background-position: 0px 0;
}

#gmenu_02 a {
	background-position: -137px 0;
}

#gmenu_03 a {
	background-position: -277px 0;
}

#gmenu_04 a {
	background-position: -417px 0;
}

#gmenu_05 a {
	background-position: -557px 0;
}

#gmenu_06 a {
	background-position: -697px 0;
}

#gmenu_07 a {
	background-position: -837px 0;
}

#global_menu a:hover {
	background-image: url("/common/img/professional/globalmenu.png");
	background-repeat: no-repeat;
}

#gmenu_01 a:hover, #gmenu_01 .selected {
	background-position: 0px -55px;
}

#gmenu_02 a:hover, #gmenu_02 .selected {
	background-position: -137px -55px;
}

#gmenu_03 a:hover, #gmenu_03 .selected {
	background-position: -277px -55px;
}

#gmenu_04 a:hover, #gmenu_04 .selected {
	background-position: -417px -55px;
}

#gmenu_05 a:hover, #gmenu_05 .selected {
	background-position: -557px -55px;
}

#gmenu_06 a:hover, #gmenu_06 .selected {
	background-position: -697px -55px;
}

#gmenu_07 a:hover, #gmenu_07 .selected {
	background-position: -837px -55px;
}

/* ======================================== */
/* サブメニュー
/* ======================================== */

/* コンテンツ横分 */

#contents #left {
	display: block;
	width: 200px;
	margin: 0 0 0 20px;
	float: left;
}

#contents #left_main {
	display: block;
	width: 714px;
	margin: 0 20px 0 20px;
	float: left;
}

#contents #left_main2 {
	display: block;
	width: 714px;
	margin: 0 20px 0 0;
	float: left;
}

#contents #main {
	display: block;
	width: 494px;
	margin: 0 20px;
	float: left;
}

#contents #full_main {
	display: block;
	width: 934px;
	margin: 0 20px;
	float: left;
}

#contents #right_main {
	display: block;
	width: 714px;
	margin: 0 20px 0 20px;
	float: left;
}

#contents #right {
	display: block;
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
}

#contents #pop467_main {
	display: block;
	width: 447px;
	margin: 0 10px;
	float: left;
}

/* ======================================== */
/* フッター
/* ======================================== */

#footer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	line-height: 200%;
	background-color: #FFF;
}

#footer #search {
	margin: 20px 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 170%;
}

#footer #copyright {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 48px;
	background-color: #22AC38;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #FFF;
}

.footer_link {
	font-family: none;
	font-size: 1.2em;
	line-height: 1.5em;
}

#nomal_good_condition_tipster table.pro_nice_tooltip_table,
#nomal_hot_expectation table.pro_nice_tooltip_table {
	height: 34px;
	width: auto;
	padding: 0;
	margin: 0 0 0 5px;
	border: none;
}

#nomal_good_condition_tipster table.pro_nice_tooltip_table td,
#nomal_hot_expectation table.pro_nice_tooltip_table td{
	height: 34px;
	border: none;
	padding: 0;
	margin: 0;
}

#nomal_good_condition_tipster table.pro_nice_tooltip_table td.tooltip_left,
#nomal_hot_expectation table.pro_nice_tooltip_table td.tooltip_left {
	background: url('/common/img/professional/pro_nice_tooltip_left.png') repeat-x;
	width: 22px;
	border: none;
	padding: 0;
}

#nomal_good_condition_tipster table.pro_nice_tooltip_table td.tooltip_center,
#nomal_hot_expectation table.pro_nice_tooltip_table td.tooltip_center {
	background: url('/common/img/professional/pro_nice_tooltip_center.png') repeat-x;
	border: none;
	width: auto;
	padding: 0;
	font-weight: 600;
	color: #fff;
}

#nomal_good_condition_tipster table.pro_nice_tooltip_table td.tooltip_right,
#nomal_hot_expectation table.pro_nice_tooltip_table td.tooltip_right {
	background: url('/common/img/professional/pro_nice_tooltip_right.png') repeat-x;
	width: 13px;
	border: none;
	padding: 0;
}

div.side_ranking_wrap {
	padding-top: 10px;
}

#pro .tab1 {
	margin: 0;
}

#pro .tab5 {
	margin: 0;
}

.ora_gold th {
	text-align: center;
}

/* ---------------------------------------- */
/*  中央／地方 切り替えタブ
/* ---------------------------------------- */

#pro_tab {
	width: auto;
	margin-bottom: 4px;
	padding: 10px 0 0 0;
}
#pro_tab.pro_tab_jra { border-bottom: 2px solid #090; }
#pro_tab.pro_tab_nar { border-bottom: 2px solid #6e4b2d; }

#pro_tab ul {
	list-style-type: none;
	padding: 0 0 0 10px;
}

#pro_tab ul li {
	float: left;
	margin-right: 4px;
}

#pro_tab ul li a {
	display: block;
	width: 166px;
	height: 37px;
	background: url( /common/img/professional/tab_btn.png ) no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#pro_tab ul li a.tab_btn_jra { background-position: 0 -40px; }
#pro_tab ul li a.tab_btn_nar { background-position: -200px -40px; }
#pro_tab ul li a.tab_btn_jra:hover,
#pro_tab ul li a.tab_btn_jra.selected { background-position: 0 0; }
#pro_tab ul li a.tab_btn_nar:hover,
#pro_tab ul li a.tab_btn_nar.selected { background-position: -200px 0; }

#pro_tab ul li a.selected {
	cursor: default;
}

/* ---------------------------------------- */
/*  ドリームカード欄
/* ---------------------------------------- */

#pro_dreamcard_info {
	position: relative;
	width: 934px;
	height: 82px;
	margin-bottom: 15px;
	margin-left: 20px;
	background: url( /common/img/professional/dreamcard_info_bg.jpg ) no-repeat;
}
#pro_dreamcard_info.close {
	display: none;
}

#pro_dreamcard_info.bg_old {
	background: url( /common/img/professional/dreamcard_info_bg_old.jpg ) no-repeat;
}

#pro_dr_head {
	float: left;
	width: 276px;
	height: 44px;
	padding-top: 6px;
	margin-right: 10px;
}

#pro_dr_main {
	position: absolute;
	top: 16px;
	left: 302px;
	width: 512px;
	margin-right: 4px;
}

.pro_dr_box {
	float: left;
	width: 160px;
	height: 44px;
	padding: 4px;
	overflow: hidden;
	margin-right: 4px;
	/*border: 1px solid #b7b7b7;*/
	background: url( /common/img/professional/dreamcard_info_box_bg.jpg ) no-repeat;
}
.pro_dr_box:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pro_dr_box.nomarginr {
	margin-right: 0 !important;
}

.pro_dr_box_l {
	float: left;
	width: 40px;
}

.pro_dr_box_r {
	float: left;
	width: 110px;
	padding-left: 4px;
	font-szie: 12px;

}

.pro_dr_box_r a {
	color: #007eff;
}

.pro_dr_box_name {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	height: 42px;
	padding-left: 2px;
	font-size: 12px;
	font-weight: bold;
}

#pro_dr_close {
	position: absolute;
	top: 10px;
	left: 827px;
	width: 99px;
	height: 32px;
	cursor: pointer;
}

#pro_dr_close:hover img {
	opacity: 0.95;
	filter: alpha(opacity=95);
}

#pro_dr_text {
	position: absolute;
	top: 73px;
	left: 12px;
	width: 910px;
	padding-top: 8px;
	padding-left: 0px;
	font-size: 12px;
	line-height: 150%;
}

/* ==========================================================================
   プロフィール　地域選択
   ========================================================================== */

.prof_place_select {
	width: 894px;
	margin: 0 auto;
}

.prof_place_select ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.prof_place_select ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.prof_place_select ul li {
	float: left;
	margin-right: 4px;
}

.prof_place_select ul li a,
.prof_place_select ul li span {
	display: block;
	padding: 6px 22px;
	background: #fff;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	color: #333;
	text-decoration: none;
}
.prof_place_select ul li.select a,
.prof_place_select ul li.select span {
	cursor: default;
}

/* color pro */
.prof_place_select.pro {border-bottom: 4px solid #ec3;}
.prof_place_select.pro ul li a,
.prof_place_select.pro ul li span {
	border-top: 1px solid #ec3;
	border-right: 1px solid #ec3;
	border-left: 1px solid #ec3;
}
.prof_place_select.pro ul li a:hover {background:#fff9d0;}
.prof_place_select.pro ul li.select a,
.prof_place_select.pro ul li.select span,
.prof_place_select.pro ul li.select a:hover {
	background: #fd6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd6), color-stop(1.00, #ec3));
	background: -webkit-linear-gradient(top, #fd6 0%, #ec3 100%);
	background: -moz-linear-gradient(top, #fd6 0%, #ec3 100%);
}


/* color coliseum */
.prof_place_select.coliseum {border-bottom: 4px solid #f35;}
.prof_place_select.coliseum ul li a,
.prof_place_select.coliseum ul li span {
	border-top: 1px solid #f35;
	border-right: 1px solid #f35;
	border-left: 1px solid #f35;
}
.prof_place_select.coliseum ul li a:hover {background:#fff9d0;}
.prof_place_select.coliseum ul li.select a,
.prof_place_select.coliseum ul li.select span,
.prof_place_select.coliseum ul li.select a:hover {
	background: #f35;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fab), color-stop(1.00, #f35));
	background: -webkit-linear-gradient(top, #fab 0%, #f35 100%);
	background: -moz-linear-gradient(top, #fab 0%, #f35 100%);
}
/* ==========================================================================
   このレースを予想している予想家
   ========================================================================== */

.other_tipster_head {
	margin-bottom: 10px;
	padding: 7px;
	background: #f3dd74;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

.other_tipster_slide_area {
	padding: 0 40px 30px 40px;
}
.other_tipster_slide_area:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.other_tipster_box {
	position: relative;
	display: block;
	float: left;
	width: 260px;
	min-height: 122px;
	margin: 0 5px 5px 0;
	padding: 10px 8px 6px 8px;
	border: 2px solid #db1;
	color: #333 !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}
.other_tipster_box:nth-child(3n) {
	margin-right: 0;
}
.other_tipster_box:hover {
	text-decoration: none;
}
.other_tipster_box:visited {
	color: #333;
}
.other_tipster_box:hover img {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.other_tipster_box .koutyou {
	position: absolute;
	top: 0;
	left: 0;
}

.other_tipster_name {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: bold;
}
.other_tipster_name.with_flag {
	padding-left: 25px;
}

.other_tipster_bet {
	margin-bottom: 5px;
}

.other_tipster_icon {
	position: relative;
	float: left;
	width: 87px;
}

.other_tipster_icon .syoubu {
	position: absolute;
	top: 2px;
	left: 65px;
}

.other_tipster_data {
	position: relative;
	float: right;
	width: 173px;
	text-align: right;
}

.other_tipster_data .p_icon {
	margin-top: 3px;
	padding-right: 15px;
	text-align: right;
}

.icon_buy_tip {
	display: inline-block;
	padding: 4px 40px;
	background: #86BD33;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
}
.icon_see_tip {
	display: inline-block;
	padding: 4px 40px;
	background: #fa0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
}
.other_tipster_data .txt_red {
	color: #f00;
}

/* swiper */

.other_tipster_slide_area .swiper-button-prev {
	left: 0;
	background: url("/common/img/sp/sp_arrow_gray_03_left.png") no-repeat;
	background-size: 27px 44px;
}

.other_tipster_slide_area .swiper-button-next {
	right: 0;
	background: url("/common/img/sp/sp_arrow_gray_03_right.png") no-repeat;
	background-size: 27px 44px;
}

.other_tipster_slide_area .swiper-pagination-bullet {

	width: 10px;
	height: 10px;
	margin: 0 3px;
}

.other_tipster_slide_area .swiper-pagination-bullet-active {
	background: #f00;
}

/* ==========================================================================
   予想
   ========================================================================== */

.table100 {width:100%;}

.entries_table_green {
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.entries_table_green td {
	border: 1px solid #aaa;
}

.entries_table_green th {
	text-align: center;
	background: #4b6;
	color: #fff;
	border: 1px solid #ddd;
}

.entries_table_green td.bg_gray {
	background: #eee;
}

.entries_table_green.cell_pd05 > tbody > tr > th,
.entries_table_green.cell_pd05 > tbody > tr > td {
	padding: 5px;
}

.entries_table_green tr:nth-child(odd) {
	background: #f6f6f6;
}

.entries_table_green .cell_bg_off {
	background: #fff;
}
.entries_table_green tr:nth-child(odd) .cell_bg_off {
	background: #f6f6f6;
}

.entries_table_green tr.line_mark1 {background:#fcc !important;}
.entries_table_green tr.line_mark2 {background:#cef !important;}
.entries_table_green tr.line_mark3 {background:#dfd !important;}

.entries_table2 {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.entries_table2.min520 {min-width: 520px;}
.entries_table2.min600 {min-width: 600px;}

.entries_table2 > tbody > tr > th,
.entries_table2 > tbody > tr > td {
	border: 1px solid #ccc;
	font-size: 14px;
}

.entries_table2 > tbody > tr > th {
	padding: 5px;
	text-align: center;
	background: #afc;
}

.entries_table2 > tbody > tr > td {
	padding: 2px 5px;
}

.entries_table2 > tbody > tr > th.th_sub {
	background: #edfff3;
}

.entries_table2 > tbody > tr.line_off {
	background: #ddd;
}
.entries_table2 > tbody > tr.line_hit {
	background: #fcc;
}

.entries_table2 tr.blank_line td {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.back_table {
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.back_table > tbody > tr > th,
.back_table > tbody > tr > td {
	padding: 5px;
	border: 1px solid #ccc;
}

.back_table > tbody > tr > th {
	text-align: center;
	font-weight: bold;
}

.tansho_color {
	background: #D9DDE8 !important;
	color: #000 !important;
}
.fukusho_color {
	background: #F4D0DA !important;
	color: #000 !important;
}
.wakuren_color {
	background: #EFE9C9 !important;
	color: #000 !important;
}
.umaren_color {
	background: #E3D9E2 !important;
	color: #000 !important;
}
.wide_color {
	background: #D9ECF2 !important;
	color: #000 !important;
}
.umatan_color {
	background: #D9DDE8 !important;
	color: #000 !important;
}
.renpuku_color {
	background: #C9DEEF !important;
	color: #000 !important;
}
.rentan_color {
	background: #F6E4CE !important;
	color: #000 !important;
}
.rentan4_color {
	background: #DAE8B3 !important;
	color: #000 !important;
}
.renpuku4_color {
	background: #F1EDD4 !important;
	color: #000 !important;
}

.marunumber,
.marunumber_red {
	display: inline-flex;
	justify-content: center;
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	background: #ffffff;
	font-weight: bold;
}
.marunumber {
	color: #000000;
	border: 1px solid #AAAAAA;
}
.marunumber_red {
	color: #FF0000;
	border: 1px solid #FF0000;
}

.combination_set,
.combination_text {
	display: inline-block;
	max-width: 260px;
	vertical-align: top;
}

.entries_table2 > tbody > tr.line_off .marunumber,
.entries_table2 > tbody > tr.line_off .marunumber_red {
	background: none;
}

.onetouch_box_head {
	width: 600px;
	padding: 8px 0;
	background: #17b;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.onetouch_box_main {
	width: 598px;
	border: 1px solid #aaa;
}

.btn_buy_onetouch,
.btn_buy_onetouch_off,
.btn_buy_onetouch_more,
.btn_login_ipat {
	display: inline-block;
	width: 280px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #29f;
	font-size: 16px;
	font-weight: bold;
	color: #fff !important;
	text-align: center;
}
.btn_buy_onetouch:hover {
	text-decoration: none;
	background: #000;
}
.btn_buy_onetouch_more:hover,
.btn_login_ipat:hover {
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.btn_login_ipat {
	background: #4b6;
}
.btn_buy_onetouch_off {
	background: #aaa;
}

.gold_alert {
	padding: 10px;
	border: 3px solid #f00;
	/* background: #ffd; */
}

/* ================================================================================
	tab
================================================================================ */

/* ---------------------------------------- */
/* tab_type01
/* ---------------------------------------- */
/* css/workover/add.css からコピー */

ul.tab_type01 {
	position: relative;
	padding: 0;
	list-style: none outside none;
}
ul.tab_type01:before {
	position: absolute;
	bottom: 1px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	content: '';
	z-index: 10;
}
ul.tab_type01:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

ul.tab_type01 li {
	float: left;
	margin: 0 1px;
	text-align: center;
	z-index: 20;
}

ul.tab_type01 li a {
	display: block;
	min-width: 100px;
	margin-top: 9px;
	padding: 8px 15px 6px 15px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px;
	color: #333;
	line-height: 1.8;
	z-index: 20;
}
ul.tab_type01 li a:hover {
	text-decoration: none;
	cursor: pointer;
}
ul.tab_type01.linktab li a {
	pointer-events: auto;
}

ul.tab_type01 li.select {
	border-bottom: 1px solid #fff;
}
ul.tab_type01 li.select a {
	margin-top: 0;
	padding-top: 14px;
	border-top: 4px solid #ffeb3b;
	font-weight: bold;
}

ul.tab_type01 li.blank {
	visibility: hidden;
}

ul.tab_type01 li a.icon_pro {
	position: relative;
	padding-left: 25px;
	padding-right: 10px;
}
ul.tab_type01 li a.icon_pro:before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	left: 22px;
	width: 20px;
	height: 20px;
	background: url(/common/img/icn/btn_pro_face_20.png);
	background-size: contain;
}
ul.tab_type01 li.select a.icon_pro:before {
	top: calc(50% - 8px);
}

/* ================================================================================
	box
================================================================================ */

.pro_head {
	padding: 5px;
	background: #4b6;
	color: #fff;
}
.pro_head:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.pro_head_icon {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 5px;
}

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

.pro_head_main {
	float: left;
	width: 830px;
}

.pro_head_title {
	margin-bottom: 13px;
}

.pro_head .pro_head_name {
	font-size: 20px;
	line-height: normal;
}

.pro_icon_shoubu {
	display: inline-block;
	width: 100px;
	height: 26px;
	line-height: 26px;
	border: 2px solid #ff0;
	border-radius: 6px;
	background: #000;
	font-size: 15px;
	font-weight: bold;
	color: #ff0;
	text-align: center;
}

.pro_head_main_left {
	width:450px;
}
.pro_head_main_center {
	width:180px;
	text-align: right;
}
.pro_head_main_right {
	width:200px;
	text-align: right;
}

.icon_pro_head_hit {
	display: inline-block;
	width: auto;
	height: 32px;
	padding: 0 20px;
	line-height: 32px;
	border: 2px solid #fff;
	border-radius: 6px;
	background: #f00;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.pro_race_title {
	padding: 5px;
	background: #dfd;
}

.pro_race_title .pro_race_name {
	font-size: 20px;
	line-height: normal;
}

.pro_box_head01 {
	padding: 6px;
	background: #4b6;
	font-size: 14px;
	color: #fff;
}

.pro_box_body01 {
	padding: 10px;
	border: 1px solid #aaa;
}
.pro_box_body01.pd05 {
	padding: 5px;
}

/* ================================================================================
	ナイス欄
================================================================================ */
/* css/workover/add.css からコピー・改変 */

.news_responce_head {
	margin-bottom: 20px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}

.news_responce_head p {
	margin: 0;
}

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

.pro_nice_list li {
	display: block;
	width: 12.5%;
	height: 100px;
	font-size: 11px;
	text-align: center;
	line-height: 1.3;
	margin: 0;
}

.pro_nice_list li a {
	display: block;
}

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

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

.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;
}

.pro_nice_list_wnice {
	position: absolute;
	top: -54px !important;
	right: -54px !important;
	width: 26px;
	height: 25px;
}

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

.chip_box {
	width: 260px;
	height: 170px;
	padding: 10px;
	border: 1px solid #ccc;
	background: url( /common/img/chip_box_bg.jpg ) no-repeat center center;
}

.chip_box .chip_box_select {
	font-size: 16px;
}

.chip_box .chip_box_btn {
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #3a0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.chip_box .chip_box_btn:hover {
	text-decoration: none;
}

.chip_box_close {
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #eee;
	font-size: 16px;
	font-weight: bold;
	color: #333 !important;
}
.chip_box_close:hover {
	text-decoration: none !important;
}

/* ================================================================================
	「このレースと同条件を得意とするプロ予想家」欄
================================================================================ */
/* racedataページからコピー */

.info_cross_box {
	position: relative;
	float: left;
	border-bottom: none!important;
	line-height: 1.8;
}

.info_cross_box2 {
	width: 49%;
	margin: 0 3px 0 3px;
}

.info_cross_box3 {
	width: 33.3%;
}

.info_cross_box a {
	color: #000;
	background: #fff;
}
.info_cross_box > a {
	display: block;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 6px 2px;
	border: 1px solid #ccc;
}
.info_cross_box > a:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.info_cross_box_container .info_cross_box:nth-child(3n) > a {
	margin-right: 0 !important;
}

.info_cross_box table {
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: grey;
}

.info_cross_box_left {
	color: #333;
}
.info_cross_box_left:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.info_cross_box_left:hover {
	text-decoration: none;
}

.info_cross_box_img {
	float: left;
	width: 48px;
}

.info_cross_box div.imgbox {
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
}
.info_cross_box div.imgbox.noborder { border: none !important; }
.info_cross_box div.imgbox img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.info_cross_box div.imgbox.imgbox45 { width: 45px; height: 45px; }

.info_cross_box_name {
	float: left;
	width: 100px;
	height: 45px;
	display: flex;
	align-items: center;
	text-align: left;
}
.info_cross_box_name128 {
	width: 128px;
}
.info_cross_box_name .name {
	text-align: left !important;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	line-height: 120%;
	padding-top: 2px;
	padding-left: 5px;
}
.info_cross_box_data {
	float: left;
	width: 48px;
	height: 45px;
}
.info_cross_box_result {
	float: left;
	width: 56px;
	height: 45px;
}
.info_cross_box_hit {
	float: left;
	width: 34px;
	height: 45px;
	display: flex;
	align-items: center;
}
.info_cross_box_baken {
	float: left;
	width: 54px;
	height: 45px;
	display: flex;
	align-items: center;
}
.info_cross_box_baken img {
	vertical-align: bottom;
}
.info_cross_box .font10b {
	font-size: 10px;
	font-weight: bold;
}
.info_cross_box .font11 {
	font-size:11px;
	font-weight: normal;
}
.info_cross_box .font16 {
	font-size: 16px;
	font-weight: normal;
}
.info_cross_box .reds {
	color: red;
}
.info_cross_box .float_none {
	float: none;
	text-align: center;
}
.info_cross_box .float_none div {
	text-align: center;
}
.info_cross_box .mt05 {
	margin-top: 5px;
}
.info_cross_box .mb20 {
	margin-bottom: 20px;
}

.info_cross_box_tip0,
.info_cross_box_tip1 {
	position: absolute;
	bottom: 10px;
	left: 55px;

	width: 80px !important;
	font-size: 11px !important;
	font-weight: normal !important;
	text-align: center;
	color: #fff;

	border: 1px solid #CCC;
	border-radius: 5px;
}
.info_cross_box_tip0 {
	background: #4488CC;
}
.info_cross_box_tip1 {
	background: #FF0000;
}

/* ==========================================================================
   race_sche_date_navi
   ========================================================================== */
/* sp/racedata2017.cssからコピー・修正 */

.race_sche_date_navi {
}

.race_sche_date_navi ul {
	padding: 0;
	list-style-type: none;
}
.race_sche_date_navi ul:after {
	clear: both;
	content: "";
	display: block;
}

.race_sche_date_navi ul li {
	display: block;
	float: left;
	padding: 0 2px;
}

.race_sche_date_navi ul li.arrow_left,
.race_sche_date_navi ul li.arrow_right {
	display: block;
	float: left;
	width: 50px;
	padding: 0 2px;
	text-align: center;
}

.race_sche_date_navi ul li a,
.race_sche_date_navi ul li > span {
	background: #f2d15a;
	color: #853;
	text-decoration: none;
	display: block;
	padding: 8px 28px;
	border-radius: 4px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	border: 2px solid #853;
	font-weight: bold;
}
.race_sche_date_navi ul li > span {
	background: #eee;
	color: #ccc;
	border-color:#ccc;
}

.race_sche_date_navi ul li .no_link {
	display: block;
	padding: 8px 20px;
	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;
}

.race_sche_date_navi ul li.arrow_left a,
.race_sche_date_navi ul li.arrow_right a {
	background: #fff3c3;
	color: #853;
	text-decoration: none;
}
.race_sche_date_navi ul li.arrow_left span,
.race_sche_date_navi ul li.arrow_right span {
	background: #eee;
	color: #aaa;
	text-decoration: none;
}

.race_sche_date_navi ul li.select a {
	background: #ffb;
	color: #853;
	text-decoration: none;
}

/* ==========================================================================
   race_sche_place_navi
   ========================================================================== */
/* sp/racedata2017.cssからコピー・修正 */

.race_sche_place_navi {
}
.race_sche_place_navi.border_bottom {
	border-bottom: 4px solid #ec0;
}

.race_sche_place_navi .race_sche_place_main {
}

.race_sche_place_navi .race_sche_place_main ul {
	padding: 0;
	list-style-type: none;
}
.race_sche_place_navi .race_sche_place_main ul:after {
	clear: both;
	content: "";
	display: block;
}

.race_sche_place_navi .race_sche_place_main ul li {
	float: left;
	padding: 0 2px;
}

.race_sche_place_navi .race_sche_place_main ul li.select a {
	background: #ffb;
	color: #853;
	border-top: 2px solid #853;
	border-left: 2px solid #853;
	border-right: 2px solid #853;
}

.race_sche_place_navi .race_sche_place_main ul li a {
	background: #f2d15a;
	color: #853;
	border-top: 2px solid #853;
	border-left: 2px solid #853;
	border-right: 2px solid #853;
	display: block;
	padding: 6px 40px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	text-decoration: none;
}

/* ==========================================================================
   table
   ========================================================================== */
/* table_type01 workover/top.cssからコピー、修正 */

.table_type01 {
	width: 100%;
	border-collapse: collapse;
}

.table_type01 th,
.table_type01 td {
	padding: 4px 2px;
	border: 1px solid #999;
}

.table_type01 th {
	background: #dfc;
	text-align: center;
}

.table_type01 td {
}

.table_type01.height_high th,
.table_type01.height_high td {
	padding: 8px 2px;
}
.table_type01.height_low th,
.table_type01.height_low td {
	padding: 2px 2px;
}

/* nar_prof */

.table_type01.nar_prof th,
.table_type01.nar_prof td {
	border: 1px solid #551;
}

.table_type01.nar_prof th {
	background: #f2d15a;
}

.table_type01.nar_prof td {
	background: #ffd;
}

/* ==========================================================================
   tr color
   ========================================================================== */

.tr_selected td {
	background: #fffeb4 !important;
	font-weight: bold;
}

.tr_end td {
	background: #eee !important;
}

.tr_hit td {
	background: #fcc !important;
}

/* ==========================================================================
   pro_shikibetsu_cell
   ========================================================================== */

.pro_shikibetsu_cell_0 { background: #FFF !important; }
.pro_shikibetsu_cell_1 { background: #D9DDE8 !important; }
.pro_shikibetsu_cell_2 { background: #F4D0DA !important; }
.pro_shikibetsu_cell_3 { background: #EFE9C9 !important; }
.pro_shikibetsu_cell_4 { background: #E3D9E2 !important; }
.pro_shikibetsu_cell_5 { background: #D9ECF2 !important; }
.pro_shikibetsu_cell_6 { background: #D9DDE8 !important; }
.pro_shikibetsu_cell_7 { background: #C9DEEF !important; }
.pro_shikibetsu_cell_8 { background: #F6E4CE !important; }
.pro_shikibetsu_cell_100 { background: #EEEEEE !important; }

.pro_repaymentcolor_1 { color: #00F; }
.pro_repaymentcolor_10 { color: #F00; }
.pro_repaymentcolor_100 { color: #F00; font-weight: bold; }

/* ==========================================================================
   pro_req_btn
   ========================================================================== */

.pro_req_btn {
	display: inline-block;
	width: 140px;
	height: auto;
	padding: 8px 0;
	border-radius: 8px;
	border: 2px solid #8c4;
	text-align: center;
	text-decoration: none !important;
	color: #333 !important;
	
	background: #dcf4b6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcf4b6), color-stop(1.00, #b5ef71));
	background: -webkit-linear-gradient(top, #dcf4b6 0%, #b5ef71 100%);
	background: -moz-linear-gradient(top, #dcf4b6 0%, #b5ef71 100%);
}
.pro_req_btn.off {
	background: #fff;
	border-color: #ccc;
}

.pro_req_btn_blank {
	display: inline-block;
	width: 140px;
}

.pro_req_btn_hide {
	display: none;
}

.pro_req_box {
	display: inline-block;
	width: 140px;
	height: 36px;
	border: 1px solid #ccc;
	background: #dcf4b6;
	text-align: center;
	text-decoration: none !important;
	color: #333 !important;
	vertical-align: top;
}
.pro_req_box.off {
	background: #fff;
	padding: 10px 0 4px 0;
}
.pro_req_box.select {
	padding: 7px 0 7px 0;
}

/* ==========================================================================
   prof balloon
   ========================================================================== */

.prof_balloon_box {
	display: inline-block;
}
.prof_balloon_box:after {
	clear: both;
	content: "";
	display: block;
}

.prof_balloon_icon {
	position: relative;
	float: left;
	width:36px;height:36px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.prof_balloon_icon img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.prof_balloon {
	position: relative;
	display: block;
	float: left;
	margin-top: 5px;
	margin-left: 14px;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}
.prof_balloon:after,
.prof_balloon:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.prof_balloon:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 8px;
	margin-top: -8px;
}
.prof_balloon:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #cccccc;
	border-width: 9px;
	margin-top: -9px;
}

/* ==========================================================================
   prof_btn_view
   ========================================================================== */

.prof_btn_view,
.prof_btn_buy,
.prof_btn_fix,
.prof_btn_add {
	display: inline-block;
	width: 46px;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 0;
}
.prof_btn_view {
	background: #f90;
	border:2px solid #c70;
}
.prof_btn_buy {
	background: #3a0;
	border:2px solid #071;
}
.prof_btn_fix {
	background: #a60;
	border:2px solid #850;
}
.prof_btn_add {
	background: #29f;
	border:2px solid #06b;
}

/* ==========================================================================
   公開／非公開ボタン
   ========================================================================== */

.pro_check_open_input {
	display: none;
}

.pro_check_open_body {
	display: inline-block;
	width: 36px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	background: #bbb;
	border: 2px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
}

.pro_check_open_input.btn_on:checked + .pro_check_open_body,
.pro_check_open_input.btn_on_end:checked + .pro_check_open_body {
	background: #6ed2ff;
	border: 2px solid #03a9f4;
	color: #fff;
	text-shadow: 1px 1px 0 #0af,
				-1px 1px 0 #0af,
				1px -1px 0 #0af,
				-1px -1px 0 #0af;
}

.pro_check_open_input.btn_off:checked + .pro_check_open_body,
.pro_check_open_input.btn_off_end:checked + .pro_check_open_body {
	background: #ffc107;
	border: 2px solid #f90;
	color: #fff;
	text-shadow: 1px 1px 0 #f90,
				-1px 1px 0 #f90,
				1px -1px 0 #f90,
				-1px -1px 0 #f90;
}

.pro_check_open_input:disabled + .pro_check_open_body {
	background: #ccc;
	border: 2px solid #ddd;
	color: #888;
	text-shadow: none;
}

.pro_check_open_input.btn_dummy + .pro_check_open_body {
	background: #6ed2ff;
	border: 2px solid #03a9f4;
	color: #fff;
	text-shadow: 1px 1px 0 #0af,
				-1px 1px 0 #0af,
				1px -1px 0 #0af,
				-1px -1px 0 #0af;
	cursor: default;
}

/* ==========================================================================
   race num
   ========================================================================== */

.race_num.east,
.race_num.east.end,
.race_num.west,
.race_num.west.end,
.race_num.other,
.race_num.other.end,
.race_num.overseas,
.race_num.overseas.end {
	display: inline-block;
	width: 38px;
	padding: 4px 0;
	background: #FF69B4;
	border-radius: 6px;
	font-size: 100%;
	text-align: center !important;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}

.race_num.east {
	background: #FF69B4;
	color: #fff;
}

.race_num.east.end {
	background: #F8BAC2;
	color: #000;
}

.race_num.west {
	background: #6495ED;
	color: #fff;
}

.race_num.west.end {
	background: #a3d5e7;
	color: #000;
}

.race_num.other {
	background: #FFA500;
	color: #fff;
}

.race_num.other.end {
	background: #f4b94a;
	color: #000;
}

.race_num.overseas {
	background: #A76BDF;
	color: #fff;
}

.race_num.overseas.end {
	background: #ecbdfb;
	color: #000;
}

.race_num.east .race_number,
.race_num.west .race_number,
.race_num.other .race_number,
.race_num.overseas .race_number {
	font-size: 120%;
}

/* ==========================================================================
   icon
   ========================================================================== */

.icon_tokui_blue {
	display: inline-block;
	width: 60px;
	padding: 3px 0px;
	border-radius: 4px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #00f;
}

.icon_syobu_black {
	display: inline-block;
	width: 40px;
	padding: 3px 0px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #ff0;
	background: #000;
}

/* ==========================================================================
   grade icon
   ========================================================================== */

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

	vertical-align: 24%;
}
.icon_g1_w30 { background: #09f; }
.icon_g2_w30 { background: #d00; }
.icon_g3_w30 { background: #0c0; }
.icon_g1_small { background: #09f; }

/* ==========================================================================
   color
   ========================================================================== */
/* racedataからコピー */

.frame-1 {
	background-color: #FFFFFF;
	color: #000000;
}

.frame-2 {
	background-color: #404040;
	color: #FFFFFF;
}

.frame-3 {
	background-color: #FF0000;
	color: #000000;
}

.frame-4 {
	background-color: #0000FF;
	color: #FFFFFF;
}

.frame-5 {
	background-color: #FFFF00;
	color: #000000;
}

.frame-6 {
	background-color: #006400;
	color: #FFFFFF;
}

.frame-7 {
	background-color: #FFA500;
	color: #000000;
}

.frame-8 {
	background-color: #FFC0CB;
	color: #000000;
}

/* ==========================================================================
   color
   ========================================================================== */

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

.text_blue{color:#00f;}
.text_red {color:#f00;}

.small-odds {color: #f00;}
.normal-odds {color: #00f;}

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

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

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

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

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

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

/* ==========================================================================
   padding
   ========================================================================== */

.p05 {
	padding:5px !important;
}

.p10 {
	padding:10px !important;
}

.pl00 {
	padding-left:0 !important;
}

.pl03 {
	padding-left:3px !important;
}

.pl10 {
	padding-left:10px !important;
}

.pl20 {
	padding-left:20px !important;
}

.pl30 {
	padding-left:30px !important;
}

.pt05 {
	padding-top:5px !important;
}

.pt10 {
	padding-top:10px !important;
}

.pt20 {
	padding-top:20px !important;
}

.pt30 {
	padding-top:30px !important;
}

.pb00 {
	padding-bottom:0 !important;
}

.pb05 {
	padding-bottom:5px !important;
}

.pb10 {
	padding-bottom:10px !important;
}

.pb20 {
	padding-bottom:20px !important;
}

.pb30 {
	padding-bottom:30px !important;
}

.pr03 {
	padding-right:3px !important;
}

.pr10 {
	padding-right:10px !important;
}

.pr20 {
	padding-right:20px !important;
}

.pr30 {
	padding-right:30px !important;
}

/* ================================================================================
	font
================================================================================ */

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}

/* ================================================================================
	font fix
================================================================================ */

.font_fix {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.text_left {text-align:left !important;}
.text_right {text-align:right !important;}
.text_center {text-align:center !important;}