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

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


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




/* header */
header {margin: 0 auto; width: 100%;}
/* 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;}

}
/* 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: 308px;
    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;
}


.NODispSP .site-logo {
    display: block;
    width: 200px;
    margin: 10px auto;
}
.NODispPC .site-logo {
    max-width: 228px;
    margin: 10px 0;
}

.paddingb5 {
    padding-bottom: 5px;
}
.paddingt15 {
    padding-top: 15px;
}