@charset "utf-8";

/* ========================================================
	jra_hatubai.css => JRA発売・払戻について
======================================================== */

.mb20{ margin-bottom:2rem; }
.page_title{ background-image: url(../../raceinfo/images/page_title_bg.jpg); }

.blk {border-bottom:1px solid #000;padding:2rem 0px;}
.blk header{padding:2rem 0px;}

.blk h1{font-size:2.4rem;}
.blk h2{font-size:2rem;}

.blk header+p{ margin-bottom:1rem; }

.blk table{ margin:3rem 0 2rem; white-space: nowrap;}
.blk table thead th,
.blk table thead td,
.blk table tbody th,
.blk table tbody td{padding: 10px 10px;border:1px solid #ddd;}
.blk table.top_table tbody td{text-align:left;}
.blk table.top_table thead th{background:#0070df;color:#FFF;text-align:center;}

.blk table.btm_table th,
.blk table.btm_table td{ text-align:center; }
.blk table.btm_table th.first{
	background-image:linear-gradient(to top right,transparent, transparent 49.5%, #eaeaea 49.5%, #eaeaea 50.5%,transparent 50.5%, transparent);
	position: relative;
}
.blk table.btm_table th.first span{
	display:block;
	position:absolute;
}
.blk table.btm_table th.first span.right_txt{
	top:10px;
	right:10px;
}
.blk table.btm_table th.first span.left_txt{
	left:10px;
	bottom:10px;
}

.blk:first-of-type {padding-top:0;}
.blk:last-child {border-bottom:0;}

@media screen and (min-width: 1300px) {}

@media screen and (min-width: 769px), print {
	.blk table {width: 100%;font-size: 1.6rem;line-height: 1.5;}	
	.local_sub_nav ul a {font-size: 1.8rem;}
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 370px) {}