@charset "utf-8";
/* Updated 2018/06/27,T */
/* Updated 2016/11/24,T */
/* Updated 2016/07/27,T */
/* Updated 2016/07/05,T */
/* Updated 2015/12/14,T */
/* Updated 2015/09/30,T */
ol {
    list-style: none;
}
figure {
    text-align: center;
}
.textBlock01 a:link { text-decoration: underline; }

/*-------------------------------------------
nav
-------------------------------------------*/
/* categoryNav */
.categoryNav a {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: solid 2px #034a33;
    box-shadow: #003222 0px -2px inset;
    -webkit-box-shadow: #003222 0px -2px inset;
    -moz-box-shadow: #003222 0px -2px inset;
    color: #fff;
    text-decoration: none;
    background: #317ac6;
}
.categoryNav a figure {
    padding: 19px 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: #fff;
}
.categoryNav a span,
.categoryNav a > dl > dt {
    position: relative;
    display: block;
    padding: 14px 0 14px 36px;
    font-weight: bold;
    text-decoration: none;
}
.categoryNav a > dl > dt {
    padding-bottom: 8px;
}
.categoryNav a > dl > dd {
    padding: 0 19px 14px;
    font-size: 0.857em;
}


/* tvPhone */
.sp-only {
    display:none;
}
.pc-only {
    display:block;
}
.Nanum {
    font-family:NanumGothic, Dotum, Gulim;
}

.clear {
    clear:both;
}
.tvContain {
    width:100%;
    text-align:left;
    margin-bottom:50px;
}
.tvContain .mainImage {
    background:url(../img/tvmain.jpg) no-repeat top right;
    height:220px;
    margin:20px auto;
    border:1px solid #f0f0f0;
    text-align:left;
}
.mainImage h1 {
    font-size:3.2em;
    margin-left:30px;
    line-height:1.7em;
    font-weight:bold;
}
.tvContain h2 {
    font-size:1.6em;
    line-height:1.6em;
    margin-top:30px;
}
.tvContain h2.flow {
    font-size:3em;;
}
.tvContain h3 {
    font-size:1.4em;
    line-height:1.4em;
    color:#003fa8;
}
.tvContain h3.facetime {
    font-size:1.1em;
    line-height:1.1em;
    color:#222;
    font-weight:normal;
}
.mainImage p {
    font-size:1.3em;
    margin-left:30px;
    line-height:1.5em;
    margin-top:15px;
}
.mainImage p.slogan {
    color:#006ad4;
    font-weight:bold;
    font-size:1.3em;
    margin-top:25px;
}
.tvContain ul {
    width:100%;
    margin:20px auto;
}
.tvContain ul li {
    float:left;
    width:50%;
    text-align:center;
}
.tvContain ul li p {
    margin-top:7px;
    margin-bottom:5px;
}
.tvContain ul li a {
    border:1px solid #d6d6d6;
    padding:5px 0;
    display:inline-block;
    width:210px;
    margin-bottom:30px;
    color:#222;
    border-radius:10px;
    background:#fff url(../img/icon_003.gif) no-repeat 195px 10px;
    box-shadow:0 2px #f0f0f0;
    text-decoration:none !important;
}
.tvContain ul li a:hover {
    font-weight:bold;
    color:#0073e5;
    text-decoration:none;
    background:#fff url(../img/icon_003.gif) no-repeat 195px 10px;
    border:1px solid #0073e5;
    box-shadow:0 2px #f0f0f0;
}
.tvContain ul li p span {
    font-size:0.85em;
    color:#666;
}
.tvContain .roundBox {
    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    padding:30px;
    margin-top:20px;
    margin-bottom:20px;
    clear:both;
    overflow:hidden;
}
.tvContain .roundBoxBlue {
    border:1px solid #d3e8ff;
    background:#f5faff;
}
.tvContain .roundBoxGray {
    border:1px solid #eee;
    background:#f9f9f9;
}
.tvContain .whiteBox {
    border:1px solid #f0f0f0;
    background:#fff;
    padding:20px;
    margin-top:20px;
    clear:both;
    overflow:hidden;
}
.tvContain .whiteBox .imagePart, .tvContain .whiteBox .textPart {
    float:left;
}
.tvContain .whiteBox .imagePart {
    width:13%;
}
.tvContain .whiteBox .textPart {
    width:87%
}
.tvContain .whiteBox .textPart ul li {
    float:left;
    width:164px;
    margin-right:50px;
    text-align:center;
}
.tvContain .whiteBox .textPart ul li p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
}
.tvContain .whiteBox .textPart ul li a {
    border:0;
    padding:0;
    background:none;
    width:164px;
    margin-bottom:0;
}
.btnPart {
    float:left;
    width:50%;
}
a.btnCall {
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.5s;
    background:#0073e5;
    border:1px solid #0062c3;
    padding:10px 0;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:1.4em;
    display:inline-block;
    width:94%;
    margin:10px 0 5px 0;
    text-decoration:none !important;
}
a:hover.btnCall {
    background:#1ba2e1;
    border:1px solid #1399d7;
}
a.callKorea {
    background:#0073e5 url(../img/flag_korea.gif) no-repeat 9px 9px;
    margin-left:4%;
}
a.callJapan {
    background:#0073e5 url(../img/flag_japan.gif) no-repeat 9px 9px;
    margin-right:4%;
}
a:hover.callKorea {
    background:#1ba2e1 url(../img/flag_korea.gif) no-repeat 9px 9px;
}
a:hover.callJapan {
    background:#1ba2e1 url(../img/flag_japan.gif) no-repeat 9px 9px;
}
a.btnFacetime {
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.5s;
    background:#00bf51;
    border:1px solid #00af4a;
    padding:10px 0;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:1.4em;
    display:inline-block;
    width:94%;
    margin:10px 0 5px 0;
    text-decoration:none !important;
}
a:hover.btnFacetime {
    background:#0acb65;
    border:1px solid #03bf5b;
    text-decoration:none;
}
a.facetimeKorea {
    background:#00bf51 url(../img/flag_korea.gif) no-repeat 9px 9px;
    margin-left:4%;
}
a.facetimeJapan {
    background:#00bf51 url(../img/flag_japan.gif) no-repeat 9px 9px;
    margin-right:4%;
}
a:hover.facetimeKorea {
    background:#0acb65 url(../img/flag_korea.gif) no-repeat 9px 9px;
}
a:hover.facetimeJapan {
    background:#0acb65 url(../img/flag_japan.gif) no-repeat 9px 9px;
}



.selectNeeds div.blockInner {
    font-size:1.2em;
}



.speech-bubble {
    position: relative;
    background: #fff;
    border-radius: .4em;
    padding:20px;
    box-shadow:3px 3px 5px rgba(0,0,0,.3)
}

.speech-bubble:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-right-color: #fff;
    border-left: 0;
    margin-top: -17px;
    margin-left: -17px;
}

.speech-bubble2 {
    position: relative;
    background: #fff;
    border-radius: .4em;
    padding:20px;
    box-shadow:-3px 3px 5px rgba(0,0,0,.3)
}

.speech-bubble2:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-left-color: #fff;
    border-right: 0;
    margin-top: -17px;
    margin-right: -17px;
}

.flow {
    clear:both;
    margin-top:50px;
}
.flow ul {
    margin:0;
    width:100%;
}
.flow ul li {
    width:310px;
    float:left;
    border:1px solid #e8e8e8;
    text-align:center;
    padding:20px 0;
    margin:0;
}
.flow ul li p.step {
    color:#0073e5;
    font-family:Arial, Helvetica, sans-serif;
    font-size:2.5em;
    line-height:1.5em;
    margin:10px auto;
}
.flow ul li p.title {
    font-size:1.3em;
    font-weight:bold;
    color:#222;
    margin:10px auto;
}
.flow ul li p.description {
    color:#444;
}


.device {
    clear:both;
    margin-top:50px;
    margin-bottom:0;
    overflow:hidden;
}
.device table {
    width:100%;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-collapse: collapse;
}
.device table th, .device table td {
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:12px;
    text-align:center;
}
.device table th span {
    font-size:0.8em;
    font-weight:normal;
}
.device table th p {
    margin-top:10px;
}
.device table th {
    background:#f7f7f7;
}
.device table th.bgBlue {
    background:#ebf5ff;
}
.device table td {
    width:28%;
}
.device ul {
    width:100%;
    margin-bottom:10px;
    margin-top:0;
}
.device ul li {
    float:left;
    border-top:1px solid #eee;
    margin:0;
}
.device ul li.iconPart {
    width:17%;
    padding:15px 0;
}
.device ul li.text {
    width:83%;
    text-align:left;
    padding:15px 0;
}
#sticky-footer {
    background: #fff;
    border:2px solid #2551bf;
    box-shadow:5px 5px 7px rgba(0,0,0,0.4);
    border-radius:7px;
    width: 167px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9989; }

#sticky-footer .container {
    background: transparent;
    border: none;
    color: #ffffff;
    overflow:hidden; }


#sticky-footer .container .img {
    background:url(../img/main/tvphone.png) no-repeat;
    width:167px;
    height:158px;
    border-radius:5px; }
#sticky-footer .container p {
    color:#222;
    text-align:center;
    margin:10px 5px;
    font-size:0.95em;
    line-height:1.2em; }
#sticky-footer .container a {
    background:#e7f4ff;
    border:1px solid #0080ff;
    color:#0076ec;
    display:block;
    margin:10px;
    padding:5px 10px;
    text-align:center;
    font-weight:bold;
    font-size:1.2em; }
#sticky-footer .container a:hover {
    background:#fff;
    text-decoration:none;
}
#sticky-footer .container div.off {
    background:#e9e9e9;
    border:1px solid #cdcdcd;
    color:#c3c3c3;
    display:block;
    margin:10px;
    padding:5px 10px;
    text-align:center;
    font-weight:bold;}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    #sticky-footer .btn-primary {
        margin: 0 0 0 20px;
        width: calc(100% - 51px); } }


div.off {
    background:#e9e9e9;
    border:1px solid #cdcdcd;
    color:#c3c3c3;
    display:block;
    margin:10px;
    padding:5px 10px;
    text-align:center;
    font-weight:bold;
    font-size:1.1em; }


a.btnCallOff {
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.5s;
    background:#e9e9e9;
    border:1px solid #cdcdcd;
    padding:10px 0;
    text-align:center;
    color:#c3c3c3;
    font-weight:bold;
    font-size:1.4em;
    display:inline-block;
    width:94%;
    margin:10px 0 5px 0;
    cursor: default;
    pointer-events: none;
}

a.callJapanOff {
    background:#e9e9e9 url(../img/flag_japan.gif) no-repeat 9px 9px;
    margin-right:4%;
}

a.callKoreaOff {
    background:#e9e9e9 url(../img/flag_korea.gif) no-repeat 9px 9px;
    margin-left:4%;
}
@media screen and (min-width:768px){
    .categoryNav a:hover {
        filter: alpha(opacity=70);
        -moz-opacity:0.7;
        opacity: 0.7;
    }
}

/*  340 ~ 736 */
@media screen and (max-width: 767px){

    .sp-only {
        display:block;
    }
    .pc-only {
        display:none;
    }
    .tvContain .mainImage {
        background:#f0f0f0 url(../img/tvmain_m.png) no-repeat bottom right;
        height:200px;
        margin:0 0 40px 0;
        border:1px solid #f0f0f0;
        text-align:left;
    }

    .mainImage h1 {
        line-height:1.5em;
        font-size:1.7em;
        font-weight:bold;
        text-align:center;
        margin-left:0;
    }
    .tvContain h2 {
        font-size:1.2em;
        line-height:1.1em;
        margin-top:10px;
    }
    .tvContain h2.flow {
        font-size:1.8em;
    }
    .tvContain h3 {
        font-size:1.2em;
        line-height:1.1em;
    }
    .tvContain h3.facetime {
        line-height:1em;
    }
    .tvContain ul li {
        display:block;
        width:100%;
    }

    .tvContain ul li a {
        display:inline-block;
        width:90%;
        font-size:0.9em;
    }
    .mainImage p {
        font-size:1em;
        margin-left:10px;
        line-height:1.4em;
        margin-top:20px;
        color:#444;
    }
    .mainImage p.des {
        display:none;
    }
    .mainImage p.slogan {
        font-size:1em;
        margin-top:10px;
        text-align:center;
        margin-left:0;
    }
    .flow ul li {
        display:block;
        width:90%;
        padding:2%;
        margin:3%;
    }
    .flow ul li img {
        width:40%;
    }

    .tvContain .roundBox {
        border-radius:10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        padding:10px;
        margin:10px;
        overflow:hidden;
        clear:both;
    }
    .tvContain .whiteBox {
        border:1px solid #f0f0f0;
        background:#fff;
        padding:10px;
        margin-top:10px;
        overflow:hidden;
        clear:both;
    }

    .btnPart {
        float:left;
        width:49%;
    }
    .btnPart p {
        font-size:0.85em;
    }
    a.btnCall {
        padding:3% 0;
        font-size:1em;
        display:inline-block;
        width:84%;
        margin:10px 0 5px 0;
        font-size:0.9em;
        text-decoration:none;
    }
    a:hover.btnCall {
        background:#1ba2e1;
        border:1px solid #1399d7;
        text-decoration:none;
        text-align:left;
    }
    a.callKorea {
        background:#0073e5 url(../img/flag_korea.gif) no-repeat 5px 5px;
        margin-left:4%;
        padding-left:14%;
        background-size:25px auto;
    }
    a.callJapan {
        background:#0073e5 url(../img/flag_japan.gif) no-repeat 5px 5px;
        margin-right:4%;
        padding-left:14%;
        background-size:25px auto;
    }
    a:hover.callKorea {
        background:#1ba2e1 url(../img/flag_korea.gif) no-repeat 5px 5px;
        background-size:25px auto;
        padding-left:14%;
    }
    a:hover.callJapan {
        background:#1ba2e1 url(../img/flag_japan.gif) no-repeat 5px 5px;
        background-size:25px auto;
        padding-left:14%;
    }
    a.btnFacetime {
        padding:3% 0;
        font-size:0.9em;
        display:inline-block;
        width:84%;
        margin:10px 0 5px 0;
        text-align:left;
    }
    a:hover.btnFacetime {
        text-align:right;
        text-decoration:none;
    }
    a.facetimeKorea {
        background:#00bf51 url(../img/flag_korea.gif) no-repeat 5px 5px;
        background-size:25px auto;
        margin-left:4%;
        text-align:right;
        padding-right:14%;
    }
    a.facetimeJapan {
        background:#00bf51 url(../img/flag_japan.gif) no-repeat 5px 5px;
        background-size:25px auto;
        margin-right:4%;
        text-align:right;
        padding-right:14%;
    }
    a:hover.facetimeKorea {
        background:#0acb65 url(../img/flag_korea.gif) no-repeat 5px 5px;
        background-size:25px auto;
        text-align:right;
        padding-right:14%;
    }
    a:hover.facetimeJapan {
        background:#0acb65 url(../img/flag_japan.gif) no-repeat 5px 5px;
        background-size:25px auto;
        text-align:right;
        padding-right:14%;
    }
    .flow ul li p.step {
        font-size:1.5em;
        font-weight:bold;
    }
    .flow ul li p.title {
        font-size:1.2em;
        font-weight:bold;
        margin:7px 0 5px 0;
    }
    .flow ul li p.description {
        font-size:0.9em;
    }
    .device table {
        font-size:0.8em;
        margin:2%;
    }
    .device table th, .device table td {
        padding:1%;
        vertical-align:top;
    }
    .device table th img{
        height:50px;
    }
    .device table th span {
        font-size:0.8em;
    }
    .device table th p {
        margin-top:5px;
    }
    .device table th.device {
        width:5%;
    }
    .device table td.content {
        width:25%;
    }
    .device h2 {
        margin:10px;
        font-size:1.2em;
    }
    .device ul {
        margin:3%;
        width:94%;
    }
    .device ul li.iconPart img {
        width:50%;
    }
    .whiteBox .imagePart img {
        width:90%;
    }
    .whiteBox ul li p {
        text-align:left;
        margin:10px 0 5px 0;
        padding:0;
    }
    .whiteBox ul li a {
        text-align:left;
        margin:0;
        padding:0;
        border:0;
    }
    #footer {
        padding-bottom:100px; }
    #sticky-footer {
        background: rgba(255,255,255,0.9);
        border:2px solid #2d2d2d;
        box-shadow:5px 5px 7px rgba(0,0,0,0.4);
        border-radius:7px;
        width: 96%;
        position: fixed;
        bottom: 6px;
        right: 6px;
        z-index: 9989; }
    #sticky-footer .container {
        background: transparent;
        border: none;
        color: #ffffff;
        overflow:hidden; }
    #sticky-footer .container .img {
        float:right;
        background:url(../img/tvphone_m.png) no-repeat right bottom;
        width:69px;
        height:100px;
        border-radius:5px; }
    #sticky-footer .container p {
        padding:0 10px;
        background:none;
        border-radius:7px;
        color:#222;
        font-weight:bold;
        font-size:1.1em;
        border:0;
        margin:2px 0 0 0; }
    #sticky-footer .container p img {
        margin-top:5px;
    }
    #sticky-footer .container a {
        background:#c41b1e;
        border:1px solid #b00003;
        color:#fff;
        display:inline-block;
        padding:5px 10px;
        text-align:center;
        font-weight:bold;
        font-size:0.9em;
        transition: all 0.5s; }
    #sticky-footer .container a:hover {
        text-decoration:none;
        background:#d6181c;
    }
    #sticky-footer .container span.off {
        background:#dddddd;
        border:1px solid #c5c5c5;
        color:#bababa;
        display:inline-block;
        padding:5px 10px;
        text-align:center;
        font-weight:bold;
        font-size:0.9em; }
    .overview {
        margin-left:0;
    }
}
/* categoryNav02 */
.categoryNav02 a {
    display: table;
    width: 100%;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: solid 2px #034a33;
    box-shadow: #003222 0px -2px inset;
    -webkit-box-shadow: #003222 0px -2px inset;
    -moz-box-shadow: #003222 0px -2px inset;
    color: #fff;
    text-decoration: none;
    background: #317ac6;
}
.categoryNav02 a figure {
    display: table-cell;
    width: 120px;
    padding: 19px 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background: #fff;
    vertical-align: middle;
}
.categoryNav02 a > span,
.categoryNav02 a > dl {
    display: table-cell;
    min-width: 180px;
    padding: 14px 0 14px;
    background: #317ac6;
    text-decoration: none;
    vertical-align: middle;
}
.categoryNav02 a > dl > dt {
    position: relative;
    padding: 0 13px;
    font-size: 1.286em;
    font-weight: bold;
}
.categoryNav02 a > dl > dd {
    margin-top: 5px;
    padding: 0 13px;
    font-size: 0.929em;
}
@media screen and (min-width:768px){
    .categoryNav02 a:hover {
        filter: alpha(opacity=70);
        -moz-opacity:0.7;
        opacity: 0.7;
    }
}


/*-------------------------------------------
column
-------------------------------------------*/

*[class^="column"] .col,
*[class^="column"] .col2 {
    float: left;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*[class^="column"] > .columnInner:before,
*[class^="column"] > .columnInner:after {
    content: " ";
    display: table;
}
*[class^="column"] > .columnInner:after {
    clear: both;
}
*[class^="column"] > .columnInner {
    *zoom: 1;
}
.column1 .col {
    width: 100%;
    float: none;
    margin-bottom:0px;
}
.column2 .col {
    width: 46%;
    margin-left: 50px;
}
.column2 .columnWide .col {
    position: relative;
    width: 320px;
    margin-left: 50px;
}
.column2.columnWide .col + .col:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -38px;
    width: 28px;
    height: 76px;
    margin-top: -38px;
    background: url(../img/bg_arrow_right01.png) 0 0 no-repeat;
}
.column3 .col {
    width: 234px;
    margin-left: 24px;
}
.column4 .col {
    width: 171px;
    margin-left: 22px;
}

.full .column1 .col {
    width: 1008px;
}
.full .column2 .col {
    width: 490px;
    margin-left: 28px;
}
.full .column2.columnWide .col {
    width: 445px;
}
.full .column3 .col {
    width: 300px;
}
.full .column4 .col {
    width: 220px;
}

.modalBlock01 .column3 .col {
    width: 184px;
}

.mainNarrow .column1 .col {
    width: 770px;
}
.mainNarrow .column1.nalowBlock .col {
    width: 365px;
    margin-left: auto;
    margin-right: auto;
}
.mainNarrow .column2 .col {
    width: 375px;
    margin-left: 20px;
}
.mainNarrow .column2.columnWide .col {
    position: relative;
    width: 320px;
    margin-left: 50px;
}
.mainNarrow .column3 .col {
    width: 234px;
    margin-left: 24px;
}
.mainNarrow .column3 .col2 {
    width: 492px;
    margin-left: 24px;
}
.mainNarrow .column4 .col {
    width: 171px;
    margin-left: 22px;
}
.mainNarrow .column5 .col {
    width: 134px;
    margin-left: 20px;
}
.mainNarrow .column6 .col {
    width: 110px;
    margin-left: 18px;
}
.mainNarrow .column7 .col {
    width: 96px;
    margin-left: 13px;
}
.mainNarrow .column8 .col {
    width: 85px;
    margin-left: 10px;
}
.column2 .col:nth-child(2n+1),
.column3 .col:nth-child(3n+1),
.column3 .col2:nth-child(3n+1),
.column4 .col:nth-child(4n+1),
.column5 .col:nth-child(5n+1),
.column6 .col:nth-child(6n+1),
.column7 .col:nth-child(7n+1),
.column8 .col:nth-child(8n+1) {
    clear: left !important;
    margin-left: 0 !important;
}

/*-------------------------------------------
column customize parts
-------------------------------------------*/

.columnParts01 {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.columnParts01 > * {
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
}
.columnParts01 > * + * {
    padding-right: 0;
}
.columnParts01 > *:first-child {
    padding-left: 0;
}
.columnParts01 > *:last-child {
    padding-right: 0;
}
.columnParts01 + * {
    margin-top: 10px;
}
.columnParts02 {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.columnParts02 > * {
    display: table-cell;
    vertical-align: top;
}
/*-------------------------------------------
blockColumn
-------------------------------------------*/
.spBlockColumn-other {
    display: flex;
}
.sArrow {
    width: 3.5%;
    margin-top: 170px;
    text-align: center;
}
.blockColumn30 {
    width: 31%;
}
*[class^="blockColumn"] > * {
    float: left;
    margin-left: 2%;
}
*[class^="blockColumn"] > *:first-child {
    margin-left: 0;
}
.blockColumn2 > * {
    width: 49%;
}
.blockColumn3 > * {
    width: 32%;
}
.blockColumn4 > * {
    width: 23.5%;
}
.blockColumn5 > * {
    width: 18.4%;
}
.blockColumn2 > *:nth-child(2n+1),
.blockColumn3 > *:nth-child(3n+1),
.blockColumn4 > *:nth-child(4n+1),
.blockColumn5 > *:nth-child(5n+1) {
    clear: both;
    margin-left: 0;
}
/*-------------------------------------------
tableColumn
-------------------------------------------*/
.tableColumn01 {
    width: 100%;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
}
.tableColumn01 th,
.tableColumn01 td {
    padding:3px 5px;
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    font-size:0.9em;
}
.tableColumn01 tbody th {
    background:#e7efff;
    font-weight:bold;
}
.tableColumn01 > .col {
    display: table-cell;
}
/*-------------------------------------------
boxBlock
-------------------------------------------*/
*[class*="boxBlock"] {
    padding: 18px 15px;
    background: #fff;
    overflow:hidden;
}
*[class*="boxBlock"] .title {
    font-weight: bold;
    font-size: 1.143em;
}
*[class*="boxBlock"] a {
    font-color:
}
.boxBlock01 {
    border: 2px solid #ccc;
    background:#f7f7f7;
}
.boxBlock01 .title > .titleInner {
    color: #049849;
}
.boxBlock01 .title a {
    position: relative;
    padding-left: 30px;
}
.boxBlock01 .title a:before {
    display: block;
    position: absolute;
    top: 0em;
    left: 0;
    font-size: 20px;
    margin-top: -3px;
    line-height: 1;
}
.boxBlock02 {
    border-bottom:1px solid #ccc;
    padding:25px 0 25px 0;
}

.boxBlock03 {
    display:inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border:1px solid #8d8d8d;
    font-size:0.8em;
    padding:1px 5px;
    margin-left:5px;
    color:#222;
}

.boxBlock04 {
    display: block;
    border:1px solid #ccc;
}
.boxBlock05 {
    border:0;
    background:#fff;
}
.boxBlock06 {
    border:5px solid #d4eff9;
    background:#fff;
}
.boxBlock07 {
    border:2px dotted #ff93ac;
}
.boxBlock08 {
    display: block;
    border:3px solid #ccc;
    height: 130px;
}
.boxBlock09 {
    display:inline-block;
    width: 140px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size:0.9em;
    padding:6px;
    color:#FFF;
    background: #2763c5;
}
.boxBlockTable {
    display: block;
    border:2px solid #004799;
    background:none;
    position:absolute;
    float:left;
    height:213px;
    left:50%;
}
.boxBlockTable01 {
    width:138px;
    margin-left:-147px;
}
.boxBlockTable02 {
    width:138px;
    margin-left:0px;
}
.boxBlockTable03 {
    width:138px;
    margin-left:147px;
}
.blockInner *[class^="normalBlockA"],
.blockInner *[class*=" normalBlockA"],
.blockInner .attentionBlock01,
.blockInner *[class^="strongBlock"],
.blockInner *[class*=" strongBlock"],
.blockInner .relevanceBlock01,
.blockInner .relevanceBlock02{
    margin-bottom: 10px;
}

*[class^="normalBlockA"] > .blockInner,
*[class*=" normalBlockA"] > .blockInner,
.attentionBlock01 > .blockInner,
.attentionBlock02 > .blockInner,
*[class^="strongBlock"] > .blockInner,
*[class*=" strongBlock"] > .blockInner,
.relevanceBlock01 > .blockInner,
.relevanceBlock02 > .blockInner {

    /*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
*/
    /*box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;
	-webkit-box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;
	-moz-box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;*/
}
.attentionBlock01 > .blockInner > *,
.attentionBlock02 > .blockInner > *,
*[class^="strongBlock"] > .blockInner > *,
*[class*=" strongBlock"] > .blockInner > *{
    margin-bottom: 10px;
}

*[class^="normalBlockA"] > .blockInner .blockTitle,
*[class*=" normalBlockA"] > .blockInner .blockTitle {
    padding: 12px 19px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 1.286em;
    /*
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
*/
}
*[class^="normalBlockA"] > .blockInner .blockDetail,
*[class*=" normalBlockA"] > .blockInner .blockDetail {
    background: #fff;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
*[class^="normalBlockA"] > .blockInner .blockDetail > *,
*[class*=" normalBlockA"] > .blockInner .blockDetail > *,
.normalBlockB01 > .blockInner > * {
    margin-bottom: 10px;
}
.blockInner ul li {
    float:left;
    width:100%;
}
.blockInner ul li {
    padding:5px;
    vertical-align:middle;

}
.normalBlockA01 > .blockInner .blockTitle {
    background: #fff;
}
.normalBlockA01 > .blockInner {
    padding:25px;
    border:1px solid #ccc;
    margin-bottom:20px;
}
.normalBlockA02 > .blockInner {
    padding:25px;
    border:2px solid #ccc;
}
.normalBlockA02 > .blockTitle {
    border-left:4px solid #09F;
    padding-left:10px;
    margin-top:30px;
    color:#333;
    font-weight:bold;
    font-size:1.4em;
}
.normalBlockA02 > .blockInner .blockTitle {
    padding: 12px 10px 13px;
    background: #a0c81e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.normalBlockA01 > .blockInner .blockTitle a,
.normalBlockA02 > .blockInner .blockTitle a,
.normalBlockA03 > .blockInner .blockTitle a,
.normalBlockA04 > .blockInner .blockTitle a {
    color: #333;
}
.normalBlockA03 > .blockInner {
    border: solid 1px #ffe4ba;
    background:#fff6e8;
    padding:20px;
}
.normalBlockA03 > .blockInner .blockTitle {
    border-bottom: solid 1px #e09292;
    background: #fff1f1;
}
.normalBlockA04 > .blockInner {
    padding:15px;
    border:1px solid #ccc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    box-shadow: #e2e2e2 0px -2px inset;
}
.blockTitle03 {
    background: #53bae5;
    color:#fff;
    border:1px solid #39b0e1;
    padding:7px 20px 6px 20px;
    font-size:1.3em;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}
.blockTitle04 {
    background: #e6efff;
    color:#052f74;
    border:1px solid #c6dbff;
    padding:7px 20px 6px 20px;
    font-size:1.3em;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}
.normalBlockA04 > .blockInner .blockTitle {
    background: #e6efff;
    color:#052f74;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}
.normalBlockA04 .blockDetail {
    border:1px solid #999;
    padding:20px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.normalBlockA05 > .blockInner .blockTitle {
    background: #abce02;
}
.normalBlockA05 .normalBlockA05Inner {

}
.normalBlockA06 > .blockInner .blockTitle {
    background: #f1fecb;
}
.normalBlockA07 > .blockInner .blockTitle {
    background: #f6f9e5;
}
.attentionBlock01 > .blockInner,
*[class^="strongBlock"] > .blockInner,
*[class*=" strongBlock"] > .blockInner {
    padding: 25px 25px 15px;
}
.attentionBlock01 > .blockInner > *,
*[class^="strongBlock"] > .blockInner > *,
*[class*=" strongBlock"] > .blockInner > * {
    margin-bottom: 10px;
}
.attentionBlock01 > .blockInner {
    background: #fff;
    border: 1px solid #e19393;
}
.attentionBlock01 > .blockInner a {
    color: #c00;
    text-decoration: underline;
}


.attention p.title {
    font-size:0.8em;
    font-weight:bold;
}
.attention p.title span {
    display:inline-block;
    padding:2px 5px;
    color:#fff;
    background:#F00;
}


/*-------------------------------------------
coupon
-------------------------------------------*/
.coupon{
    border: solid 1px #ccc;
    padding:0 0 15px;
    box-shadow:1px 1px 5px rgba(0,0,0,.3);
    min-height:206px;
    background:url(../img/coupon_off.png) left center no-repeat;
    margin:30px auto;
    width:497px;
}
p.code {
    position:relative;
    left:55%;
    top:70px;
    text-align:center;
    padding:10px;
    border-top:4px solid #000;
    border-bottom:1px solid #000;
    font-size:1.3em;
}
p.code strong {
    font-size:1.6em;
}
@media screen and (max-width:767px){
    .coupon{
        min-height:130px;
        background-size:150px 130px;
        background:url(../img/coupon_off_s.png) left center no-repeat;
        margin:20px auto;
        width:100%;
    }
    .coupon img {
        width:auto;
        height:130px;
    }
    p.code {
        left:55%;
        top:73px;
        padding:5px;
        font-size:1em;
        background:rgba(255,255,255,.7)
    }
    p.code strong {
        font-size:1.2em;
    }
}


.tokuchoBox{
    border: solid 1px #ccc;
    padding:0 0 15px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow:1px 1px 5px rgba(0,0,0,.3);
}

.tokuchoBox .textBox p{
    margin-top: 15px;
    text-align: center;
}
.tokuchoBox p.title{
    color: #fff;
    text-align: center;
    font-size:1.2em;
    background:#54b4f7;
    margin-top:0;
    padding:5px 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.tokuchoBox p img {
    vertical-align:middle;
}
.tokuchoBox .textBox p.tel{
    font-size:1.5em;
    font-weight:bold;
    line-height:1em;
}
.tokuchoBox .textBox p.tel span{
    font-size:0.7em;
    font-weight:normal;
}
.topBottomLineBox{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding:7px 0;
    overflow:hidden;
}
.topBottomLineBox div.text{
    vertical-align:middle;
    color:#777;
    font-size:0.85em;
    margin-top:25px;
}
@media screen and (min-width:768px){
    .attentionBlock01 > .blockInner .glyphAttention01 a:hover,
    p.glyphAttention01 > span a:hover {
        filter: alpha(opacity=70);
        -moz-opacity:0.7;
        opacity: 0.7;
    }
}
.attentionBlock02 > .blockInner {
    padding: 10px 10px 0;
    background: #fff7f7;
    border: 1px solid #f00;
    box-shadow: none;
}
.stepBlockA01 > .blockInner {
    padding:15px;
    background: #f6f6f6;
    overflow:hidden;
}
.stepBlockA01 > .blockInner .blockDetail img {
    border:1px solid #ccc;
}
.strongBlockA01 > .blockInner {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    background: #edf4ff;
}
.strongBlockA02 > .blockInner {
    border: 0;
    background: #eee;
}
.strongBlockA03 > .blockInner {
    border: 0;
    background: #f4f4f4;
}
.strongBlockA04 > .blockInner {
    border: 0;
    background: #ffecec;
}
.strongBlockA05 > .blockInner {
    border: 0;
    background: #d4edec;
}
.strongBlockA06 > .blockInner {
    border: 0;
    background: #fedb65;
}
.strongBlockA07 > .blockInner {
    border: 0;
    background: #b1d9f3;
}
.strongBlockA08 > .blockInner {
    border: 0;
    background: #c5de78;
}
.strongBlockA09 > .blockInner {
    border: 0;
    background: #c4bad5;
}

.boxPaddingSmall01 {
    padding-top: 10px !important;
    padding-bottom: 1px !important;
}

/*relevanceBlock*/
.relevanceBlock01 > .blockInner,
.relevanceBlock02 > .blockInner {
    display: table;
    width: 100%;
}
.relevanceBlock01 > .blockInner > *,
.relevanceBlock02 > .blockInner > * {
    display: table-cell;
    vertical-align: middle;
}
.relevanceBlock01 > .blockInner .blockTitle,
.relevanceBlock02 > .blockInner .blockTitle {
    padding: 19px 10px;
    width: 118px;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #ccc;
}
.relevanceBlock01 > .blockInner .blockTitle {
    background: #f2f2f2;
}
.relevanceBlock02 > .blockInner .blockTitle {
    background: #e4fbef;
}
.relevanceBlock01 > .blockInner .blockDetail,
.relevanceBlock02 > .blockInner .blockDetail {
    padding: 19px 20px;
    background: #fff;
}

.blockDetail.noPadding{
    padding: 0 !important;
}

/*colorBlock*/
.colorBlockA01 {
    padding: 15px 20px;
    background: #fff8dd;
    border: 1px solid #049849;
}
/*searchWordBlock*/
.searchWordBlock01 dl {
    display: table;
    width: 100%;
}
.searchWordBlock01 dl > * {
    display: table-cell;
    vertical-align: middle;
}
.searchWordBlock01 dl > dt {
    font-weight: bold;
    width: 10em;
}
.searchWordBlock01 dl > dd .keywordList01 li {
    display: inline-block;
    vertical-align: middle;
}
.searchWordBlock01 dl > dd .keywordList01 li > a {
    padding-left: 15px;
}
/*spSearchBlock01*/
.spSearchBlock01 {
    padding: 15px;
    background: #f2f2f2;
    border-bottom: 1px solid #ccc;
}
.spSearchBlock01 > div {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.spSearchBlock01 > div > * {
    display: table-cell;
    vertical-align: middle;
}
.spSearchBlock01 > div > div:first-child {
    width: 100%;
}
.spSearchBlock01 > div > div:last-child {
    padding-left: 10px;
    width: 3em;
}
.spSearchBlock01 input[type="search"] {
    width: 100%;
    padding: 10px;
    -webkit-appearance:normal;
    appearance:normal;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.spSearchBlock01 > div > div:last-child button {
    display: block;
    width: 100%;
    padding: 8px 0 8px;
    background: #ee6d34;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.spSearchBlock01 > div > div:last-child button img {
    width: 17px;
}
/*dateBlock*/
.dateBlock01 dl,
.dateBlock02 dl,
.dateBlock03 dl {
    display: table;
    width: 100%;
    margin-top: 20px;
}
.dateBlock01 dl:first-child,
.dateBlock02 dl:first-child,
.dateBlock03 dl:first-child {
    margin-top: 0;
}
.dateBlock01 dl > *,
.dateBlock02 dl > *,
.dateBlock03 dl > * {
    display: table-cell;
    vertical-align: top;
}
.dateBlock01 dl > dt,
.dateBlock02 dl > dt,
.dateBlock03 dl > dt {
    width: 10em;
    color: #666;
}
.dateBlock01 dl > dd > a {
    vertical-align: top;
}
.dateBlock02 {
    background: #fff;
    padding: 18px 20px 20px 20px;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.dateBlock02 dl > dd > a {
    position: relative;
}
.dateBlock01 dl .noLink {
    padding-left: 0.8em;
}
.dateBlock03 dd .dateIcon01 {
    display: table-cell;
    width: 7em;
    padding-right: 10px;
}
.dateBlock03 dd .dateIcon01 [class*="iconType01"] {
    width: 100%;
}
.dateBlock03 dd .dateText01 {
    display: table-cell;
}
.telNumber {
    position: relative;
    cursor: default;
}
.telNumber.glyphTel > span,
.telNumber.glyphFax > span {
    padding-left: 2.5em;
}
.telNumber.glyphTel > span:before,
.telNumber.glyphFax > span:before {
    bottom: 0;
    top: auto;
    font-size: 1.8em;
}
.telBeforeText,
.telBeforeText + .telNumber {
    display: inline-block;
}
.telBeforeText + .telNumber {
    margin-left: 5px;
}
.telNumber + .telAfterText {
    display: block;
    margin-top: 10px;
}
.telBlock01 .telTitle {
    margin-bottom: 20px;
    font-weight: bold;
    color: #01894d;
}
.telBlock02 > .telTitle,
.telBlock02 > .telDetail > * {
    margin-bottom: 10px;
}
.telBlock02 > .telDetail {
    text-align: center;
}
.phoneNumber {
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #333;
    width: 18px;
    text-align: center;
    line-height: 1.2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

/*states*/
dl.states {
    display: table;
    width: 100%;
}
dl.states > * {
    display: table-cell;
    vertical-align: middle;
}
dl.states {
    border-bottom:1px solid #ccc;
    background:#fff;
    font-size:0.9em;
}
dl.states > dt {
    font-weight: bold;
    padding:2%;
    width: 26%;
    border-top:1px solid #ccc;
    float:left;
}
dl.states > dd {
    float:left;
    width: 70%;
    padding:7px 0;
    border-top:1px solid #ccc;
}

dl.states > dd .keywordList01 li {
    display: inline-block;
    vertical-align: middle;
}
.searchWordBlock01 dl > dd .keywordList01 li > a {
    padding-left: 15px;
}
@media screen and (min-width:768px){
    .phoneNumberLink:hover {
        color: inherit;
    }
}
.telNumberGroup {
    margin: 0 auto 10px;
    text-align: center;
}
.telNumberWrap {
    margin-bottom: 20px;
}
.blockDetail .image {
    margin-bottom: 20px;
}

.nfBox {
    border: 1px solid #ccc;
}

.linkBlock01 {
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.linkBlock01 ul > li > a {
    display: block;
    padding: 10px;
    border-top: 1px solid #ccc;
}
.linkBlock01 ul > li:first-child > a {
    border-top: none;
}

/*linkBox*/
.linkBox01 .current {
    display: inline-block;
    width: 100%;
    padding: 13px 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #2a4287;
    border: 1px solid #011349;
    box-shadow: #172b63 0px -2px inset;
    -webkit-box-shadow: #172b63 0px -2px inset;
    -moz-box-shadow: #172b63 0px -2px inset;
    color: #fff;
    text-align: left;
    text-decoration: none;
}
.linkBox01 a {
    display: inline-block;
    width: 100%;
    padding: 13px 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: #e2e2e2 0px -2px inset;
    -webkit-box-shadow: #e2e2e2 0px -2px inset;
    -moz-box-shadow: #e2e2e2 0px -2px inset;
    color: #333;
    text-align: left;
    text-decoration: none;
}
.linkBox01 a dt span {
    height: 3.2em;
    line-height: 1.2;
}
.cateBanner1 {
    background:url(../img/cateBanner_img1.jpg) no-repeat center center;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}
.cateBox01 a {
    display: inline-block;
    width: 100%;
    padding: 42px 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: #e2e2e2 0px -2px inset;
    -webkit-box-shadow: #e2e2e2 0px -2px inset;
    -moz-box-shadow: #e2e2e2 0px -2px inset;
    text-decoration: none;
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
    text-align:center;
    height:128px;
    vertical-align:middle;
}
.cateBox01 a.cateBanner1 {
    background:url(../img/cateBanner_img1_o.jpg) no-repeat center center;
}

.cateBox01 a.cateBanner1:hover {
    background:url(../img/cateBanner_img1.jpg) no-repeat center center;
    font-size:0;
}
.cateBox01 a.cateBanner2 {
    background:url(../img/cateBanner_img2_o.jpg) no-repeat center center;
}

.cateBox01 a.cateBanner2:hover {
    background:url(../img/cateBanner_img2.jpg) no-repeat center center;
    font-size:0;
}
.cateBox01 a.cateBanner3 {
    background:url(../img/cateBanner_img3_o.jpg) no-repeat center center;
}

.cateBox01 a.cateBanner3:hover {
    background:url(../img/cateBanner_img3.jpg) no-repeat center center;
    font-size:0;
}
.cateBox01 a.cateBanner4 {
    background:url(../img/cateBanner_img4_o.jpg) no-repeat center center;
}

.cateBox01 a.cateBanner4:hover {
    background:url(../img/cateBanner_img4.jpg) no-repeat center center;
    font-size:0;
}
.cateBox01 a p {
    color:#24538c;
    font-size:2em;
    text-align:center;
    font-weight:bold;
}
.column2 .linkBox01 a dt span {
    height: 2.0em;
}
@media screen and (min-width:768px){
    .linkBox01 a:hover {
        filter: alpha(opacity=70);
        -moz-opacity:0.7;
        opacity: 0.7;
        color: inherit;
    }
}


/*balloonBlock*/
.balloonBlockA01 {
    position: relative;
    margin-top: 15px;
    padding: 15px 5px 10px;
    background: #fff;
    border: 2px solid #049849;
    text-align: center;
    font-weight: bold;
    font-size: 1.143em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.balloonBlockA01:before {
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: 50%;
    width: 16px;
    height: 9px;
    margin-left: -8px;
    background: url(../bg_balloon_top01.png) 0 0 no-repeat;
}
.balloonBlockA01 em {
    font-size: 1.25em;
}
.balloonBlockA01 + * {
    margin-top: 20px;
}
.balloonBlockA01 + * {
    margin-top: 10px;
}
/*questionBlock*/
.questionBlock01 > *,
.questionBlock01 > * {
    padding-left: 50px;
    position: relative;
}
.questionBlock01 > dt {
    padding-top: 5px;
    padding-bottom: 20px;
    font-weight: bold;
}
*[role="tablist"] > dt a > .accBtn,
*[role="tablist"] > dt a > .accBtnKr {
    position: relative;
    min-width: 74px;
    margin-left: 20px;
    padding: 5px 7px;
    background: #fff;
    text-align: center;
    line-height: 1;
    border: 1px solid #d3d3d3;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow:rgba(0, 0, 0, 0.0980392) 0px 2px 1px 0px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 2px 1px 0px;
    -moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 2px 1px 0px;
}
*[role="tablist"] > dt a > .accBtn > span,
*[role="tablist"] > dt a > .accBtnKr > span {
    position: relative;
    padding-left: 1.4em;
}
*[role="tablist"] > a > .accBtn2 {
    position: relative;
    min-width: 74px;
    margin-left: 20px;
    padding: 5px 7px;
    background: #fff;
    text-align: center;
    line-height: 1;
    border: 1px solid #d3d3d3;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow:rgba(0, 0, 0, 0.0980392) 0px 2px 1px 0px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 2px 1px 0px;
    -moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 2px 1px 0px;
}
*[role="tablist"] > a > .accBtn2 > span {
    position: relative;
    padding-left: 1.4em;
}




.questionBlock01 > dd,
.questionBlock01 > div > dd {
    padding-top: 5px;
    padding-bottom: 20px;
}
.questionBlock01 .icon {
    display: block;
    position: absolute;
    top: 0em;
    left: 0;
    padding: 5px 9px;
    line-height: 1;
    font-weight: bold;
    font-size: 1.429em;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.jsJunctionBlock *[class*="jsAnswer"] {
    display: none;
}
.questionBlock02 .col {
    margin-bottom: 0;
}
.questionBlock02 .blockInner {
    display: table;
    width: 100%;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.questionBlock02 .blockInner > * {
    display: table-cell;
    vertical-align: middle;
}
.questionBlock02 .blockInner .icon {
    width: 105px;
    background: #049849;
    color: #fff;
    font-size: 60px;
    text-align: center;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.questionBlock02 .blockInner .questionContent {
    padding: 30px 145px 30px 30px;
    background: #fff url(../img/bg_question_mygate.gif) right 30px center no-repeat;
    line-height: 1.2;
    font-size: 1.571em;
    font-weight: bold;
}
.questionBlock02 + .questionLink {
    padding-bottom: 25px;
}
.questionBlock02 + .questionLink .questionYes,
.questionBlock02 + .questionLink .questionNo {
    padding-top: 80px;
    background: 142px 0 no-repeat;
}
.questionBlock02 + .questionLink .questionYes {
    background-image: url(../img/bg_question_yes01.gif);
}
.questionBlock02 + .questionLink .questionNo {
    background-image: url(../img/bg_question_no01.gif);
}
.questionBlock02 + .questionLink .questionYes .select,
.questionBlock02 + .questionLink .questionNo .select {
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.questionBlock02 + .questionLink .select + .balloonBlockA01 {
    display: none;
}
.questionBlock02 + .questionLink .questionYes .select {
    border: 1px solid #d75385;
    background-color: #fbe4f4;
}
.questionBlock02 + .questionLink .questionNo .select {
    border: 1px solid #42abc5;
    background-color: #e4f4fb;
}
.questionBlock02 + .questionLink .questionYes .select:before,
.questionBlock02 + .questionLink .questionNo .select:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -44px;
    left: 50%;
    width: 56px;
    height: 43px;
    margin-left: -28px;
}
.questionBlock02 + .questionLink .questionYes .select:before {
    background-image: url(../img/bg_question_yes02.gif);
}
.questionBlock02 + .questionLink .questionNo .select:before {
    background-image: url(../img/bg_question_no02.gif);
}

.questionBlock02 + .questionLink .questionYes .select > span:before,
.questionBlock02 + .questionLink .questionNo .select > span:before {
    display: none;
}
.questionBlock01 dt .icon {
    background: #049849;
}
.questionBlock01 dd .icon {
    background: #ed6d34;
}
.questionBlock03 > * {
    position: relative;
    padding-left: 90px;
}
.questionBlock03 .icon {
    display: table;
    width: 70px;
    position: absolute;
    top: 0em;
    left: 0;
    line-height: 1;
    font-weight: bold;
    font-size: 1.429em;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.questionBlock03 .icon > * {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
}
.questionBlock03 .icon .number {
    width: 39px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -ms-border-bottom-right-radius: 3px;
    -o-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.questionBlock03 > dt {
    padding-top: 5px;
    font-weight: bold;
    padding-bottom: 25px;
}
.questionBlock03 > dd,
.questionBlock03 > div > dd {
    padding-top: 5px;
    padding-bottom: 20px;
}
.questionBlock01 .answer .accTitle,
.questionBlock03 .answer .accTitle {
    margin-bottom: 20px;
    font-weight: bold;
}
/*.questionBlock03 > * .icon .number {
	display: inline-block;
	width: 39px;	
	text-align: center;	
} */
.questionBlock03 > dt .icon {
    border: 1px solid #049849;
    background: #049849;
    color: #fff;
}
.questionBlock03 > dt .icon .number {
    background: #fff;
    color: #049849;
}
.questionBlock03 dd .icon {
    border: 1px solid #ed6d34;
    background: #ed6d34;
    color: #fff;
}
.questionBlock03 dd .icon .number {
    background: #fff;
    color: #ed6d34;
}



/*stepBlock01*/
.stepBlock01 > li {
    margin-top: 12px;
}
.stepBlock01 > li > .blockInner {
    display: table;
    width: 100%;
    min-height: 100px;
}
.stepBlock01 > li.lastChild > .blockInner {
    min-height: 0;
}
.stepBlock01 > li > .blockInner > *,
.stepBlock01 > li > .blockInner > .detail > * {
    display: table-cell;
    vertical-align: top;
}
.stepBlock01 > li > .blockInner > .title,
.stepBlock01 > li > .blockInner > .detail > figure {
    width: 60px;
}
.stepBlock01 > li > .blockInner > .title {
    position: relative;
    background: url(../img/bg_step_arrow02.gif) center 0 repeat-y;
}
.stepBlock01 > li.lastChild > .blockInner > .title {
    background: none;
}
.stepBlock01 > li > .blockInner > .title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 28px;
    height: 12px;
    margin-left: -14px;
    background: url(../img/bg_step_arrow01.png) 0 0 no-repeat;
}
.stepBlock01 > li.lastChild > .blockInner > .title:before {
    display: none;
}
.stepBlock01 > li > .blockInner > .title .titleInner {
    display: block;
    padding: 10px 0 5px;
    background: #049849;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.143em;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.stepBlock01 > li > .blockInner > .title .titleInner > span {
    display: block;
    font-size: 1.5em;
}
.stepBlock01 > li > .blockInner > .detail > * {
    padding-left: 15px;
}
.stepBlock01 > li > .blockInner > .detail .detailInner > .title {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 1.143em;
}
.stepBlock01 > li > .blockInner > .detail .detailInner > .detail > * {
    margin-bottom: 10px;
}
.qrcord > * {
    vertical-align: top;
}

/*searchBox*/
.searchBox01 {
    position: relative;
    vertical-align: middle;
    text-align: left;
}
.searchBox01 > p {
    padding: 5px 35px 5px 15px;
    background: #ebebeb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
}
.searchBox01 *[type="search"],
.searchBox01 *[type="text"] {
    width: 100%;
    min-height: 24px;
    border: 0;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.searchBox01 input + [type="submit"] {
    display: block;
    position: absolute;
    top: 5px;
    right: 12px;
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    background: url(../img/icon_search.png) 0 0 no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    vertical-align: middle;
}

.searchBox02 {
    position: relative;
    vertical-align: middle;
    text-align: left;
}
.searchBox02 > p {
    padding: 5px 35px 5px 15px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    border: solid 1px #d4d4d4;
}
.searchBox02 *[type="search"],
.searchBox02 *[type="text"] {
    width: 100%;
    min-height: 24px;
    border: 0;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.searchBox02 input + [type="submit"] {
    display: block;
    position: absolute;
    top: 5px;
    right: 12px;
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    background: url(../img/ico_search02.png) 0 0 no-repeat;
    -ms-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    text-indent: -9999px;
    cursor: pointer;
    vertical-align: middle;
}

/*applicationBlock*/
#mainFoot {
    margin-top: 30px;
}
#mainFoot .applicationBlock01,
#mainFoot .applicationBlock02 {
    margin-top: 20px;
}
#mainFoot .applicationBlock01:first-child,
#mainFoot .applicationBlock02:first-child {
    margin-top: 0;
}
#wrap .applicationBlock01 .blockTitle,
#wrap .applicationBlock02 .blockTitle {
    font-size: 1.286em;
    font-weight: bold;
    text-align: center;
}
#wrap .applicationBlock01 .blockDetail,
#wrap .applicationBlock02 .blockDetail {
    padding: 20px 45px;
}
#wrap .blockDetail .applicationColumn {
    float: left;
    width: 300px;
}
#wrap .blockDetail .applicationColumn:first-child {
    float: right;
}
#wrap .applicationBlock02 .blockDetail .applicationColumn {
    float: right;
    width: 300px;
}
#wrap .applicationBlock02 .blockDetail .applicationColumn:first-child {
    float: left;
}
#wrap .blockDetail .applicationColumn.applicationColumn1 {
    float: none;
    margin: 0 auto;
}
#wrap .blockDetail .applicationColumn h4,
#wrap .blockDetail .applicationColumn h5,
#wrap .blockDetail .applicationColumn h6 {
    min-height: 3.8em;
    padding-top: 0.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.143em;
    font-weight: bold;
}
#wrap .blockDetail .applicationColumn:first-child h4,
#wrap .blockDetail .applicationColumn:first-child h5,
#wrap .blockDetail .applicationColumn:first-child h6 {
    padding-top: 0;
}
#wrap .blockDetail .applicationColumn h4.line1,
#wrap .blockDetail .applicationColumn h5.line1,
#wrap .blockDetail .applicationColumn h6.line1 {
    padding-top: 0.8em;
}
#wrap .blockDetail.appHeadLine1 .applicationColumn h4,
#wrap .blockDetail.appHeadLine1 .applicationColumn h5,
#wrap .blockDetail.appHeadLine1 .applicationColumn h6 {
    min-height: 0;
    margin-bottom: 12px;
    padding-top: 0;
}
#wrap .blockDetail .glyphBeginner02 {
    padding: 11px 10px;
}
#wrap .blockDetail .glyphPc04,
#wrap .blockDetail .glyphShop01 {
    padding: 7px 10px 8px;
}
#wrap .blockDetail .glyphPc04.btnSetLine2,
#wrap .blockDetail .glyphShop01.btnSetLine2 {
    padding: 22px 10px !important;
}
#wrap .blockDetail .glyphPc04 span,
#wrap .blockDetail .glyphShop01 span {
    line-height: 1.8;
}
#wrap .blockDetail .btnT02.btnSetLine2 span,
#wrap .blockDetail .btnT03.btnSetLine2 span,
#wrap .blockDetail .btnT08.btnSetLine2 span {
    line-height: 1.4 !important;
}
#wrap .blockDetail .btnT03.glyphPc04 > .fsLarger01 {
    padding: 4px 20px 4px 40px !important;
    line-height: 1.4 !important;
}
#wrap .blockDetail .appliBtn01 {
    padding: 7px 10px 8px;
}
#wrap .blockDetail .appliBtn01 span {
    line-height: 1.8;
}

/*contactBlock01*/
.contactBlock01 {
    margin-top: 45px;
}
.freefone strong {
    color: #317ac6;
    font-size: 1.715em;
}

/*fundInformation01*/
.fundInformation01 > section {
    float: right;
    width: 191px;
}
.fundInformation01 > section:first-child {
    float: left;
    width: 540px;
}

/*flowBox*/
.flowBox01 .col {
    position: relative;
}
.flowBox01 .col:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: -18px;
    width: 13px;
    height: 25px;
    background: url(../img/bg_arrow_right01.png) 0 0 no-repeat;
}
.flowBox01.flowTop90 .col:before {
    top: 90px;
}
.flowBox01.flowTop170 .col:before {
    top: 170px;
}
.column2.flowBox01 .col:before {
    left: -15px;
}
.flowBox01 .col:first-child:before {
    display: none;
}

/*-------------------------------------------
Table
-------------------------------------------*/
table tr .wordNumber {
    word-wrap: break-word;
    word-break: normal;
}
table th {
    text-align: center;
}
table tr th > label {
    display: block;
}
table[class^="table"] {
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #cecece;
}
table[class^="table"] tr > * {
    padding: 15px 20px;
    border-bottom: 1px solid #cecece;
    background: #fff;
    color: #333;
}
table[class^="table"] tbody th{
    background: #f8f8f8;
    text-align: left;
    vertical-align: middle;
}
table[class^="table"] thead th{
    background: #f8f8f8;
}
table tr > th.tableTitle01 {
    background: #f6f6f6;
}
table tr > th.tableTitle03 {
    background: #fff;
}
table tr > th.tableTitle04 {
    background: #e1edbb;
}
table[class*=" jsTR"] {
    display: none;
}

.imgBlockA01 .text,
.imgBlockA02 .text,
.imgBlockA03 .text {
    overflow: hidden;
}
.imgBlockA01 .img {
    float: right;
    margin-left: 25px;
}
.imgBlockA01 .text {
    padding-left: 0;
}
.imgBlockA02 .text {
    background:#fff;
    padding:15px;
    border:1px solid #eee;
}
.imgBlockA03 .text {
    float:left;
    width:70%;
}
.imgBlockA03 .text100 {
    float:left;
    width:100%;
}
.secrete dt {
    font-size:1.2em;
	font-weight:bold;    
    }
.imgBlockA03 .img {
    float: left;
    margin-top:30px;
    width:30%;
}
.imgBlockA03 img {
    margin-top:5px;
}
.imgBlockA02 .text.tIndent01 {
    margin-left: 97px;
}
.imgBlockA02 .img {
    float: left;
    margin-right: 25px;
    margin-top:10px;
    width:48%;
    text-align:center;
}
.imgBlockB01 .blockInner {
    display: table;
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.imgBlockB01 .blockInner > * {
    display: table-cell;
    vertical-align: top;
}
.imgBlockB01 .blockInner > .img {
    width: 105px;
    padding-right: 25px;
}
.imgBlockB01 .blockInner > .imgNarrow {
    width: 70px;
}
.imgBlockC01 .text,
.imgBlockC02 .text {
    width: 455px;
}
.imgBlockC01 .img,
.imgBlockC02 .img {
    width: 220px;
}
.imgBlockC01 .text,
.imgBlockC02 .img,
.imgBlockD01 .text,
.imgBlockD02 .img {
    float: left;
}
.imgBlockC01 .img,
.imgBlockC02 .text,
.imgBlockD01 .img,
.imgBlockD02 .text {
    float: right;
}
.imgBlockD01 .text,
.imgBlockD02 .text {
    width: 510px;
}
.imgBlockD01 .img,
.imgBlockD02 .img {
    width: 165px;
}
.imgBlockE01 {
    position: relative;
    min-height: 70px;
}
.imgBlockE01 .img {
    position: absolute;
    top: -40px;
    left: 10px;
}
.imgBlockE01 .text {
    margin-left: 180px;
}
.imgBlockTel {
    overflow: hidden;
    margin:0 auto 30px;
    padding:2px 5px 2px 0;
    border-bottom:2px dashed #162f6f;
    display:inline-block;
    text-align:left;
}
.borderBlock01,
.borderBlock02 {
    padding: 20px;
    background: #fff;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
/*BoximgBlock*/
.BoximgBlockA01 {
    display: table;
    width: 100%;
}
.BoximgBlockA01 > * {
    display: table-cell;
    vertical-align: top;
}
.BoximgBlockA01 > .img {
    width: 165px;
}
.BoximgBlockA01 > .text {
    padding-left: 10px;
}
/*imgTextBlockA01*/
.imgTextBlockA01 .text {
    overflow: hidden;
}
.imgTextBlockA01 .img {
    float: left;
    width: 100px;
    margin-right: 10px;
}
.imgTextBlockA01 .img img {
    float: left;
    width: 100px;
    position: relative;
}
.imgTextBlockA01 .detailText {
    position: relative;
    clear: both;
    float: none;
}

/*rankingTable*/
#fundRankingTableWrap {
    /*	background: url(/kojin/common/images/ico_load01.gif) 50% 50% no-repeat;*/
}
table[class*="rankingTable"] tbody tr:nth-child(odd) th,
table[class*="rankingTable"] tbody tr:nth-child(odd) td {
    background: #f6f6f6;
}
table[class*="rankingTable"] *[class*="rankNum"] {
    width: 50px;
    padding: 5px 0;
    font-size: 1.286em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
table[class*="rankingTable"] *[class*="rankIcon"] {
    width: 40px;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1.0;
}
table[class*="rankingTable"] .rankNum101 span {
    display: block;
    background: url(../img/ico_ranking101.png) 50% 90% no-repeat;
    -ms-background-size: 16px 14px;
    -moz-background-size: 16px 14px;
    -webkit-background-size: 16px 14px;
    background-size: 16px 14px;
    color: #f4c91b;
    padding-bottom: 15px;
}
table[class*="rankingTable"] .rankNum201 span {
    display: block;
    background: url(../img/ico_ranking201.png) 50% 90% no-repeat;
    -ms-background-size: 16px 14px;
    -moz-background-size: 16px 14px;
    -webkit-background-size: 16px 14px;
    background-size: 16px 14px;
    color: #adb3ba;
    padding-bottom: 15px;
}
table[class*="rankingTable"] .rankNum301 span {
    display: block;
    background: url(../img/ico_ranking301.png) 50% 90% no-repeat;
    -ms-background-size: 16px 14px;
    -moz-background-size: 16px 14px;
    -webkit-background-size: 16px 14px;
    background-size: 16px 14px;
    color: #be9839;
    padding-bottom: 15px;
}
table[class*="rankingTable"] *[class*="iconType"] {
    margin-left: 5px;
}
table[class*="rankingTable"] .btnT06,
table[class*="rankingTable"] .btnT07 {
    margin-bottom: 0;
    text-decoration: none;
}
#wrap table[class*="rankingTable"] .btnT06 span,
#wrap table[class*="rankingTable"] .btnT07 span {
    padding-left: 35px !important;
    padding-right: 0 !important;
    text-decoration: none;
}
#wrap table[class*="rankingTable"] .btnT06 span:before,
#wrap table[class*="rankingTable"] .btnT07 span:before {
    left: 5px;
}
@media screen and (min-width:768px){
    #wrap table[class*="rankingTable"] .btnT06:hover,
    #wrap table[class*="rankingTable"] .btnT07:hover {
        color: inherit;
    }
}

/*-------------------------------------------
List
-------------------------------------------*/
.listCircle01,
.listCircle02,
.listNum01,
.listNum02,
.listAlphabet01,
.listAlphabet02,
*[class*="listMemo"] {
    margin-bottom: 20px;
}
.listCircle01 > li,
.listCircle02 > li,
.listNum01 > li,
.listNum02 > li,
.listNum03 > li,
.listAlphabet01 > li,
.listAlphabet02 > li,
p.listMemo01,
*[class*="listMemo"] > li {
    margin-bottom: 10px;
}
.listCircle01 > li *,
.listCircle02 > li *,
.listNum01 > li *,
.listNum02 > li *,
.listNum03 > li *,
.listAlphabet01 > li *,
.listAlphabet02 > li *,
.listMemo01 > li *,
p.listMemo01 *,
*[class*="listMemo"] > li * {
    text-indent: 0;
}
.listCircle01 ul,
.listCircle02 ul,
.listNum01 ol,
.listNum02 ol,
.listAlphabet01 ul,
.listAlphabet02 ul,
*[class*="listMemo"] ul {
    padding-left: 1.5em;
    margin-bottom: 0;
}
.listCircle01 > li,
.listCircle02 > li {
    position: relative;
    padding-left: 17px;
}
.listMark {
    padding-right: 5px;
}
.listNum01 > li,
.listNum02 > li,
.listNum03 > li,
.listMemo02 > li {
    position: relative;
}
.listNum01 > li .listNum,
.listNum02 > li .listNum,
.listNum03 > li .listNum,
.listMemo02 > li .listNum {
    position: absolute;
    top: 0;
    left: 0;
}
.listMemo02 > li .listNum {
    display: inline-block;
    min-width: 21px;
}
.listMemo02 > li .listNum img {
    display: block;
    width: 21px;
}
.listNum01 > li {
    padding-left: 3.0em;
}
.listNum02 > li {
    padding-left: 2.5em;
}
.listNum03 > li {
    padding-left: 1.5em;
}
.listMemo01 > li,
p.listMemo01 {
    padding-left: 1.4em;
    text-indent: -1.4em;
}

.listAlphabet01 > li,
.listAlphabet02 > li{
    padding-left: 1.5em;
    text-indent: -1.2em;
}
.listMemo02 > li {
    padding-left: 2.5em;
}
.listMemo03 > li {
    padding-left: 2em;
    text-indent: -1.9em;
}
.listMemo04 > li {
    padding-left: 1em;
    text-indent: -1em;
}
.listMemo04 > li > .listMark {
    padding-right: 10px;
    color: #bebebe;
}
.listMemo04 > li.tRed02 > .listMark {
    color: #c00;
}
.listMemo05 > li {
    padding-left: 3.4em;
    text-indent: -3.4em;
}
.listMemo05 > li > .listTitle {
    padding-right: 5px;
}
.listMemo06 > li {
    padding-left: 3.6em;
    text-indent: -3.6em;
}
.listMemo07 > li {
    padding-left: 3em;
    text-indent: -3em;
}
.listMemo08 > li {
    padding-left: 2.8em;
    text-indent: -2.8em;
}
.linkList01 > li {
    display: inline-block;
    margin-left: 40px;
}
.listAlphabet01 > li *[class*=" icon"],
.listAlphabet01 > li *[class^="icon"],
.listMemo01 > li *[class*=" icon"],
.listMemo01 > li *[class^="icon"],
.listMemo03 > li *[class*=" icon"],
.listMemo03 > li *[class^="icon"] {
    text-indent: 0;
}
.linkList01 > li > span {
    position: relative;
    padding-left: 40px;
}
.linkList01 > li:first-child {
    margin-left: 0;
}
.linkList02 > li {
    margin-bottom: 3px;
}
.linkList03 > li {
    border-top: 1px dotted #b3b3b3;
}
.linkList03 > li:first-child {
    border: none;
}
.linkList03 > li > a {
    display: block;
    padding: 12px 0;
    line-height: 1.2;
    font-weight: bold;
}
.linkList04 > li {
    margin-bottom: 10px;
}
.linkList05 > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}
.linkList05 > li:first-child {
    margin-left: 0;
}
.linkList07 {
    text-align: center;
}
.linkList07 > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}
.linkList07 > li:before {
    content: "";
    display: inline-block;
    position: static;
    width: 1px;
    height: 1em;
    margin: 0 18px 0 0;
    background: #C9C9C9;
    vertical-align: -0.1em;
}
.linkList07 > li:first-child:before {
    /*	display: none;*/
}
*[class^="questionListA"] > li {
    margin-bottom: 20px;
}
*[class^="questionListA"] > li {
    position: relative;
    padding-left: 90px;
}
*[class^="questionListA"] > li .icon {
    display: table;
    width: 81px;
    position: absolute;
    top: -0.3em;
    left: 0;
    line-height: 1;
    font-weight: bold;
    font-size: 1.429em;
}
*[class^="questionListA"] > li .icon > * {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
}
*[class^="questionListA"] > li .icon .number {
    width: 50px;
}
.questionListA01 .icon {
    border: 1px solid #a0c81e;
    background: #a0c81e;
    color: #fff;
}
.questionListA01 .icon .number {
    background: #fff;
    color: #333;
}
.questionListA02 .icon {
    border: 1px solid #fa8200;
    background: #fa8200;
    color: #fff;
}
.questionListA02 .icon .number {
    background: #fff;
    color: #333;
}

.listAccordion01 ol + ol {
    display: none;
}

* + .iconWrap {
    margin-left: 10px;
}
.iconWrap > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding: 5px 3px;
    min-width: 52px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
}
.iconWrap > .fsSmall {
    padding: 0 3px;
}
.h2Title01 .iconWrap {
    float: left;
    margin-top: 5px;
}
.h2Title01 .titleInner {
    display: block !important;
    padding-bottom: 5px;
    overflow: hidden;
}
.h2Title01 .iconWrap > * {
    min-width: 100px;
    margin: -0.4em 20px 0 0;
}
.h2Title01 .iconWrap.iconDrop {
    float: none;
}
.h2Title01 .iconWrap.iconDrop > span {
    margin-bottom: 10px;
}
.h3Title01 .iconWrap {
    float: left;
}
.h3Title01 .iconWrap > * {
    min-width: 90px;
    padding: 3px 5px;
    border: 0;
}
.h3Title01 .titleIconInner {
    display: block;
    overflow: hidden;
}
.iconCyan01 {
    background: #ebfffe;
    border: solid 2px #7ec9c6;
    color: #28a5a0;
}
.iconMagenta01 {
    background: #ffeaf4;
    border: solid 2px #e47eae;
    color: #d22878;
}
.iconOrange01 {
    background: #fff7e6;
    border: solid 2px #ffcc66;
    color: #fa8200;
}
.iconOrange02 {
    background: #fa8200;
    border: solid 2px #ffcc66;
    color: #fff;
}
.iconBlue01 {
    background: #0a8bb0;
    padding:7px 10px;
    color: #fff;
}
.iconBlue02 {
    background: #1a3d85;
    color: #fff;
    padding:7px 10px;
}
.iconGreen01 {
    background: #fff;
    border: solid 2px #a0c81e;
}
.iconGreen02 {
    background: #e1f4a4;
    border: solid 2px #55a87c;
    color: #00734e;
}
.iconWhite01 {
    background: #fff;
}
.iconBrown01 {
    border: solid 1px #ad6700;
    color: #ad6700;
}

*[class*="iconType01"] {
    display: inline-block;
    padding: 2px 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.857em;
    text-align: center;
}
.iconWrap *[class*="iconType01"] {
    padding: 5px 10px;
}
.iconType01Orange01 {
    background: #f69329;
    color: #fff;
}
.iconType01Pink01 {
    background: #e88eb2;
    color: #fff;
}
.iconType01Purple01 {
    background: #8a75ae;
    color: #fff;
}
.iconType01Purple02 {
    padding: 4px 4px;
    background: #8a75ae;
    color: #fff;
    font-size: 0.75em;
}
.iconType01Green01 {
    background: #a0c81e;
    color: #fff;
}
.iconType01Green02 {
    background: #28a5a0;
    color: #fff;
}
.iconType01Green03 {
    background: #2f725d;
    color: #fff;
}
.iconType01Green04 {
    background: #abcd03;
    color: #fff;
}
.iconType01Green05 {
    background: #5fbdbc;
    color: #fff;
}
.iconType01Blue01 {
    background: #66bee8;
    color: #fff;
}
.iconType01Blue02 {
    background: #3d9cde;
    color: #fff;
}
.iconType01Yellow01 {
    background: #fcd866;
    color: #fff;
}
.iconType01Brown01 {
    background: #d5b127;
    color: #fff;
}

.iconCOrange {
    background: #ed6d34;
}
.iconCRed {
    background: #e03838;
}
.iconCNavy {
    background: #1b63a5;
}
.iconCPurple {
    background: #b74295;
}
.iconCGreen {
    background: #28a5a1;
    color: #fff;
}
.iconCGray {
    background: #eee;
    color: #333;
}
.iconCYellow {
    background: #ffc300;
    color: #fff;
}
.icoWMiddle {
    min-width: 70px;
}
.icoWLarge {
    min-width: 120px;
}
.iconText01 {
    margin-bottom: 10px;
}
.iconText01 > dt {
    float: right;
    margin: 5px 15px 0 0;
}
.iconText01 > dd {
    float: left;
    overflow: hidden;
}
.iconText01 .text {
    padding: 0 0 0 10px;
    overflow: hidden;
}
.iconText01 .icon,
.iconText01 .img {
    float: left;
    margin-top: 5px;
}
.iconText01 .title {
    float: left;
}

.iconMark01{
    display: inline-block;
    vertical-align:middle;
    margin:0 3px 0 0;
    background:#fa8200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.857em;
}
.iconMark01 > span,
.iconMark01 > a{
    display: inline-block;
    position: relative;
    padding: 3px 7px 3px 14px;
    color:#fff;
    text-decoration:underline;
}
.iconMark01 > span:before,
.iconMark01 > a:before{
    display: inline-block;
    position:absolute;
    top: 25%;
    left: 5px;
    content:"";
    width:6px;
    height:10px;
    background:url(../img/ico_arrow_white02.png) 0 0 no-repeat;
    background-size: 6px 10px;
}
.listItem01 {
    margin-left: -6px;
}
.listItem01 > li {
    width: 226px;
    float: left;
    margin: 0 0 5px 6px;
}
.listItem01 > li > a {
    display: table;
    width: 100%;
    height: 80px;
    border: 1px solid #d3d3d3;
    background: #fff;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;
    -webkit-box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;
    -moz-box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;
}
.listItem01 > li > a:hover {
    text-decoration: none;
    /*background: #ffeee1;*/
    border: 3px solid #ffb77d;
}
.listItem01 > li > a > span {
    display: table-cell;
    padding-left: 69px;
    vertical-align: middle;
    background: 17px center no-repeat;
    line-height: 1.1;
    font-weight: bold;
    font-size: 1.429em;
}
.listItem01 > li > a:hover > span {
    padding-left: 67px;
}

.listItem01 {
    margin-left: -6px;
}

.listItem02 {
    border: 1px solid #d3d3d3;
    border-top: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.listItem02 > ul {
    border-bottom: 1px solid #d3d3d3;
}
.listItem02 > ul > li {
    float: left;
    width: 187px;
    border-right: 1px solid #d9d9d9;
}
.listItem02 > ul > li.itemList05 {
    width: 186px;
    border-right: none;
}
.listItem02 > ul > li > h3 > a {
    display: table;
    width: 100%;
    padding: 15px 5px 15px 10px;
    background: #049849;
    border-bottom: 2px solid #ccc;
    font-size: 0.9em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.listItem02 > ul > li > h3 > a:hover {
    /*background: #36ad6d;*/
}
.listItem02 > ul > li > h3 > a > span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
.listItem02 > ul > li > h3 > a > span:before {
    color: #fff;
    top: 50%;
    margin-top: -0.5em;
    font-size: 1.5em;
}
.listItem02 *[role="tab"][aria-selected="true"] > span:after,
.listItem02 *[role="tab"][aria-selected="false"] > span:after {
    display: none;
    font-size: 0;
}
.listItem02 > ul > li:first-child h3 > a {
    margin-left: -1px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}
.listItem02 > ul > li.lastChild h3 > a {
    margin-right: -1px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.listItem02 > ul > li.lastChild {
    width: 186px;
    border-right: 0;
}
.listItem02 > ul > li > h3 > a {
    font-weight: bold;
    color: #fff;
}
.listItem02 .itemListInner {
    display: block;
    padding: 15px 5px 15px 5px;
}
.listItem02 .moreLink01 {
    margin: 13px 20px 13px 0;
    text-align: right;
    font-weight: bold;
}
.listItem02.categoryFour > ul > li {
    width: 171px;
}
.listItem02.categoryFour > ul > li.lastChild {
    width: 172px;
}
.listItem02 > ul > li {
    width: 136px;
}
.listItem02 > ul > li.lastChild {
    width: 140px;
}

.listData01 > li{
    display:inline-block;
    background: #C7C7C7;
    margin-bottom:6px;
    padding: 4px 10px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.857em;
    text-align: center;
}

.listData01 > li.dataType01{
    background:#317ac6;
}
.listKana01{
    margin-bottom: 20px;
}
.listKana01 > li{
    margin-bottom: 5px;
    padding-left: 1.5em;
    text-indent: -1.7em;
}
.listKana02 {
    padding-left: 1.5em;
}
.listKana02 > li {
    margin-bottom: 5px;
    text-indent: -1.7em;
}
#rankingList .active {
    background: #317ac6;
    border-color: #317ac6;
    box-shadow: #003222 0px -2px inset;
    -webkit-box-shadow: #003222 0px -2px inset;
    -moz-box-shadow: #003222 0px -2px inset;
    color: #fff !important;
}
#rankingList .active span {
    color: #fff !important;
}
#rankingList .active > span:before {
    width: 13px;
    height: 8px;
    top: 50% !important;
    left: 12px;
    margin-top: -4px !important;
    background: url(../img/ico_arrow_white03.png) 0 0 no-repeat;
    -ms-background-size: 13px 8px;
    -moz-background-size: 13px 8px;
    -webkit-background-size: 13px 8px;
    background-size: 13px 8px;
}
/*-------------------------------------------
btnBlock
-------------------------------------------*/
.beforeArrow01 {
    padding-top: 60px;
    background: url(../img/bg_arrow_bottom01.png) center 0 no-repeat;
}

.beforeArrow02 {
    background: url(../img/arrow_blue2.png) no-repeat 10px 5px;
}

.btnBlock01 {
    text-align: center;
}

/*searchBlock01*/
.searchBlock01 {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.searchBlock01 > dl {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.searchBlock01 > dl > * {
    display: table-cell;
    vertical-align: middle;
}
.searchBlock01 > dl > dt {
    width: 140px;
    background: #595959;
    text-align: center;
    font-weight: bold;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.searchBlock01 > dl > dd {
    padding: 15px;
    background: #f2f2f2;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.searchBlock01 .searchKeyword,
.searchBlock01 .keywordList01 {
    display: table-cell;
    vertical-align: middle;
}
.searchBlock01 .searchKeyword > input[type="search"] {
    width: 200px;
    padding: 3px 7px;
    border: 1px solid #d3d3d3;
    border-right: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.full .searchBlock01 .searchKeyword > input[type="search"] {
    width: 335px;
}
.searchBlock01 .searchKeyword > input + button {
    width: 29px;
    height: 31px;
    border: none;
    background: #ed6d34;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;
    -webkit-box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;
    -moz-box-shadow:rgb(229, 229, 229) 0px 3px 2px 0px;

}
.searchBlock01 .keywordList01 li {
    display: inline-block;
    position: relative;
    padding: 10px;
}
.searchBlock01 .keywordList01 li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1em;
    margin-top: -0.5em;
    background: #000;
}
.searchBlock01 .keywordList01 li:first-child:before {
    display: none;
}


/*-------------------------------------------
Tab
-------------------------------------------*/
.tabList [role="tablist"] {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 4px 0;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 3px #317ac6;
}
.tabList [role="tablist"] > li {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ccc;
    border-width: 1px 1px 0 1px;
    -webkit-border-radius: 5px/5px 5px 0 0;
    -moz-border-radius: 5px/5px 5px 0 0;
    -ms-border-radius: 5px/5px 5px 0 0;
    -o-border-radius: 5px/5px 5px 0 0;
    border-radius: 5px/5px 5px 0 0;
}
.tabList [role="tablist"] > li > div {
    display: table;
    width: 100%;
    text-align: center;
}
.tabList [role="tablist"] > li > div > a {
    display: table-cell;
    width: 100%;
    height: 60px;
    padding: 12px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 1.143em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.tabList [role="tablist"] > li > div > a:hover {
    /*background: #36ad6d;*/
    text-decoration: none;
}
.tabList [role="tablist"] > li:first-child a {
    -webkit-border-radius: 4px/4px 0 0 0;
    -moz-border-radius: 4px/4px 0 0 0;
    -ms-border-radius: 4px/4px 0 0 0;
    -o-border-radius: 4px/4px 0 0 0;
    border-radius: 4px/4px 0 0 0;
    border-width: 2px 2px 0;
}
.tabList [role="tablist"] > li:last-child a {
    -webkit-border-radius: 4px/0 4px 0 0;
    -moz-border-radius: 4px/0 4px 0 0;
    -ms-border-radius: 4px/0 4px 0 0;
    -o-border-radius: 4px/0 4px 0 0;
    border-radius: 4px/0 4px 0 0;
}
.tabList [role="tablist"] > li > div > a span {
    display: block;
    line-height: 1.1;
    text-align: center;
}
.tabList [role="tablist"] > li.active {
    background: #317ac6;
    border-color: #317ac6;
}
.tabList [role="tablist"] > li.active > div[aria-selected="true"] a {
    color: #fff;
}
.tabList [role="tablist"] > li .accBtn,
.tabList [role="tablist"] > li .accBtnKr {
    display: none;
}
#tabA02 .blockInner,
#tabA03 .blockInner {
    height: auto !important;
}
/*-------------------------------------------
tabBlock
-------------------------------------------*/
.tabBlock01 {
    margin-bottom: 20px;
    padding: 0 1px;
    border-bottom: solid 3px #317ac6;
}
.tabBlock01 ul {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 4px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tabBlock01 li {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ccc;
    border-width: 1px 1px 0 1px;
    -webkit-border-radius: 5px/5px 5px 0 0;
    -moz-border-radius: 5px/5px 5px 0 0;
    -ms-border-radius: 5px/5px 5px 0 0;
    -o-border-radius: 5px/5px 5px 0 0;
    border-radius: 5px/5px 5px 0 0;
}
.tabBlock01 li:first-child {
    border-width: 1px 1px 0;
}
.tabBlock01 li a {
    display: block;
    width: 100%;
    padding: 12px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #317ac6;
    font-size: 1.143em;
    text-align: center;
    text-decoration: none;
}
.tabBlock01 li.active {
    background: #317ac6;
    border-color: #317ac6;
    font-weight: bold;
}
.tabBlock01 li.active a {
    color: #fff;
}

/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3),
#css_tabs input:nth-of-type(4), #css_tabs input:nth-of-type(4) ~ div:nth-of-type(4),
#css_tabs input:nth-of-type(5), #css_tabs input:nth-of-type(5) ~ div:nth-of-type(5) {
    display:none;
}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3),
#css_tabs input:nth-of-type(4):checked ~ div:nth-of-type(4),
#css_tabs input:nth-of-type(5):checked ~ div:nth-of-type(5) {
    display:block;
}


/* label style */
#css_tabs > label {
    display:inline-block;
    font-variant:small-caps;
    padding:7px 0;
    margin-top: 20px;
    text-align:center;
    width:32%;
    line-height:1.8em;
    font-weight:700;
    border-radius:3px 3px 0 0;
    background:#f4f4f4;
    color:#777;
    border:1px solid #ccc;
    border-bottom: solid 2px #1c9dd3;
    border-width:1px 1px 0;
}

#css_tabs > label:hover {
    cursor:pointer;
}

#css_tabs label[for=tab1] {
    /* margin-left:0; */
}

.smalltxt {
    font-size:0.9em;
    font-weight:bold;
    line-height:1.5em;
}
.largetxt {
    font-size:1.5em;
    font-weight:bold;
    line-height:1.5em;
}

#css_tabs {
    padding-top: 10px;
    width: 1010px;
    height:100%;
    text-align:left;
    position: relative;
    margin : 0 auto;
}

#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content, #css_tabs .tab4_content, #css_tabs .tab5_content {
    border-top:1px solid #ddd;
    padding-top:30px;
    width: 1010px;
    height:100%;
    text-align: left;
    position: relative;
    margin : 0 auto;
}

#css_tabs .tab2_content .tab2_mainimg {
	/* background-image: url(/images/lp_20202010-02.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1010px;
	width: 1010px;
	height: 400px;
	margin-bottom: 30px; */
	content:url("/images/lp_20202010-02.jpg");
}

#css_tabs .tab3_content .tab3_mainimg {
	/* background-image: url(/images/lp_20202010-01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 1010px;
	height: 400px;
	margin-bottom: 30px; */
	content:url("/images/lp_20202010-01.jpg");
}

#css_tabs .tab1_content .tab1_mainimg {
	/* background-image: url(/images/lp_20202010-03.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 1010px;
	height: 400px;
	margin-bottom: 30px; */
	 content:url("/images/lp_20202010-03.jpg");
}
#css_tabs .tab1_content .tab1_mainimg_kr { content:url("/images/lp_20202010-06.jpg");}
#css_tabs .tab2_content .tab2_mainimg_kr { content:url("/images/lp_20202010-05.jpg");}
#css_tabs .tab3_content .tab3_mainimg_kr { content:url("/images/lp_20202010-04.jpg");}

.tab_titleBL {
	margin: 0 10px 0;
	border: 0;
}
.tab_titleBL2 {
	margin: 0 10px 100px;
	border: 0;
}
.tab_title {
    width: 1010px;
    display:inline-block;
    padding: 10px;
     text-align: left;
}
.tab_title ul {
    width: 100%;
}
.tab_title ul li {
    float: left;
    display: inline;
}
.tab_title ul li.txt1 {
	font-size: 2em;
	font-weight:bold;
	line-height: 130%;
	padding: 10px 10px 5px;
	color: #000;
}
.tab_title ul li.txt2 {
	font-size: 1.2em;
	line-height: 130%;
	padding: 5px 10px;
	color: red;
	background-color: #f2f2f2;
}
.tab_title ul li.txt3 {
	float: left;
	width: 18%;
	font-size: 1.8em;
	font-weight:bold;
	line-height: 130%;
	padding: 10px;
	color: #000;
	vertical-align: middle;
	text-align: center;
}
.tab_title ul li.txt4 {
	float: left;
	width: 62%;
	font-size: 1em;
	font-weight: normal;
	line-height: 130%;
	padding: 10px;
	color: #000;
	vertical-align: middle;
}
.tab_title ul li.txt5 {
	float: left;
	width: 18%;
	font-size: 1.8em;
	font-weight:bold;
	line-height: 130%;
	padding: 10px;
	color: #000;
	vertical-align: middle;
	text-align: center;
}
.tab_title ul li.txt6 {
	float: left;
	width: 62%;
	font-size: 1.8em;
	font-weight:bold;
	line-height: 130%;
	padding: 10px;
	color: #000;
	vertical-align: middle;
}
.line1 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.s3 {
	width: 80%;
}

.tab_bank {
    width: 1010px;
    display:inline-block;
    padding: 10px;
     text-align: left;
}
.tab_bank ul li {
    float: left;
    display: inline;
    text-align: center;
    border: 1px solid #ccc;
    margin: 2px;
    width: 24%;
}
.tab_bank ul li img {
    width: 100%;
}
.tab_bank .txt {
    font-size: 2em;
    font-weight:bold;
    line-height: 130%;
    color: red;
    text-align: center;
    padding: 20px 0 50px;
}
.tab_bank .txt2 {
    font-size: 1.5em;
    font-weight:bold;
    line-height: 130%;
    color: #000;
    text-align: left;
    padding: 20px 0 0;
}
.tab_button {
    width: 1010px;
    padding: 20px;
     text-align: center;
     background-color: #d1d1d1;
     margin-bottom: 50px;
}
.tab_button img {
    margin: 20px 10px 10px;
}
.tab_button .txt {
    padding-right: 50px;
     text-align: right;
}

.tab2_content .img1 {
    float: right;
    margin: 0 55px 20px 0;
}
.tab2_content .img2 {
	clear: both;
	margin-bottom: 50px;
	text-align: left;
	width: 850px;
	float: right;
}

.tab_simul {
	width: 1010px;
}
.tab_simul .txt { 
	text-align:left;
	font-size: 1em;
	line-height:150%;
	margin: 30px 20px;
}
.LPtxtBox01 { text-align:left;	line-height:180%;	margin:10px 20px;}

.simulBox1 {
	float: left;
	width: 50%;
	border:1px solid #ccc;
	margin-bottom: 50px;
}

.simulBox1 .img1 {
	margin: 20px;
	border: 0;
}
.simulBox1 .img2 {
	margin: 20px;
	border: 0;
}
.simultable1 {
	width: 100%;
	/* border: 3px solid #d6d6d6;
	padding : 10px; */
	margin-left: 5%;
}
.simultable1 ul li {
    float: left;
    display: inline;
    text-align: left;
    margin: 2px;
    font-size: 0.9em;
     vertical-align: middle;
      line-height: 180%;
}
.s1 {
    width: 40%;
}
.s2 {
    width: 55%;
}
.txtbox1 {
	width: 140px;
}
.simultable1 .txt {
    font-size: 2em;
    font-weight: bold;
    line-height: 130%;
    color: red;
    text-align: center;
    padding: 20px 0 50px;
}
.tab_content {
	width: 990px;
	text-align: left;
	margin: 0 0 50px 20px;
}
.LPpoint2BoxA {
	font-size:16px;	font-weight:bold;	line-height:110%;	color:#929292;
	padding:5px 0;	margin:0;	text-align: left;	width:650px;}
.LPpoint2BoxB {
	font-size:40px;	font-weight:bold;	line-height:110%;	color:#000;
	padding:0;	margin:0;	text-align: left;	width:650px;}
.LPpoint2BoxC {
	font-size:24px;	line-height:110%;	color:#000;
	padding:10px 0;	margin:0;	text-align: left;	width:650px;
	border-top-width: 1px;	border-top-style: solid;	border-top-color: #d6d6d6;
	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #d6d6d6;}
.LPpoint2BoxD {
	font-size:12px;	font-weight:bold;	line-height:180%;	color:#000;
	padding:5px 0;	margin:0;	text-align: left;	width:650px;}
.LPpoint2BoxE {
	font-size:18px;	font-weight:bold;	line-height:180%;	color:#000;
	padding:5px 0;	margin:0;	text-align: left;}
.LPpoint2BoxF {
	font-size:12px;	line-height:180%;	color:#000;
	background-color:#f3f3f3;	padding:10px 0;	margin:0;	text-align: center;}
.LPpoint2BoxG {
	font-size:11px;line-height:180%;	color:#000;
	padding:10px 40px;	margin:0;	text-align: left;}
.LPimg1 {margin: 10px;vertical-align:middle;	border: 0px;}
.LPpoint2BoxBsm {
	font-size:18px;	font-weight:bold;	line-height:110%;	color:#000;
	padding:0;	margin:0;	text-align: left;	width:680px;}
.LPicon1 {margin: 10px;	float:right;	vertical-align: top;	border: 0px;}
.LPpoint3BoxA {
	font-size:12px;	line-height:180%;	color:#000;
	padding:10px 0;	margin:0;	text-align: left;}
.LPpoint3BoxD {
	font-size:14px;	line-height:180%;	color:#000;
	padding:10px;	margin:0;	text-align: left;}

.topicImg {
	width: 1010px;
	border: 0;
}
.LPtitle1 {
	font-size: 2em;
	font-weight:bold;
	line-height:150%;
	color:#3ba1cb;
	margin: 50px 20px 0;
	text-align: left;
	border-bottom: 1px dashed #ccc;
}
.LPtitle2 {
	font-size: 1.5em;
	font-weight:bold;
	line-height:150%;
	color:#1047a7;
	margin: 20px 0 0;
	text-align: left;
}
.LPtitle3 {
	font-size: 1.2em;
	font-weight:bold;
	line-height:150%;
	color:#3ba1cb;
	margin: 20px 0 0;
	text-align: left;
}
.LPtxt3 {
	font-size: 1em;
	line-height:150%;
	margin: 0;
	text-align: left;
}
ul.imgbl1 {
	list-style-image: url(/images/lp_20202010_12.gif);
	list-style-position: inside;
	margin: 20px 20px 50px;
}
ul.imgbl1 li {
	font-size: 1.6em;
	font-weight:bold;
	line-height:150%;
	color:#000;
	margin: 10px;
}
.LPimg2 {
	border: 0;
}
.LPbutton6 {
	border: 0;
	margin: 30px 0;
}
.LPline1 {
	border-bottom: 1px dashed #ccc;
	height: 50px;
}
.LPtable2 {
	width: 720px;
	margin: 0 0 30px 145px;
}






.simultable2 {
    background-color: #FFF;
    margin-left: 5%;
    margin-bottom: 25px;
    border: 3px solid #000;
}
.simultd1 {
    font-size: 14px;
    font-weight:bold;
    line-height: 140%;
    text-align: left;
    color: #fff;
    background-color: #000;
    padding: 5px 10px 5px 10px;
}
.simultd2 {
	font-size: 40px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	line-height: 140%;
	color: #005994;
	background-color: #f4f4f4;
	padding: 5px 10px 5px 10px;
	text-align: right;
	background-image: url(/images/img_492.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.simultd3 {
    font-size: 0.9em;
    font-weight:bold;
    line-height: 200%;
    text-align: left;
    color: #000;
    white-space: nowrap;
    width: 40%;
    vertical-align: middle;
}
.simultd4 {
    font-size: 0.9em;
    line-height: 200%;
    text-align: left;
    color: #000;
    white-space: nowrap;
    width: 60%;
    vertical-align: middle;
}
.pd1 {
    padding: 10px 10px 2px;
}
.pd2 {
    padding: 2px 10px 10px;
}
.LPtxtRed {	color: #ff0000;}
.LPtxtBox02 { 
	font-size: 0.9em;
	text-align: left;
	line-height:180%;
	margin: 20px;}
.redB_1 {	color: #d10000;	font-weight: bold;}

.simulBox2 {
	float: left;
	width: 48%;
	/* border:1px solid #ccc; */
	margin-bottom: 50px;
}

.simulTitle1 {
    font-weight:bold;
    font-size:1.3em;
    line-height:150%;
    padding: 20px;
}
.LPtableTit_1a { border: 1px solid #d6d6d6;	background-color: #f4f4f4;
	font-weight:bold;	text-align:center;	padding:5px;}
.LPtableTit_1b { background-color: #f4f4f4;	font-weight:bold;	text-align:center;
	border-right-width: 1px;	border-right-style: solid;	border-right-color: #d6d6d6;
	border-left-width: 1px;	border-left-style: solid;	border-left-color: #d6d6d6;
	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #d6d6d6;
	padding:5px;}
.LPtableTit_2a { background-color: #fff;	text-align:right;
	border-right-width: 1px;	border-right-style: solid;	border-right-color: #d6d6d6;
	border-top-width: 1px;	border-top-style: solid;	border-top-color: #d6d6d6;
	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #d6d6d6;
	padding:5px 15px;}
.LPtableTit_2b { background-color: #fff;	text-align:right;
	border-right-width: 1px;	border-right-style: solid;	border-right-color: #d6d6d6;
	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #d6d6d6;
	padding:5px 15px;}










/* label mouseover */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
    background:#1c9dd3;
    color:#fff
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {
    background:#1c9dd3;
    color:#fff
}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {
    background:#1c9dd3;
    color:#fff
}
#css_tabs input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover {
    background:#1c9dd3;
    color:#fff
}
#css_tabs input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover {
    background:#1c9dd3;
    color:#fff
}


.tableBank {
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    word-break:normal;
}
.tableBank th {
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:5px;
	background:#f4f4f4;
	vertical-align:middle;
	text-align:center;
}
.tableBank td {
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:5px;
	vertical-align:middle;
}



.tableLiquid {
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    word-break:normal;
}
.tableLiquid th {
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:5px;
}
.tableLiquid td {
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:5px;
}
.tableBank td.bgWon {
    background:#edf4ff url(../img/tableBg_won.png) no-repeat right bottom;
    cursor:pointer;
	vertical-align:top;
}
.tableBank td.bgWon h3, .tableBank td.bgYen h3 {
    color:#333;
    font-size:2.5em;
    font-weight:bold;
    line-height:1.2em;
    margin:10px 0;
}
.tableBank td.bgWon p, .tableLiquid td.bgYen p {
    color:#666;
}
.tableBank td.bgWon p.slogan, .tableBank td.bgYen p.slogan {
    color:#0090f4;
    font-size:1.1em;
}
.tableBank td.bgYen {
    background:#fff8ed url(../img/tableBg_yen.png) no-repeat right bottom;
    cursor:pointer;
	vertical-align:top;
}
.tableBank .tableComission {
    border-left:1px solid #cecece;
    border-top:1px solid #cecece;
}
.tableBank .tableComission th {
    width:50%;
    background:#f3f7ff;
    text-align:center;
    border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
}
.tableBank .tableComission td {
    width:50%;
    text-align:center;
    border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
}
.tableLiquid .tableComission {
    border-left:1px solid #cecece;
    border-top:1px solid #cecece;
}
.tableLiquid .tableComission th {
    width:50%;
    background:#f3f7ff;
    text-align:center;
    border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
}
.tableLiquid .tableComission td {
    width:50%;
    text-align:center;
    border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
}
.tabBlock02 {
    margin-bottom: 20px;
    padding:0;
    border-bottom: solid 2px #2b4e72;
}
.tabBlock02 ul {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing:0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tabBlock02 li {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ccc;
    border-width: 1px 0 0 1px;
    -webkit-border-radius: 5px/5px 5px 0 0;
    -moz-border-radius: 5px/5px 5px 0 0;
    -ms-border-radius: 5px/5px 5px 0 0;
    -o-border-radius: 5px/5px 5px 0 0;
    border-radius: 5px/5px 5px 0 0;
}
.tabBlock02 li:first-child {
    border-width: 1px 1px 0 1px;
}
.tabBlock02 li:last-child {
    border-width: 1px 1px 0;
}
.tabBlock02 li a {
    display: block;
    width: 100%;
    padding: 10px 5px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1c9dd3;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
}
.tabBlock02 li.active {
    background: #2b4e72;
    border-color: #2b4e72;
    font-weight: bold;
}
.tabBlock02 li.active a {
    color: #fff;
}


.tabBlock03 {
    margin-bottom: 20px;
    padding: 0 1px;
    border-bottom: solid 3px #317ac6;
}
.tabBlock03 ul {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 4px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tabBlock03 li {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px/5px 5px 0 0;
    -moz-border-radius: 5px/5px 5px 0 0;
    -ms-border-radius: 5px/5px 5px 0 0;
    -o-border-radius: 5px/5px 5px 0 0;
    border-radius: 5px/5px 5px 0 0;
    background: #ebebeb;
}
.tabBlock03 li a {
    display: block;
    width: 100%;
    padding: 12px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #317ac6;
    font-size: 1.143em;
    text-align: center;
    text-decoration: none;
}
.tabBlock03 li.active {
    background: #317ac6;
    font-weight: bold;
}
.tabBlock03 li.active a {
    color: #fff;
}
[class*="tabBlock"] li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
}


.tabBlock04 {
    margin-bottom: 20px;
    padding: 0 1px;
    border-bottom: solid 1px #ccc;
}
.tabBlock04 ul {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 4px 0;
    width: 100%;
    margin-bottom: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tabBlock04 li {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px/5px 5px 0 0;
    -moz-border-radius: 5px/5px 5px 0 0;
    -ms-border-radius: 5px/5px 5px 0 0;
    -o-border-radius: 5px/5px 5px 0 0;
    border-radius: 5px/5px 5px 0 0;
    background: #f6f9e5;
}
.tabBlock04 li a {
    display: block;
    width: 100%;
    padding: 12px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #317ac6;
    font-size: 1.143em;
    text-align: center;
    text-decoration: none;
}
.tabBlock04 li.active {
    border-width: 1px 1px 0 1px;
    border-bottom: solid 1px #fff;
    background: #fff;
    font-weight: bold;
}

.tabBlock05 {
    margin-bottom: 20px;
    padding: 0 1px;
    border-bottom: solid 1px #ccc;
}
.tabBlock05 ul {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 4px 0;
    width: 100%;
    margin-bottom: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tabBlock05 li {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px/5px 5px 0 0;
    -moz-border-radius: 5px/5px 5px 0 0;
    -ms-border-radius: 5px/5px 5px 0 0;
    -o-border-radius: 5px/5px 5px 0 0;
    border-radius: 5px/5px 5px 0 0;
    background: #f2f2f2;
}
.tabBlock05 li a {
    display: block;
    width: 100%;
    padding: 12px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #317ac6;
    font-size: 1.143em;
    text-align: center;
    text-decoration: none;
}
.tabBlock05 li.active {
    border-width: 1px 1px 0 1px;
    border-bottom: solid 1px #fff;
    background: #fff;
    font-weight: bold;
}

.tabBlock06 {
    margin-bottom: 20px;
    padding: 0 1px;
    border-bottom: solid 1px #317ac6;
}
.tabBlock06 ul {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 4px 0;
    width: 100%;
    margin-bottom: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tabBlock06 li {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #317ac6;
    -webkit-border-radius: 5px/5px 5px 0 0;
    -moz-border-radius: 5px/5px 5px 0 0;
    -ms-border-radius: 5px/5px 5px 0 0;
    -o-border-radius: 5px/5px 5px 0 0;
    border-radius: 5px/5px 5px 0 0;
    background: #317ac6;
}
.tabBlock06 li a {
    display: block;
    width: 100%;
    padding: 12px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.143em;
    text-align: center;
    text-decoration: none;
}
.tabBlock06 li.active {
    border-width: 1px 1px 0 1px;
    border-bottom: solid 1px #fff;
    background: #fff;
    font-weight: bold;
}
.tabBlock06 li.active a {
    color: #333
}


[class*="tabBlock"] li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
}



.kiyaku {
    width: 100%;
    height: 250px;
    margin-bottom: 15px;
    overflow: auto;
    border: 1px solid #ccc;
}
.kiyakuInner {
    margin:0 auto;
    padding:20px;
}
.kiyakuInner p {
    margin-top:20px;
}




/* Style the tab */
div.tab {
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #f7f7f7;
    font-size:1.2em;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    width:50%;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #e9e9e9;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color:#F03;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 10px;
    border-top: none;
    background:#f4f4f4;
    overflow:hidden;
}
.tabcontent h4 {
    font-weight:bold;
    margin:20px;
}

/* Style the tab */
div.tab1 {
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #edf4ff;
    font-size:1em;
    margin-top:20px;
}
div.tab1 button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 15px;
    height:60px;
    transition: 0.3s;
    width:25%;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color:#444;
}
div.tab1 button {
    color:#000;
    font-size:1.1em;

}
div.tab1 button:hover {
    background-color: #deebff;
}
div.tab1 button.active  {
    background-color: #fff;
    color:#0090ff;
    border-bottom:1px solid #fff;
}

/* Style the tab content */
.tabcontent1 {
    display: none;
    overflow:hidden;
    margin-top:30px;
}
.tabcontent1 h4 {
    font-weight:bold;
    margin:20px;
}



div.tab2 {
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #edf4ff;
    font-size:1em;
    margin-top:20px;
}

/* Style the buttons inside the tab */
div.tab2 button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px;
    transition: 0.3s;
    width:50%;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color:#444;
}
div.tab2 button {
    color:#000;
    font-size:1.2em;
}
/* Change background color of buttons on hover */
div.tab2 button:hover {
    background-color: #deebff;
}
h4 span.midoji, h4 span.yotubasi, h4 span.senhichimae {
    color:#fff;
    display:inline-block;
    font-size:0.9em;
    padding:5px 10px 2px 10px;
    margin-right:10px;
    font-weight:normal;
}
h4 span.midoji {
    background:#e5171f;
}
h4 span.yotubasi {
    background:#0078ba;
}
h4 span.senhichimae {
    background:#e44d93;
}
/* Create an active/current tablink class */
div.tab2 button.active  {
    background-color: #fff;
    color:#0090ff;
    border-bottom:1px solid #fff;
}

/* Style the tab content */
.tabcontent2 {
    display: none;
    overflow:hidden;
}
.tabcontent2 h4 {
    font-weight:bold;
    margin:20px;
}



/*-------------------------------------------
Accordion and tabList
-------------------------------------------*/
.accBlock01[role="tablist"] {
    background: #fff;
}
.accBlock01[role="tablist"] [role="tab"] > a,
.accBlock01[role="tablist"] [role="tabpanel"] .accList > li > a {
    display: block;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
.accBlock01[role="tablist"] [role="tabpanel"] .accList > li > a {
    padding-left: 29px;
}
*[role="tablist"] *[role="tab"] > a > span {
    display: block;
    padding-right: 15px;
}
.tabList *[role="tablist"] *[role="tab"] > a > span {
    padding-right: 0;
}
*[role="tablist"] *[role="tab"] > a > span:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    color: #049849;
}
*[role="tablist"] *[role="tabpanel"] .accList > li > a span:after {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -0.5em;
    color: #049849;
}
.accBlock02 dl {
    position: relative;
}
.accBlock02 [role="tab"] > a {
    display: block;
    position: relative;
    margin-bottom: 5px;
    padding: 20px 5px 36px;
    background: #049849;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.429em;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.accBlock02 [role="tab"] > a > span {
    padding: 0;
}
.accBlock02 [role="tabpanel"] {
    position: absolute;
    width: 100% !important;
    padding: 5px 19px;
    background: #fff;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}
.accBlock03 > dt,
.accBlock04 > dt,
.accBlock05 > dt {
    margin-top: 40px;
    font-weight: bold;
}
.accBlockMt20 > dt {
    margin-top: 20px !important;
}
.column1 .col:first-child .accBlockMt20 > dt {
    margin-top: 0 !important;
}

.accBlock04 > dd,
.accBlock04 > div > dd,
.accBlock05 > dd,
.accBlock05 > div > dd {
    padding: 15px 20px;
    border: solid 1px #ccc;
    border-width: 0 1px 1px;
    /*
	-webkit-border-radius: 5px/0 0 5px 5px;
	-moz-border-radius: 5px/0 0 5px 5px;
	-ms-border-radius: 5px/0 0 5px 5px;
	-o-border-radius: 5px/0 0 5px 5px;
	border-radius: 5px/0 0 5px 5px;
*/
}

.accBlock03 > dd,
.accBlock03 > div > dd {
    padding: 0 10px;
    margin:10px auto;
    border: solid 2px #f0f0f0;
    /*
	-webkit-border-radius: 5px/0 0 5px 5px;
	-moz-border-radius: 5px/0 0 5px 5px;
	-ms-border-radius: 5px/0 0 5px 5px;
	-o-border-radius: 5px/0 0 5px 5px;
	border-radius: 5px/0 0 5px 5px;
*/
}

.accBlock03[role="tablist"] > dt a,
.accBlock04[role="tablist"] > dt a,
.accBlock05[role="tablist"] > dt a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 12px 95px 10px 19px;
    background: #f6f9e5;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
*/
    color: #333;
    font-size: 1.286em;
    font-weight: normal;
}
.accBlock03[role="tablist"] > dt a{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 8px 20px 8px 0;
    background: #fff;
    border-bottom: solid 1px #ccc;
    border-width:0 0 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
*/
    color: #333;
    font-size: 1.1em;
    font-weight: normal;
}
.accBlock03[role="tablist"] > dt a, .accBlock03[role="tablist"] a {
    background: #fff;
    border-color: #ccc;
    border-width:0 0 1px;
}
.accBlock05[role="tablist"] > dt a, .accBlock05[role="tablist"] a {
    background: #f2f2f2;
}
.accBlock03[role="tablist"] > dt a.open,
.accBlock04[role="tablist"] > dt a.open,
.accBlock05[role="tablist"] > dt a.open {
    /*
	-webkit-border-radius: 5px/5px 5px 0 0;
	-moz-border-radius: 5px/5px 5px 0 0;
	-ms-border-radius: 5px/5px 5px 0 0;
	-o-border-radius: 5px/5px 5px 0 0;
	border-radius: 5px/5px 5px 0 0;
*/
}
.accBlock03[role="tablist"] > dt a > .accBtn,
.accBlock04[role="tablist"] > dt a > .accBtn,
.accBlock05[role="tablist"] > dt a > .accBtn,
.accBlock05[role="tablist"] > dt a > .accBtnKr {
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    min-height: 20px;
    min-width: 0;
    margin: -10px 0 0;
    padding: 0 25px 0 0;
    border: 0;
    box-shadow: none;
    background: url(../img/ico_open02.png) 100% 50% no-repeat;
    -ms-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    font-size: 0.8em;
    line-height: inherit;
}
.accBlock03[role="tablist"] > dt a > .accBtn {
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    min-height: 20px;
    min-width: 0;
    margin: -10px 0 0;
    padding: 0 25px 0 0;
    border: 0;
    box-shadow: none;
    background: url(../img/icon_open.png) 100% 50% no-repeat;
    -ms-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    font-size: 0em;
    line-height: inherit;
}
.accBlock03[role="tablist"] > a.accBtn2,
.accBlock04[role="tablist"] > a.accBtn2,
.accBlock05[role="tablist"] > a.accBtn2, a.accBtn3 {
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    min-height: 20px;
    min-width: 0;
    margin: -10px 0 0;
    padding: 0 25px 0 0;
    border: 0;
    box-shadow: none;
    background: url(../img/ico_open02.png) 100% 50% no-repeat;
    -ms-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    font-size: 0.8em;
    line-height: inherit;
}
.accBlock04[role="tablist"] > dt a > .accBtn,
.accBlock05[role="tablist"] > dt a > .accBtn,
.accBlock05[role="tablist"] > dt a > .accBtnKr {
    background: url/new/images/ico_open02.png) 100% 50% no-repeat;
    -ms-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    line-height: inherit;
}
.accBlock04[role="tablist"] > a.accBtn2,
.accBlock05[role="tablist"] > a.accBtn2, 
a.accBtn3 {
    background: url/new/images/ico_open02.png) 100% 50% no-repeat;
    -ms-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    line-height: inherit;
}
.accBlock03[role="tablist"] > dt.open a > .accBtn {
    background: url(../img/icon_close.png) 100% 50% no-repeat;
    -ms-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
}
.accBlock04[role="tablist"] > dt.open a > .accBtn,
.accBlock05[role="tablist"] > dt.open a > .accBtn, 
.accBlock05[role="tablist"] > dt.open a > .accBtnKr,
a.accBtn3 {
    background: url(../img/ico_close02.png) 100% 50% no-repeat;
    -ms-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}
.accBlock03[role="tablist"] > dt a > .accBtn > span,
.accBlock04[role="tablist"] > dt a > .accBtn > span,
.accBlock05[role="tablist"] > dt a > .accBtn > span,
.accBlock05[role="tablist"] > dt a > .accBtnKr > span {
    position: static;
    padding-left: 0;
}
.accBlock04[role="tablist"] > .open a > .accBtn2,
.accBlock05[role="tablist"] > .open a > .accBtn2, a.accBtn3 {
    background: url(../img/ico_close02.png) 100% 50% no-repeat;
    -ms-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}
.accBlock03[role="tablist"] > a > .accBtn2 > span,
.accBlock04[role="tablist"] > a > .accBtn2 > span,
.accBlock05[role="tablist"] > a > .accBtn2 > span {
    position: static;
    padding-left: 0;
}
@media screen and (min-width:768px){
    .jsAccPcOpen dd[aria-hidden="false"],
    dd.jsAccPcOpen[aria-hidden="false"],
    .jsAccPcOpen [aria-hidden="false"],
    .jsAccPcOpen[aria-hidden="false"] {
        display: block !important;
    }
}

/*-------------------------------------------
frame
-------------------------------------------*/
.frameWindowBlock {
    width: 100%;
    height: 194px;
    padding: 18px;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d3d3d3;
}
.frameWindowBlock .btnT01.accSwitch {
    display: none;
}


/*-------------------------------------------
Key Visual
-------------------------------------------*/
.keyVisual01 {
    background: #fff;
    text-align: center;
}


/*-------------------------------------------
Carousel
-------------------------------------------*/
.carouselBlock01 {
    margin-bottom: 10px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.carouselBlock01 .carouselList {
    position: relative;
}
.carouselBlock01 .carouselList > li {
    position: absolute;
}
.carouselBlock01 .carouselList > li > a {
    display: block;
    background: #fff;
    border: solid 1px #ccc;
}
.carouselBlock01 .carouselControl {
    height: 68px; /*7715*/
    position: relative;
}
.carouselBlock01 .carouselControl > .carousePager {
    /*padding: 10px 0;*/
    position: absolute; /*7715*/
    left: 24px; /*7715*/
    top: 0; /*7715*/
    width: 650px; /*7715*/
    height: 66px; /*7715*/
    overflow: hidden;
}
.carouselBlock01 .carouselControl > .carousePager > ul {
    width: 650px;
    position: absolute; /*7715*/
    left: 0; /*7715*/
    top: 0; /*7715*/
    width: 650px; /*7715*/
    height: 56px; /*7715*/
    margin-top: 10px;
    /*margin: 0 auto;*/
}
.carouselBlock01 .carouselControl > .carousePager > ul li {
    float: left;
    margin-left: 15px;
    width: 150px;
}
.carouselBlock01 .carouselControl > .carousePager > ul li:first-child {
    margin-left: 0;
}
.carouselBlock01 .carouselControl > .carousePager > ul li > a {
    position: relative;
    display: block;
    text-align: center;
    background: #fff;
}
.carouselBlock01 .carouselControl > .carousePager > ul li > a:hover {
    text-decoration: none;
}
.carouselBlock01 .carouselControl > .carousePager > ul li > a:hover,
.carouselBlock01 .carouselControl > .carousePager > ul li > .select {
    color: #fff;
}
@media screen and (min-width:768px){
    .carouselBlock01 .carouselControl > .carousePager > ul li > .select:after {
        content: '';
        background: url(../img/bg_carousel01.png) 0 0 no-repeat;
        width: 150px;
        height: 62px;
        position: absolute;
        top: -6px;
        left: 0;
        -ms-background-size: 150px 62px;
        -moz-background-size: 150px 62px;
        -webkit-background-size: 150px 62px;
        background-size: 150px 62px;
    }
}
.carouselBlock01 .carouselControl > .carousePager > ul li > a > span {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    font-size: 12px;
}
.carouselBlock01 .carouselControl > .carouselBtn li > a {
    display: block;
    font-size: 0;
    text-indent: -9999px;
}
.carouselBlock01 .carouselControl > .carouselBtn li > a > span {
    display: block;
    text-indent: -9999px;
}
.carouselBlock01 .carouselControl > .carouselBtn li > a.carouselPrev:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5em;
}
.carouselBlock01 .carouselControl > .carouselBtn li > a.carouselNext:before {
    position: absolute;
    top: 50%;
    right: 45px;
    margin-top: -0.5em;
}
.carouselBlock01 .carouselControl > .carouselBtn li > a.carouselStop:before,
.carouselBlock01 .carouselControl > .carouselBtn li > a.carouselPlayback:before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.5em;
}
.carouselBlock02 .carouselList {
    margin-bottom: 10px;
}
.carouselBlock02 .carousePager > ul {
    font-size: 0;
    text-align: center;
}
.carouselBlock02 .carousePager > ul > li {
    display: inline-block;
    margin-left: 10px;
}
.carouselBlock02 .carousePager > ul > li:first-child {
    margin-left: 0;
}
.carouselBlock02 .carousePager > ul > li > a {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    background: url(../img/bg_carousel01.png) 0 0 no-repeat;
}
.carouselBlock02 .carousePager > ul > li > a.active,
.carouselBlock02 .carousePager > ul > li > a:hover {
    background-image: url(../img/btn_carousel_active01.png) ;
}
.spCarouselArea {
    position: relative;
    background: #fff;
}
.spCarouselArea .carousePager {
    text-align: center;
}
.spCarouselArea .carousePager > li {
    display: inline-block;
    margin-right: 7px;
}
.spCarouselArea .carousePager > li:last-child {
    margin-right: 0;
}
.spCarouselArea .carousePager > li > a {
    color: #049849;
}
.spCarouselArea .carousePager > li[aria-selected="true"] > a {
    color: #ed6d34;
}
.spCarouselArea {
    padding:  15px 29px;
}
.spCarouselArea .carouselList li {
    float: left;
    margin-right: 22px;
    padding-top: 1px;
    text-align: center;
}
.spCarouselArea .carouselControl ul > li > a {
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 50%;
    width: 11px;
    height: 18px;
    margin-top: -9px;
}
.spCarouselArea .carouselControl ul > li:first-child > a {
    left: 0;
}
.spCarouselArea .carouselControl ul > li:last-child > a {
    right: 0;
}
.spCarouselArea .carouselControl ul > li > a > span {
    text-indent: 0;
}

.jsCarouselAreaNormal01 .bx-pager {
    margin-top: 10px;
}
.jsCarouselAreaNormal01 .bx-pager > div {
    display: inline-block;
    margin: 0 7px;
}
.jsCarouselAreaNormal01 .bx-pager {
    position: static;
    text-align: center;
    width: auto;
    height: auto;
}
.jsCarouselAreaNormal01 .bx-pager .bx-pager-link {
    display: block;
    text-indent: -9999px;
    width: 11px;
    height: 11px;
    background: url(../img/btn_carousel_normal01.png) 0 0 no-repeat;
    -ms-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}
.jsCarouselAreaNormal01 .bx-pager .bx-pager-link.active {
    background: url(../img/btn_carousel_active01.png) 0 0 no-repeat;
    -ms-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}
.jsCarouselAreaNormal01 .carouselControl {
    height: auto;
    position: relative;
}
.jsCarouselAreaNormal01.carouselBlock01 .carouselControl > .carouselBtn li > a.carouselPrev:before {
    top: -20px !important;
}
.jsCarouselAreaNormal01.carouselBlock01 .carouselControl > .carouselBtn li > a.carouselNext:before {
    top: -20px !important;
    right: 0 !important;
}

/*-------------------------------------------
Ballon
-------------------------------------------*/
.balloonWrap {
    position: relative;
}
.ballonContent01 {
    position: absolute;
    padding: 20px 20px 0;
    background: #f0fff7;
    border: 2px solid #049849;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
}
.ballonContent01:before {
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: 50%;
    width: 16px;
    height: 9px;
    margin-left: -8px;
    background: url(../img/bg_balloon_top02.png) 0 0 no-repeat;
}
.mapBalloonWrap .pcMapBalloon {
    position: relative;
}
.mapBalloonWrap .spMapBalloon {
    display: none;
}
.mapBalloonWrap .mapBalloon {
    position: absolute;
    width: 254px;
    padding-bottom: 23px;
    background: url(../img/bg_balloon_map_x01.png) 0 bottom no-repeat;
}
.mapBalloonWrap .mapBalloon:before {
    content: "";
    display: block;
    background: rgba(8,117,26,0.82);
    width: 251px;
    height: 4px;
}
.mapBalloonWrap .mapBalloon .mapBalloonInner {
    position: relative;
    background: url(../img/bg_balloon_map_y01.png) 0 0 repeat-y;
    padding: 28px 13px 10px 10px;
}
.mapBalloonWrap .mapBalloon .mapBalloonClose {
    position: absolute;
    top: 0px;
    right: 10px;
}
.mapBalloonWrap .mapBalloon#mapBalloon01 {
    bottom: 117px;
    left: 20px;
}
.mapBalloonWrap .mapBalloon#mapBalloon02 {
    bottom: 206px;
    left: 155px;
}
.mapBalloonWrap .mapBalloon#mapBalloon03 {
    bottom: 260px;
    left: 294px;
}
.mapBalloonWrap .mapBalloon#mapBalloon04 {
    bottom: 295px;
    right: 130px;
}

/*-------------------------------------------
Title
-------------------------------------------*/
h2.h2Title01,
h3.h3Title01,
h3.h3Title02,
h4.h4Title01 {
    margin-bottom: 20px;
}
h1.h1Title01 {
    margin: 20px 0 0px;
    border-bottom:3px solid #003f80;
    padding-bottom:10px;
}
h1.h1Title01 .titleInner {
    display: inline-block;
    position: relative;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.1;
    color: #003f80;
}
h1.main {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.1;
    color: #222;
    margin-bottom:10px;
}
.mainTitle01 p {
    display: none;
}
.mainTitle01 .mainTitleLink01 {
    display: block;
    position: absolute;
    top: 0.4em;
    right: 0;
}
h2.h2Title01 {
    padding: 0;
    background:url(../img/icon_h2.gif) no-repeat 0px 5px;
}
h2.h2Title01 .titleInner {
    display: inline-block;
    position: relative;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 180%;

}
h2.h2Title01 .titleInner:before,h2.h2Title01 .titleInner:after {content: " "; display: table;}
h2.h2Title01 .titleInner:after {clear: both;}
h2.h2Title01 .titleInner {*zoom: 1;}

h2.h2Title02 {
    font-weight: bold;
    font-size: 1.3em;
    border-bottom:1px solid #666;
}
h2.h2Title03 {
    margin-bottom: 10px;
}
h2.h2Title03 .titleInner{
    line-height: 1;
    font-size: 1.2em;
    font-weight: bold;
}
h3.h3Title01 .titleInner {
    position: relative;
    display: block;
    padding-left: 15px;
    background:url(../img/icon_title_h3.gif) no-repeat 0 5px;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3;
}
h3.h3Title01 .titleInner:before,h3.h3Title01 .titleInner:after {content: " "; display: table;}
h3.h3Title01 .titleInner:after {clear: both;}
h3.h3Title01 .titleInner {*zoom: 1;}
/*
h3.h3Title01 .titleInner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 1.3em;
	background: #abce02;
}
*/
h3.h3Title02 {
    padding: 12px 20px 11px;
    background: #ffffcc;
}
h3.h3Title02 .titleInner {
    display: block;
    font-size: 1.143em;
}
h4.h4Title01 .titleInner {
    display: block;
    padding: 0 0 5px 15px;
    border-bottom: 2px solid #ccc;
    font-size: 1.143em;
    font-weight: bold;
}
.titleBorderA01 {
    /*
	display: block;
	margin-bottom: 20px;
	border-bottom: 2px solid #ccc;
	font-size: 1.143em;
	font-weight: bold;
*/
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 1.286em;
}
.titleBorderA01:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 5px;
    height: 1.3em;
    background: #abce02;
}
.titleImg01 {
    margin-bottom: 20px;
}
.titleTel {
    font-size:2.5em;
    color:#00317b;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:500;
    line-height:1em;
}
@media screen and (min-width:768px){
    .jsSpAcc h3 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .jsSpAcc h3 .titleInner {
        cursor: default;
        display: block;
        border-bottom: 2px solid #abcd03;
        color: #333;
        font-size: 1.143em;
        font-weight: bold;
    }
    .jsSpAcc h3 .accBtn {
        display: none;
    }
}
/*-------------------------------------------
TextParts
-------------------------------------------*/
.moreLink01 {
    text-align: right;
}
.moreLink01 > a {
    font-weight: bold;
}
.linkArrowCircleRight {
    font-weight: bold;
    margin-bottom: 10px;
}
.textT01 {
    color: #333 !important;
    font-weight: normal !important;
}
.strongText01 {
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 1.143em;
}
.strongText02 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.429em;
}
.strongText03 {
    margin-bottom: 15px;
    color: #049849;
    font-weight: bold;
    font-size: 1.143em;
}
.textBlock01 p {
    margin-bottom: 10px;
}
.titleText01 {
    font-weight: bold;
}
.topLead01 {
    margin: -30px 0 20px;
    font-size: 1.143em;
}
.dlBlock01 .detail {
    margin: 10px 0 0 1.2em;
}

.dlBlock02 .title {
    font-size: 1.286em;
    font-weight: bold;
}
.dlBlock02 .detail {
    margin-top: 0;
    text-align:left;
    color:#222;
}
.mark01 {
    padding: 0 6px;
    background: #ffee7a;
}
.mark02 {
    padding: 0 6px;
    background: #E88EB2;
}
.tBorder01 {
    display: table;
    border-collapse: collapse;
}
.tBorder01 > span {
    display: table-cell;
    padding: 2px;
    border: solid 1px #333;
}
.boxLink01 > a {
    display: block;
    padding: 15px;
    border: solid 1px #ccc;
    background: #f6f6f6;
    text-align: center;
    text-decoration: none;
}
.boxLink01 > a:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 8px;
    margin: 0 10px 0 -13px;
    background: url(../img/bg_arrow_bottom02.png) 0 50% no-repeat;
    -ms-background-size: 16px 8px;
    -moz-background-size: 16px 8px;
    -webkit-background-size: 16px 8px;
    background-size: 16px 8px;
}
@media screen and (min-width:768px){
    .phoneNumberLink {
        text-decoration: none;
    }
    .boxLink01 > a:hover {
        color: inherit;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
    }
}

/*-------------------------------------------
Btn Parts
-------------------------------------------*/
.btnT01,
.btnT02,
.btnT03,
.btnT04,
.btnT05,
.btnT06,
.btnT07,
.btnT08,
.btnT09 {
    display: inline-block;
    padding: 5px 10px;
    font-weight: bold;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    text-align: left;
    text-decoration: none;
}

.btnT08 {
    display: inline-block;
    padding: 5px 80px;
    font-weight: bold;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    text-align: left;
    text-decoration: none;
}
.btnS01,
.btnS02,
.btnS03 {
    display: inline-block;
    padding: 3px 10px;
    font-weight: bold;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
}
*[class*=" btnT"][class^="glyph"],
*[class^="btnT"][class*=" glyph"],
*[class*=" btnT"][class*=" glyph"] {
    padding-right: 28px;
}
*[class*=" btnT"][class^="icon"],
*[class^="btnT"][class*=" icon"],
*[class*=" btnT"][class*=" icon"] {
    padding-right: 77px !important;
}
*[class*=" btnT"][class^="glyph"].btnWFull,
*[class^="btnT"][class*=" glyph"].btnWFull,
*[class*=" btnT"][class*=" glyph"].btnWFull {
    padding-right: 10px !important;
}
.btnT02 > span{
    color: #fff !important;
}
.btnT03 > span {
    color: #fff !important;
}
.btnT05 > span {
    color: #fff !important;
}
.btnT07 > span {
    color: #fff !important;
}
.btnT08 > span {
    color: #fff !important;
}
.btnT09 > span{
    color: #317ac6 !important;
}
.btnS01 > span{
    color: #fff !important;
}
#wrap .btnT01 span,
.modalBlock01 .btnT01 span {
    color: #333;
}
.btnT01 {
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: #e2e2e2 0px -2px inset;
    -webkit-box-shadow: #e2e2e2 0px -2px inset;
    -moz-box-shadow: #e2e2e2 0px -2px inset;
}
.btnT02 {
    background: #2763c5;
    box-shadow: #134aa3 0px -2px inset;
    -webkit-box-shadow: #134aa3 0px -2px inset;
    -moz-box-shadow: #134aa3 0px -2px inset;
}

.btnT03 {
    background: #e60000;
    text-align:left;

}
.btnT04 {
    background: #fff;
    border:1px solid #2763c5;
    box-shadow: #e2e2e2 0px -2px inset;
    -webkit-box-shadow: #e2e2e2 0px -2px inset;
    -moz-box-shadow: #e2e2e2 0px -2px inset;
}
.btnT05 {
    background: #ec0c0c;
    box-shadow: #ac070b 0px -2px inset;
    -webkit-box-shadow: #ac070b 0px -2px inset;
    -moz-box-shadow: #ac070b 0px -2px inset;
}

.btnT06 {
    background: #249ebc;
    box-shadow: #208ea9 0px -2px inset;
    -webkit-box-shadow: #208ea9 0px -2px inset;
    -moz-box-shadow: #208ea9 0px -2px inset;
    color:#fff;
}
.btnT07 {
    background: #7f7f7f;
    box-shadow: #595959 0px 2px inset;
    -webkit-box-shadow: #595959 0px 2px inset;
    -moz-box-shadow: #595959 0px 2px inset;
}
.btnT07 {
    background: #757575;
    box-shadow: #646464 0px -2px inset;
    -webkit-box-shadow: #646464 0px -2px inset;
    -moz-box-shadow: #646464 0px -2px inset;
}
.btnT08 {
    background: #33a0c2;
    box-shadow: #138cb1 0px -2px inset;
    -webkit-box-shadow: #138cb1 0px -2px inset;
    -moz-box-shadow: #138cb1 0px -2px inset;
}
.btnT09 {
    background: #edf3b2;
}
.btnS01 {
    background: #2763c5;
    box-shadow: #134aa3 0px -2px inset;
    -webkit-box-shadow: #134aa3 0px -2px inset;
    -moz-box-shadow: #134aa3 0px -2px inset;
}
.btnS02 {
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: #e2e2e2 0px -2px inset;
    -webkit-box-shadow: #e2e2e2 0px -2px inset;
    -moz-box-shadow: #e2e2e2 0px -2px inset;
}
.btnS01 a:hover,
.btnS02 a:hover {
    text-decoration:none;
}
.btnT01Small,
.btnT02Small,
.btnT03Small {
    line-height: 0;
}
.btnT01 > span,
.btnT02 > span,
.btnT03 > span,
.btnT04 > span,
.btnT05 > span,
.btnT06 > span,
.btnT07 > span,
.btnT08 > span,
.btnT09 > span{
    position: relative;
    line-height: 1.4;
}
.btnGlay01 {
    display: inline-block;
    padding: 5px 17px;
    background: #ebebeb;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.btnWhite01 {
    display: inline-block;
    padding: 5px 17px;
    background: #f6f9e5;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    color: #317ac6;
}
.btnWhite01 span {
    color: #317ac6 !important;
}
@media screen and (min-width:768px){
    .btnWhite01:hover {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
    }
}
.btnWFull {
    position: relative;
    text-align: center;
    display: block;
}
.btnSMiddle {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.143em
}
.btnSLarge {
    display: table;
    min-height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.429em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btnSLarge.btnWFull {
    width: 100%;
}
.btnSLarge  > span{
    display: table-cell !important;
    vertical-align: middle;
}
.btnSLarge .smallText {
    font-size: 0.65em;
}
.btnSLarge .largeText {
    font-size: 0.8em;
    font-weight: normal;
}
.btnSMiddle .largeText {
    font-size: 1.125em;
}
.btnSMiddle .smallText {
    font-size: 0.813em;
}
.btnSetLine2 {
    padding: 22px 10px !important;
}
.btnT01Small.btnSetLine2,
.btnT02Small.btnSetLine2,
.btnT03Small.btnSetLine2 {
    padding: 16px 10px 15px !important;
}
.applicationBlock01 .noIconBtn01,
.applicationBlock02 .noIconBtn01 {
    padding: 15px 10px;
}
.applicationBlock01 .noIconBtn02,
.applicationBlock02 .noIconBtn02 {
    padding: 12px 10px;
}
.closeWrap {
    text-align: center;
}
.btnPager {
    position: relative;
    height: 50px;
}
.btnPager > li.next {
    position: absolute;
    top: 0;
    right: 0;
}
.btnPager > li > a {
    position: relative;
    display: inline-block;
    width: 125px;
    padding: 10px;
    text-align: center;
    border: 1px solid #d3d3d3;
    background: #fff;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
    -moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
}
.btnPager > li > a:before {
    top: 50%;
    margin-top: -0.5em;
}
.btnPager > li > a > span {
    color: #333;
    font-weight: bold;
}
.spEnlarge + .spEnlargeSwitch {
    display: none;
}

/*-------------------------------------------
Link
-------------------------------------------*/
.accSwitch a {
    text-decoration: none;
}
@media screen and (min-width:768px){
    .tabBlock01 a:hover,
    .accBlock03 .accSwitch a:hover,
    .accBlock04 .accSwitch a:hover,
    .accBlock05 .accSwitch a:hover,
    *[class*="btnT"]:hover,
    .tabList [role="tablist"] > li > div > a span:hover {
        filter: alpha(opacity=70);
        -moz-opacity:0.7;
        opacity: 0.7;
        text-decoration: none !important;
    }
    .btnT04:hover {
        color: inherit;
    }
}

.buttonTextLink01 {
    color: #317ac6;
    background: transparent;
    text-decoration: underline;
}
.buttonTextLink01 > span {
    text-decoration: underline;
}
.buttonTextLink01 > span:hover {
    color: #ed6d34;
}

/*-------------------------------------------
Dl
-------------------------------------------*/
.dlColumn01 dd {
    margin: 0 0 10px;
}

/*-------------------------------------------
Dialog
-------------------------------------------*/
*[class*="dialog"] .speaker {
    width: 130px;
    text-align: center;
}
*[class*="dialog"] .utterance {
    position: relative;
    width: 460px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: solid 2px #b4b4b4;
}
*[class*="dialog"] {
    *zoom: 1;
    overflow: hidden;
}
*[class*="dialog"]:before,*[class*="dialog"]:after {content: " "; display: table;}
*[class*="dialog"]:after {clear: both;}

.dialog01 .speaker {
    float: left;
    margin-right: 20px;
}
.dialog01 .utterance {
    float: left;
}
.dialog01 .utterance:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 20px;
    left: -17px;
    width: 17px;
    height: 13px;
    background: url(../img/bg_dialogue01.png) 0 0 no-repeat;
}

.dialog02 .speaker {
    float: right;
    margin-left: 10px;
}
.dialog02 .utterance {
    float: right;
}
.dialog02 .utterance:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 20px;
    right: -17px;
    width: 17px;
    height: 13px;
    background: url(../img/bg_dialogue02.png) 0 0 no-repeat;
}

/*-------------------------------------------
Image
-------------------------------------------*/
.blockImage01 {
    display: table;
    width: 234px;
    height: 200px;
    background: #000;
}
.blockImage01 > a,
.blockImage01 > span {
    display: table-cell;
    vertical-align: middle;
}

/*-------------------------------------------
Form
-------------------------------------------*/
.phoneNumberLink:link,
.phoneNumberLink:visited {
    text-decoration: none;
}

.requiredIcon {
    display: inline-block;
    margin: 0 3px;
    padding: 1px 5px 0;
    font-size: 12px;
    line-height: 19px;
    vertical-align: 1px;
    color: #fff;
    background-color: #f93434;
    border-radius: 2px;
    color:
}
.inputTable .input {
    margin: 0;
}
.inputTable .radio {
    margin: 0 0 8px;
}
.inputTable .radio label {
    margin: 8px 20px 0 0;
}
.inputTable .input input:not([type=radio]):not([type=checkbox]),
.inputTable .input textarea {
    padding: 5px 5px 3px 5px;
    font-size: 114%;
    vertical-align: middle;
    border: 1px solid #999;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-ox-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#wrap .inputTable .input input.customRadio01 {
    padding: 5px 5px 3px 5px;
    font-size: 114%;
    vertical-align: middle;
    border: 1px solid #999;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-ox-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.inputTable .input input:not([type=radio]):not([type=checkbox]) {
    height: 34px;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
}
.input input[type="radio"],
.inputTable .input input[type="radio"],
.inputTable .input input[type="checkbox"] {
    margin-right: 5px;
    vertical-align: middle;
}
.inputTable .input .customSelect01 {
    vertical-align: middle;
}
.inputTable .input .customSelect01 {
    margin: 2px 0;
}
.inputTable select.LargeSelect {
    width:60%;
}
.input *::-webkit-input-placeholder {
    color: #757575;
}
.input *:-ms-input-placeholder {
    color: #757575;
}
.input *:-moz-placeholder {
    color: #757575;
}

.inputTable .note {
    margin-top: 10px;
    font-size: 85.7%;
}

.inputTable .formLabel {
    position: relative;
    display: inline-block;
    padding-right: 45px;
}
.inputTable .formLabel .requiredIcon {
    position: absolute;
    right: 0;
    top: 0;
}

.nameInput .input {
    float: right;
    width: 48%;
}
.nameInput .input:first-child {
    float: left;
}
.nameInput .nameLabel {
    display: block;
    float: left;
    width: 2.5em;
    margin-top: 7px;
}
.nameInput .nameText {
    display: block;
    overflow: hidden;
}
.nameInput .nameText input {
    width: 100% !important;
}


.mailInput .input {
    float: right;
    width: 48%;
}
.mailInput .input:first-child {
    float: left;
}
.input .mailLabel {
    display: block;
    float: left;
    width: 6em;
    margin-top: 7px;
}
.mailInput .mailText {
    display: block;
    overflow: hidden;
}
.mailInput .mailText input {
    width: 100% !important;
}
.input .phoneLabel {
    display: block;
    float: left;
    width: 7em;
    margin-top: 7px;
}
.input .jobLabel {
    display: block;
    float: left;
    width: 3em;
    margin-top: 7px;
}

.adInput .adLabel {
    display: block;
    float: left;
    width: 15em;
    margin-top: 7px;
}
.pepInput .pepLabel {
    display: block;
    float: left;
    width: 2.5em;
    margin-top: 7px;
}
.pepInput .pepText {
    display: block;
    overflow: hidden;
}
.pepInput .pepText input {
    width: 100% !important;
}
.placeInput .placeLabel {
    display: block;
    float: left;
    width: 9em;
    margin-top: 7px;
}
.adInput .addressText {
    display: block;
    overflow: hidden;
}

.inputTable .input input.required,
.inputTable .input textarea.required,
.inputTable .input span.required {
    background-color: #ffe4e0;
}

.inputTable .input input[disabled],
.inputTable .input textarea[disabled],
.inputTable .input select[disabled] + span {
    color: #666;
    background-color: #ebebe4;
}

input.customCheckbox01,
input.customRadio01 {
    z-index: -1;
    position: absolute;
    left: 1px;
    top: 1px;
}
label.customCheckbox01 {
    position: relative;
    display: inline-block;
    min-height: 1em;
    padding-left: 35px;
    cursor: pointer;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.customCheckbox01:after {
    content: " ";
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    display: block;
    background: url(../img/ico_checkbox.gif) no-repeat 0 0;
    zoom: 1;
}
label.customCheckbox01.labelSelected:after {
    content: "x";
    color: transparent;
    text-indent: -9999px;
    background-position: 0 -34px;
}
label.customRadio01 {
    position: relative;
    display: inline-block;
    min-height: 1em;
    padding-left: 35px;
    cursor: pointer;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.customRadio01:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    width: 22px;
    height: 22px;
    display: block;
    background: url(../img/ico_radio.gif) no-repeat 0 0;
}
label.customRadio01.labelSelected:after {
    content: "x";
    text-indent: -9999px;
    background-position: 0 -32px;
}
label.customRadio01.required:after {
    content: "x";
    text-indent: -9999px;
    background-position: 0 -64px;
}
label.customRadio01.disabled:after {
    content: "x";
    text-indent: -9999px;
    background-position: 0 -96px;
    cursor: default;
}
a.tooltip img{
    margin: 0 2px;
    vertical-align:middle;
    cursor:pointer;
}
a.tooltip span {
    display: none;
    padding: 3px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}
a.tooltip:hover span{
    display: inline;
    position: absolute;
    width: 300px;
    z-index: 100;
    background: #fff;
    border: 1px solid #b7b7b7;
    color: #333;
    padding: 20px;
}
#wrap #mainArea .customSelect01 {
    min-height: 34px;
    padding-right: 25px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
#wrap #mainArea .customSelect01.w170px { width: 170px !important; }
#wrap #mainArea .customSelect01 .customSelectInner {
    display: inline-block;
    padding: 6px 30px 5px 5px;
    background: url(../img/ico_select.gif) no-repeat 100% 50%;
    border: 1px solid #999;
}
.inputTable .radioTextWrap {
    display: block;
    margin-top:10px;
}

button {
    font-family: 'Meiryo','MS Gothic','MS PGothic',sans-serif;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button.btnWFull {
    width: 100%;
}
button.btnT04,
button.btnT04:hover,
button.btnT04:visited,
button.btnT04:active {
    color: #222;
}
.submitNext {
    margin: 0 auto;
    min-width: 210px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration:none;
}
.submitNext:visited {
    text-decoration: none;
}
.submitNext02 {
    margin: 0 auto;
    top: 12px;
    min-width: 210px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration:none;
}
.submitNext02:visited {
    text-decoration: none;
}

.colorBox01 {
    padding: 20px;
    background-color: #f5ffda;
}
.colorBox01 .boxInner {
    display: table;
    width: 100%;
}
.colorBox01 .text {
    display: table-cell;
    padding-right: 15px;
    vertical-align: middle;
}
.colorBox01 .btn {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}

.colorBox02 {
    padding: 20px;
    background-color: #f6f6f6;
}

.simulationColumn2 > .col {
    position: relative;
    float: right;
    width: 346px;
}
.simulationColumn2 > .col:first-child {
    float: left;
}
.simulationColumn2 > .col + .col:before {
    content: "";
    display: block;
    position: absolute;
    top: 155px;
    left: -46px;
    width: 32px;
    height: 108px;
    background: url(../img/bg_arrow_right02.png) 0 0 no-repeat;
}


.helpSimulation ul li {
    float:left;
    margin:5px auto;
}
.helpSimulation li.simulationBox {
    width:35%;
    border:1px solid #ccc;
    padding:10px;
}
.helpSimulation li.bgText1 {
    background:#fff url(../img/boxText1.gif) no-repeat center center;
}
.helpSimulation li.simulationTitle{
    width:21%;
    padding:10px;
}


.paper


section.workDate {

}
section.workDate p {
    font-size:0.8em;
}
section.workDate .month {
    font-size:1.3em;
    font-weight:bold;
    text-align: center;
    margin-bottom:7px;
}
table.workDateTable{
    width:100%;
    border-bottom:1px solid #ccc;
}
table.workDateTable th, table.workDateTable td {
    text-align: center;
    font-size:0.8em;
    padding:3px;
}
table.workDateTable th.red, table.workDateTable td.red {
    color:#d50000;
    font-weight:bold;
}
table.workDateTable th.blue, table.workDateTable td.blue {
    color:#0087f0;
    font-weight:bold;
}
.btnCalc01 {
    text-align: center;
}
.btnCalc01 .glyphCalc01 {
    width: 70%;
    padding: 20px !important;
}
.btnCalc01 .glyphCalc01 > span {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.checkList01,
.checkList02 {
    margin-top: -0.4em;
}
.checkList03 {
    margin-top: 0;
}
.checkList01 li,
.checkList02 li,
.checkList03 li,
.checkList04 li,
.checkList05 li {
    position: relative;
    float: left;
}
.checkList01 li {
    width: 171px;
    margin: 0 22px 10px 0;
}
.checkList02 li {
    width: 48%;
    margin: 0.4em 4% 0 0;
}
.checkList03 li {
    float: none;
    width: 100%;
    margin-top: 0.6em;
}
.checkList01 input,
.checkList02 input,
.checkList03 input,
.checkList04 input,
.checkList05 input {
    position: absolute;
    left: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    outline: none;
}
.checkList01 .checkLabel,
.checkList02 .checkLabel,
.checkList03 .checkLabel,
.checkList04 .checkLabel,
.checkList05 .checkLabel {
    display: table;
    width: 100%;
    height: 52px;
}
.checkList01 input:checked + .checkLabel label,
.checkList02 input:checked + .checkLabel label,
.checkList03 input:checked + .checkLabel label,
.checkList04 input:checked + .checkLabel label,
.checkList05 input:checked + .checkLabel label {
    border-color: #f8f299;
    background: #f8f299;
    color: #333;
    font-weight: bold;
}
.checkList01 label,
.checkList02 label,
.checkList03 label,
.checkList04 label,
.checkList05 label {
    display: table-cell;
    width: 100%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #d1d1d1;
    background: #fff;
    color: #666;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
}
.checkLabel label {
    cursor: pointer;
}
input:disabled + .checkLabel label {
    cursor: default !important;
    border-color: #ebebe4 !important;
    background: #ebebe4 !important;
    font-weight: normal !important;
}

.searchText01 {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 700px;
    height: 36px;
    margin-bottom: 10px;
    padding: 0.4em 4px 0.4em 4px;
}
.customSelect02 {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-border-radius: 3px/3px 3px 3px 3px;
    -moz-border-radius: 3px/3px 3px 3px 3px;
    -webkit-border-radius: 3px/3px 3px 3px 3px;
    border-radius: 3px/3px 3px 3px 3px;
    background: url(../img/bg_select01.png) repeat-x left 2px;
    position: relative;
    z-index: 10;
    width: 245px;
    border: 1px solid #898989;
    overflow: hidden;
}
.customSelect02Inner {
    padding: 5px 0 5px 10px;
    -ms-appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
    width: 275px;
    /*	padding-right: 36px;*/
    display: block;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    background: none;
    background-image: url(../img/btn_select01.png);
    background-position: 209px top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 15;
    vertical-align: middle;
    box-sizing: border-box;
    border: none;
option {
    color: #333;
}
&::-ms-expand {
     display: none;
 }
}
.customSelect02.numberSelect01 {
    width: 100px;
}
.customSelect02.numberSelect01 .customSelect02Inner {
    width: 130px;
    background-position: 64px top;
}

.searchContents01 {
    position: relative;
}
.searchDetails01 > *,
.searchDetails01 dl,
.searchDetails01 dt,
.searchDetails01 dd {
    display: inline-block;
    vertical-align: middle;
}
.searchDetails01 dd {
    margin-right: 15px;
}
.searchDetails01 .searchDetails01Num {
    position: absolute;
    left: 0;
    margin-top: 0.2em;
    font-size: 1.143em;
}
.searchDetails01 .searchLogo01 {
    position: absolute;
    top: 33px;
    right: 25px;
}
.searchDetails01 .searchWord01 {
    position: absolute;
    top: 26px;
    right:130px;
    display: inline-block;
    vertical-align: middle;
}
.searchWord01 button#submitBtn {
    width: 120px;
    background: #317ac6;
    border: none;
    box-shadow: #003223 0px -2px inset;
    -webkit-box-shadow: #003223 0px -2px inset;
    -moz-box-shadow: #003223 0px -2px inset;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 5px 10px 5px 8px;
    text-align: left;
    line-height: 1.5;
}
.searchWord01 button#submitBtn span {
    display: block;
    background: url(../img/ico_search02.png) 3px center no-repeat;
    -ms-background-size: 21px 21px;
    -moz-background-size: 21px 21px;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
    font-weight: bold;
    letter-spacing: 0.5em;
    font-size: 14px;
    padding: 3px 0 3px 40px;
}
.searchRecommended01 {
    display: table;
    width: 100%;
}
#wrap .searchRecommended01 .col {
    display: table-cell;
    float: none;
    width: 14%;
    margin: 0;
    padding-left: 2%;
    vertical-align: middle;
}
#wrap .searchRecommended01 .col:first-child {
    width: 84%;
}
.searchRecommended01 .customSelect02 {
    display: inline-block;
    width: 214px;
    margin: 0 5px;
    overflow: hidden;
}
.searchRecommended01 .customSelect02Inner {
    width: 244px;
    padding-right: 64px;
    background-position: 178px top;
}
select::-ms-expand {
    display: none;
}
.searchColumn .questionListA01 .icon {
    width: 31px;
}
.searchColumn .questionListA01 li {
    padding-left: 50px;
}

.searchResult {
    margin-top: 20px;
}
#wrap .searchResult .col {
    width: 100%;
}
#wrap .searchResult .img {
    margin-right: 30px;
}
.searchResultDetails dt {
    position: relative;
    display: table;
    margin-bottom: 10px;
    padding-left: 1.8em;
}
.searchResultDetails dt .searchNum {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
}
.searchResultDetails dt .iconWrap {
    display: table-cell;
    margin: 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}
.searchResultDetails dt a {
    font-size: 1.143em;
    font-weight: bold;
}
.searchResultDetails dt .iconWrap + a {
    display: table-cell;
    vertical-align: middle;
}
.searchResultDetails dd {
    padding-left: 3.2em;
}
.searchResultDetails dd a {
    display: inline-block;
    margin-top: 10px;
}
.searchResultDetails dd a:link {
    color: #00c;
}
.searchResultDetails dd a:visited {
    color: #660066;
}
.searchResultDetails dd a:active {
    color: #ff0000;
}

.pager01 {
    text-align: center;
}
.pager01 > ol {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
}
.pager01 .pagePre {
    margin-right: 15px;
}
.pager01 .pageNext {
    margin-left: 15px;
}
.pagerBtn li {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: #e2e2e2 0px -2px inset;
    -webkit-box-shadow: #e2e2e2 0px -2px inset;
    -moz-box-shadow: #e2e2e2 0px -2px inset;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
}
.pagerBtn li a {
    text-decoration: none;
    color: #333;
}
.pagerBtn li.active,
.pagerBtn li:hover {
    background: #fef898;
    box-shadow: #efe870 0px 2px inset;
    -webkit-box-shadow: #efe870 0px 2px inset;
    -moz-box-shadow: #efe870 0px -2px inset;
}

.inputWrap {
    position: relative;
}
label.placeholder01 {
    position: absolute;
    top: 2px;
    left: 5px;
    color: #999;
    font-size: 16px;
    white-space: nowrap;
    cursor: text;
}
/*-------------------------------------------
DY parts
-------------------------------------------*/
.stepListA01 li {
    margin-bottom: 20px;
    overflow: hidden;
}
.stepListA01 li .icon {
    display: block;
    float: left;
    margin-right: 15px;
    min-width: 80px;
    text-align: center;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.stepListA01 li .color01 {
    color: #28a5a0;
    background: #ebfffe;
}
.stepListA01 li .color02 {
    color: #fa8200;
    background: #fff7e6;
}
.stepListA01 li .color03 {
    color: #d22878;
    background: #ffeaf4;
}
.stepListA01 li .color04 {
    color: #00734e;
    background: #e1f4a4;
}
.stepListA01 li .text {
    display: block;
    overflow: hidden;
}
.checkBoxBlockA01 > .blockInner .blockTitle {
    font-size: 1em;
    background: #f1fecb;
    cursor: pointer;
}
/*#wrap #mainArea .customSelect01 {
padding-right: 0;

}*/
.dyTransitionBtns {
    width: 480px;
    margin: 30px auto 0;
}
.dyTransitionBtns li {
    float: left;
    min-width: 210px;
}
.dyTransitionBtns li:first-child {
    float: right;
}
.dyTransitionBtns li a,
.dyTransitionBtns li button {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-ox-sizing: border-box;
    box-sizing: border-box;
}
.dyTransitionBtns li a.btnT01,
.dyTransitionBtns li button.btnT01 {
    margin-top: 8px;
}
.column2table .heading {
    border: 1px solid #b3b3b3;
    padding: 15px 20px;
    background: #f1fecb;
}
.column2table .colwrap {
    overflow: hidden;
}
.column2table .leftTable {
    float: left;
    width: 49.5%;
}
.column2table .rightTable {
    float: right;
    width: 49.5%;
}
.column2table .inputTable {
    margin-top: -1px;
}
.column2table .pcContent {
    display: table-row !important;
}
.inputTable .unitWrap {
    display: table;
}
.inputTable .unitWrap .txt,
.inputTable .unitWrap .unit {
    display: table-cell;
    vertical-align: middle;
}
.inputTable .unitWrap .txt {
    width: 15em;
    text-align: right;
}
.inputTable .unitWrap .unit {
    padding-left: 5px;
}
label.customCheckbox01:after {
    top: 50%;
    margin-top: -14px;
}


/*-------------------------------------------
exparo Notice
-------------------------------------------*/
.exparoNotice {
    border-top:2px solid #999;
    margin:30px 0;
    overflow:hidden;
}
.exparoNotice ul li {
    border-bottom:1px solid #ddd;
    float:left;
    padding:10px 0;
}
.exparoNotice ul li.date {
    width:17%;
    text-align:center;
}
.exparoNotice ul li.title {
    width:83%;
}


/*-------------------------------------------
Modal
-------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    /*cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;*/ }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #ccc; }
.mfp-preloader a:hover {
    color: #fff; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Meiryo, MS Gothic, Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
	* Remove all paddings around the image on small screen
	*/
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; }
}

.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }

/*-------------------------------------------
Line
-------------------------------------------*/
.lineTop01 {
    padding-top: 13px;
    margin-top: 15px;
    border-top: 2px solid #a0c81e;
}
.lineBottom01 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #b3b3b3;
}
.lineBottom02 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #b3b3b3;
}
.borderTop01 {
    border-top: solid 1px #b3b3b3 !important;
}
.borderTopNone {
    border-top: 0 !important;
}
.borderBottom01 {
    border-bottom: solid 1px #b3b3b3 !important;
}
.borderBottomNone {
    border-bottom: 0 !important;
}
.borderLeftNone {
    border-left: 0 !important;
}
.borderRightNone {
    border-right: 0 !important;
}

/*-------------------------------------------
form
-------------------------------------------*/
#mainArea .inputTable .input #businessType + span{
    width:210px;
}
#mainArea .inputTable .input #businessType + span span{
    width:222px !important;
}
#businessType.customSelect01{
    padding-right: 23px !important;
}
label.customCheckbox01:after {
    top: 50% !important;
}
#wrap #mainArea #adSlect02 .customSelect01,
#wrap #mainArea #agoSlect .customSelect01{
    padding-right: 0;
}

#wrap #mainArea #adSlect .customSelect01{
    padding-right: 20px;
}

#mainArea #adSlect span span{
    width:125px !important;
}

#mainArea #adSlect02 span span{
    width:150px !important;
}

#mainArea #agoSlect span span{
    width:145px !important;
}

/*-------------------------------------------
Movie
-------------------------------------------*/

.mainNarrow .movieParentWrap01 > .textBlock01{
    float:right;
    display:inline-block;
    width:380px;
}
.movieParentWrap01 > .textBlock01{
    float:right;
    display:inline-block;
    width:638px;
}
.movieParentWrap01 > .movieParent01{
    float:left;
    display:inline-block;
}
@media screen and (max-width:767px){
    .mainNarrow .movieParentWrap01 > .textBlock01,.movieParentWrap01 > .textBlock01{
        float:none;
        display:block;
        width:auto;
    }
    .movieParentWrap01 > .movieParent01{
        float:none;
        display:block;
        width:auto;
    }
}


/*-------------------------------------------
Display
-------------------------------------------*/
.dInline { display: inline; }
.dInlineBlock { display: inline-block; }
.dBlock { display: block; }
.dNone { display: none; }

/*PC and SP Divided out*/
.pcContent { display: block !important }
table.pcContent { display: table !important; }
img.pcContent,
span.pcContent,
br.pcContent,
.pcContentInline { display: inline !important }
.btnT01.pcContent { display: inline-block !important; }
.spContent { display: none !important }

/*-------------------------------------------
Bacground
-------------------------------------------*/
.bgWhite {
    background: #fff !important;
}
.bgGray01 {
    background: #f6f6f6 !important;
}
.bgGray02 {
    background: #f0f0f0 !important;
}
.bgGray03 {
    background: #757575 !important;
    box-shadow:
}
.bgYellow01 {
    background: #fffff0 !important;
}
.bgOrange01 {
    background: #ffefd7 !important;
}
.bgOrange02 {
    background: #ffedb2 !important;
}
.bgWhite01 {
    background: #fff !important;
}
.bgPink01 {
    background: #fff1f1 !important;
}
.bgBlue01 {
    background: #e8f0ff !important;
}
.bgBlue02 {
    background: #f3f7ff !important;
}
.bgSky01 {
    background: #0093a9 !important;
}
.bgSky02 {
    background: #56b3f5 !important;
}

/*-------------------------------------------
Width
-------------------------------------------*/

.w01p { width: 1% !important; }
.w02p { width: 2% !important; }
.w03p { width: 3% !important; }
.w04p { width: 4% !important; }
.w05p { width: 5% !important; }
.w06p { width: 6% !important; }
.w07p { width: 7% !important; }
.w08p { width: 8% !important; }
.w09p { width: 9% !important; }
.w10p { width: 10% !important; }
.w11p { width: 11% !important; }
.w12p { width: 12% !important; }
.w13p { width: 13% !important; }
.w14p { width: 14% !important; }
.w15p { width: 15% !important; }
.w16p { width: 16% !important; }
.w17p { width: 17% !important; }
.w18p { width: 18% !important; }
.w19p { width: 19% !important; }
.w20p { width: 20% !important; }
.w21p { width: 21% !important; }
.w22p { width: 22% !important; }
.w23p { width: 23% !important; }
.w24p { width: 24% !important; }
.w25p { width: 25% !important; }
.w26p { width: 26% !important; }
.w27p { width: 27% !important; }
.w28p { width: 28% !important; }
.w29p { width: 29% !important; }
.w30p { width: 30% !important; }
.w31p { width: 31% !important; }
.w32p { width: 32% !important; }
.w33p { width: 33% !important; }
.w34p { width: 34% !important; }
.w35p { width: 35% !important; }
.w36p { width: 36% !important; }
.w37p { width: 37% !important; }
.w38p { width: 38% !important; }
.w39p { width: 39% !important; }
.w40p { width: 40% !important; }
.w41p { width: 41% !important; }
.w42p { width: 42% !important; }
.w43p { width: 43% !important; }
.w44p { width: 44% !important; }
.w45p { width: 45% !important; }
.w46p { width: 46% !important; }
.w47p { width: 47% !important; }
.w48p { width: 48% !important; }
.w49p { width: 49% !important; }
.w50p { width: 50% !important; }
.w51p { width: 51% !important; }
.w52p { width: 52% !important; }
.w53p { width: 53% !important; }
.w54p { width: 54% !important; }
.w55p { width: 55% !important; }
.w56p { width: 56% !important; }
.w57p { width: 57% !important; }
.w58p { width: 58% !important; }
.w59p { width: 59% !important; }
.w60p { width: 60% !important; }
.w61p { width: 61% !important; }
.w62p { width: 62% !important; }
.w63p { width: 63% !important; }
.w64p { width: 64% !important; }
.w65p { width: 65% !important; }
.w66p { width: 66% !important; }
.w67p { width: 67% !important; }
.w68p { width: 68% !important; }
.w69p { width: 69% !important; }
.w70p { width: 70% !important; }
.w71p { width: 71% !important; }
.w72p { width: 72% !important; }
.w73p { width: 73% !important; }
.w74p { width: 74% !important; }
.w75p { width: 75% !important; }
.w76p { width: 76% !important; }
.w77p { width: 77% !important; }
.w78p { width: 78% !important; }
.w79p { width: 79% !important; }
.w80p { width: 80% !important; }
.w81p { width: 81% !important; }
.w82p { width: 82% !important; }
.w83p { width: 83% !important; }
.w84p { width: 84% !important; }
.w85p { width: 85% !important; }
.w86p { width: 86% !important; }
.w87p { width: 87% !important; }
.w88p { width: 88% !important; }
.w89p { width: 89% !important; }
.w90p { width: 90% !important; }
.w91p { width: 91% !important; }
.w92p { width: 92% !important; }
.w93p { width: 93% !important; }
.w94p { width: 94% !important; }
.w95p { width: 95% !important; }
.w96p { width: 96% !important; }
.w97p { width: 97% !important; }
.w98p { width: 98% !important; }
.w99p { width: 99% !important; }
.w100p { width: 100% !important; }
.wAuto { width: auto !important; }

.w5px { width: 5px; }
.w6px { width: 6px; }
.w7px { width: 7px; }
.w8px { width: 8px; }
.w9px { width: 9px; }
.w10px { width: 10px; }
.w20px { width: 20px; }
.w30px { width: 30px; }
.w40px { width: 40px; }
.w50px { width: 50px; }
.w60px { width: 60px; }
.w70px { width: 70px; }
.w80px { width: 80px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w130px { width: 130px; }
.w140px { width: 140px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w175px { width: 175px; }
.w180px { width: 180px; }
.w190px { width: 190px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
/*-------------------------------------------
height
-------------------------------------------*/
.h300px { height: 300px; }
.h360px { height: 360px; }
/*-------------------------------------------
float
-------------------------------------------*/
.fLeft { float: left; }
.fRight { float: right; }
.fClear { clear: both; }
.fNone { float: none !important; }
.boxOverflow { overflow:hidden; }

/*-------------------------------------------
Margin
-------------------------------------------*/
/*all*/
.m00 { margin: 0 !important; }
.m05 { margin: 5px !important;}
.m10 { margin: 10px !important;}
.m15 { margin: 15px !important;}
.m20 { margin: 20px !important;}
.m25 { margin: 25px !important;}
.m30 { margin: 30px !important;}

/*auto*/
.mAuto { margin-right: auto !important; margin-left: auto !important; }

/*top*/
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }

/*right*/
.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }

/*bottom*/
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

/*left*/
.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }

/*-------------------------------------------
padding
-------------------------------------------*/
/*all*/
.p00 { padding: 0 !important; }
.p05 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p12 { padding: 12px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p25 { padding: 25px !important;}
.p30 { padding: 30px !important;}

/*top*/
.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }

/*right*/
.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }

/*bottom*/
.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }

/*left*/
.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }

/*-------------------------------------------
Text
-------------------------------------------*/
/*align*/
.tCenter { text-align: center !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.vTop, .vTop > * { vertical-align: top !important; }
.vMiddle, .vMiddle > * { vertical-align: middle !important; }
.vBottom, .vBottom > * { vertical-align: bottom !important; }
.vBase > * { vertical-align: baseline; !important; }
table.vTop th, table.vTop td { vertical-align: top !important; }
table.vMiddle th, table.vMiddle td { vertical-align: middle !important; }
table.vBottom th, table.vBottom td { vertical-align: bottom !important; }

/*style*/

.tBold { font-weight: bold !important; }
.tNormal { font-weight: normal !important; }
.tLineT{ text-decoration: line-through !important; }

/*decoration*/
.tUnderline { text-decoration: underline !important; }
.tDecorationNone { text-decoration: none !important; }

.size12 { font-size:12px }
.size14 { font-size:14px }
.size16 { font-size:16px }
.size18 { font-size:18px }
.size20 { font-size:20px }

/*size*/
.fsMaximum { font-size: 1.715em !important; line-height: 1.44;} /*24px*/
.fsLarger02 { font-size: 1.429em !important; line-height: 1.44;} /*20px*/
.fsLarger01 { font-size: 1.286em !important; line-height: 1.5;} /*18px*/
.fsLarge { font-size: 1.143em !important; line-height: 1.5;} /*16px*/
.fsMiddle { font-size: 1em !important; line-height: 1.57;} /*14px*/
.fsSmall { font-size: 0.857em !important; line-height: 1.5;} /*12px*/
.fsSmaller01 { font-size: 0.782em !important; line-height: 1.5;} /*11px*/
.fsSmaller02 { font-size: 0.714em !important; line-height: 1.5;} /*10px*/
.lineHeight1 { line-height:1em !important; line-height: 1.5;} /*10px*/

/*font family*/
.fsArial {font-family:Arial, Helvetica, sans-serif;}
.Meiryo {font-family:Meiryo, MS Gothic;}

/*color*/
.tBlack01 { color: #666 !important; }
.tBlack02 { color: #333 !important; }
.tWhite { color: #fff !important; }
/*
.tRed01 { color: #fe0000 !important; }
.tRed02 { color: #c00 !important; }
*/
.tRed01 { color: #ff2f2f !important; }
.tRed02 { color: #c00 !important; }
.tRed03 { color: #ed174c !important; }
.tGreen01 { color: #0eb832 !important; }
.tGreen02 { color: #a0c81e !important; }
.tBlue01 { color: #0f298a !important; }
.tBlue02 { color: #0f60d8 !important; }
.tExparoBlue { color: #24538c !important; }
.tExparoBlue02 { color: #008ed8 !important; }
.tSky01 { color: #00a8dc !important; }
.tSky02 { color: #007be3 !important; }
.tGray01 { color: #bebebe !important; }
.tGray02 { color: #808080 !important; }
.tOrange01 { color: #ff6600 !important; }
.tBrown01 { color: #ad6700 !important; }

.topLine01 { border-top:2px solid #666; }
.topLine02 { border-top:1px solid #ccc; }
.bottomLine01 { border-bottom:2px solid #666; }
.bottomLine02 { border-bottom:1px solid #dfdfdf; }
.noLine { border:0 !important; }
.line { border:1px solid #bbb; }

/*marginAuto*/
.mAuto01 { width: 644px; margin: 0 auto; }

/* contents */
.fntBig, .fntMid, .fntSml, li.fntBigOn, li.fntMidOn, li.fntSmlOn { margin-top:-1px;}
.pg_col_top, .pg_col_down { font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif; font-size:0.85em; margin:0 0 20px;}
.pg_no { width:35%; margin-left:0;}
.pg_scr { width:30%;}
.pg_scr span { margin:0 5px;}
.pg_scr span.disabled { margin:0;}
.okw_sort_select { width:140px; margin-right:0;}
.okw_sort_select select { width:140px; font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;}
.sort_arrow { display:none;}

.search_list { border:none; width:100%;}

.search_list_inner { border:none; margin:0 0 15px; padding:0;}
li.search_list_inner:hover { background-color:#FFFFFF;}
.search_qattl { font-size:1.1em;}
.search_list_bg2 { background-color:#FFFFFF;}
.search_qattl { margin-bottom:0;}
.icoQ_sml { background:url(../img/icon_question.png) no-repeat left top; padding:4px 0 16px 37px; font-size:1.1em; font-weight:700; margin:0;}
.icoA_sml { background:#f9f9f9 url(../img/icon_answer.png) no-repeat 25px 15px; padding:20px 30px 20px 65px; margin:0; border:1px solid #eee;}
ul.search_dateNo { margin-left:43px;}
.search_dateNo li { font-size:0.8em;}

.pg_col_down .pg_no { margin-bottom:15px;}
.pg_col_down .pg_no.flo_l { float:none;}
.pagination { font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif; font-size:1em; float:none; text-align:center;}
.pagination a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: #e2e2e2 0px -2px inset;
    -webkit-box-shadow: #e2e2e2 0px -2px inset;
    -moz-box-shadow: #e2e2e2 0px -2px inset;
    border:1px solid #CCC; width:26px; height:27px; line-height:27px; text-align:center; color:#333333; font-weight:bold; overflow:hidden; display:inline-block; padding:0; text-decoration:none; *display:inline; *zoom:1;}
.pagination a:hover { filter:alpha(opacity=70); -moz-opacity:0.7;	opacity:0.7;}
.pagination a.next_page, .pagination a.previous_page { background:url(/usr/file/attachment/btn_pagination_next.jpg) no-repeat scroll center center; width:67px; margin:0 5px}
.pagination .current{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;border:1px solid #002c74; background:#0040aa; width:26px; height:27px; line-height:27px; text-align:center; color:#fff; font-weight:bold; overflow:hidden; display:inline-block; padding:0; text-decoration:none; *display:inline; *zoom:1;}
.pagination span.disabled {  width:70px; height:27px; line-height:27px; text-align:center; color:#CCCCCC; overflow:hidden; display:inline-block; padding:0; text-decoration:none; *display:inline; *zoom:1;}
.pagination span.gap { width:26px; height:27px; line-height:27px; text-align:center; color:#CCCCCC; overflow:hidden; display:inline-block; padding:0; text-decoration:none; *display:inline; *zoom:1;}

/* box */
.bdr1 {border:1px solid #dfdfdf;}
.bdrDot1 {border:2px dotted #999;}
.tBdr1 {border-top:2px solid #444;}
.tBdr2 {border-top:1px solid #eee;}
.tBdr3 {border-top:1px solid #ccc;}
.tBdr4 {border-top:2px solid #555;}
.bBdr1 {border-bottom:1px solid #eee;}
.bBdr2 {border-bottom:1px solid #ccc;}
.lBdr1 {border-left:1px solid #eaeaea;}

.box1 {background:#fff !important;}
.box2 {background:#f7f7f7;}
.box3 {background:#f9f9f9;}
.box4 {background:#f2f2f2;}
.box5 {background:#f5f5f5;}
/* agreement */
.agreementV16, .policyV16 {padding:20px;}
.agreementV16 .boxWrap {height:200px; background:#fff; border:1px solid #bbb; }
.agreementV16 .box1, .policyV16 .box1 {height:170px; line-height:1.5em; padding:15px; overflow-y:scroll;}
.agreementV16 .tab {overflow:hidden; background-color:#fbfbfb;}
.agreementV16 .tab li {position:relative; float:left; padding:10px 15px; color:#999; cursor:pointer;}
.agreementV16 .tab li:first-child:after {display:none;}
.agreementV16 .tab li.selected span {color:#d50c0c; border-bottom:1px solid #d50c0c;}
.agreementV16 .tab li:after {position:absolute; left:0; top:50%; margin-top:-4px; background-color:#ddd; width:1px; height:8px; content:'';}
.agreementV16 .tit {font-weight:bold; padding-bottom:20px;}
.agreementV16 dt {font-weight:bold;}
.agreementV16 dd {padding-left:50px;}
.agreementV16 dl {padding-bottom:30px;}
.agreementV16 ol {margin:7px 0;}

a.tip {
    text-decoration:none;
    position:relative;
    z-index:24;
}
a.tip:hover {
    z-index:25;
}
a.tip span {
    display:none;
}
a.tip:hover span {
    display:block;
    position:absolute;
    top:35px;
    right:-30px;
    width:500px;
    padding:10px;
    border:1px solid #cfd8ff;
    background:rgba(237,240,255,.9);
    color:#444;
}


    /*-------------------------------------------
    2020.02.18 add
    -------------------------------------------*/
    
#css_tabs2 {
	padding-top: 10px;
	width: 100%;
	height:100%;
	text-align:left;
	position: relative;
	margin : 0 auto;
}
.conbox { position:relative;}
/* .conbox span {
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	font-weight:bolder;
	font-size:20px;
} */

#css_tabs2 input[type="radio"] {
	display:none;} /* input을 선택해서 화면에서 안보이게 스타일을 주었습니다. */

.conbox {
	width:960px;
	height:100%;
	background:#fff;
	display:none;
	border-top:1px solid #ddd;
	padding: 20px;
} /* 컨텐츠 영역에 준 공통스타일입니다. */
	
.btn {
	padding:10px 10px 0;
	text-align:center;
	font-size:1.2em;
}
.btn p {
	padding: 0;
	margin: 10px 0 0 50px;
	text-align:left;
	font-size:1.2em;
	font-weight:bolder;
}
#css_tabs2 label[for*="tab"] {
	display:inline-block;
	font-variant:small-caps;
	padding:7px 0;
	margin-top: 20px;
	text-align:center;
	width:45%;
	line-height:1.8em;
	font-weight:700;
	border-radius:3px 3px 0 0;
	background:#f4f4f4;
	color:#777;
	border:1px solid #ccc;
	border-bottom: solid 2px #595959;
	border-width:1px 1px 0;
} /* 버튼으로 사용될 label들을 공통스타일을 주기위해 속성선택자를 사용했습니다. */

#css_tabs2 input[id="tab01"]:checked ~ .con1 {display:block;} /* 인풋에 체크가 되면 con1클래스를 갖고 있는 요소가 display:block;이 됨 */
#css_tabs2 input[id="tab02"]:checked ~ .con2 {display:block;}
#css_tabs2 input[id="tab03"]:checked ~ .con3 {display:block;}
#css_tabs2 input[id="tab01"]:checked ~ .btn > label[for="tab01"]{background:#595959; color:#fff;} /* 활성화 된 버튼 */
#css_tabs2 input[id="tab02"]:checked ~ .btn > label[for="tab02"]{background:#595959; color:#fff;}
#css_tabs2 input[id="tab03"]:checked ~ .btn > label[for="tab03"]{background:#595959; color:#fff;}

.tab_step {
    width: 100%;
    display:inline-block;
    padding: 10px;
     text-align: left;
}
.tab_step ul {
	margin-left: 40px;
}
.tab_step ul li.title {
    float: left;
    display: inline;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0;
    margin: 10px 0;
    width: 100px;
    height: 80px;
    /* border:1px solid #ccc; */
    font-size: 1.15em;
    font-weight: bold;
    color: #fff;
    background:#1c9dd3;
}
.tab_step ul li.end {
    float: left;
    display: inline;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0;
    margin: 10px 0;
    width: 860px;
    height: 20px;
    /* border:1px solid #ccc; */
    font-size: 1.15em;
    font-weight: bold;
    color: #fff;
    background:#1c9dd3;
}
.tab_step ul li.img {
    float: left;
    display: inline;
     width: 140px;
     height: 120px;
     text-align: center;
     margin: 10px 0;
     /* border:1px solid #ccc; */
}
.tab_step ul li.txt {
    float: left;
    display: inline;
    text-align: left;
    vertical-align: middle;
    padding: 20px 0;
    margin: 10px 0;
    width: 620px;
    height: 80px;
     /* border:1px solid #ccc; */
    font-size: 0.9em;
    color: #525252;
}

.tab_step ul li img {
    width: 120px;
}

.tab_step .txt2 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 150%;
    color: #0e40bd;
    text-align: left;
    /* padding: 20px 0; */
}
.tab_step .txt3 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 150%;
    color: #000;
    text-align: left;
    margin: 40px 0 10px;
    /* padding: 20px 0; */
}
.space1 {
	margin: 40px 0 10px;
}
.tab_step ul li.img3 {
    float: left;
    display: inline;
     width: 240px;
     height: 120px;
     text-align: center;
     margin: 10px 0;
     /* border:1px solid #ccc; */
}
.tab_step ul li.txt3 {
    float: left;
    display: inline;
    text-align: left;
    vertical-align: middle;
    padding: 10px 0;
    margin: 20px 0;
    width: 520px;
    height: 80px;
     /* border:1px solid #ccc; */
    font-size: 0.9em;
    color: #525252;
    font-weight: normal;
}
.tab_step ul li.txt3a {
    float: left;
    display: inline;
    text-align: left;
    vertical-align: middle;
    padding: 10px 0;
    margin: 20px 0;
    width: 520px;
    height: 80px;
     /* border:1px solid #ccc; */
    font-size: 0.9em;
    color: #525252;
}
.tab_step ul li.title4 {
    float: left;
    display: inline;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0;
    margin: 10px 0;
    width: 100px;
    height: 220px;
    /* border:1px solid #ccc; */
    font-size: 1.15em;
    font-weight: bold;
    color: #fff;
    background:#1c9dd3;
}
.tab_step ul li.img4 {
    float: left;
    display: inline;
     width: 140px;
     height: 255px;
     text-align: center;
     margin: 10px 0;
     /* border:1px solid #ccc; */
}
.tab_step ul li.img4 img {
     margin: 5px 0;
}
.tab_step ul li.txt4 {
    float: left;
    display: inline;
    text-align: left;
    vertical-align: middle;
    padding: 20px 0;
    margin: 10px 0;
    width: 620px;
    /* height: 210px;
     border:1px solid #ccc; */
    font-size: 0.9em;
    color: #525252;
}
.nextstep {
	background:url(/images/lp_20202010_31.jpg) no-repeat center top;
	width: 100%;
	height: 250px;
	text-align: center;
	 font-size: 1.1em;
	 line-height: 250%;
	 color: #0e40bd;
	 padding-top: 70px;
	 font-weight: bold;
}
.nextstep p {
	 font-size: 1.8em;
	 color: #000;
	text-decoration: underline;
}
.nextstepbox {
	text-align: center;
	margin: 50px 0;
	width: 100%;
}
.nextstepbox .img1 {
	text-align: center;
}
.nextstepbox img {
	margin: 0 0 20px;
}
.nextstepbox1 {
	font-size: 2em;
	font-weight: bold;
	text-align: left;
}
.nextstepbox2 {
	font-size: 12.5em;
	line-height: 90%;
	color: #999;
}
.nextstepbox3 {
	font-size: 2em;
	font-weight: bold;
	text-align: left;
	padding-top: 60px;
}

.nextstep2 {
	text-align: center;
}
.nextstep2 ul {
	width: 98%;
}
.nextstep2 ul li {
    float: left;
    display: inline;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0;
    margin: 10px 0;
    font-size: 1.15em;
    font-weight: bold;
    color: #fff;
}