/* all reset */
*{margin: 0; padding: 0;}
html {font-family: verdana, sans-serif; line-height: 1.3em; text-align: left; font-size: 0.75em;}
ul,ol {list-style: none;}
img {border: none; max-width: 100%; vertical-align: middle; margin: 0; padding: 0;}

/* all reset end */


/* all */
h1,h2,h3,h4,h5 {margin: 0; line-height: 1.3em; font-size: 1em;}

a:link {color: #039; text-decoration: underline; background: transparent;}
a:visited {color: #404084; text-decoration: underline;background: transparent;}
a:hover {color: #f00; text-decoration: underline; background: transparent;}
a:active {color: #f00; text-decoration: underline; background: transparent;}

.floatL {float: left;}
.floatR {float: right;}
br.clear {clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0;}

.floatClear::after {clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;}

.centerM {margin-left: auto; margin-right: auto;}
.align-l {text-align: left;}
.align-c {text-align: center;}
.align-r {text-align: right;}
.valign-t {vertical-align: top;}
.valign-m {vertical-align: middle;}
.valign-b {vertical-align: bottom;}

.bt0 {margin-bottom: 0em;}
.bt3 {margin-bottom: 0.25em;}
.bt6 {margin-bottom: 0.5em;}
.bt12 {margin-bottom: 1em;}
.bt18 {margin-bottom: 1.5em;}
.bt24 {margin-bottom: 2em;}

.font14 {font-size: 1.166em; line-height: 1.5em;}
.font16 {font-size: 1.333em; line-height: 1.666em;}
.bold {font-weight: bold;}
.red01{color:#f00;}


.indent-01 {margin-left: 1em; text-indent: -1em;}
.indent-rn {margin-left: 1.8em; text-indent: -1.8em;}
/* all end */




/* header */
header {margin: 15px auto 10px; width: 100%;}
@media screen and (max-width: 768px) {
    header .site-logo {
        display: block;
        width: 200px;
        height: auto;
        margin: 0 auto;
    }
}
/* header end */




/* footer */
footer {max-width: 660px; margin: 0 auto; text-align: center; padding: 5px 10px 5px 0; border-top: solid 1px #E9EBEB;}
/* footer end */




/* contents */
#contents section {margin-bottom: 1.666em;}
#contents article.w90 {width: 90%; margin: 0 auto;}
.contentM02 {
    margin-left: 5px;
    margin-right: 5px;
}
.H2BlueLine {font-size: 1.333em; border-top: solid 5px #0769B5; border-bottom: solid 5px #D6D6D6; padding: 0.5em; color: #333333; margin-bottom: 0.5em;}
table {
		width: 100%;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: separate;
}
.table {display: block; margin-bottom: 1em;}
.th {display: block; background: #BBD5ED; padding: 6px 7px;}
.td {display: block; background: #FFFFFF; padding: 6px 7px;}

.paddingt3 {
    padding-top: 3px !important;
}
.paddingt5{
padding-top: 5px !important;
}
.paddingt10{
padding-top: 10px !important;
}
.margint10{
margin-top: 10px !important;
}.margint20{
margin-top: 20px !important;
}
.headBlue01{
min-height: 1%;
margin: 0;
padding: 0 0 0 10px;
background: url("/contents/pc/img_cmn/i_head_blue_01.gif") no-repeat;
}
.headBlue01 h3{
font-size: 12px;
font-weight: bold;
}
.note {
	margin-left: 1em
}
.note li {
	font-size: 12px
}
.note li:before {
	content: "※";
	margin-left: -1em
}
table.cp-content {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-top: solid 4px #86B3DF;
    border-bottom: solid 2px #B0B7B9;
    background: #F0F0F3;
}
table.cp-content th, table.cp-content td {
    padding: 10px;
    border-top: solid 1px #B0B7B9;
    border-right: solid 1px #B0B7B9;
    background-color: #fff;
}
table.cp-content th:last-child, table.cp-content td:last-child {
    border-right: none;
}
table.cp-content thead th {
    width: 33.3333%;
    padding: 5px 10px;
    border-top: solid 1px #B0B7B9;
    border-right: solid 1px #B0B7B9;
    background-color: #BBD5ED;
    text-align: center;
}
table.cp-content td strong {
    color: #c00;
}
table.cp-content td strong > span {
    font-size: 20px;
}

.textEdit table, .textEdit th, .textEdit td {
    border: solid 1px #B0B7B9;
    padding: 0.25em;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}
div.tableS01 table {
font-size: 12px;
    border-left: solid 1px #B0B7B9;
    border-bottom: solid 1px #B0B7B9;
}
div.tableS01 tr th {
font-size: 12px;
    vertical-align: middle;
}
div.tableS01 tr td {
font-size: 12px;}
div.tableS01 th {
    border-top: solid 1px #B0B7B9;
    border-right: solid 1px #B0B7B9;
    background: #BBD5ED;
    text-align: left;
    font-weight: normal;
}
div.tableS01 th.s01th01 {
    border-top: solid 1px #B0B7B9;
    border-right: solid 1px #B0B7B9;
    background: #BBD5ED;
    text-align: left;
    font-weight: normal;
}
div.tableS01 td {
    border-top: solid 1px #B0B7B9;
    border-right: solid 1px #B0B7B9;
    background: #fff;
}
div.tableS01 td.s01td01 {
    border-top: solid 1px #B0B7B9;
    border-right: solid 1px #B0B7B9;
    background: #fff;
}

div.tableS01 table {
    border-left: solid 1px #B0B7B9;
    border-bottom: solid 1px #B0B7B9;
}
div.tableS01 th.s01th02 {
    border-top: solid 1px #B0B7B9;
    border-right: solid 1px #B0B7B9;
    background: #D5E5F4;
    text-align: left;
    font-weight: normal;
}
div.tableS01 .tableS01M {
    padding: 4px 5px 4px 5px;
}
div.tableS01 .tableS01Mc {
    padding: 4px 5px 4px 5px;
    text-align: center;
}
div.tableS01 td.s01td02 {
    border-top: solid 1px #B0B7B9;
    border-right: solid 1px #B0B7B9;
    background: #ffc;
}
.red02 {
    color: #c00;
}
.xlargef {
    font-size: 20px;
}

/*----------------------------------------------
ボタン
----------------------------------------------*/
#ND a.BTNopen {width: 100%; border-radius: 5px; padding: 5px 5px; background: #f56100; background-image:-moz-linear-gradient(center top , #f56100 0%, #e15a00 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f56100), to(#e15a00)); color: #FFF; font-weight: bold; display: inline-block; text-decoration: none; text-align: center;box-sizing: border-box;}
#ND a.BTNopen span.Linkicon {display: inline-block; font-size: 16px; line-height: 21px; background: url(/contents/pc/img/creditcard_i_link.png) no-repeat 0 50%; padding-left: 28px;}

#ND a.BTNapp {width: 100%; border-radius: 5px; padding: 5px 5px; background: #ffffff; background-image:-moz-linear-gradient(center top , #ffffff 0%, #f6f6f6 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); color: #003399; font-weight: bold; display: inline-block; text-decoration: none; text-align: center; border:solid 1px #dddddd;box-sizing: border-box;}
#ND a.BTNapp span.Linkicon {display: inline-block; font-size: 16px; line-height: 21px; background: url(/contents/pc/img/nd_i_b_link_blue.png) no-repeat 0 50%; padding-left: 28px;}

#ND a.Hov:hover {opacity: 0.7; filter: Alpha(opacity=70); -ms-filter: 'alpha(opacity=70)';}

a:hover img.over { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }

.btn-area {width:60%; margin-top: 15px; display: inline-block;}
@media screen and (max-width: 767px) {.btn-area {width: 90%;}}
.btn-box {
    border: solid 3px #eee;
    border-radius: 8px;
    margin-bottom: 45px;
    padding: 10px;
}
.BTNClm01 p {
    padding: 10px 0 16px 0;
    font-size: 13px;
    text-align: center;
}
.BTNClm01 p.top {
    background: url(/contents/pc/img/visa_g_oa_arrow_01.gif) no-repeat 50% 100%;
}

/*公営競技「ご利用の流れ」用================================================*/
.flow-step {
	border: solid 3px #eee;
	border-radius: 8px;
	margin-bottom: 55px;
	padding: 10px;
	font-size: 14px;
}
.flow-step:after {
	content: url(/contents/cp/boatrace/img/spot-arrow-down-blue.png);
	display: block;
	margin: 0 auto -50px;
	text-align: center;
}
.flow-step:last-child:after {
	display: none;
}
.flow-step p {
	font-size: 14px;
}
.flow-step p.title {
	border-bottom: solid 5px #E3F5F1;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.flow-step div.detail {
	margin-left: 1em;
}
@media (max-width: 767px) {
	.flow-step p.title {
		display: table;
		width: 100%;
	}
	.flow-step p.title span {
		display: table-cell;
		vertical-align: middle;
	}
	.flow-step p.title span:first-child {
		width: 47px;
	}
}
.flow-step .indent {
	margin-left: 1em;
}
.flow-step p.title img {
	margin-right: 15px;
	vertical-align: middle;
}

/* contents end */



/* w320 */
@media screen and (min-width: 320px){

.NODispSP {display: block;}
.NODispPC {display: none;}

.btn {width: 90%; margin: 0 auto 2em auto;}

}
/* w320 end */



/* w568 */
@media screen and (min-width: 568px){

}
/* w568 end */



/* w768 */
@media screen and (min-width: 768px){

.NODispSP {display: none;}
.NODispPC {display: block;}

header {width: 670px;}

#contents {max-width: 670px; margin: 0 auto;}
#contents article.w90 {width: 650px; margin: 0 auto;}

.H2BlueLine {font-size: 1.166em; padding: 0.5em 1em;color: #000000; border: solid 1px #C7CCCD; background: url('/contents/pc/img_cmn/bg_h3_wb.gif') no-repeat left center;}


.table {width: 647px; margin-bottom: 0; border-left: solid 1px #B0B7B9; border-right: solid 1px #B0B7B9; border-bottom: solid 1px #B0B7B9;}
.tableF {border-top: solid 1px #B0B7B9;}
.th {display: table-cell; width: 119px; background: #BBD5ED; border-right: solid 1px #B0B7B9; background-color: #D5E5F4;}
.td {display: table-cell; width: 500px; background: #FFFFFF;}



}
/* w768 end */



/* w1024 */
@media screen and (min-width: 1024px){

}
/* w1024 end */