/* all reset */
*{margin: 0; padding: 0;}
html {font-family: verdana, sans-serif; line-height: 1.4em; text-align: left; font-size: 0.875em;}
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; font-weight:bold;}

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

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


.indent-01 {margin-left: 1em; text-indent: -1em;}
.indent-rn {margin-left: 1.8em; text-indent: -1.8em;}

.end-mes {
	background: #FFFFEE;
	border: solid 4px #FF9901;
	margin-bottom: 20px;
	padding: 20px 20px 10px;
	color: #f00;
}
.end-mes p:first-child {
	font-size: 16px;
}

.spot {
	margin-right: 6px;
}
/* all end */

#contents section {
    margin-bottom: 1.666em;
}


/* header */
header {margin: 0 auto; width: 100%;}
@media screen and (max-width: 767px) {
    header .site-logo {
        display: block;
        width: 228px;
        height: auto;
        margin: 10px auto 0;
    }
}
@media screen and (min-width: 768px) {
    header .site-logo {
        margin-top: 10px;
    }
}
/* 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;}

.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 {display: block; margin-bottom: 1em;}
.th {display: block; background: #BBD5ED; padding: 6px 7px;}
.td {display: block; background: #FFFFFF; padding: 6px 7px;}


/* 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 {margin: 0 auto; 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: #D5E5F4;}
.td {display: table-cell; width: 500px; background: #FFFFFF;}

.btn {width: 50%; text-align: center; float: left;}

.pcBt36{margin-bottom: 3em;}

.pcFont20{font-size: 1.25em; line-heiht: 1.25em;}
}
/* w768 end */



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

}
/* w1024 end */

.red01{
color:#FF0000;
}
.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%;
}


.BTNClm01 {
    display: block;
    /*background: #E6EEF9;*/
    padding: 10px 0;
    text-align: center;
}
.margint50 {
    margin-top: 50px !important;
}
a.BTN01 {
    width: 100%;
    max-width: 308px;
    border: solid 1px #DDDDDD;
    border-radius: 5px;
    padding: 14px 0;
    background: #FFFFFF;
    background-image: -moz-linear-gradient(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;
    margin-top:11px;
}
a.BTN01 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;
}

a.BTN02 {
    width: 100%;
    max-width: 318px;
    border: solid 1px #E15A00;
    border-radius: 5px;
    padding: 14px 0;
    background: #F56100;
    background-image: -moz-linear-gradient(top, #F56100 0%, #E15A00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F56100), to(#E15A00));
    color: #FFFFFF;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    margin-top:11px;
}
a.BTN02 span.Linkicon {
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    background: url(/contents/pc/img/nd_i_b_link_white.png) no-repeat 0 50%;
    padding-left: 28px;
}

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;
    vertical-align: top;
}
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 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;
}