@charset "shift_jis";



/* 汎用テンプレートのカスタマイズ
---------------------------------------------------------- */
.spBoxScroll,
.spTableScroll{
  margin-left:15px;
  margin-right:15px;
  width:auto;
}



/* ------------------------------------------------------------
    filename:   style_sp.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
   ========================================================================== */

html{
    font-size:62.5%;
}
body{
    color:#333;
    font-size:1.2rem;
    line-height:1.8rem;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.headerMenu01 .spheaderMenu{font-size:110%;}
.headerMenu01 .spheaderMenu li a{padding: 0.3em 0.3em 0.3em;}

#breadcrumb{margin:0;line-height: 1.5; display: none;}

header#header.simple{margin-bottom:10px;}
header#header.simple + #breadcrumb{margin-top:-13px; margin-bottom:10px;}




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

#contents h2{font-size:1.5rem;margin:10px 0;padding:10px;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: 1.4rem;margin:10px 10px 10px;padding:1px 10px 5px;border-bottom:1px solid #198c02; border-left:5px solid #198c02; clear:both;text-align: left;}
#contents h4{font-size: 1.4rem;margin:10px 10px 10px;padding:4px 10px 6px;clear:both;text-align: left;background-color: #f1f5f0; }
#contents h4.tllAccordian01{padding-right:35px;}
#contents h5{font-size: 1.2rem;margin:0 10px 10px;padding:0;}
#contents h6{font-size: 1.2rem;margin:0 10px 10px;padding:0;}

#contents h2.parent_detailLink {
    display: table;
    width: 100%;
}

#contents h2.parent_detailLink span {
    display: table-cell;
    vertical-align: middle;
}

#contents h2.parent_detailLink span.detailLink a.emLink {
    display: block;
}

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:0.9em; background: none; position: relative;text-decoration: underline; display: inline-block;}
.emLink:hover{color:#003399;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;
}

.emLink.sp_inline {
    display: inline;
}

.emLink.sp_inline:before {
    top: 4px;
}

ul.listLink {
    margin: 0 15px 20px;
}ul.listLink li{
    position: relative;
    margin:10px 0;
    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:7px;
    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;}
/* ----------- 汎用アイコンの調整 ------------ */
ul.listLink li .icon:before, ul.listLink li .iconEnd:after,.emLink .icon:before, .emLink .iconEnd:after  {
    margin-bottom: -9px;
}

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 > ul,
#contents section > ol,
#contents section > dl,
#contents section > table,
#contents section > .tableWrapper,
#contents section > .grid2 > p,
#contents section > .grid2 > ul{margin:10px 15px;}

#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;}.modal-contents .supList > li{margin-bottom: 0.5em;}
#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: 6px;
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: 5px;
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 0px 10px;
        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:30px}
#contents section .sup_Numlist > li {
    margin-bottom: 1em;
    }
#contents section .sup_Numlist li.last {
    margin-bottom: 0;}

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



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


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

/* base */
#contents .supBtn,.btnList li a{
    cursor:pointer;
    position:relative;
    display:block;
    border-radius:6px;
    padding:10px 20px 10px 10px;
    font-size:14px;
    font-size:1.4rem;
    line-height:24px;
    line-height:2.4rem;
    text-align:center;
    color:#333;
    border:1px solid #a3a3a3;
    text-decoration: none;
    margin-bottom:10px;
/* 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 2px 2px;
    content: "";
    top: 50%;
    right: 7px;
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform: rotate(-135deg);
    width: 8px;
    height: 8px;
    margin-top:-4px;
}#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{
    color:#333;
    text-decoration:none;
    border:1px solid #198c02;
    background: #e5e5e5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56ba42+0,198c02+100 */
/*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 10px;}
#contents section > ul.btnList li{display: block;}


/* 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:2.4rem;
    line-height:4.8rem;
}#contents .supBtn.abSmall{
    padding:4px;
    font-size:12px;
    line-height:2.4rem;
}#contents .supBtn.abLow,.btnList li a.abLow{
    padding-top:8px;padding-bottom: 8px;
}#contents .supBtn.ab2Line,.btnList li a.ab2Line{
    line-height:60px;
    line-height:6.0rem;
}

#contents .supBtn.arrownone{padding:10px 10px 10px 10px;}
#contents .supBtn.arrownone:after{border:none;}



/* Variation */
#contents .supBtn.login,#contents .supBtn.login:visited{
    color:#fff;
    text-decoration:none;
    border:1px solid #198c02;
    padding:10px 20px 10px 33px;
/* 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:8px;
    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:10px 20px 10px 20px;
/* 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 5px 13px 25px;
    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:8px;
    top: 50%;
    width:16px;
    height: 11px;
    margin-top:-5px;
}#contents .supBtn.mail:after{
    border:none;
}


/* ---------- FAQ ---------- */
.supQawrap{margin:-10px 10px 0;}
.supQa{
    border-bottom:1px dashed #ccc;
}.supQa:last-child{
    border-bottom: none;
}h2 + .supQa{
    margin-top:-10px;
}.supQa dt{
    position:relative;
    font-size:1.2rem;
    line-height:20px;
    line-height:2.0rem;
    font-weight:bold;
    padding:20px 30px 20px 20px;
    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:27px;
    right:6px;
    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 20px 15px 35px;
    margin:0 0 20px;
    text-indent: -1em;
}.supQa dd:before{
    content:"A.";
    position:relative;
    top:0;
    left:-0.5em;
    color: #198c02;
    font-weight: bold;
}.supQa p{
    font-size:1.1rem;
    line-height:1.8rem;
    padding:0 25px;
}.supQa ul.supList,.supQa ol.supList{
    margin: 10px 0 0;
    padding: 0 5px;
}

.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:7px 5px 7px 20px;
    text-indent: 0em;
}
.answer .supCaution{
    margin:10px 0 0;
    padding: 0 25px;
}

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

.supQList li{
    background-image: none;
    border-bottom: 1px dashed #ccc;
    position:relative;
    font-size:1.2rem;
    line-height:20px;
    line-height:2.0rem;
    padding:20px 10px 20px 20px;
    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: 18px;
    height: 18px;
    line-height: 1.8rem;
    background: #333;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    display: inline-block;
    color: #fff;
    margin: 0 6px 1px 0;
}
.icon-ID02{
    width:100%;
    height: 18px;
    line-height:1.8rem;
    background: #333;
    text-align: left;
    vertical-align: middle;
    font-size: 10px;
    display: inline-block;
    color: #fff;
    margin: 0 6px 0 6;
    padding-left: 5px;
}
.icon-ID03{
    width: auto;
    height: 18px;
    line-height:1.8rem;
    background: #333;
    text-align: left;
    vertical-align: middle;
    font-size: 10px;
    display: inline-block;
    color: #fff;
    margin: 0 6px 0 6;
    padding: 0 5px;
}

.icon-ID03 .icon-ID03-br {
    display: none;
}



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

/* ---------- header ---------- */
#contents header{padding:0; background-color:#f1f5f0;}
#contents header h1{font-size: 2rem;color: #198c02;padding: 15px 20px 12px;vertical-align: middle;display: table-cell;}
#contents #headSet01,#contents #headSet02{margin:0;}
#contents #headSet01{display:table;width: 100%;}
#contents #headSet02{display:none;}

/*h1 add link*/
#contents header h1 a {display:block;color: #198c02;}

/* functionList （ASAHINETJP-1317 ファーストビュー調整で不使用） */
#contents .funcList{margin:0 10px ; border:2px solid #198c02; background-color: #fff;text-align: center;}
#contents .funcList ul{margin:10px; font-size: 14px;}
#contents .funcList li{display: block;}
#contents .funcList li.func01{}
#contents .funcList li.func02{margin-bottom:5px;}
#contents .funcList li.func02 a{margin-bottom:5px;}
#contents .funcList li.func02 a.function,#contents .funcList li.func03 a.function{font-size: 1.2rem; padding:4px;}
#contents .funcList li.func03{}
#contents .funcList li.func04{text-align: center;}

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


/* main navigation */
.mainNavi{
    margin:0;
    background:#fff;
    border-bottom:2px solid #198c02;
    padding-bottom:20px;
}.mainNavi li{
    position:relative;
    float:left;
    width:50%;
    border-bottom:2px solid #fff;
}.mainNavi li.active:after{
    content: "";
    position: absolute;
    top: 0; left: 50%;
    margin-left: -6px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #f1f5f0 transparent transparent transparent;
}
.mainNavi li:nth-child(even){
    border-right:2px solid #fff;
}

/*.mainNavi li.spLeft {
    border-right:2px solid #fff;
}*/

.mainNavi a{
    display:inline-block;
    width:100%;
    font-size:1.1em;
    line-height:3.75rem;
    padding:0 5px;
    background:#198c02;
    text-align:center;
}.mainNavi a span{
    display:inline-block;
    line-height:1.6rem;
    vertical-align:middle;
}

.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-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    margin: 90px 0 100px;
}

.mainColWrapper01 .subNavi:first-child {
        border-top:3px solid #ccc;
}

.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:hover, .subNavi a:visited, .subNavi a:active{text-decoration:none;color:#333;margin-left:-30px;padding:15px 15px 15px 30px;}
.subNavi > ul > li > a{background-color: #f8f8f8;padding: 15px 30px 15px 15px;}
.subNavi > ul > li > dl > dd > a{padding:15px 15px 15px 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:15px 30px 15px 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:23px;
    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{
    -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:20px;
    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 a {color: #333;}
.subNavi > ul > li.directLink > a:after, .subNavi .directLink dt:after{
    top: 20px;
    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{border-top:1px dotted #ccc;}
.subNavi li dd li.subsubNavi > ul > li{padding:0}
.subNavi li dd li.subsubNavi > span{display:block;padding:15px 15px 15px 0}
.subNavi li dd li.subsubNavi > ul > li > a{padding:10px 15px 10px 60px}
.subNavi li dd li.subsubNavi > ul > li:before{top:1.35em;}

.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:25px 0;}
#contents section:first-child{margin:0;}

#contents section > p{margin:20px 15px;}
#contents section > ul{margin:20px 15px;}


#contents #chooseList01{}
#contents #chooseList02{}
#contents #chooseList01 .btnList li a,#contents #chooseList02 .btnList li a{
    text-align: left;
    background: #f8f8f8;
    border-radius:0;
    border:1px solid #ccc;
    border-width:1px 1px 0;
    margin-bottom:0;
}#contents #chooseList01 .btnList li a:hover,#contents #chooseList02 .btnList li a:hover{
    background: #ccc;color: #333;
}#contents #chooseList01 .btnList li a:after,#contents #chooseList02 .btnList li a:after{
    border-color: #198c02;
}#contents #chooseList01 .btnList li:last-child a,#contents #chooseList02 .btnList li:last-child a{
    border-bottom:1px solid #ccc;
}

#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:13px 15px;}
#contents .secBox03 p{margin-left:0;margin-right: 0;margin-top:5px;}
#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 -15px; padding:0 20px 10px;font-weight: bold;}

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

#contents .multicolumnbox2 {}

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


#contents .supportInfo{padding:0;text-align: center;}
#contents section > ul.supInfoList{margin:10px 0 ;padding:0 10px 10px;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{background-color: #198c02;padding:3px 5px; color: #fff;line-height: 1.1; text-align: center;}
#contents .dl_info01 dd{line-height: 2rem;}
#contents .dl_info01 .date01{margin:5px 0 0;}
#contents .dl_info01 .detail01{padding-left:0.9em; 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.6em;
    left: 0;
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform: rotate(-135deg);
    width: 6px;
    height: 6px;
}

#contents .inqBox {border: 2px solid #198c02;padding:10px;text-align: center; margin:10px;}
#contents .inqBox dt{ color: #198c02;font-size: 16px; font-weight: bold;}
#contents .inqBox dd{}
#contents .inqBox .tit{margin:10px 0;padding:5px;background-color: #198c02; color: #fff;font-size: 16px;font-weight: bold;}
#contents .inqBox .num{background:url(/support/img/icon-freedial.gif) no-repeat center left; background-size: 19px; margin:5px 0 0; padding:0 0 0 25px; color: #4c4c4c;font-size: 2.4rem;font-weight: bold;display: inline-block;}
#contents .inqBox .txt{margin:5px 0 0;}


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

ul.iconEx {margin:0 -10px -10px 0;}
.iconEx li{display:inline-block;width:47%; margin:0 5px 10px 0;vertical-align: top;}
.iconEx .icon-ID + span.ex{display:inline-block; margin-left: 30px; font-size: 0.8em;}



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

#contents .appealBox{margin: 10px 15px; 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 .noStepBox{margin: 10px 15px; padding: 0 0 10px; border: 3px solid #198C02; background-color: #fff;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#contents .noStepBox > dt{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #198c02;
    line-height: 1;
    padding:7px 10px 10px;
}#contents .noStepBox > dd{
    margin:10px 15px;
}
#contents .grid2 .noStepBox{margin-left: 0;margin-right: 0;}



#contents .inquiryInfo2{margin:10px 15px;}
#contents .inquiryInfo2 a{color:inherit; text-decoration: none;}
#contents .inquiryInfo2 a:hover{color:inherit; text-decoration: none;}
#contents .inquiryInfo2 > li{display:block;vertical-align: top;margin-bottom: 10px;}
#contents .inquiryInfo2 > li >dl{clear: both;}
#contents .inquiryInfo2 > li > dl > dt{
    margin-right:1%;
    width: 35%;
    display: inline-block;
    vertical-align: top;
    text-align:center;
    font-size: 16px;
    line-height: 1.4;
    color:#fff;
    padding:20px 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;

/* 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:inline-block;width:62.5%;}

#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{}


/* support/guide 配下用スタイル */
.sgpImg{
    text-align: center;
    background: #f2f2f2;
    padding: 10px;
    margin-bottom: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.2rem;}
.sumCaution {text-indent: -10px;padding-left: 10px;display: inline-block;font-size: 1rem; font-weight: normal !important;}

#contents .secBox05 ul{}
#contents .secBox05 ul li:first-of-type{border-bottom: 1px solid #ccc;}
#contents .secBox05 ul li{padding: 20px;}
#contents .secBox05 p{text-align: center;}
#contents .secBox05 img{ margin-bottom: 10px; text-align: center;}
#contents .secBox05 .supBtn{margin-bottom: 0;}

#contents .secBox06 ul{display: table; border-bottom: 1px dotted #ccc; padding:0 0 10px; margin:0 10px 10px;}
#contents .secBox06 ul li img{padding-bottom:10px;}



#flowList {margin-top:10px !important;}
/*--#flowList .stepBox01 > li > dl{border:3px solid #198c02; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}--*/
#flowList .stepBox01 > li > dl > dt{background-color: #198c02; font-size:12px; font-size:1.2rem; min-height:50px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
#flowList .stepBox01 > li > dl > dd .ttlStep01 {color: #198c02;}
#flowList .stepBox01 > li > dl > dd {border-color: #198c02; font-size:12px; font-size:1.2rem;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
#flowList .stepBox01 > li:before{background: url(/commons/img/cmn/ico_arrow20.png) 0 0 no-repeat; background-size:cover;}
#flowList .appealBox{margin: 10px 0 10px; padding: 10px;}
#flowList .appealBox dt{font-weight: bold; text-align: left;margin-bottom:5px;}
#flowList .infoBox{margin: 10px 0; padding: 10px 15px; border: 2px solid #e8e8e8;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#flow {margin: 0 15px;}
#flow ol{ width:100%; }
#flow li{position:relative; padding: 10px 5px 20px; text-align: center; margin-bottom: 3px; background:#e8f4e6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#flow li::after {
    position: absolute;
    border-color: #198c02;
    border-image: none;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    top: 50%;
    right: 50%;
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    margin-top: 5px;
}
#flow li.last{padding: 17px 5px; 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;}

/*-------------変更した箇所
追加　#contents section > ul{margin:10px;}
変更　#contents section > p{margin:10px;}
変更　#contents .dl_info01{margin:0 0 10px; padding:0 0 10px; border-bottom:1px dashed #ccc;}
変更　.supQa dt{padding: 20px 30px 20px 20px;
-----------*/


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

.urgentmainteWrapper {
    margin: 10px 10px 20px;
    overflow-x: scroll;
    -webkit-overflow-scrolling:touch;
}

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

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

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

/*SP　横スクロールさせないテーブル*/
.tableWrapper.bdSupGreen {
    display: block;
    width: auto;
}

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

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

#contents h2 .h_subtext {
    font-size:1.2rem;
    font-weight:normal;
}

/*定義リスト*/

#contents dl.definition_basic {
}

#contents dl.definition_basic dt {
    font-size:1.3rem;
    font-weight:bold;
    line-height:1.4;
    margin-bottom:10px;
}

#contents dl.definition_basic dd {
    margin-bottom:20px;
}

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

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

#contents .infoBox02{
    margin: 10px 15px;
    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.4rem;
    font-weight:bold;
    /*padding-left:80px;*/
    /*position:relative;*/
}

#contents .readmoreBox{
    margin: 50px 10px 0 10px;
    padding: 16px;
    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;*/
    margin-bottom:6px;
    width:76px;
    height:26px;
    background-color:#56ba42;
    color:#ffffff;
    font-size:1.3rem;
    line-height:26px;
    text-align:center;
}

#contents .readmoreBox > .listLink {
    margin-left:0;
    margin-right:0;
}

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

#contents .infoBox02 img {
    width:40%;
    height:auto;
}


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

.newsList01 dd {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

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

/* SP時のリンクリストスタイル */

#contents section > ul.listLink.sp_supType02,
#contents section > ul.listLink.sp_supType03 {
    margin: 0;
}

ul.listLink.sp_supType02 li,
ul.listLink.sp_supType03 li {
    margin: 0;padding-left:0;
}

ul.listLink.sp_supType02 li a {
    color: #333;
    position: relative;
    display: table;
    padding: 0 12px;
    margin: 0;
    width: 100%;
    height: 63px;
    border: 1px solid #ccc;
    border-width: 1px 0 0;
    line-height: 1.3;
    text-decoration: none;
}

ul.listLink.sp_supType03 li a {
    color: #333;
    position: relative;
    display: table;
    padding: 0 12px;
    margin: 0 0 1px;
    width: 100%;
    height: 63px;
    line-height: 1.3;
    text-decoration: none;
    background: #f4f4f4;
}

ul.listLink.sp_supType02 li:first-child a {
    border-top-width: 2px;
}

ul.listLink.sp_supType02 li:last-child a {
    border-bottom-width: 2px;
}

ul.listLink.sp_supType02.noBorder li:first-child a {
    border-top-width: 0;
}

ul.listLink.sp_supType02.noBorder li:last-child a {
    border-bottom-width: 0;
}

ul.listLink.sp_supType02 li a {
    padding: 9px 42px 10px 12px;
    height: auto;
}

ul.listLink.sp_supType03 li a {
    padding: 9px 42px 10px 30px;
    height: auto;
}

ul.listLink.sp_supType02 li:before,
ul.listLink.sp_supType03 li:before {
    content: none;
}
ul.listLink.sp_supType02 li:after,
ul.listLink.sp_supType03 li:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: auto;
    right: 15px;
    width: 10px;
    height: 10px;
    border: solid #198c02;
    border-width: 3px 3px 0 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.listLink.sp_supType02 li a span,
ul.listLink.sp_supType03 li a span {
    display: table-cell;
    vertical-align: middle;
}

ul.listLink.sp_supType02 li a span.q_marker01 {
    padding-left: 1em;
    text-indent: -1.5em;
}

ul.listLink.sp_supType02 li a span.q_marker01:before {
    content: "Q. ";
    font-weight: bold;
}

/* SP時のリンクボタン化 */

.listLink.sp_supLinkbtn02 a,
p.sp_supLinkbtn02 a {
    color: #333;
    position: relative;
    display: table;
    padding: 0 12px;
    width: 100%;
    height: 63px;
    border: 2px solid #198c02;
    border-radius: 5px;
    line-height: 1.3;
    background-color:#fff;
    text-decoration: none;
}

.listLink.sp_supLinkbtn02 a,
p.sp_supLinkbtn02 a {
    padding: 9px 42px 10px 12px;
    height: auto;
}

.listLink.sp_supLinkbtn02 a:before,
p.sp_supLinkbtn02 a:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 15px;
    height: 15px;
    border: solid #198c02;
    border-width: 5px 5px 0 0;
    left: auto;
    right: 15px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.listLink.sp_supLinkbtn02 a span,
p.sp_supLinkbtn02 a span {
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px;
}
.listLink.sp_supLinkbtn02 li,
p.sp_supLinkbtn02 li {
    padding-left:0;
}.listLink.sp_supLinkbtn02 li:before,
p.sp_supLinkbtn02 li:before {
    content:none;
}

/* SP時のリンクボタン化 エリア内配置等（ボーダーが細い） */

.listLink.sp_supLinkbtn03 a,
p.sp_supLinkbtn03 a {
    color: #333;
    position: relative;
    display: table;
    padding: 0 12px;
    width: 100%;
    height: 63px;
    border: 1px solid #198c02;
    border-radius: 5px;
    line-height: 1.3;
    text-decoration: none;
}

.listLink.sp_supLinkbtn03 a,
p.sp_supLinkbtn03 a {
    padding: 9px 42px 10px 12px;
    height: auto;
}

.listLink.sp_supLinkbtn03 a:before,
p.sp_supLinkbtn03 a:before {
    content: "";
    position: absolute;
    top: 53%;
    margin-top: -8px;
    width: 12px;
    height: 12px;
    border: solid #198c02;
    border-width: 3px 3px 0 0;
    left: auto;
    right: 14px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.listLink.sp_supLinkbtn03 a span,
p.sp_supLinkbtn02 a span {
    display: table-cell;
    vertical-align: middle;
    padding-right: 28px;
}
.listLink.sp_supLinkbtn03 li,
p.sp_supLinkbtn03 li {
    padding-left:0;
}
.listLink.sp_supLinkbtn03 li:before,
p.sp_supLinkbtn02 li:before {
    content:none;
}

td.borderNone {
    border-right: none;
}

.sp_wordBreak {
    word-break: break-all !important;
}

.sp_inline {
    display: inline !important;
}

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

#contents section > p.newsIndent1em {
    margin: 10px 15px 10px 30px;
    text-indent: -1em;
}

#contents section > p.newsIndent2em {
    margin: 10px 15px 10px 45px;
    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;
}

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

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

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

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

#contents h5.h5_heading01 span {
    font-size: 1.2rem;
}

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

#contents h6.h6_heading01:before {
    height: 10px;
    top: 5px;
    width: 10px;
}

#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: 20px 15px 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;
}

.sp_w640px {
    width: 640px !important;
}

/*--画像アイコン指定表示スタイル（縮小されないように）--*/

.tableWrapper td.iconCell img {
width:23px;
height:23px;
}

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

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


#contents section ul.qandaList li dl dd .supList {
    margin: 15px 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

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

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

.toQAtxt {
    font-size: 1.4rem;
}

/* ----------- お問い合わせボタンエリアスタイル ------------ */

.inquiryInfoBtnCol01 {
    margin: 10px 15px 0;
}

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

/* margin-set */
.sp_mbZero,.sp_mb00{margin-bottom:0px !important;}
.sp_mb05{margin-bottom:5px !important;}
.sp_mb10{margin-bottom:10px !important;}
.sp_mb15{margin-bottom:15px !important;}
.sp_mb20{margin-bottom:20px !important;}
.sp_mb25{margin-bottom:25px !important;}
.sp_mb30{margin-bottom:30px !important;}
.sp_mb35{margin-bottom:35px !important;}
.sp_mb40{margin-bottom:40px !important;}

.sp_mtZero,.sp_mt00{margin-top:0px !important;}
.sp_mt05{margin-top:5px !important;}
.sp_mt10{margin-top:10px !important;}
.sp_mt15{margin-top:15px !important;}
.sp_mt20{margin-top:20px !important;}
.sp_mt25{margin-top:25px !important;}
.sp_mt30{margin-top:30px !important;}
.sp_mt35{margin-top:35px !important;}
.sp_mt40{margin-top:40px !important;}

/*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:20px 10px 0;
}
#contents .stepbox,#contents .stepbox-m{
    position:relative;
    border:2px solid #ccc;
    border-radius:5px;
    padding:10px;
    min-height:57px;
}#contents .stepbox img.step,#contents .stepbox-m img.step{
    position:absolute;
    top:5px;
    left:5px;
    width:38px;
    height:38px;
}#contents .stepbox .stepttl-g,#contents .stepbox-m .stepttl-g{
    color:#399c07;
    font-weight:bold;
    margin:5px 0 20px 40px;
}
#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:3px 5px 2px;
    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:not(:first-child){
    margin:30px 0 0;
}#contents section section section + section:not(:first-child){
    margin:25px 0 0;
}#contents section section section section + section:not(:first-child){
    margin:25px 0 0;
}#contents section section section section section + section:not(:first-child){
    margin:25px 0 0;
}#contents section section section{
    margin:15px 0 0;
}
#contents p + section,#contents ul.supList + section{
    margin-top:30px;
}
p > img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
p > img + img{
    margin-top:10px;
}
#contents p + p{
    margin-top:10px;
}#contents p + ul{
    margin-top:10px;
}

/*スクロールtableのときは、tableWrapperのボーダーを表示しない*/

.tableWrapper.scrollboder {
    border:none;
}


/* ----------- 旧デザインからのスタイル ------------ */
.borderOn {
    border: 1px solid #d5eec2;
}
.trademarka {
    color: #999999;
}