@charset "shift_jis";
/* ------------------------------------------------------------
    filename:   style_pc.css
    created:    20160114
    update:     20160803

    # Index #

    01. Base
    02. Typography Elements
    03. layout
    04. Parts Elements
    05. Contents detail
    06. Add PageStyle
    99. Clearfix
------------------------------------------------------------ */



/* ==========================================================================
   Base
   ========================================================================== */
ul.column {width:50%; float:left;}
html{
    font-size:10px;
}
body{
    color:#333;
    /*font-size:14px;
    font-size:1.4rem;
    line-height:1.8;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
    min-width:900px;
}

#breadcrumb{margin:0;}

article.main{min-width: 900px;}
article.main .mainInner{width:900px; margin:0 auto;}



/* ==========================================================================
   Typography Elements
   ========================================================================== */

#contents h2{font-size:20px;font-size:2.0rem;margin:20px 0;padding:10px 20px;border:1px solid #ccc; border-top:4px solid #198c02; clear:both; background-color: #f8f8f8; text-align: left;}
#contents h2 .detailLink{float:right; display:inline-block; font-size: 14px;font-weight: normal;}
#contents h2 .detailLink a{font-weight:normal;}
#contents h3{font-size: 16px;font-size: 1.6rem;margin:10px 15px 20px;padding:6px 10px 8px;border-bottom:1px solid #198c02; border-left:10px solid #198c02; clear:both;text-align: left;}
#contents h4{font-size: 16px;font-size: 1.6rem;margin:0 15px 15px;padding:4px 20px 5px;clear:both;text-align: left;background-color: #f1f5f0; }
#contents h4.tllAccordian01{padding-right:35px;}
#contents h5{font-size: 14px;font-size: 1.4rem;margin:0 15px 15px;padding:0;}
#contents h6{font-size: 14px;font-size: 1.4rem;margin:0 15px 15px;padding:0;}

sup{
    font-size:10px;
    font-size:1.0rem;
    margin-left:0.5rem;
}

.main a{color:#003399;text-decoration:underline;}
.main a:visited{color:#003399;text-decoration:underline;}
.main a:hover{color:#003399;text-decoration:none;}
.main a:active{color:#003399;text-decoration:none;}

.emLink{padding-left:15px; background: none; position: relative;text-decoration: underline;display:inline-block;}
.emLink:hover{text-decoration: none;}
.emLink:before{
    position: absolute;
    border-color: #198c02;
    border-image: none;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    top: 0.5em;
    left: 0;
    -webkit-transform : rotate(-135deg) ;
    -ms-transform : rotate(-135deg) ;
    transform : rotate(-135deg) ;
    width: 6px;
    height: 6px;
}

.qandaList.supportQA dd a.emLink:before{
    top: 50%;
    margin-top: -4px;
}

ul.listLink {margin:0 0 20px;}
ul.listLink li {position:relative;margin:0 15px 10px;padding-left:15px;}
ul.listLink li:before{
    position: absolute;
    border-color: #198c02;
    border-image: none;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    margin-top: 8px;
    left: 0;
    -webkit-transform : rotate(-135deg) ;
    -ms-transform : rotate(-135deg) ;
    transform : rotate(-135deg) ;
    width: 6px;
    height: 6px;
}
ul.listLink li a{background: none; position: relative; text-decoration: underline;}
ul.listLink li a:hover{text-decoration: none;}



a.tel,a.tel:link,a.tel:hover,a.tel:visited,a.tel:active{font-weight: bold; color: #4c4c4c; text-decoration:none;}

.supTxt{
}h2 + .supTxt{
    margin-top:25px;
}.supTxt + h2{
    margin-top:50px;
}.supTxt + .mnpList{
    margin-top:25px;
}

#contents section > h2:first-child,
#contents section > h3:first-child,
#contents section > h4:first-child{margin-top:0;}

#contents section > p,
#contents section > pre,
#contents section > ul,
#contents section > ol,
#contents section > dl,
#contents section > table{margin:10px 35px 20px;}

#contents section > p:last-child,
#contents section > ul:last-child,
#contents section > ol:last-child,
#contents section > dl:last-child,
#contents section > table:last-child{margin-bottom:0;}

#contents section .supList,.modal-contents .supList{}
#contents section .supList li .sFont,.modal-contents .supList li .sFont {font-size: 9px;font-size: 0.9rem;}
#contents section .supList > li,.modal-contents .supList > li {position: relative;margin-bottom: 1em;padding-left: 12px;}
#contents section .supList li.last,.modal-contents .supList li.last { margin-bottom: 0;}
#contents section ul li .supList,.modal-contents ul li .supList {margin:0.75em 0 1em; padding: 0; font-size:90%; line-height:1.4;}
#contents section ul li .supList > li,.modal-contents ul li .supList > li {padding-left:8px; margin-bottom:3px;}
#contents section .supList.type01 li,.modal-contents .supList.type01 li {margin: 0 0 5px -5px;padding-left: 0;}
#contents section .supList.nonemb01 li { margin-bottom: 0; }

#contents section .supList > li:before,.modal-contents .supList > li:before {
content: "";
position: absolute;
left: 2px;
top: 9px;
width: 4px;
height: 4px;
background-color: #999;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
ul li #contents section .supList > li:before{
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 3px;
height: 3px;
background-color: #999;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
#contents section .supList.type01  li:before,.modal-contents .supList.type01  li:before {
content: "・";
position: relative;
top: 0;
background-color: transparent;
border-radius: 0;
}
#contents section .supList li .imgList,.modal-contents .supList li .imgList { margin: 15px 0;}


/* olのスタイル追加 */

#contents section ol li .supList,.modal-contents ol li .supList {margin:0.75em 0 1em; padding: 0; font-size:90%; line-height:1.4;}
#contents section ol li .supList > li,.modal-contents ol li .supList > li {padding-left:8px; margin-bottom:3px;}
#contents section ol li ol.supList > li,.modal-contents ol li ol.supList > li {padding-left:0.25em; margin-bottom:3px;}
#contents section ul li ol.supList > li,.modal-contents ul li ol.supList > li {padding-left:0.25em; margin-bottom:3px;}

#contents section ol.supList,.modal-contents ol.supList {
    list-style: decimal;
}

#contents section ol.supList > li,.modal-contents ol.supList > li {
    padding-left: 0.25em;
    position: relative;
    margin-bottom: 1em;
    margin-left: 1.5em;
}

#contents section ol.supList > li:before,.modal-contents ol.supList > li:before {
content: none;
}

ul li #contents section ol.supList > li:before{
content: none;
}

ul.supCaution {
    overflow: hidden;
    margin-bottom: 20px;
}
ul ul.supCaution {
    margin: 0 0 8px;
    padding: 0 ;
}
ul.supCaution.pc_type01 { padding: 0;}
ul.supCaution.pc_type03 { padding-left: 156px;}
ul.supCaution.pc_type05 {
    margin: 0 auto;
    padding: 0;
    width: 530px;
/*  width: 524px; */
    text-align: right;
}

    ul.supCaution li {
        position: relative;
        padding-left: 12px;
        font-size: 11px;
        font-size: 1.1rem;
    }
    ul.supCaution.nomalFont li {
        line-height:1.6;
        /*margin:0 -5px 10px;*/
        margin:0 0 10px;
        padding-left: 16px;/*add*/
        font-size: 13px;
        font-size: 1.3rem;
    }
    ul.supCaution.pc_type02 li {
        padding-left: 15px;
        font-size: 13px;
        font-size: 1.3rem;
    }
    ul.supCaution.pc_type04 li {
        font-size: 13px;
        font-size: 1.3rem;
    }
    ul.supCaution > li:before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0;
    }
            ul.supCaution > li ul li:before {
                content: "・";
                position: absolute;
                left: 0;
                top: 0;
            }

    ul.supCaution li.num01,
    ul.supCaution li.num02,
    ul.supCaution li.num03,
    ul.supCaution li.num04,
    ul.supCaution li.num05{padding-left: 21px;}
    ul.supCaution li.num01:before {content: "※1";}
    ul.supCaution li.num02:before {content: "※2";}
    ul.supCaution li.num03:before {content: "※3";}
    ul.supCaution li.num04:before {content: "※4";}
    ul.supCaution li.num05:before {content: "※5";}

/*-------------------------------------------------------------------------
       Number list
---------------------------------------------------------------------------*/


#contents section .sup_Numlist {
    list-style-type:decimal;
    margin-left:55px;}
#contents section .sup_Numlist > li {
    margin-bottom: 1em;
    /*padding-left: 12px;*/
    }
#contents section .sup_Numlist li.last {
    margin-bottom: 0;}


/* ==========================================================================
   Layout
   ========================================================================== */

.mainColWrapper01 .col01{float:left; width:210px;}
.mainColWrapper01 .col02{float:right; width:660px;}

#contents section .grid2{
    float:left;
    width:440px;
}#contents section .grid2:nth-child(odd){
    margin-left:20px;
}#contents section .grid2:nth-child(even){
    clear:both;
    float:left;
}

#contents .col02 section .grid2{
    width:285px;
    margin-left: 35px;
}#contents .col02 section .grid2:nth-child(odd){
    margin-left:20px;
    margin-right:35px;
}

#contents section .grid3{
    float:left;
    width:293px;
}#contents section .grid3+.grid3{
    margin-left:30px;
}#contents section .grid3:last-child{
    margin-left:31px;
}




/* ==========================================================================
   Parts Elements
   ========================================================================== */


/* ---------- button ---------- */

/* base */
#contents .supBtn,.btnList li a{
    cursor:pointer;
    position:relative;
    display:block;
    border-radius:6px;
    padding:20px 35px 20px 15px;
    font-size:14px;
    font-size:1.4rem;
    line-height:1.8;
    text-align:center;
    color:#333;
    border:1px solid #a3a3a3;
    text-decoration: none;
    margin-bottom:20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefffe+0,e5e5e5+100 */
background: rgb(254,255,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,255,254,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,255,254,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,255,254,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefffe', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}#contents .supBtn:after,.btnList li a:after{
    position: absolute;
    border-color: #198c02;
    border-image: none;
    border-style: solid;
    border-width: 0 0 4px 4px;
    content: "";
    top: 50%;
    right: 15px;
    -webkit-transform : rotate(-135deg) ;
    -ms-transform : rotate(-135deg) ;
    transform : rotate(-135deg) ;
    width: 16px;
    height: 16px;
    margin-top:-8px;
}#contents .supBtn:link,.btnList li a:link{
    color:#333;
    text-decoration:none;
}#contents .supBtn:visited,.btnList li a:visited{
    color:#333;
    text-decoration:none;
}#contents .supBtn:hover,.btnList li a:hover{
    text-decoration:none;
    border:1px solid #198c02;
    background: #e5e5e5;
/*
background: rgb(86,186,66);
background: -moz-linear-gradient(top,  rgba(86,186,66,1) 0%, rgba(25,140,2,1) 100%);
background: -webkit-linear-gradient(top,  rgba(86,186,66,1) 0%,rgba(25,140,2,1) 100%);
background: linear-gradient(to bottom,  rgba(86,186,66,1) 0%,rgba(25,140,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56ba42', endColorstr='#198c02',GradientType=0 );
*/
}#contents .supBtn:hover:after,.btnList li a:hover:after{
    /*border-color: #fff;*/
}#contents .supBtn:active,.btnList li a:active{
}

#contents section > ul.btnList{margin:0 0 0 15px;}
#contents section > ul.btnList li{width:23.75%; margin-right:1%; display:block; float:left;}


/* subtext */
#contents .supBtn .abTxtSub,.btnList li a .abTxtSub{
    font-size:16px;
    font-size:1.6rem;
    line-height:16px;
    line-height:1.6rem;
}.abTxtMain + .abTxtSub{
    margin-left:12px;
}#contents .supBtn.abMarker .abTxtSub{
    vertical-align:bottom;
}


/* layout */
#contents .supBtn.abBig{
    font-size:29px;
    font-size:2.9rem;
    line-height:98px;
    line-height:9.8rem;
}#contents .supBtn.abSmall{
    padding:13px 20px;
    font-size:16px;
    font-size:1.6rem;
    line-height:24px;
    line-height:2.4rem;
}#contents .supBtn.abLow,.btnList li a.abLow{
    padding:7px 20px;
}#contents .supBtn.ab2Line,.btnList li a.ab2Line{
    line-height:60px;
    line-height:6.0rem;
}

#contents .supBtn.one{width:300px;margin-left:auto;margin-right: auto;padding-top:13px;padding-bottom:13px;}
#contents .supBtn.arrownone{padding:20px 15px 20px 15px;}
#contents .supBtn.arrownone:after{border:none;}


/* Variation */
#contents .supBtn.login,#contents .supBtn.login:visited{
    color:#fff;
    text-decoration:none;
    border:1px solid #198c02;
    padding:20px 35px 20px 35px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56ba42+0,198c02+100 */
background: rgb(86,186,66); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(86,186,66,1) 0%, rgba(25,140,2,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(86,186,66,1) 0%,rgba(25,140,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(86,186,66,1) 0%,rgba(25,140,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56ba42', endColorstr='#198c02',GradientType=0 ); /* IE6-9 */
}#contents .supBtn.login:hover{
    color:#fff;
    text-decoration:none;
    border:1px solid #198c02;
    background: #198c02;
}#contents .supBtn.login:before{
    position: absolute;
    content: "";
    background: url(/support/img/icon-login.png) no-repeat center;
    background-size:contain;
    left:15px;
    top: 50%;
    width:18px;
    height: 20px;
    margin-top:-10px;
}#contents .supBtn.login:after{
    border-color: #fff;
}

#contents .supBtn.confirm,#contents .supBtn.confirm:visited{
    color:#fff;
    text-decoration:none;
    border:1px solid #fe5502;
    padding:20px 35px 20px 35px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc935f+0,fe5502+100 */
background: #fc935f; /* Old browsers */
background: -moz-linear-gradient(top,  #fc935f 0%, #fe5502 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fc935f 0%,#fe5502 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fc935f 0%,#fe5502 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc935f', endColorstr='#fe5502',GradientType=0 ); /* IE6-9 */
}#contents .supBtn.confirm:hover{
    color:#fff;
    text-decoration:none;
    border:1px solid #fe5502;
    background: #fe5502;
}#contents .supBtn.confirm:after{
    border-color: #fff;
}

#contents .supBtn.function,#contents .supBtn.function:visited{
    color:#fff;
    text-decoration:none;
    border:none;
    padding:20px 15px 20px 15px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,070404+100 */
background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(7,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(7,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(7,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#070404',GradientType=0 ); /* IE6-9 */
}#contents .supBtn.function:hover{
    color:#fff;
    text-decoration:none;
    border:none;
    background: #0a0706;
}#contents .supBtn.function:after{
    border: none;
}

#contents .supBtn.mail,#contents .supBtn.mail:visited{
    color:#333;
    border:1px solid #198c02;
    padding:13px 15px 13px 35px;
    text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5ede2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5ede2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5ede2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5ede2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5ede2',GradientType=0 ); /* IE6-9 */
}#contents .supBtn.mail:hover{
    color:#333;
    text-decoration:none;
    border:1px solid #198c02;
    background: #E6EEE3;
}#contents .supBtn.mail:before{
    position: absolute;
    content: "";
    background: url(/support/img/icon-mail.gif) no-repeat center;
    background-size:contain;
    left:15px;
    top: 50%;
    width:16px;
    height: 11px;
    margin-top:-5px;
}#contents .supBtn.mail:after{
    border:none;
}

/* ---------- FAQ ---------- */

.supQawrap{margin:-20px 20px 0;}
.supQa{
    border-bottom:1px dashed #ccc;
}.supQa:last-child{
    border-bottom: none;
}h2 + .supQa{
    margin-top:-20px;
}.supQa dt{
    position:relative;
    font-size:14px;
    font-size:1.4rem;
    line-height:20px;
    line-height:2.0rem;
    font-weight:bold;
    padding:20px 18px 20px 25px;
    margin:0;
    text-indent: -1em;
    cursor:pointer;
}.supQa dt:before{
    content:"Q.";
    position:relative;
    top:0;
    left:-0.5em;
    color: #198c02;
}.supQa dt:after{
    content:"";
    position:absolute;
    top:24px;
    right:5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #198c02;
    border-right: 2px solid #198c02;
    -webkit-transform : rotate(135deg) ;
    -ms-transform : rotate(135deg) ;
    transform : rotate(135deg) ;
}.supQa dt.active:after{
    -webkit-transform : rotate(-45deg) ;
    -ms-transform : rotate(-45deg) ;
    transform : rotate(-45deg) ;
}.supQa dd{
    display:none;
    position: relative;
    background-color: #f8f8f8;
    padding:15px 25px 15px 40px;
    margin:0 0 20px;
    text-indent: -1.3em;
}.supQa dd:before{
    content:"A.";
    position:relative;
    top:1px;
    left:0em;
    color: #198c02;
    font-weight:bold;
}.supQa p{
    font-size:13px;
    font-size:1.3rem;
    line-height:24px;
    line-height:2.4rem;
    padding:0 25px;
}.supQa ul.supList,.supQa ol.supList{
    margin: 10px 0 0;
    padding: 0 10px;
}

.faqNav{
    width:940px;
    margin:0 auto;
}
.faqList li{
    background:url("/service/mobile/sim/img/bg_faq_q02.png") left 0.4em no-repeat;
    padding:0 0 0 20px;
}
.faqList li + li{
    margin-top:5px;
}
.supQa dd.answer{
    padding:15px 10px 15px 20px;
    text-indent: 0em;
}
.answer .supCaution{
    margin:10px 0 0;
    padding: 0 25px;
}

#contents section .supQList {
    margin: -20px 20px 0;
}

.supQList li{
    background-image: none;
    border-bottom: 1px dashed #ccc;
    position:relative;
    font-size:14px;
    font-size:1.4rem;
    line-height:20px;
    line-height:2.0rem;
    padding:20px 18px 20px 25px;
    margin:0;
    text-indent: -1em;
}

.supQList li:last-child {
    border-bottom: none;
}

.supQList li:before{
    content:"Q.";
    font-weight: bold;
    position:relative;
    top:0;
    left:-0.5em;
    color: #198c02;
}


/* ---------- icon-ID ---------- */
.icon-ID{width:24px;width:2.4rem;height:24px;height: 2.4rem;line-height: 2.4rem;background: #333; text-align: center;vertical-align: middle;font-size: 14px;font-size: 1.4rem;display: inline-block;color:#fff;margin:0 6px 0px 0;}
.icon-ID02{width:100%;height:24px; height: 2.4rem;line-height:2.4rem;background: #333;text-align: left;vertical-align: middle;font-size: 14px;font-size: 1.4rem;display: inline-block;color: #fff;margin: 0 6px 0 6;padding-left: 5px;}
.icon-ID03{width:auto;height:auto;line-height:1.6rem;background: #333;text-align: left;vertical-align: middle;font-size: 14px;font-size: 1.4rem;display: inline-block;color: #fff;margin: 0 6px 0 6;padding: 4px 5px;}



/* ==========================================================================
   Contents detail
   ========================================================================== */

/* ---------- header ---------- */
#contents header{padding:20px 0 0; min-width:900px;}
#contents header h1{
    font-size: 30px;
    font-size: 3rem;
    color: #198c02;
    padding: 10px 15px 0;
    display: table-cell;
    vertical-align: middle;
}
#contents #headSet01,#contents #headSet02{display:table;width:900px; margin:0 auto;}

/*h1 add link*/

#contents header h1 a {
    display:inline-block;
    color: #198c02;
}

#contents header h1 a:hover {
    text-decoration:none;
}

/* functionList （ASAHINETJP-1317 ファーストビュー調整で不使用） */
#contents .funcList{display: table-cell; width:600px; border:2px solid #198c02; background-color: #fff;text-align: center;}
#contents .funcList ul{margin:10px; font-size: 14px;}
#contents .funcList li{float:left;}
#contents .funcList li.func01{width:262px; margin-right:8px;margin-bottom: -10px;}
#contents .funcList li.func02{width:150px;margin-right: 4px;}
#contents .funcList li.func02 a.function,#contents .funcList li.func03 a.function{font-size: 12px; padding:8px;}
#contents .funcList li.func03{width:150px;}
#contents .funcList li.func04{float:left; text-align: center; margin:-12px 0 0; width:304px;}

/* functionList button */
#contents .funcListBtn{text-align: center;display: table-cell;}
#contents .funcListBtn ul{
    font-size: 14px;
    float: right;
    border-right: 2px solid #fff;
    width: 130px;
}
#contents .funcListBtn li{
    border-left: 2px solid #fff;
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 130px;
}
#contents .funcListBtn li a{
    padding: 12px 10px 10px;
    position: relative;
    line-height: 1.3;
    display: inline-block;
    color: #333;
    width: 100%;
}#contents .funcListBtn li a:hover{
    background-color:#d4e2d0;
    text-decoration: none;
}#contents .funcListBtn li a img{
    display: block;
    margin: 0px auto 5px;
    height: 30px;
}#contents .funcListBtn li a:visited{
    color:#333;
}/*#contents .funcListBtn li a:before{
    position: absolute;
    left: -6px;
    top: -6px;
    content: "";
    display: block;
    border: 8px solid transparent;
    border-right: 8px solid #198c02;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}*/


/* main navigation */
.mainNavi{
    width:100%;
    margin:0;
    padding:0;
    background:#198c02;
}.mainNavi ul{
    display:table;
    margin:0 auto;
    font-size:14px;
    font-size:1.4rem;
    line-height:20px;
    line-height:2.0rem;
    width:100%;
}.mainNavi li{
    display:table-cell;
    text-align:center;
    border-right:1px solid #f1f5f0;
}.mainNavi li:last-child{
    border-right:0 none;
}.mainNavi a{
    position:relative;
    display:inline-block;
    line-height:40px;
    line-height:4.0rem;
    width:100%;
    padding:2px 10px 0;
}.mainNavi a span{
    display:inline-block;
    line-height:20px;
    line-height:2.0rem;
    vertical-align:middle;
}.mainNavi li.active a:after{
    content: "";
    position: absolute;
    top: 0; left: 50%;
    margin-left: -7px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #f1f5f0 transparent transparent transparent;
}.mainNavi li:hover a{
    background-color:#1b650c;
}/*.mainNavi li:hover a:after{
    content: "";
    position: absolute;
    top: 0; left: 50%;
    margin-left: -7px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #f1f5f0 transparent transparent transparent;
}*/
.mainNavi a:link{color:#fff;text-decoration:none;}
.mainNavi a:visited{color:#fff;text-decoration:none;}
.mainNavi a:hover{color:#fff;text-decoration:none;}
.mainNavi a:active{color:#fff;text-decoration:none;}


.subNavi {border:1px solid #ccc; margin: 30px 0;}
.subNavi > ul{margin:0;}
.subNavi > ul > li{margin:0; padding:0;border-bottom:1px solid #ccc;}
.subNavi > ul > li:last-child{border-bottom:none;}
.subNavi a{display: block;position: relative;}
.subNavi a, .subNavi a:visited{text-decoration:none;color:#333;margin-left:-30px;padding:10px 15px 10px 30px;}
.subNavi a:hover, .subNavi .directLink.active a{text-decoration:none;color:#333;}
.subNavi > ul > li > a{background-color: #f8f8f8;padding: 10px 30px 10px 15px;}
.subNavi > ul > li > dl > dd > a{padding:10px 15px 10px 30px;position: relative;}

.subNavi > ul > li > dl > dd > a:before{
    content:"";
    position:absolute;
    top:23px;
    left:12px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #198c02;
    border-right: 2px solid #198c02;
    -webkit-transform : rotate(45deg) ;
    -ms-transform : rotate(45deg) ;
    transform : rotate(45deg) ;
}
.subNavi a.active,.subNavi li.active a{
    color: #fff;
}
.subNavi > ul > li > dl > dd > a.active:before{
    border-color: #fff;
}
.subNavi > ul > li > a, .subNavi > ul > li > dl > dd > a{margin:0; }
.subNavi > ul > li > a:hover, .subNavi > ul > li > dl > dd > a:hover{background-color: #ccc;}
.subNavi > ul > li > dl > dd > li > a{padding:0;}
.subNavi li dl{margin:0;}
.subNavi ul dt{margin:0; padding:10px 30px 10px 15px; background-color: #f8f8f8;cursor: pointer;position: relative;}
.subNavi ul dt:hover{background-color: #ccc;}
.subNavi > ul > li > a:after, .subNavi dt:after{
    content:"";
    position:absolute;
    top:15px;
    right:15px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #198c02;
    border-right: 2px solid #198c02;
    -webkit-transform : rotate(135deg) ;
    -ms-transform : rotate(135deg) ;
    transform : rotate(135deg) ;
}
.subNavi > ul > li > a.active:after, .subNavi > ul > li > dl > dd > a.active:after, .subNavi dt.active:after{
    top:19px;
    -webkit-transform : rotate(-45deg) ;
    -ms-transform : rotate(-45deg) ;
    transform : rotate(-45deg) ;
    }
.subNavi li dd{margin:0; padding:0;border-top:1px solid #ccc;display: none;}
.subNavi li dd li{margin:0; padding:0 0 0 30px;border-bottom:1px dotted #ccc;position: relative;cursor: pointer;display: block;}
.subNavi li dd li:before{
    content:"";
    position:absolute;
    top:1.18em;
    left:12px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #198c02;
    border-right: 2px solid #198c02;
    -webkit-transform : rotate(45deg) ;
    -ms-transform : rotate(45deg) ;
    transform : rotate(45deg) ;
}
.subNavi li dd li.active{
    background: #198c02;
    color: #fff;
}
.subNavi li dd li.active:before{
    border-color: #fff;
}
.subNavi li dd li:hover{background-color: #ccc;}
.subNavi li dd li:last-child{border-bottom:none;}

.subNavi li.indexLink{text-align: right;}
.subNavi li.indexLink a{margin-right:15px;}
.subNavi li.indexLink:before{right:15px;left: inherit;}

.subNavi li.directLink{}
.subNavi > ul > li.directLink > a{}
.subNavi > ul > li.directLink.active {background-color:#ccc;}
.subNavi > ul > li.directLink.active a {
    color: #333;
}
.subNavi > ul > li.directLink > a:after, .subNavi .directLink dt:after{
    top: 15px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #198c02;
    border-right: 2px solid #198c02;
    -webkit-transform : rotate(45deg) ;
    -ms-transform : rotate(45deg) ;
    transform : rotate(45deg) ;
}
.subNavi li dd li.subsubNavi:hover{background-color:#fff;}
.subsubNavi > ul{margin:5px -15px -10px 0;border-top:1px dotted #ccc;}
.subNavi li dd li.subsubNavi{padding:10px 15px 10px 30px;}
.subNavi li dd li.subsubNavi li{padding:0;}
.subNavi li dd li.subsubNavi li a{padding: 5px 15px 5px 60px;margin-left:-30px;}
.subNavi li dd li.subsubNavi li:before{top:0.9em;}
.subNavi li dd li.subsubNavi span{display:block;margin:-5px 0;padding:5px 0;}

.indexNavi a{color: #666666; text-decoration: none;}
.indexNavi a:hover {color: #666666; text-decoration: underline;}
.indexNavi a:visited {color: #666666; text-decoration: none;}
.indexNavi a:before{
    border-color: #198c02 transparent transparent transparent;
}


/* ---------- mainSection ---------- */
#contents section{margin:30px 0 50px;}
#contents section + section{margin-top:50px;}


#contents #chooseList01{margin-bottom:30px;}
#contents #chooseList02{margin:20px 0 20px;}

#contents .secBox02{border:1px solid #ccc; border-top:4px solid #198c02;}
#contents .secBox02 h2{margin-top:0; border:0 none;border-bottom:1px solid #ccc;}

#contents .secBox03{border:1px solid #ccc; padding:15px 20px;}
#contents .secBox03 p{margin-left:0;margin-right: 0;}
#contents .secBox03 p:last-child{margin-bottom:0px;}
#contents .secBox03 p:last-child a{margin-bottom:0px;}
#contents .secBox03 .tit{border-bottom:1px solid #ccc; margin: 0 -20px; padding:0 20px 10px;font-weight: bold;}

#contents .secBox04{border:1px solid #ccc; margin:10px 15px; padding-top:15px;}
#contents .secBox05{border:1px solid #ccc;}


#contents section .secBox02,#contents section .secBox03,#contents section .secBox05{margin:10px 15px 25px;}
#contents section .secBox06{margin:10px 15px 20px;}

#contents .supportInfo{padding:0;text-align: center;}
#contents section > ul.supInfoList{margin: 15px 0px;padding: 0 20px 15px;border-bottom:1px solid #ccc;text-align: left;}
#contents li:last-child .dl_info01,
#contents li.dl_info01:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}
#contents .dl_info01{margin:0 0 10px; padding:0 0 10px; border-bottom:1px dashed #ccc;}
#contents .dl_info01 dt{float:left;background-color: #198c02;margin-right:10px;padding:3px 5px; width:140px;color: #fff;line-height: 1.1; text-align: center;}
#contents .dl_info01 dd{padding-left:150px;}
#contents .dl_info01 .date01{margin:0;}
#contents .dl_info01 .detail01{padding-left:15px; background: none; position: relative;display:block;}
#contents .dl_info01 .detail01:before{
    position: absolute;
    border-color: #198c02;
    border-image: none;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    top: 0.5em;
    left: 0;
    -webkit-transform : rotate(-135deg) ;
    -ms-transform : rotate(-135deg) ;
    transform : rotate(-135deg) ;
    width: 6px;
    height: 6px;
}

#contents .inqBox {
    border: 2px solid #198c02;
    padding:15px;
    text-align: center;
    margin:15px;
}#contents .inqBox dt{
    color: #198c02;
    font-size: 16px;
    font-weight: bold;
}#contents .inqBox dd{
}#contents .inqBox .tit{
    background-color: #198c02;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin:10px 0;
}#contents .inqBox .num{
    margin:0 0 5px;
    padding:0 0 0 45px;
    color: #4c4c4c;
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    display: inline-block;
    position: relative;
}#contents .inqBox .num:before{
    background:url(/support/img/icon-freedial.gif) no-repeat center;
    position: absolute;
    content: "";
    background-size:contain;
    left:0;
    top: 50%;
    width:37px;
    height: 24px;
    margin-top:-12px;
}#contents .inqBox .txt{
    margin:5px 0 0;
}

#contents dl.confirmArea{display: table; padding:0; width: 630px;}
#contents dl.confirmArea > dt{display: table-cell; vertical-align: middle; width: 50%;padding:20px; font-weight: bold;}
#contents dl.confirmArea > dd{display: table-cell; width:50%;border-left:1px solid #ccc;padding:20px; vertical-align: middle;}
#contents dl.subIconSet{margin-bottom:10px;}
#contents dl.subIconSet > dt, #contents dl.subIconSet > dd{display: inline-block;}

#contents ul.iconEx {margin-right: -10px;}
#contents .iconEx li{display:inline-block;width:140px; margin-right: 5px;}
#contents .iconEx .icon-ID + span.ex{display:inline-block; margin-left: 30px; font-size: 0.8em;}


#contents .infoBox{margin: 10px 35px 20px; padding: 10px 20px; border: 2px solid #e8e8e8;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

#contents .appealBox{margin: 10px 35px 20px; padding: 10px 15px; border: 2px solid #e8e8e8; background-color: #f8f8f8;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#contents .appealBox dt{font-weight: bold; text-align: center;margin-bottom:10px;}
#contents .grid2 .appealBox{margin-left: 0;margin-right: 0;}

#contents .noStepBox{margin: 10px 35px 20px; padding:0 0  10px; border: 3px solid #198C02; background-color: #fff;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#contents .noStepBox > dt{
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background-color: #198c02;
    line-height: 1;
    padding:12px 15px 15px;
}#contents .noStepBox > dd{
    margin:15px 25px;
}
#contents .grid2 .noStepBox{margin-left: 0;margin-right: 0;}


#contents .inquiryInfo2{margin:10px 0px 20px 35px;}
#contents .inquiryInfo2 a{color:inherit; text-decoration: none;}
#contents .inquiryInfo2 a:hover{color:inherit; text-decoration: none;}
#contents .inquiryInfo2 > li{display: inline-block;width:48%; vertical-align: top;margin-bottom: 10px;}
#contents .inquiryInfo2 > li >dl{margin-right: 10px;}
#contents .inquiryInfo2 > li > dl > dt{
    display: block;
    float: left;
    width: 32%;
    text-align:center;
    font-size: 16px;
    line-height: 1.4;
    color:#fff;
    padding:10px 5px;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    border: 1px solid #2daa2c;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#52c451+0,2daa2c+100 */
    background: rgb(82,196,81); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(82,196,81,1) 0%, rgba(45,170,44,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(82,196,81,1) 0%,rgba(45,170,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(82,196,81,1) 0%,rgba(45,170,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52c451', endColorstr='#2daa2c',GradientType=0 ); /* IE6-9 */
}
#contents .inquiryInfo2 > li > dl > dt.fax{
    border: 1px solid #4972d0;
    padding:20px 5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#739ee6+0,4972d0+100 */
background: rgb(115,158,230); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(115,158,230,1) 0%, rgba(73,114,208,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(115,158,230,1) 0%,rgba(73,114,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(115,158,230,1) 0%,rgba(73,114,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#739ee6', endColorstr='#4972d0',GradientType=0 ); /* IE6-9 */
}
#contents .inquiryInfo2 > li > dl > dd{display:block;width:66%; float: right;}

#contents .inquiryInfo2 .number{font-size: 22px; font-weight: bold; color:#2daa2c; line-height: 1.2;}
#contents .inquiryInfo2 .mobile{line-height: 1.4;margin-bottom:3px;}
#contents .inquiryInfo2 .number.fax{color:#4972d0;}
#contents .inquiryInfo2 .hours{border-top:1px dotted #333;padding-top:3px;line-height: 1.4;}

#contents .supTable{width:100%;border:3px solid #BDDCB7;margin-bottom: 1em;}
#contents .supTable tr{}
#contents .supTable th,
#contents .supTable td{padding:0.5em;border:2px solid #BDDCB7;}
#contents .supTable th{text-align: center;font-weight: bold;background: #F1F5F0;}
#contents .supTable td{}

#contents .mainColWrapper01 > .col02 .tableWrapper{width:560px;}


/* support/guide 配下用スタイル */
.sgpImg{
    text-align: center;
    background: #f2f2f2;
    padding: 10px;
    margin: 30px 50px 10px!important;
}.sgpImg img{border:1px solid #ddd;}

.sgSubNavi{display: table;width:95%;margin:15px auto!important;}
.sgSubNavi.sgSubNaviCol2 > li{width:50%;}
.sgSubNavi.sgSubNaviCol3 > li{width:33.3%;}
.sgSubNavi.sgSubNaviCol4 > li{width:25%;}
.sgSubNavi.sgSubNaviCol5 > li{width:20%;}
.sgSubNavi > li{display: table-cell;border-right:1px solid #fff;background-color:#C0EEC0;vertical-align: middle;text-align: center; color:#198c02;text-decoration: none; line-height:1.2;}
.sgSubNavi > li > a,.sgSubNavi > li > a:visited,.sgSubNavi > li > a:hover{display: inline-block;vertical-align: middle;text-align: center; color:#198c02; text-decoration: none; padding:10px 0; width: 100%;}
.sgSubNavi > li:hover,.sgSubNavi > li:hover > a,.sgSubNavi > li.active{background-color: #55B941; color: #fff;}



/* ==========================================================================
   Add PageStyle
   ========================================================================== */

/* ----------- 大坪追加style ------------ */

/* --次回更新時つけてcleafix削除*/
.summary {display:block; padding-top:10px;font-weight:normal !important; font-size: 1.3rem;}
.sumCaution {text-indent: -11px;padding-left: 11px;display: inline-block;font-size: 1.1rem; font-weight: normal !important;}

#contents .secBox05 ul{display: table;}
#contents .secBox05 ul li:first-of-type{border-right: 1px solid #ccc;}
#contents .secBox05 ul li:first-of-type p{text-align:center;}
#contents .secBox05 ul li{width: 50%; padding: 20px; display: table-cell; vertical-align: middle;}
#contents .secBox05 img{margin-bottom: 10px;}
#contents .secBox05 .supBtn{margin-bottom: 0;}

#contents .secBox06 ul{display: table; border-bottom: 1px dotted #ccc; padding-bottom: 20px;}
#contents .secBox06 ul li:last-of-type p{ padding-left: 10px;}
#contents .secBox06 ul li{width: 50%; display: table-cell; vertical-align: middle;}

#contents section > ul.coursebtnList{margin:0 0 0 15px;}
#contents section > ul.coursebtnList li{width:32%; margin-right:1%; display:block; float:left;}
#contents section > ul.coursebtnList li a {padding: 20px 15px;}
#contents section > ul.coursebtnList li img {margin-bottom: 10px;}

#flowList {margin-top:10px !important;}
#flowList .stepBox01 > li > dl > dt{background-color: #198c02;}
#flowList .stepBox01 > li > dl > dd .ttlStep01 {color: #198c02; line-height: 1.4; font-size: 20px;}
#flowList .stepBox01 > li > dl > dd {border-color: #198c02;}
#flowList .stepBox01 > li:before{background: url(/commons/img/cmn/ico_arrow20.png) 0 0 no-repeat;}
#flowList .appealBox{margin: 10px 0 10px; padding: 10px 15px; border: 2px solid #e8e8e8; background-color: #f8f8f8;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#flowList .appealBox dt{font-weight: bold; text-align: left;margin-bottom:20px;}
#flowList .infoBox{margin: 10px 0; padding: 10px 20px; border: 2px solid #e8e8e8;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#flow {margin: 0 35px;}
#flow ol{ width:100%; display: table;}
#flow li{position:relative; display: table-cell; width: 25%; vertical-align: middle; padding: 10px 25px 10px 20px; margin-left: 1px; background:#e8f4e6; line-height: 1.3;}
#flow li::after {
    position: absolute;
    border-color: #198c02;
    border-image: none;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    top: 50%;
    right: 5px;
    -webkit-transform : rotate(-135deg) ;
    -ms-transform : rotate(-135deg) ;
    transform : rotate(-135deg) ;
    width: 12px;
    height: 12px;
    margin-top: -8px;
}
#flow li.last{padding: 10px 15px 10px 20px; color:#198c02; font-weight: bold;}
#flow li.last:after {border: none;}
.infomail{background: url(/support/img/icon_infomail.png) left 10px no-repeat; margin-bottom: 10px;}
.infomail > p{padding-left: 65px;}


/* ----------- サポートページ追加スタイル ------------ */

.urgentmainteWrapper {
    margin: 10px auto 20px;
    overflow: auto;
    width: 95%;
}

.urgentmainteWrapper .urgentmainte {
    border: 2px solid #198c02;
    border-radius: 3px;
    display: table;
    min-width: 100%;
    padding: 10px 20px;
    font-family: inherit;
}

.urgentmainteWrapper .urgentmainte:empty {
    display: none;
}

.bgSuph4Green {
    background-color: #f1f5f0 !important;
}

.bdSupGreen, .bdSupGreen table, .bdSupGreen th, .bdSupGreen td {
    border-color: #198c02 !important;
}

/*見出し追加スタイル*/

#contents h2 .h_subtext {
    font-size:1.4rem;
}

/*定義リスト*/

#contents dl.definition_basic {
}

#contents dl.definition_basic dt {
    font-size:1.5rem;
    font-weight:bold;
    line-height:1.7;
    margin-bottom:8px;
}

#contents dl.definition_basic dd {
}

#contents p.lead {
    font-size:1.6rem;
}

/*インフォメーションエリア 背景色あり*/

#contents .infoBox02{
    margin: 10px 35px 20px;
    padding: 10px 20px;
    border: 2px solid #DCDCDC;
    background-color:#e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*関連リンク案内エリア */

#contents p.guideLeadTxt {
    font-size:1.6rem;
    font-weight:bold;
    padding-left:86px;
    position:relative;
}

#contents .readmoreBox{
    margin: 80px 0 0 0;
    padding: 20px;
    /*border: 2px solid #198c02;*/
    border: 2px solid #cccccc;
    background-color:#f8f8f8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    }

#contents p span.noteMark {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:80px;
    height:30px;
    background-color:#56ba42;
    color:#ffffff;
    font-size:1.4rem;
    line-height:30px;
    text-align:center;
}

/*---- 障害アナウンスなど QRコードimage掲載スタイル ----*/

#contents .infoBox02 img {
    width:160px;
    height:auto;
}


/* ----------- ニュースページ追加スタイル ------------ */

.newsList01 dt {
    display: inline-block;
    float: left;
    padding-top: 15px;
    width: 130px;
}

.newsList01 dt:first-of-type,
.newsList01 dd:first-of-type {
    padding-top: 0;
}

.newsList01 dd {
    border-bottom: 1px dashed #ccc;
    padding: 15px 0 15px 130px;
}

#contents section p.dateIssue {
    margin: 0 15px 50px 0;
    text-align: right;
}

td.borderNone {
    border-right: none;
}

.pc_wSpace {
    white-space: nowrap;
}

.pc_wSpaceNl {
    white-space: normal !important;
}

.pc_thwSpace tr th {
    white-space: nowrap;
}

.slash4Empty {
    background-image: linear-gradient(to top right, transparent, transparent 49%, #198c02 49%, #198c02 50%, transparent 50%, transparent);
}

.tableWrapper.ssTable.cell_plr00 th, .tableWrapper.ssTable.cell_plr00 td {
    padding-left: 0;
    padding-right: 0;
}

#contents section > p.newsIndent1em {
    margin: 10px 35px 20px 50px;
    text-indent: -1em;
}

#contents section > p.newsIndent2em {
    margin: 10px 35px 20px 60px;
    text-indent: -2em;
}

#contents section > ol.newsIndent2em > li {
    margin-bottom: 1em;
    margin-left: 2em;
    text-indent: -2em;
}

#contents section > ol.newsIndent3em > li {
    margin-bottom: 1em;
    margin-left: 3em;
    text-indent: -3em;
}

#contents section ul.newsIndent1em li {
    text-indent: -1em;
    padding-left: 1em;
}

.newsCSInfo01 dt {
    float: left;
    width: 3em;
}

.newsCSInfo01 dd {
    margin-left: 3em;
}

/* ----------- ガイド追加スタイル ------------ */

ul.listLink li a.listLink-inner {
    display: inline;
    margin: 0;
    padding-left: 0;
}

ul.listLink li a.listLink-inner:before {
    content: none;
}

/* ----------- 汎用アイコンの調整 ------------ */
ul.listLink li .icon:before, ul.listLink li .iconEnd:after,.emLink .icon:before, .emLink .iconEnd:after  {
    margin-bottom: -8px;
}


#contents h5.h5_heading01 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 15px 15px 15px;
    padding-bottom: 5px;
}

#contents h5.h5_heading01 span:before {
    background-color: #198c02;
    left: 0;
}

#contents h6.h6_heading01 {
    padding-left: 20px;
    margin-bottom: 10px;
}

#contents h6.h6_heading01:before {
    background-color: #999;
    height: 12px;
    top: 3px;
    width: 12px;
}

#contents p.dialogWrap img {
    padding:8px;
    border:1px solid #cccccc;
    background-color:#ffffff;
}

#contents .imgWrap_bdr1 {
    border:1px solid #cccccc;
}

#contents section ol.supType {
    margin: 10px 35px 0;
}

#contents section ol.supType > li {
    position: relative;
    margin-bottom: 1em;
}

#contents section ol.supType li.last {
    margin-bottom: 0;
}

ol.supType.Deci {
    list-style: decimal;
}

ol.supType.Deci > li {
    margin-left: 1.5em;
    padding-left: 0.25em;
}

#contents .supNoteBox {
    background-color: #fdeeee;
    border: 1px solid #e94646;
    padding: 10px 20px;
    margin: 10px 35px 20px;
}

/*--画像アイコン指定表示スタイル（縮小されないように）--*/
.tableWrapper td.iconCell img {
width:23px;
height:23px;
}

/* ----------- QA追加スタイル ------------ */

.qandaList.supportQA li dl dt {
    background: url(/commons/img/cmn/ico_queation03.png) 0 0 no-repeat;
}

#contents section ul.qandaList li dl dd .supList {
    margin: 25px 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.6;
}

#contents section ul.qandaList li dl dd .supList > li {
    margin-bottom: 1em;
    padding-left: 12px;
}

#contents section ul.qandaList li dl dd .indent1em {
    margin-left: 1em;
    text-indent: -1em;
}

#contents section ul.qandaList li dl dd .indent2em {
    margin-left: 2em;
    text-indent: -2em;
}

/* ----------- アカウント追加スタイル ------------ */

.toQAtxt {
    font-size: 1.6rem;
}

/* ----------- お問い合わせボタンエリアスタイル ------------ */
.inquiryInfoBtnBox01 {
    display: table;
    margin: 0 auto;
    width: 700px;
}

.inquiryInfoBtnCol01 {
    display: table-cell;
    width: 50%;
}

/* ----------- PC用調整共通 ------------ */

/*border*/
.border_allw2 {border-width:2px !important;}

/*scrollテーブルのときtableに太枠を引く*/

.spTableScroll table.scrollTableOutline {
    border-top:2px solid #619bbc;
    border-right:2px solid #619bbc;
    border-bottom:2px solid #619bbc;
    border-left:2px solid #619bbc;
}

/*cell背景色追加*/
.sup_bgPink,td.sup_bgPink {
    background-color:#f5badc !important;
}



/* ---------- clearfix ---------- */
#contents section:before,
#contents section:after{
    content: " ";
    display: table;
}

#contents section:after{
    clear: both;
}

#contents section{
    *zoom: 1;
}

/* ----------- 設定ガイドFLOW ------------ */
#contents .flow-step{
    margin:0 35px 0;
}
#contents .stepbox,#contents .stepbox-m{
    position:relative;
    border:2px solid #ccc;
    border-radius:5px;
    padding:10px 20px 10px 80px;
    min-height:57px;
}#contents .stepbox img.step,#contents .stepbox-m img.step{
    position:absolute;
    top:10px;
    left:10px;
}#contents .stepbox .stepttl-g,#contents .stepbox-m .stepttl-g{
    color:#399c07;
    font-weight:bold;
}
#contents .flow-arrow{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2px;
}
#contents .flow-step h4{
    margin-left:0;
    margin-right:0;
}#contents .flow-step h4:not(:first-child){
    margin-top:10px;
}

#contents .flow-step .detail{
    margin:15px 0 0;
    padding:0 10px 15px;
    background:#fafafa;
}#contents .flow-step .detail_ttl{
    display:block;
    font-size:14px;
    font-weight:bold;
    background:#aaa;
    color:#fff;
    padding:2px 5px 1px;
    margin:0 -10px 0;
}#contents .flow-step .detail_subttl{
    display:block;
    font-size:14px;
    font-weight:bold;
    color:#399c07;
    padding:0 5px;
    margin:0 -10px 10px;
}#contents .flow-step .detail_txt img{
    margin:0 0 10px;
}#contents .flow-step .detail_ttl:not(:first-child),
#contents .flow-step .detail_subttl:not(:first-child){
    margin-top:15px;
}


/* ---------- Hides from IE Mac ---------- */
* html .ieHide {height: 1%;}
.ieHide{display:block;}
/* End Hack */


/* ----------- 組み合わせレイアウト ------------ */
#contents section section{
    margin:0;
}#contents section section section > section{
    padding:0 20px 0;
}#contents section section + section:not(:first-child){
    margin:40px 0 0;
}#contents section section section + section:not(:first-child){
    margin:30px 0 0;
}#contents section section section section + section:not(:first-child){
    margin:30px 0 0;
}#contents section section section section section + section:not(:first-child){
    margin:20px 0 0;
}
#contents p + p{
    margin-top:10px;
}#contents p + ul{
    margin-top:10px;
}#contents p + section{
    margin-top:40px;
}
/* ----------- 旧デザインからのスタイル ------------ */
.borderOn {
    border: 1px solid #d5eec2;
}
.trademarka {
    color: #999999;
}