@charset "utf-8";


.waku_800 {
    max-width:800px;
    margin:0 auto;
}


/* ============================================================
■TOP ヘッダー　追加 141001
============================================================ */



.header_top2 .toggle {
    font-size: 14px;
    line-height: 1.4;
    border-top: solid #bbbdbe 1px;
}

.header_top2 .toggle:first-child {
    font-size: 14px;
    line-height: 1.4;
/*    border-bottom: dotted #bbbdbe 1px;*/
    border-top: none;

}

.header_top2 .toggle:last-child {
    font-size: 14px;
    line-height: 1.4;
    border-bottom: solid #bbbdbe 1px;
    border-top: solid #bbbdbe 1px;
}

.header_top2 .toggle span {
    cursor: pointer;
    text-decoration: none;
    display: block;
    padding: 12px;
}

.header_top2 .toggle .arr1 {
    display: block;
    background: url(/sph/common/img/ico_arr_3.png) no-repeat right center;
    -webkit-background-size: 30px 12px;
    background-size: 30px 12px;
/*    border-left:4px solid #e83317;*/
    background-color:#f5f5f5;
}

.header_top2 .toggle .arr2 {
    display: block;
    background: url(/sph/common/img/ico_arr_3_2.png) no-repeat right center;
    -webkit-background-size: 30px 12px;
    background-size: 30px 12px;
/*    border-left:4px solid #e83317;*/
    background-color:#f5f5f5;
}

/*.header_top2 .toggle2 {
    font-size: 14px;
    line-height: 1.4;
    width:60px;
    position:absolute;
    right:60px;
    top:0;
    border-left:1px solid #bbbdbe;
    height:50px;
}*/

.header_top2 .toggle2 span {
    cursor: pointer;
    text-decoration: none;
    display: block;
    padding: 30px;
}

.header_top2 .toggle2 .arr1 {
    display: block;
    background: url(/sph/common/img/ico_menu_2.png) no-repeat right center;
    -webkit-background-size: 61px;
    background-size: 61px;
/*    margin-top:5px;*/
}

.header_top2 .toggle2 .arr2 {
    display: block;
    background: url(/sph/common/img/ico_menu_2_2.png) no-repeat right center;
    -webkit-background-size: 60px;
    background-size: 60px;
/*    margin-top:5px;*/
}

.header_top2 .accordion_target {
}

.header_top2 .accordion_target_hidden {
    display: none;
    width:100%;
    -moz-box-shadow: 0 3px 3px #ccc;
    -webkit-box-shadow: 0 3px 3px #ccc;
}



.header_top2 h1 {
    margin-bottom: 0;
}

.header_top2 nav.accordion_target {
    overflow: hidden;
    margin: 0 !important;
    border-bottom: solid #bbbdbe 1px;
    width:100%;
}

.header_top2 nav li {
    font-size: 14px;
    line-height: 3.0;
    /*cursor: pointer;*/
/*    width: 100%;*/
    background-color: #f6f5f5;
    color:#444444;
/*    border-top: 1px dotted #aaaaaa;*/
    display: block;
/*    background: url(/sph/common/img/ico_arr_2.png) no-repeat right center #f6f5f5;*/
    -webkit-background-size: 22px 12px;
    background-size: 22px 12px;
/*    margin-right:10px;*/
}

.header_top2 nav li a{
    text-decoration:none;
    color:#444444;
}

.header_top2 nav li a:hover {
    text-decoration:none;
    color:#444444;
}

.header_top2 .top52 {
    position:absolute;
    right:0;
    top:50px;
}

.header_top2 ul.menu {
    position: relative;
    margin-bottom: 0 !important;
}

.header_top2 ul.menu p {
    background-color:#ffffff;
}

.header_top2 ul.menu li {

}

.header_top ul.menu a{
    text-decoration:none;
    color:#444444;
}

.header_top2 ul.menu a:hover {
    text-decoration:none;
    color:#444444;
}


/* MY J:COM アコーディオン */

.header_top3 .toggle {
    font-size: 14px;
    line-height: 1.4;
/*    border-bottom: dotted #bbbdbe 1px;*/
    border-top: dotted #bbbdbe 1px;
/*    background: -moz-linear-gradient(center top, #ffffff 0%, #ecebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1.0, #ecebeb));*/
}

.header_top3 .toggle:first-child {
    font-size: 14px;
    line-height: 1.4;
/*    border-bottom: dotted #bbbdbe 1px;*/
    border-top: none;

}

.header_top3 .toggle:last-child {
    font-size: 14px;
    line-height: 1.4;
    border-bottom: solid #bbbdbe 1px;
    border-top: solid #bbbdbe 1px;
}

.header_top3 .toggle span {
    cursor: pointer;
    text-decoration: none;
    display: block;
    padding: 12px;
}



.header_top3 .toggle2 {
    font-size: 14px;
    line-height: 1.4;
    width:60px;
    position:absolute;
    right:0;
    top:0;
    height:50px;
	margin-right:10px;
}

.header_top3 .toggle2 span {
    cursor: pointer;
    text-decoration: none;
    display: block;
    padding: 30px;
}

.header_top3 .toggle2 .arr1 {
    display: block;
    background: url(/sph/common/img/ico_menu_3.png) no-repeat right center;
    -webkit-background-size: 61px;
    background-size: 61px;
/*    margin-top:5px;*/
}

.header_top3 .toggle2 .arr2 {
    display: block;
    background: url(/sph/common/img_v2/myjcom/img_mymember01.png) no-repeat right center;
    -webkit-background-size: 60px;
    background-size: 60px;
/*    margin-top:5px;*/
}

.header_top3 .accordion_target {
}

.header_top3 .accordion_target_hidden {
    display: none;
    width:100%;
    -moz-box-shadow: 0 3px 3px #ccc;
    -webkit-box-shadow: 0 3px 3px #ccc;
}



.header_top3 h1 {
    margin-bottom: 0;
}

.header_top3 nav.accordion_target {
    overflow: hidden;
    margin: 0 !important;
    border-bottom: solid #bbbdbe 1px;
    width:100%;
}

.header_top3 nav li {
    font-size: 14px;
    line-height: 3.0;
    cursor: pointer;
    width: 100%;
    background-color: #f6f5f5;
    color:#444444;
    border-top: 1px dotted #aaaaaa;
    display: block;
    background: url(/sph/common/img/ico_arr_4.png) no-repeat right center #f6f5f5;
    -webkit-background-size: 30px 18px;
    background-size: 30px 18px;
    margin-right:10px;
}

.header_top3 nav li a{
    text-decoration:none;
    color:#444444;
}

.header_top3 nav li a:hover {
    text-decoration:none;
    color:#444444;
}

.header_top3 .top52 {
    position:absolute;
    right:0;
    top:50px;
}

.header_top3 ul.menu {
    position: relative;
    margin-bottom: 0 !important;
}

.header_top3 ul.menu p {
    background-color:#ffffff;
}

.header_top3 ul.menu li {

}

.header_top ul.menu a{
    text-decoration:none;
    color:#444444;
}

.header_top3 ul.menu a:hover {
    text-decoration:none;
    color:#444444;
}

/**J:COMロゴ**/

.header_top4{
	text-align:center;
	padding-top:16px;
    text-decoration: none;
    display: block;

}

.header_top4 img{
	width:90px;

}


/* #header_v5 */


#header_v5{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    width:100%;
}

#header_v5 p{
/*    margin-left:15px;*/
}
#header_v5 #searchBtn{
    cursor:pointer;
    position:absolute;
    right:120px;
    border-left:1px solid #bbbdbe;
    height:50px;
}


/** .balloon **/

#header_v5 .balloon{
    display:none;
}
#header_v5 .balloon p:first-child{
    position:absolute;
    top:43px;
    margin-left:-38px;
    text-align:right;
    z-index:12;
    right:80px;
}
#header_v5 .balloon .searchType1{
    position:absolute;
    top:62px;
    left:2%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:96%;
    padding:15px;
    border:3px solid #ffffff;
    background-color:#cccccc;
    z-index:11;
}


/* .searchType1 */
.searchType1 legend{
    display:none;
}
.searchType1 p{
    display:table-cell;
    width:100%;
}

.searchType1 input[type="text"]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    height:38px;
    margin:0;
    padding:10px 0 15px 10px;
    border:1px solid #bbbdbb;
    -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow:0 0 0 rgba(0, 0, 0, 0.3) inset;
}
.searchType1 input[type="image"]{
/*    width:63px;*/
    height:31px;
    margin-left:10px;
    /*border:1px solid #999999;*/
}

#header_v5 .balloon .searchType1{
    position:absolute;
    top:62px;
    left:2%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:96%;
    padding:15px;
    border:2px solid #999999;
/*    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;*/
    background-color:#ffffff;
    z-index:11;
}

/*
#header_v5 .balloon .searchType1{
    position:absolute;
    top:62px;
    left:2%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:96%;
    padding:15px;
    border:2px solid #999999;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#ffffff;
    z-index:11;
}
*/

#header_v5 .balloon .searchType1{
    position:absolute;
    top:49px;
    left:0%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:10px;
    border:1px solid #bbbbbb;
/*    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;*/
    background-color:#ffffff;
    z-index:11;
}





.tcolor_normal {
    color:#e83416!important;
}

.tcolor_white {
    color:#ffffff!important;
}

.tcolor_tv {
    color:#e30077!important;
}

.tcolor_net {
    color:#0080cc!important;
}

.tcolor_phone {
    color:#07a33e!important;
}

.width_max {
    width:100%;
}

.width_25per {
    width:25%;
}

.width_25 {
    width: 25%;
}

.bg_white {
    background-color:#ffffff;
}
.h1_title img{
	width: 150px;
}

h1 .h1_title {
    margin-top:0px;
    padding: 10px 3px 10px 10px;
    overflow: hidden;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
    border-bottom: 1px solid #bbbdbe;
    -webkit-background-size:100%;
    background-size:100%;
    font-weight: bold;
    color:#444;
}

h1 .h1_title_apply1 {
    margin-top:0px;
    padding: 10px 3px 10px 10px;
    overflow: hidden;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffad33), to(#ff9933));
    border-bottom: 1px solid #ff9933;
    -webkit-background-size:100%;
    background-size:100%;
    background-color:#ff9933;
    color:#ffffff;
    font-weight:bold;
}

h1 .h1_title_apply2 {
    margin-top:0px;
    padding: 10px 3px 10px 10px;
    overflow: hidden;
    background:-webkit-gradient(linear, left top, left bottom, from(#a8d161), to(#98c057));
    border-bottom: 1px solid #98c057;
    -webkit-background-size:100%;
    background-size:100%;
    background-color:#98c057;
    color:#ffffff;
    font-weight:bold;
}

/* --------------------------------------------------------------------------------- */

/* スライダー設定 */
#slider_new {
    height: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background:url(../img/flicksimple/waku_bg.gif) repeat left top;
}
#slider_new .slider_frame {
}
#slider_new .slider_frame .slider_bar {
}

#slider_new .slider_frame .slider_bar a {
}

#slider_new .slider_frame .slider_bar ul {
    text-align:center;
}

#slider_new .slider_frame .slider_bar li {
    margin:0 auto;
}
#slider_new .btn_prev {
    z-index:999;
    zoom:.5;
    position:absolute;
    left:0px;
    width:40px;
    height:64px;
}

#slider_new .btn_next {
    z-index:999;
    zoom:.5;
    position:absolute;
    right:0px;
    width:40px;
    height:64px;
}

#slider_new .navigator {
    zoom:.5;
    position:relative;
    bottom:0;
    left:0;
    padding-top:5px;
    width:100%;
    height:40px;
    text-align:center;
    background:url(../img/flicksimple/nav_bg.png) repeat left top;
}

#slider_new .navigator span {
    display:inline-block;
    width:25px;
    height:10px;
    margin:18px 2px;
    background:url(../img/flicksimple/indicator_bg.png) left top no-repeat;
}

#slider_new .navigator span.active {
    background-image:url(../img/flicksimple/indicator.png);
}



/* --------------------------------------------------------------------------------- */



/* 一般的な見出し */
.style_new h2 {
    font-size: 14px;
    font-weight: normal;
    background: none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
}
.campaign .style_new h2 {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    text-align: left !important;
    border-top: 1px solid #bbbdbe !important;
    border-bottom: 1px solid #bbbdbe !important;
    border-left: 2px solid #e83416 !important;
}

.style_new h2 .d_inner {
    padding: 10px 10px 10px 20px;
    display: block;
    background: none;
    font-weight:bold;
    color:#444;
}


/* TV系コンテンツ見出し */
.style_new_tv h2 {
    font-size: 14px;
    font-weight: bold;
    background: none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e30077;
}

.style_new_tv h2 .d_inner {
    padding: 10px 10px 10px 20px;
    display: block;
    background: none;
    font-weight:bold;

}


/* NET系コンテンツ見出し */
.style_new_net h2 {
    font-size: 14px;
    font-weight: bold;
    background: none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
}

.style_new_net h2 .d_inner {
    padding: 10px 10px 10px 20px;
    display: block;
    background: none;
    font-weight: bold;
}


/* PHONE系コンテンツ見出し */
.style_new_phone h2 {
    font-size: 14px;
    font-weight: bold;
    background: none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
}

.style_new_phone h2 .d_inner {
    padding: 10px 10px 10px 20px;
    display: block;
    background: none;
    font-weight: bold;
}


/* --------------------------------------------------------------------------------- */



/* 一般的なアコーディオン */
.style_new .obi {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
}

.style_new .obi .open-close {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.style_new .obi.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new .obi.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new .accordion_tree{
    display:none;
}



/* TV系のアコーディオン */
.style_new_tv .obi {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e30077;
}

.style_new_tv .obi .open-close {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.style_new_tv .obi.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_002_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_tv .obi.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_002_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_tv .accordion_tree{
    display:none;
}



/* NET系のアコーディオン */
.style_new_net .obi {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
}

.style_new_net .obi .open-close {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.style_new_net .obi.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_net .obi.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_net .accordion_tree{
    display:none;
}



/* PHONE系のアコーディオン */
.style_new_phone .obi {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
}

.style_new_phone .obi .open-close {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.style_new_phone .obi.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_phone .obi.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_phone .accordion_tree{
    display:none;
}


/* --------------------------------------------------------------------------------- */


/* 一般的なアコーディオン */
.style_new .obi2 {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    background-color:#f6f5f5;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 1px solid #bbbdbe;
    border-right: 1px solid #bbbdbe;
}

.style_new .obi2 .open-close {
    display: block;
/*    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;*/
}

.style_new .obi2.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new .obi2.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new .obi3 {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    background-color:#f6f5f5;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
    border-right: 1px solid #bbbdbe;
}

.style_new .obi3 .open-close {
    display: block;
/*    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;*/
}

.style_new .obi3.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new .obi3.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}


.style_new .obi4 {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
/*    border:none;*/
    background:-webkit-gradient(linear, left top, left bottom, from(#a8d161), to(#98c057));
    border-bottom: 1px solid #98c057;
    -webkit-background-size:100%;
    background-size:100%;
    background-color:#98c057;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}

.style_new .obi4 .open-close {
    display: block;
/*    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;*/
}

.style_new .obi4.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_008_op.png) 96% center no-repeat;
    -webkit-background-size:10px 7px;
    background-size:10px 7px;
}

.style_new .obi4.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_008_cl.png) 96% center no-repeat;
    -webkit-background-size:10px 7px;
    background-size:10px 7px;
}



/* TV系のアコーディオン */
.style_new_tv .obi2 {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    background-color:#f6f5f5;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e30077;
    border-right: 1px solid #bbbdbe;
}

.style_new_tv .obi2 .open-close {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.style_new_tv .obi2.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_002_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_tv .obi2.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_002_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}



/* NET系のアコーディオン */
.style_new_net .obi2 {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    background-color:#f6f5f5;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
    border-right: 1px solid #bbbdbe;
}

.style_new_net .obi2 .open-close {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.style_new_net .obi2.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_net .obi2.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}



/* PHONE系のアコーディオン */
.style_new_phone .obi2 {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    background-color:#f6f5f5;
    border:none;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
    border-right: 1px solid #bbbdbe;
}

.style_new_phone .obi2 .open-close {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.style_new_phone .obi2.trigger .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

.style_new_phone .obi2.active .open-close {
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

/* 加入ガイドアコーディオン */
.style_new .obi_guide_new {
    font-size: 14px!important;
    font-weight: normal!important;
    background: none;
    background-color:#000000;
    border:none;
/*    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 1px solid #bbbdbe;
    border-right: 1px solid #bbbdbe;*/
}

.style_new .obi_guide_new .open-close {
    display: block;
/*    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;*/
}

.style_new .obi_guide_new.trigger .open-close {
    padding: 0;
    background:url(/sph/guide/starter/img/140905/ch_ac_title_op.png) 100% center no-repeat;
    -webkit-background-size:8%;
    background-size:8%;
}

.style_new .obi_guide_new.active .open-close {
    padding: 0;
    background:url(/sph/guide/starter/img/140905/ch_ac_title_cl.png) 100% center no-repeat;
    -webkit-background-size:8%;
    background-size:8%;
}





/* --------------------------------------------------------------------------------- */


/* 一般的なボタン */
.style_new .btn {
    background:url(../img/parts_new/arrow_001.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
    background-color:#ffffff;
}

.style_new .btn_a {
    text-decoration: none;
    display: block;
}

.style_new .b_inner {
    font-size:14px;
    text-shadow:none;
    width:100%;
    margin: 10px auto;
}


/* TV系のボタン */
.style_new_tv .btn {
    background:url(../img/parts_new/arrow_002.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
}

.style_new_tv .btn_a {
    text-decoration: none;
    display: block;
}

.style_new_tv .b_inner {
    font-size:14px;
    text-shadow:none;
    width:100%;
    margin: 10px auto;
}

.style_new_tv .btn_anc {
    background:url(../img/parts_new/arrow_002_op.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
}


/* NET系のボタン */
.style_new_net .btn {
    background:url(../img/parts_new/arrow_003.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
}

.style_new_net .btn_a {
    text-decoration: none;
    display: block;
}

.style_new_net .b_inner {
    font-size:14px;
    text-shadow:none;
    width:100%;
    margin: 10px auto;
}

.style_new_net .btn_anc {
    background:url(../img/parts_new/arrow_003_op.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
}

/* PHONE系のボタン */
.style_new_phone .btn {
    background:url(../img/parts_new/arrow_004.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
}

.style_new_phone .btn_a {
    text-decoration: none;
    display: block;
}

.style_new_phone .b_inner {
    font-size:14px;
    text-shadow:none;
    width:100%;
    margin: 10px auto;
}

.style_new_phone .btn_anc {
    background:url(../img/parts_new/arrow_004_op.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
}


/* オレンジボタン */
.style_new .btn_orange {
    background:url(../img/parts_new/arrow_010.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #ff6b01;
    background-color:#ff6b01;
    padding:0;
}

/* オレンジボタン2 */
.style_new .btn_orange2 {
    display:block;
    border: 1px solid #fe9b00;
    background-color:#ffffff;
    padding:0;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}

.style_new .btn_orange2 .b_inner {
    background:url(../img/parts_new/arrow_011.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
}

/* レッドボタン */
.style_new .btn_red {
    background:url(../img/parts_new/arrow_010.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #e83416;
    background-color:#e83416;
    padding:0;
}

.style_new .btn_guide {
    background:url(../img/parts_new/arrow_001.png) 98% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
    background-color:#ffffff;
}


/* --------------------------------------------------------------------------------- */


/* TOPへ戻るアンカー */
.style_new .anc_top {
    background:url(../img/parts_new/anc_001.png) 92% center no-repeat;
    display:block;
    -webkit-background-size:11px 9px;
    background-size:11px 9px;
    margin:0;
    font-size: 10px;
    padding: 10px 0 10px 8px;
    text-align: left;
    overflow: hidden;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid #bbbdbe;
}

.style_new .width_100 {
    width: 100px;
    margin: 0 auto;
}



/* --------------------------------------------------------------------------------- */


/* 一般的なアンカー */
.style_new .btn_anc {
    background:url(../img/parts_new/anc_002.png) 95% center no-repeat;
    background-color:#fff;/* 1402191401 soga */
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
}

.style_new .btn_anc2 {
    background:url(../img/parts_new/anc_002.png) 95% center no-repeat;
    background-color:#fff;/* 1402191401 soga */
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
    padding:11px 0 10px 0;
}

.style_new .btn_a {
    text-decoration: none;
    display: block;
}

.style_new .b_inner {
    font-size:14px;
    text-shadow:none;
    width:100%;
    margin: 10px auto;
}

.style_new .b_inner2 {
    font-size:14px;
    text-shadow:none;
    width:100%;
    margin: 20px auto;
}

.style_new .b_inner3 {
    font-size:12px;
    text-shadow:none;
    width:100%;
    margin: 6px auto;
}

.style_new .width_herf {
    width: 48%;
    margin: 0 auto;
}

.style_new .width_herf2 {
    width: 50%;
    margin: 0 auto;
}


/* --------------------------------------------------------------------------------- */


/* 3つボタン */
.style_new .btn_3 {
    background:url(../img/parts_new/arrow_001.png) 95% center no-repeat;
    background-color:#fff;/* 1402191401 soga */
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
    padding:10px 0;
}

.style_new .btn_3_inner {
    font-size:12px;
    text-shadow:none;
    width:100%;
    margin: 10px auto;
}

.style_new .btn_3_inner2 {
    font-size:12px;
    text-shadow:none;
    width:100%;
    margin:1px;
}

.style_new .width_3 {
    width: 30%;
    margin: 0 1%;
}

.style_new .width_3:first-child {
    margin-left: 2%;
    margin-right:2%
}

.style_new .width_33_per {
    width: 33%;
}

.style_new .width_32_per {
    width: 32%;
}

.style_new .width_32_per_l {
    width: 32%;
    padding-right:2%;
}

.style_new .width_32_per_r {
    width: 32%;
    padding-left:2%;
}


/* 3つボタンアンカー */
.style_new .btn_3anc {
    background:url(../img/parts_new/anc_002.png) 95% center no-repeat;
    background-color:#fff;/* 1402191401 soga */
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
    padding:10px 0;
}

.style_new .btn_3_pc {
    background:url(../img/parts_new/icon_link.jpg) 95% center no-repeat;
    background-color:#fff;/* 1402191401 soga */
    display:block;
    -webkit-background-size:15px 15px;
    background-size:15px 15px;
    border: 1px solid #bbbdbe;
    padding:10px 0;
}

/* --------------------------------------------------------------------------------- */


/* 矢印ボタン */
.style_new p.conf_link{
    text-align:right;
    }

.style_new p.conf_link a{
    padding-left:0;
    vertical-align:middle;
    }
.style_new p.conf_link img{
    vertical-align:middle;
    padding-left:5px;
    }

/* 矢印ボタン2 */
.style_new p.conf_link2{
    text-align:left;
    }

.style_new p.conf_link2 a{
    padding-left:0;
    vertical-align:middle;
    text-decoration:none;
    }
.style_new p.conf_link2 img{
    vertical-align:middle;
    padding-left:5px;
    }


.style_new #navi {
    padding: 10px 0;
    background-color: #eef3f6;
}

.style_new .pc_btn {
    padding: 0;
    overflow: hidden;
    border-radius: 1px;
    -webkit-border-radius: 3px;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)) ;
    border: 1px solid #bbbdbe;
    -webkit-background-size:100%;
    background-size:100%;

}

.style_new .pc_btn a {
    vertical-align:middle;
    padding-left:5px;
}

.style_new .pc_btn img {
    vertical-align:middle;
    padding-right:10px;
}

.style_new #navi ul {
    list-style: none;
    text-align: center;
}

.style_new #navi li.inline_b {
    display: inline;
}

.style_new #navi li a {
    font-size: 12px;
    padding-left: 10px;
    padding-right:20px;
    background: url(../img/parts_new/arrow_006.png) no-repeat right center ;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
}

.style_new #copy {
    font-size: 10px;
    text-align: center;
    padding: 15px 0;
    color: #ffffff;
    background-color: #444444;
}


/* --------------------------------------------------------------------------------- */


/* タブ */
ul#tab {
    zoom: 1;
    background: #ffffff;
    border-bottom: 4px solid #e83112;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab li:first-child {
    margin-left: 2%;
}

ul#tab li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 31%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #e6e6e6;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

ul#tab li.select {
    color: #fff;
    background: #e83112;
}

ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab li {
    float: left;
    text-align: center;
}

ul#tab li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}
ul#tab li a:hover {
    color: #fff;
    background: #e83112;
}
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
    background: #e83112;
    color: #fff;
}
#detail {
    clear: both;
    overflow: hidden;
    background: #f7f7f7;
    width: 100%;
    height: auto;
    padding: 0px;
}
.tabbox {
    display: none;
}


/* 別ページへリンクするタブ */
.style_new ul.faketab {
    zoom: 1;
    background: #ffffff;
    border-bottom: 4px solid #e83112;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.style_new ul.faketab_2 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 4px solid #e83112;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.style_new ul.faketab li:first-child {
    margin-left: 1%;
}

.style_new ul.faketab_2 li:first-child {
    margin-left: 1%;
}
.style_new ul.faketab li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 31%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #e6e6e6;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.style_new ul.faketab_2 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 31%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #e6e6e6;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.style_new ul.faketab li.select {
    color: #fff;
    background: #e83112;
}

.style_new ul.faketab_2 li.select {
    color: #fff;
    background: #e83112;
}

.style_new ul.faketab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.style_new ul.faketab_2:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.style_new ul.faketab li {
    float: left;
    text-align: center;
}

.style_new ul.faketab_2 li {
    float: left;
    text-align: center;
}

.style_new ul.faketab li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}

.style_new ul.faketab_2 li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}

.style_new ul.faketab li a:hover {
    color: #fff;
    background: #e83112;
}

.style_new ul.faketab_2 li a:hover {
    color: #fff;
    background: #e83112;
}
/*.style_new ul.faketab li.active,
.style_new ul.faketab li.active a,
.style_new ul.faketab li.active a:hover {
    background: #e83112;
    color: #fff;
}*/


/* 別ページへリンクするタブ(域内転居) */
.style_new ul.faketab_moving {
    zoom: 1;
    background: #ffffff;
    border-bottom: 4px solid #fbc248;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.style_new ul.faketab_moving li:first-child {
    margin-left: 1%;
}

.style_new ul.faketab_moving li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 31%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #e6e6e6;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.style_new ul.faketab_moving li.select {
    color: #fff;
    background: #fbc248;
}

.style_new ul.faketab_moving:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.style_new ul.faketab_moving li {
    float: left;
    text-align: center;
}

.style_new ul.faketab_moving li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}
.style_new ul.faketab_moving li a:hover {
    color: #fff;
    background: #fbc248;
}
/*.style_new ul.faketab_moving li.active,
.style_new ul.faketab li.active a,
.style_new ul.faketab li.active a:hover {
    background: #e83112;
    color: #fff;
}*/



/* 別ページへリンクするタブ(NETページ) */
.style_new ul.faketab_net {
    zoom: 1;
    background: #ffffff;
    border-bottom: 4px solid #0080cc;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.style_new ul.faketab_net li:first-child {
    margin-left: 1%;
}

.style_new ul.faketab_net li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 48%;
    margin: 0 1%;
    padding: 8px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #cccccc;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.style_new ul.faketab_net li.select {
    color: #fff;
    background: #0080cc;
}

.style_new ul.faketab_net:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.style_new ul.faketab_net li {
    float: left;
    text-align: center;
    padding:10px 0;
}

.style_new ul.faketab_net li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}
.style_new ul.faketab_net li a:hover {
    color: #fff;
    background: #0080cc;
}
/*.style_new ul.faketab_moving li.active,
.style_new ul.faketab li.active a,
.style_new ul.faketab li.active a:hover {
    background: #e83112;
    color: #fff;
}*/



/* 別ページへリンクするタブ(multi_deviceページ) */
.style_new ul.faketab_multi_device {
    zoom: 1;
    background: #ffffff;
    border-bottom: 4px solid #666666;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.style_new ul.faketab_multi_device li:first-child {
    margin-left: 1%;
}

.style_new ul.faketab_multi_device li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 48%;
    margin: 0 1%;
    padding: 8px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #e4e4e4;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.style_new ul.faketab_multi_device li.select {
    color: #fff;
    background: #666666;
}

.style_new ul.faketab_multi_device:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.style_new ul.faketab_multi_device li {
    float: left;
    text-align: center;
    padding:10px 0;
}

.style_new ul.faketab_multi_device li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}
.style_new ul.faketab_multi_device li a:hover {
    color: #fff;
    background: #0080cc;
}
/*.style_new ul.faketab_moving li.active,
.style_new ul.faketab li.active a,
.style_new ul.faketab li.active a:hover {
    background: #e83112;
    color: #fff;
}*/


/* サービス用タブ */
ul#tab2 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 1px solid #e30077;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab2 li:first-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #e30077;
    border-left:1px solid #e30077;
    border-right:1px solid #e30077;
}

ul#tab2 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #0080cc;
    border-left:1px solid #0080cc;
    border-right:1px solid #0080cc;
}

ul#tab2 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #07a33e;
    border-left:1px solid #07a33e;
    border-right:1px solid #07a33e;
}

ul#tab2 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab2:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab2 li {
    float: left;
    text-align: center;
}

ul#tab2 li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}
/*ul#tab2 li a:hover {
    color: #fff;
    background: #e83112;
}*/

/*ul#tab2 li.active:first-child {
    background: #e30077;
    color: #ffffff;
}

ul#tab2 li.active {
    background: #0080cc;
    color: #ffffff;
}

ul#tab2 li.active a {
    color:#ffffff;
}

ul#tab2 li.active:last-child {
    background: #07a33e;
    color: #ffffff;
}*/

  ul#tab2 li{
    position:relative;
    bottom:-6px;
  }

  ul#tab2 li.active {
    padding: 4px 0;
    /*border-bottom: 4px solid #fff;*/
    bottom:-1px;
  }

  ul#tab2 li.active a {
    color: #0080cc;
  }

  ul#tab2 li.active:first-child a {
    color: #e30077;
  }

  ul#tab2 li.active:last-child a {
    color: #07a33e;
  }

  /**
    タブ押下時のボーダー色です
  **/
  #tab2.border1 {border-bottom:1px solid #E30077 !important;}
  #tab2.border2 {border-bottom:1px solid #0080CC !important;}
  #tab2.border3 {border-bottom:1px solid #70C100 !important;}

#detail2 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}
.tabbox2 {
    display: none;
}




/* TVページタブレットページ切り替え用タブ */
ul#tab3 {
    zoom: 1;
    background: #ffffff;
    list-style: none;
    margin: 0 auto;
    padding: 0 10px;
}

ul#tab3 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 50%;
    margin: 0%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
}

ul#tab3 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab3:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab3 li {
    float: left;
    text-align: center;
}

ul#tab3 li a {
    display: block;
    padding: 0;
    text-decoration: none;
    color: #222;
}
/*ul#tab3 li a:hover {
    color: #fff;
    background: #e83112;
}*/

ul#tab3 li.active {
    background: #ffffff;
    color: #ffffff;
}

ul#tab3 li.active a {
    color:#ffffff;
}

#detail3 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}

.tabbox3 {
    display: none;
}





/* 安心かけつけタブ */
ul#tab4 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 1px solid #e30077;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab4 li:first-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #e30077;
    border-left:1px solid #e30077;
    border-right:1px solid #e30077;
}

ul#tab4 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #0080cc;
    border-left:1px solid #0080cc;
    border-right:1px solid #0080cc;
}

ul#tab4 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #07a33e;
    border-left:1px solid #07a33e;
    border-right:1px solid #07a33e;
}

ul#tab4 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab4:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab4 li {
    float: left;
    text-align: center;
}

ul#tab4 li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}
/*ul#tab4 li a:hover {
    color: #fff;
    background: #e83112;
}*/

/*ul#tab4 li.active:first-child {
    background: #e30077;
    color: #ffffff;
}

ul#tab4 li.active {
    background: #0080cc;
    color: #ffffff;
}

ul#tab4 li.active a {
    color:#ffffff;
}

ul#tab4 li.active:last-child {
    background: #07a33e;
    color: #ffffff;
}*/

  ul#tab4 li{
    position:relative;
    bottom:-6px;
  }

  ul#tab4 li.active {
    padding: 4px 0;
    /*border-bottom: 4px solid #fff;*/
    bottom:-1px;
  }

  ul#tab4 li.active a {
    color: #0080cc;
  }

  ul#tab4 li.active:first-child a {
    color: #e30077;
  }

  ul#tab4 li.active:last-child a {
    color: #07a33e;
  }

  /**
    タブ押下時のボーダー色です
  **/
  #tab4.border1 {border-bottom:1px solid #E30077 !important;}
  #tab4.border2 {border-bottom:1px solid #0080CC !important;}
  #tab4.border3 {border-bottom:1px solid #70C100 !important;}

#detail4 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}
.tabbox4 {
    display: none;
}


/** J:COM NETタブ **/

ul#tab5 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 1px solid #0080cc;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab5 li:first-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #0080cc;
    border-left:1px solid #0080cc;
    border-right:1px solid #0080cc;
}

ul#tab5 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #0080cc;
    border-left:1px solid #0080cc;
    border-right:1px solid #0080cc;
}

ul#tab5 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #0080cc;
    border-left:1px solid #0080cc;
    border-right:1px solid #0080cc;
}

ul#tab5 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab5:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab5 li {
    float: left;
    text-align: center;
}

ul#tab5 li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}

  ul#tab5 li{
    position:relative;
    bottom:-6px;
  }

  ul#tab5 li.active {
    padding: 4px 0;
    /*border-bottom: 4px solid #fff;*/
    bottom:-1px;
  }

  ul#tab5 li.active a {
    color: #0080cc;
  }

  ul#tab5 li.active:first-child a {
    color: #0080cc;
  }

  ul#tab5 li.active:last-child a {
    color: #0080cc;
  }

  /**
    タブ押下時のボーダー色です
  **/
  #tab5.border1 {border-bottom:1px solid #0080cc !important;}
  #tab5.border2 {border-bottom:1px solid #0080cc !important;}

#detail5 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}

.tabbox5 {
    display: none;
}

/** J:COM NETタブ **/



/* おまサポタブ */
ul#tab6 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 1px solid #e30077;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab6 li:first-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #0080cc;
    border-left:1px solid #0080cc;
    border-right:1px solid #0080cc;
}

ul#tab6 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #e30077;
    border-left:1px solid #e30077;
    border-right:1px solid #e30077;
}

ul#tab6 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
}

ul#tab6 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab6:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab6 li {
    float: left;
    text-align: center;
}

ul#tab6 li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}
/*ul#tab6 li a:hover {
    color: #fff;
    background: #e83112;
}*/

/*ul#tab6 li.active:first-child {
    background: #e30077;
    color: #ffffff;
}

ul#tab6 li.active {
    background: #0080cc;
    color: #ffffff;
}

ul#tab6 li.active a {
    color:#ffffff;
}

ul#tab6 li.active:last-child {
    background: #07a33e;
    color: #ffffff;
}*/

  ul#tab6 li{
    position:relative;
    bottom:-6px;
  }

  ul#tab6 li.active {
    padding: 4px 0;
    /*border-bottom: 4px solid #fff;*/
    bottom:-1px;
  }

  ul#tab6 li.active a {
    color: #E30077;
  }

  ul#tab6 li.active:first-child a {
    color: #0080CC;
  }

  ul#tab6 li.active:last-child a {
    color: #444444;
  }

  /**
    タブ押下時のボーダー色です
  **/
  #tab6.border1 {border-bottom:1px solid #0080CC !important;}
  #tab6.border2 {border-bottom:1px solid #E30077 !important;}
  #tab6.border3 {border-bottom:1px solid #444444 !important;}

#detail6 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}
.tabbox6 {
    display: none;
}



/** お知らせページタブ **/

ul#tab7 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 1px solid #444444;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab7 li:first-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
}

ul#tab7 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
}

ul#tab7 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
}

ul#tab7 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab7:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab7 li {
    float: left;
    text-align: center;
}

ul#tab7 li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}

  ul#tab7 li{
    position:relative;
    bottom:-6px;
  }

  ul#tab7 li.active {
    padding: 4px 0;
    /*border-bottom: 4px solid #fff;*/
    bottom:-1px;
  }

  ul#tab7 li.active a {
    color: #444444;
  }

  ul#tab7 li.active:first-child a {
    color: #444444;
  }

  ul#tab7 li.active:last-child a {
    color: #444444;
  }

  /**
    タブ押下時のボーダー色です
  **/
  #tab7.border1 {border-bottom:1px solid #444444 !important;}
  #tab7.border2 {border-bottom:1px solid #444444 !important;}

#detail7 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}

.tabbox7 {
    display: none;
}

/*jjnoticeの3列灰色タブ*/
ul#tab8 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 1px solid #444444;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab8 li:first-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
}

ul#tab8 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
}

ul#tab8 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
}

ul#tab8 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab8:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab8 li {
    float: left;
    text-align: center;
    line-height:100%;
}

ul#tab8 li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}

  ul#tab8 li{
    position:relative;
    bottom:-6px;
  }

  ul#tab8 li.active {
    padding: 4px 0;
    /*border-bottom: 4px solid #fff;*/
    bottom:-1px;
  }

  ul#tab8 li.active a {
    color: #444444;
  }

  ul#tab8 li.active:first-child a {
    color: #444444;
  }

  ul#tab8 li.active:last-child a {
    color: #444444;
  }

  /**
    タブ押下時のボーダー色です
  **/
  #tab8.border1 {border-bottom:1px solid #444444 !important;}
  #tab8.border2 {border-bottom:1px solid #444444 !important;}

#detail8 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}

.tabbox8 {
    display: none;
}



/** NETパックタブ **/

ul#tab9 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 4px solid #e83112;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab9 li:first-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #e6e6e6;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

ul#tab9 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #e6e6e6;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

ul#tab9 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #e6e6e6;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

ul#tab9 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab9:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab9 li {
    float: left;
    text-align: center;
}

ul#tab9 li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
}

  ul#tab9 li{
    position:relative;
    bottom:-6px;
  }

  ul#tab9 li.active {
    padding: 4px 0;
    /*border-bottom: 4px solid #fff;*/
    background: #e83112;
    bottom:-1px;
  }

  ul#tab9 li.active a {
    color: #ffffff;
  }

  ul#tab9 li.active:first-child a {
    color: #ffffff;
  }

  ul#tab9 li.active:last-child a {
    color: #ffffff;
  }

  /**
    タブ押下時のボーダー色です
  **/
  #tab9.border1 {border-bottom:4px solid #e83112 !important;}
  #tab9.border2 {border-bottom:4px solid #e83112 !important;}

#detail9 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}

.tabbox9 {
    display: none;
}

/** NETパックタブ **/






/** ABテストページ　新規・ご加入中ガイドタブ **/


/* ABテストページ サービス・料金・キャンペーン　タブ */
ul#tab11 {
    zoom: 1;
/*    background: #ffffff;*/
    list-style: none;
    margin: 0 auto;
    padding: 0 10px;
}

ul#tab11 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 33%;
    margin: 0%;
    padding: 0 0 0 0;
    list-style: none;
    cursor: pointer;
/*    background: #ffffff;*/
}

ul#tab11 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 33%;
    margin: 0%;
    padding: 0 0 0 1px;
    list-style: none;
    cursor: pointer;
/*    background: #ffffff;*/
}

ul#tab11 li.select {
    color: #fff;
    background: #e83112;
}

ul#tab11:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab11 li {
    float: left;
    text-align: center;
}

ul#tab11 li a {
    display: block;
    padding: 0;
    text-decoration: none;
    color: #222;
}

ul#tab11 li.active {
/*    background: #ffffff;*/
    color: #ffffff;
}

ul#tab11 li.active a {
    color:#ffffff;
}

#detail_abtest2 {
    clear: both;
    overflow: hidden;
/*    background: #ffffff;*/
    width: 100%;
    height: auto;
    padding: 0px;
}

.tabbox11 {
    display: none;
}


.tab_abtest2_img{
    overflow:hidden;
/*    background: url(../img/abtest/top_bg2.png) repeat; */
}

/* ABテストページ サービス・料金・キャンペーン　タブ */






/** TOPお知らせタブ **/

ul#tab12 {
    zoom: 1;
    background: #ffffff;
    border-bottom: 1px solid #666666;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#tab12 li:first-child {
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #666666;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
}

ul#tab12 li {
    font-size: 13px;
    text-align: center;
    color: #666;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
}

ul#tab12 li:last-child {
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 2px 0 0 0;
    list-style: none;
    cursor: pointer;
    background: #666666;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
}

ul#tab12 li.select {
    color: #ffffff;
    background: #666666;
}

ul#tab12:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab12 li {
    float: left;
    text-align: center;
}

ul#tab12 li a {
    display: block;
    padding: 6px 0;
    text-decoration: none;
    color: #ffffff;
}

ul#tab12 li.active,
ul#tab12 li.active a,
ul#tab12 li.active a:hover {
    background: #ffffff;
    color: #666666;
}

  ul#tab12 li{
    position:relative;
    bottom:-6px;
  }

  ul#tab12 li.active {
    padding: 4px 0;
    /*border-bottom: 4px solid #fff;*/
    bottom:-1px;
  }

  ul#tab12 li.active a {
    color: #666666;
  }

  ul#tab12 li.active:first-child a {
    color: #666666;
  }

  ul#tab12 li.active:last-child a {
    color: #666666;
  }

  /**
    タブ押下時のボーダー色です
  **/
  #tab12.border1 {border-bottom:1px solid #666666 !important;}
  #tab12.border2 {border-bottom:1px solid #666666 !important;}

#detail12 {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0px;
}

.tabbox12 {
    display: none;
}




/* --------------------------------------------------------------------------------- */


/* 未加入／既加入アクションボタン */

.entry_001 {
    border-left:1px solid #fe9b00;
    border-right:1px solid #fe9b00;
    border-bottom:1px solid #fe9b00;
    border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px;
}

.style_new .entry_001_btn {
    background:url(../img/parts_new/arrow_007.png) 98% center no-repeat;
    display:block;
    -webkit-background-size:7px 8px;
    background-size:7px 8px;
    border: 1px solid #FDC333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #FDC333;
    color: #fff;
    font-weight: bold;
}

.style_new .entry_001_btn_a {
    text-decoration: none;
    display: block;
}

.style_new .entry_001_btn .b_inner {
    font-size:12px;
    text-shadow:none;
    width:90%;
    margin: 6px auto;
    padding-right:10px;
}

.entry_002 {
    border-left:1px solid #92c53a;
    border-right:1px solid #92c53a;
    border-bottom:1px solid #92c53a;
    border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px;
}

.style_new .entry_002_btn {
    background:url(../img/parts_new/arrow_008.png) 98% center no-repeat;
    display:block;
    -webkit-background-size:7px 8px;
    background-size:7px 8px;
    border: 1px solid #b8db71;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color:#ffffff;
    background-color: #b8db71;
    color: #fff;
    font-weight: bold;
}

.style_new .entry_002_btn_a {
    text-decoration: none;
    display: block;
}

.style_new .entry_002_btn .b_inner {
    font-size:12px;
    text-shadow:none;
    width:90%;
    margin: 6px auto;
    padding-right:10px;
}



/* --------------------------------------------------------------------------------- */


/* アコーディオンメニュー（見出し） */


.aco_title_guide {
    font-size:14px;
    padding: 10px 10px 10px 10px;
    background:url(../img/parts_new/arrow_009_op.png) 98% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
}

.aco_title_guide.active {
    font-size:14px;
    padding: 10px 10px 10px 10px;
    background:url(../img/parts_new/arrow_009_cl.png) 98% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border: 1px solid #bbbdbe;
    border-bottom:none;
}

.aco_title {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
    font-weight:bold;
    color:#444;
}

.aco_title.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
    font-weight:bold;
    color:#444;
}

.aco_title_tv {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_002_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e30077;
    font-weight:bold;
    color:#444;
}

.aco_title_tv.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_002_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e30077;
    font-weight:bold;
    color:#444;
}

.aco_title_net {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
    font-weight:bold;
    color:#444;
}

.aco_title_net.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
    font-weight:bold;
    color:#444;
}

.aco_title_phone {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
    font-weight:bold;
    color:#444;
}

.aco_title_phone.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
    font-weight:bold;
    color:#444;
}




/* アコーディオンメニュー */


.aco_title2 {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}

.aco_title2.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}


/*▼140220soga*/
.aco_title3 {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    /*border-bottom: 1px solid #bbbdbe;*/
    border-left: 2px solid #e83416;
    /*border-right: 1px solid #bbbdbe;*/
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}

.aco_title3.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_001_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
    /*border-right: 1px solid #bbbdbe;*/
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}
/*▲*/

.aco_title_tv2 {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_002_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e30077;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}

.aco_title_tv2.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_002_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e30077;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}

.aco_title_net2 {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}

.aco_title_net2.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}

.aco_title_net3 {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
    border-right: 1px solid #bbbdbe;
    background-color:#ffffff;
    font-weight:bold;
    color:#444;
}

.aco_title_net3.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_003_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
    border-right: 1px solid #bbbdbe;
    background-color:#ffffff;
    font-weight:bold;
    color:#444;
}

.aco_title_phone2 {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}

.aco_title_phone2.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
    color:#444;
}

.aco_title_phone3 {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
    border-right: 1px solid #bbbdbe;
    background-color:#ffffff;
    font-weight:bold;
    color:#444;
}

.aco_title_phone3.active {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    background:url(../img/parts_new/arrow_004_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
    border-right: 1px solid #bbbdbe;
    background-color:#ffffff;
    font-weight:bold;
    color:#444;
}


/* 小見出し */

.title {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e83416;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
}


.title_tv {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #e30077;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
}


.title_net {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #0080cc;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
}

.title_phone {
    font-size:14px;
    padding: 10px 10px 10px 20px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 2px solid #07a33e;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
    font-weight:bold;
}





/* リストメニュー */
.style_new .list_arrow {
    line-height: 1.8em;
    font-size:14px;
}

.style_new .list_arrow li {
    background:url(../img/parts_new/arrow_002_2.png) right center no-repeat;
    display:block;
    -webkit-background-size:13px 6px;
    background-size:13px 6px;
    padding:0;
    text-align: left;
    border-top: 1px solid #bbbdbe;
    border-bottom:none;
    border-left: 1px solid #bbbdbe;
    border-right: 1px solid #bbbdbe;
    padding-left:0;
}
.style_new .list_arrow a {
    padding-left:0;
    background:none;
    display:block;
    text-align: left;
    text-decoration: none;
    height:100%;
    padding:5px 0 5px 15px;
}

.style_new .list_arrow li:last-child {
    border-bottom: 1px solid #bbbdbe;
}



/* リストメニュー(NET) */
.style_new .list_arrow_net {
    line-height: 1.8em;
    font-size:14px;
}

.style_new .list_arrow_net li {
    background:url(../img/parts_new/arrow_003.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    padding:0;
    border-top: 1px solid #bbbdbe;
    border-bottom:none;
    border-left: 1px solid #bbbdbe;
    border-right: 1px solid #bbbdbe;
    padding-left:0;
}
.style_new .list_arrow_net a {
    padding-left:0;
    background:none;
    display:block;
    text-decoration: none;
    height:100%;
    padding:5px 0 5px 20px;
}

.style_new .list_arrow_net li:last-child {
    border-bottom: 1px solid #bbbdbe;
}


/* リストメニュー(PHONE) */
.style_new .list_arrow_phone {
    line-height: 1.8em;
    font-size:14px;
}

.style_new .list_arrow_phone li {
    background:url(../img/parts_new/arrow_004.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    padding:0;
    border-top: 1px solid #bbbdbe;
    border-bottom:none;
    border-left: 1px solid #bbbdbe;
    border-right: 1px solid #bbbdbe;
    padding-left:0;
}
.style_new .list_arrow_phone a {
    padding-left:0;
    background:none;
    display:block;
    text-decoration: none;
    height:100%;
    padding:5px 0 5px 20px;
}

.style_new .list_arrow_phone li:last-child {
    border-bottom: 1px solid #bbbdbe;
}




/* リストメニュー(グレイ) */
.style_new .list_arrow_gr {
    line-height: 1.8em;
    font-size:14px;
    background-color:#ffffff;
}

.style_new .list_arrow_gr li {
    background:url(../img/parts_new/arrow_009.png) 95% center no-repeat;
    display:block;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    padding:0;
    border-top: 1px solid #bbbdbe;
    border-bottom:none;
    border-left: 1px solid #bbbdbe;
    border-right: 1px solid #bbbdbe;
    padding-left:0;
}
.style_new .list_arrow_gr a {
    padding-left:0;
    background:none;
    display:block;
    text-decoration: none;
    height:100%;
    padding:5px 0 5px 20px;
}

.style_new .list_arrow_gr li:last-child {
    border-bottom: 1px solid #bbbdbe;
}




.style_new .border {
    border:1px solid #bbbdbe;
}


.style_new .hd_nav_01 a {
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
    height:50px;
}

.style_new .hd_nav_01 a.active {
    background-color:#ffffff;
    height:50px;
}

.style_new .border_member {
    border-top:1px dotted #99c157;
}

.aco_title3 {
    font-size:14px;
    padding: 0px;
    background:url(../img/parts_new/arrow_001_op.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 1px solid #bbbdbe;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
}

.aco_title3.active {
    font-size:14px;
    padding: 0px;
    background:url(../img/parts_new/arrow_001_cl.png) 95% center no-repeat;
    -webkit-background-size:6px 6px;
    background-size:6px 6px;
    border-top: 1px solid #bbbdbe;
    border-bottom: 1px solid #bbbdbe;
    border-left: 1px solid #bbbdbe;
    border-right: 1px solid #bbbdbe;
    background-color:#f6f5f5;
}



.content_wrap_tablet {
    border-top: 10px solid #e30077;
    border-bottom: 1px solid #e30077;
    border-left: 1px solid #e30077;
    border-right: 1px solid #e30077;
    margin:0 0px 0 0px;
}

.under_line_none a {
    text-decoration:none;
}

.border_dotted {
    border-top:1px dotted #cfcdcd;
}



.net_table {
    border: 1px solid #cccccc;
}
.net_table td {
    padding: 8px;
    border: 1px solid #cccccc;
}

.style_new .back_blue1 {
    background-color: #f0f9ff;
}

.style_new .back_blue2 {
    background-color: #d3ecfc;
}

/* エリア別の赤枠注記 */
.redframe{
    border:solid #ff0000 1px;
    text-align:left;
}


.au_annotation {
    background-color:#feb61c;
    color:#ffffff;
    line-height:1.5em;
}


/* NETの無料アイコン */

.net_free_icon {
    background:url(../../service/net/img/140601/free_icon.png) 95% center no-repeat;
    background-size:50px 50px;
}


/* NETの有料アイコン */

.net_pay_icon {
    background:url(../../service/net/img/140601/pay_icon.png) 95% center no-repeat;
    background-size:50px 50px;
}




/*-- ◆list_maru_red --*/
.btn_maru_red {
    background-color: #ea3216;
}
.list_maru_red {
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #ea3216;
}

.list_maru_red li {
    border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
    -webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}

.list_maru_red li:first-child {
    border-top:none;
    border-radius-top-right: 8px;
    border-radius-top-left: 8px;
    -webkit-border-radius-top-right: 8px;
    -webkit-border-radius-top-left: 8px;
}

.list_maru_red li:last-child {
    border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
    -webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}

.red_inner {
    padding: 5px;
    color: #ffffff!important;
    display: block;
    text-decoration: none;
    -webkit-background-size: 27px 21px;
}

.back_r {
    background-color:#e83416!important;
}

.r_table {
    border: 1px solid #e83416;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
.r_table td {
    padding: 8px;
    border: 1px solid #e83416;
    border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
    -webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}

.back_gre5 {
    background-color: #f2faf5;
}
.y_table {
    border: 1px solid #ffea80;
}
.y_table td {
    padding: 8px;
    border: 1px solid #ffea80;
}
.back_y4 {
    background-color: #ffff99;
}
.back_y5 {
    background-color: #ffffda;
}
.back_deepg2 {
    background-color: #999999;
}

.title_omakase {
font-size: 14px;
padding: 10px 10px 10px 20px;
border-top: 1px solid #BBBDBE;
border-bottom: 1px solid #BBBDBE;
border-left: 2px solid #e83817;
border-right: 1px solid #BBBDBE;
background-color: #F6F5F5;
font-weight: bold;
}

.tcolor_support{
    color:#fc9804;
}

.title_support {
font-size: 14px;
padding: 10px 10px 10px 20px;
border-top: 1px solid #BBBDBE;
border-bottom: 1px solid #BBBDBE;
border-left: 2px solid #fc9804;
border-right: 1px solid #BBBDBE;
background-color: #F6F5F5;
font-weight: bold;
}

.tcolor_omakase{
    color:#e83817;
}

.tabtitle_l{
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius:10px 0 0 0;
    border:none;
}

.tabtitle_r{
    -moz-border-radius:0 10px 0 0;
    -webkit-border-radius:0 10px 0 0;
    border:none;
}

.back_deepg4 {
    background-color: #666666;
}

.back_deepg3 {
    background-color: #d4d4d4;
}

.back_lightg {
    background-color: #fafafa;
}

.deepg_table{
    border:solid 2px #d4d4d4;
}

.deepg_table td {
    padding: 8px;
    border:solid 2px #d4d4d4;
}

.bn_table{
    border:none;
}

.bn_table td{
    padding: 8px;
    border:none;
}

.bd_y {
    border:1px solid #feb61c;
}

.back_jjnotice {
    background-color:#feb61c;
}

.style_etc .tv,.style_etc .net,.style_etc .phone,.style_etc .procedure{
    color: #FFF;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
}

.style_etc .tv{
    background-color: #FF2C76;
}
.style_etc .net{
background-color: #2B97DE;
}
.style_etc .phone{
background-color: #10AD4B;
}
.style_etc .procedure{
background-color: #999;
}


/* トップカルーセル */
.cal_bg_img{
    overflow:hidden;
    background: url(../img/abtest/top_bg.png)no-repeat;
    -webkit-background-size: 320px 60px;
    background-size: 320px 60px;
}

.cal_bg_img2{
}

.cal_bg_img3{
    background: url(../img/arrow_single_white.png)no-repeat right center;
    -webkit-background-size: 20px 10px;
    background-size: 20px 10px;
}

.bx-prev{
    background: url(../img/abtest/navi_left.png)no-repeat center;
    -webkit-background-size: 6px 18px;
    background-size: 6px 18px;
    display: block;
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    top:  37%;
    left: 0;
    z-index: 500;
}

.bx-next{
    background: url(../img/abtest/navi_right.png)no-repeat center;
    -webkit-background-size: 6px 18px;
    background-size: 6px 18px;
    display: block;
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    top: 37%;
    right: 0;
    z-index: 500;
    float:right
}

.cal_window{
    position:relative;
/*     height:60px; */
    min-height:60px;
}

.cal_window2{
    position:relative;
    height:auto;
    min-height:60px;
	background-color: #000;
}

.cal_bg_img ul li {
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cal_bg_img ul li img{
    width: 100%;
}

/* トップカルーセル 160624 swiper バージョンアップ後 */
#top .swiper-wrapper img {
	width: 100%;
}
/*#top .promotion1 .pagination {
	position: absolute;
	z-index: 10;
	bottom: 0;
}*/
#top .promotion5 .pagination {
	margin-top: -3px;
}
#top .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
}
#top .swiper-pagination-bullet-active {
	background: #666;
}
#top .swiper-button-prev,
#top .swiper-button-next {
	width: 30px;
	height: 100%;
	top: 0;
	margin-top: 0;
	background-size: 17px auto;
}
#top .swiper-button-prev {
	left: 0;
}
#top .swiper-button-next {
	right: 0;
}

/* 初訪問者へのお知らせ */
#first_info {
	width: 100%;
	overflow: hidden;
	display: none;
}
/*#first_info .info {
	width: 88.125%;
	float: left;
}*/
#first_info .info {
	width: 100%;
	float: left;
}
#first_info .close {
	width: 11.875%;
	float: right;
	cursor: pointer;
}
#first_info img {
	width: 100%;
}

/* 重要なお知らせ */
#top .emergency {
	padding: 5px 10px 1px;
	font-size: 12px;
}
#top p.emergencyTitle {
	margin: 0 0 3px;
	padding-left: 20px;
	color: #e83416;
	font-size: 15px;
	font-weight: bold;
	background: url("../img/ico_emergency.png") no-repeat 0 center;
	background-size: 13px 13px;
}
#top .emergency ul {
	list-style-type: none;
}
#top .emergency ul li {
	margin: 0 0 5px;
	font-size: 13px;
}
#top .emergency ul li:before {
	content: "▶";
	margin-right: 2px;
	color: #b0b0b0;
	font-size: 10px;
}


/* メガメニュー */
.viewport {
/*    width: 320px;*/
    overflow: hidden;
    margin: 0 auto;
/*    padding:30px 0;*/
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.flipsnap {
    width: 1280px; /* 320px(item width) * 3(item count) */
}

.flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.item {
    float: left;
    width: 310px;
    font-size: 50px;
    text-align: center;
/*    padding: 50px 0;*/
    background: #EFEFEF;
    border: 5px solid #999;
    color: #666;
}
/* メガメニュー */

.zaq {
    background: url(/sph/common/img/icon_zaq.png) no-repeat 20%;
    padding-left: 0px;
    background-size: 17px;
    margin-top:5px;
}
/* web限定枠*/

.web_wimax{
	border-top:1px solid #004195;
	border-left:1px solid #004195;
	border-right:1px solid #004195;}

.web_wimax p{
	border-bottom:1px solid #004195;
	color:#004195;}

.web_wimax_2{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	border-bottom:1px solid #004195;
	border-left:1px solid #004195;
	border-right:1px solid #004195;
	color: #004195;
	}




.rightarrow_link{
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:right;
}

.rightarrow_link a{
	text-decoration:none;
	padding-right:15px;
	background: url(../../common/img/img_right_arrow_red.png) no-repeat right center;
	-webkit-background-size:suto 12px;
	background-size:auto 12px;
}
.rightarrow_link p{
	vertical-align:middle;
}

.kome_w{
	font-size:10px;
	line-height: 1.4em;
	text-indent: -2em;
	padding-left: 2em;
}

/**特典・割引**/

.tokuten{
	font-size:12px;
	text-align:center;
	color:#FFF;
	border:#e83416 1px solid;
	background:#e83416;
	line-height:18px;

}
.camp{
	font-size:12px;
	text-align:center;
	color:#FFF;
	border:#e83416 1px solid;
	background:#e83416;
	line-height:18px;
}
.clb{
	width:40px;
	margin-right:5px;
	float:left;
	display: inline;
	vertical-align:middle;
	margin:5px 0;

}
.clb2{
	width:85px;
	margin-right:5px;
	float:left;
	display: inline;
	vertical-align:middle;
	margin:5px 0;
}

.qabgc{
	background-color:#ebf8f8;
}

.price_boder01{
	line-height:35px;
	width:150px;
	padding:5px 5px 3px 0px;
	border:#FFF 1px solid;
	background:#FFF;
	color:#e83817;
	font-size:10px;
}

.cp_bnr{
	display: block;
	width:auto;
	padding:5px 0 10px 0;
}
.cp_bnr02{
	text-align: center;
	margin-left: auto;
	margin-right:auto;
	width:300px;
	margin-top:-27px;
}


.cp_bnr p img{
	width:80px;
	margin-top:30px;
	margin-right:5px;
}
.cp_bnr_main{
	font-size:20px;
	font-weight:700;
}
/*.cp_bnr_main span{
	font-size:13px;
}*/

.cp_bnr01 p{
	display:inline-block;
	vertical-align:middle;
	font-weight:700;
	margin-top:-20px;
}
.cp_bnr02 p{
	display:inline-block;
	vertical-align:middle;
	margin-bottom:5px;
	font-weight:700;
	margin-left:13px;
}
p.cp_bnr_main_2{
	font-size:20px;
	font-weight:700;
	margin-left:72px;
}


p.cp_bnr_main_2 span.yen{
	font-size:13px;
}
.cp_bnr03 p{
	display:inline-block;
	vertical-align:middle;
}

.cmapTriangle::after{
    text-align: right;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 6%;
	}
.font_tablet_0{
	font-size:25px;
}




/**2016新規追加**/
/**シミュレーターボタン**/
.sim_btn_defolt{
	border: 1px solid #ddd;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding: 16.5px 10px;
	background:#ffffff;
	background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background:-ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	color:#000;
}

.sim_btn_defolt p.sim_btn_mainetxt{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	position:relative;
	color: #000000;
}
.sim_btn_defolt p.sim_btn_mainetxt::before{
	content:"";
	position: absolute;
	background-image: url(/sph/common/img_v2/icon/sim/icon_sim01.png);
	background-size: 20px;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	top:-5px;
	left: 7%;
	display: block;
	}

.sim_img_mark_right::after{
	position: absolute;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    right: 3px;
    top: 50%;
    margin-top: -6px;
}

/**シミュレーターボタン**/

.text_anc_link{
	text-align: right;
	margin-top: 10px;
}
p.text_anc_link_img{
	color: #225383;
}

p.text_anc_link_img::before{
	content: "▼";
	color: #e83416;
}


.mv_in_btn{
    position: relative;
    bottom: 85px;
    margin-bottom: -65px;
}


/**電話番号バナー**/
.mobile_tel{
	text-align:center;
	font-size: 18px!important;
	padding: 10px 0px 10px 0px!important;
	background: #FFFFFF!important;
	border: 1px solid #0d0c6a;
}
.mobile_tel p{
	display: inline-block;
	vertical-align: middle;
	color: #0d0c6a!important;
	border: none;
}
.mobile_tel img{
	width:100%;
/*	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;*/

}
p.mobeile_tel_under_time{
	font-size: 10px!important;
	padding-left: 10px;
	color: #333333!important;
}
/**電話番号バナー**/

a.btn_tel_Entry {
    display: block;
    position: relative;
    padding: 20px 30px 20px;
    background: #e83416;
    background: -ms-linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
    background: linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    /* font-family: 'Noto Sans Japanese Medium'; */
    line-height: 1.2;
    color: #ffffff !important;
    text-align: center;
}

/**メインビジュアル**/
.main_visual{
	border-bottom:1px solid #CCC;
}
.main_visual img{
	width:100%;
}


/**アコーディオン**/
.accordion_new{
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #cccccc;
    z-index: 1;
}
.accordion_new_oneline{
    padding: 15px 5px;
    border-top: 1px solid #cccccc;
    z-index: 1;
}

.accordion_new .aco_bg_gradient,
.accordion_new_oneline .aco_bg_gradient{
    background: #ffffff;
    background: linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
}

.accordion_new .aco_title_new p,
.accordion_new_oneline .aco_title_new p{
    text-align: center;
    font-weight: bold;
    color: #333333;
    font-size: 15px;
    font-weight:bold;
	position: relative;
}

.accordion_new .aco_title_new p:after,
.accordion_new_oneline .aco_title_new p:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_cl.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 0px;
    top:50%;
	margin-top:-10px;
}
.accordion_new.active .aco_title_new p:after,
.accordion_new.active_oneline .aco_title_new p:after{
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_op.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 0px;
    top:50%;
	margin-top:-10px;
}



.accordion_new2{
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #cccccc;
    z-index: 1;
	position: relative;
}
.accordion_new_oneline2{
    padding: 15px 5px;
	border: 1px solid #cccccc;
    z-index: 1;
	position: relative;
}

.accordion_new2 .aco_bg_gradient,
.accordion_new_oneline2 .aco_bg_gradient{
    background: #ffffff;
    background: linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
}

.accordion_new2 .aco_title_new2 p,
.accordion_new_oneline2 .aco_title_new2 p{
    text-align: center;
    font-weight: bold;
    color: #333333;
    font-size: 15px;
    font-weight:bold;
}

.accordion_new2 .aco_title_new2:after,
.accordion_new_oneline2 .aco_title_new2:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_cl.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 10px;
    top:50%;
	margin-top:-10px;
}
.accordion_new2.active .aco_title_new2:after,
.accordion_new_oneline2.active .aco_title_new2:after{
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_op.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 10px;
    top:50%;
	margin-top:-10px;
}


.aco_contents2{
	border: 1px solid #ccc;
	border-top: none;
}




.accordion_inner{
	border-top:1px solid #cccccc;
	padding:20px 10px;
}

.inner_Box{
	border:1px solid #ccc;
	padding:10px 0px 10px 3%;
	text-align:center;
}


.inner_Box p,
.inner_Box img{
	display:inline-block;
	vertical-align:middle;
}
.inner_Box img{
	width:100%;
}

.inner_Box .type_side_floatLeft{
	float: left;
	display:inline-block;
	text-align:left;
}
.inner_Box .type_side_floatLeft_right{
	float: left;
	margin-left:3%;
	display:inline-block;
	text-align:left;
}
.inner_Box .type_side_floatRight{
	float: right;

}


/**おすすめ料金プラン**/

.reco_plan{
	padding:0 10px 0 10px;
}
.reco_plan .reco_plan_inner_cl{
	border:1px solid #CCC;
	background-color:#fefaca;
	padding:10px 5px 10px;
	background-image: url(/sph/common/img_v2/aco/img_acomark_cl.png);
	background-repeat:no-repeat;
	background-position:right 10px top 50%;
	background-size:20px;
}

.reco_plan .reco_plan_inner_cl.active{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
	background-color:#fefaca;
	padding:10px 5px 10px;
	background-image: url(/sph/common/img_v2/aco/img_acomark_op.png);
	background-repeat:no-repeat;
	background-position:right 10px top 50%;
	background-size:20px;
}


.reco_plan .reco_plan_inner_cl h3.reco_plan_title{
	margin-bottom:8px!important;
}
.reco_plan .reco_plan_inner_cl p.cp_tekiyou,
.reco_plan .reco_plan_inner_op p.cp_tekiyou{
	color:#fd9c00;
	font-size:15px;
	font-weight:700;
	text-align:center;
	margin-bottom: 5px;
}
.reco_plan .reco_plan_inner_cl .reco_plan_inner_in,
.reco_plan .reco_plan_inner_op .reco_plan_inner_in{
	width: 216px;
    margin: 0 auto;
	text-align:center;
}
.reco_plan .reco_plan_inner_cl .reco_plan_inner_in p,
.reco_plan .reco_plan_inner_cl .reco_plan_inner_in img,
.reco_plan .reco_plan_inner_op .reco_plan_inner_in p,
.reco_plan .reco_plan_inner_op .reco_plan_inner_in img{
	display:inline-block;
	vertical-align:middle;
}

.reco_plan .reco_plan_inner_cl .reco_plan_inner_in img,
.reco_plan .reco_plan_inner_op .reco_plan_inner_in img{
	height:35px;
	margin-right:4px;
}
.reco_plan .reco_plan_inner_cl .red_money_txt,
.reco_plan .reco_plan_inner_op .red_money_txt{
	color:#e83416;
	font-size:45px;
	font-weight: bold;
    font-family: "arial";
	line-height: 50px;
}

.reco_plan .reco_plan_inner_op{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.reco_plan .reco_plan_inner_op img.icon_new{
	width:250px;
	margin-bottom:10px;
}

.reco_plan .reco_plan_inner_op .normal_price{
	font-size:14px;
	font-weight:400;
}
.reco_plan .reco_plan_inner_op .normal_price span{
	font-size:15px;
	font-weight:700;
    font-family: "arial";
}

.icon_arrow_under{
	width:30px;
	margin-top:10px;
	margin-bottom:10px;
}
.description{
	font-size:12px;
}

.reco_plan .reco_plan_inner_cl .reco_plan_inner_in ul,
.reco_plan .reco_plan_inner_op .reco_plan_inner_in ul{
	display:block;
	text-align: left;
	margin-top: -5px;
	position: relative;
}
.reco_plan .reco_plan_inner_op .reco_plan_inner_in ul li,
.reco_plan .reco_plan_inner_cl .reco_plan_inner_in ul li{
	display: inline-block;
	font-size:10px;
}
.reco_plan .reco_plan_inner_cl .reco_plan_inner_in ul.annotation_plan_pt2,
.reco_plan .reco_plan_inner_op .reco_plan_inner_in ul.annotation_plan_pt2{
	display:block;
	text-align:left;
	margin-top: -5px;
}
.reco_plan .reco_plan_inner_op .reco_plan_inner_in ul.annotation_plan_pt2 li,
.reco_plan .reco_plan_inner_cl .reco_plan_inner_in ul.annotation_plan_pt2 li{
	display: inline-block;
	font-size:10px;
}

 .endless{
	width: 160px;
	margin: 0 auto;
	font-weight: bold;
	text-align: left!important;
}




/**キャンペーン一覧**/
#campain .campain_inner{

}

#campain .campain_inner ul li{
	border:1px solid #ccc;
	position:relative;
	margin-bottom:10px;
}

#campain .campain_inner ul li:last-child{
	margin-bottom:0px;
}
#campain .campain_inner ul li img{
	width:100%;
}


#campain .campain_inner ul li p::after{
	text-align:right;
	content:"";
	display:block;
	width:11px;
	height:11px;
	border-top:2px solid #e83416;
	border-right:2px solid #e83416;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	position:absolute;
	top:50%;
	right:6%;
	margin-top:-5.5px;
}

#campain .campain_inner a{
	display: block;
	padding: 1px;
}

/**横並び**/
.side_to_side{

	text-align: center;
	vertical-align:middle;
}
.side_to_side p,
.side_to_side img{
	vertical-align:middle;
	display:inline-block;
	text-align:left;
}


/**シャドーボタン**/
.tv_boder_new{
	border: 1px solid #fa0089!important;
}
.tv_boder_new_two{
	border: 1px solid #fa0089!important;
}

.net_boder_new{
	border: 1px solid #0086cd!important;
}
.net_boder_new_two{
	border: 2px solid #0086cd!important;
}

.defolt_btn{
	display: block;
	padding: 13px 10px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #fff;

}
.defolt_btn_twoline{
	display: block;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #fff;
}

.defolt_btn p,
.defolt_btn_twoline{
	font-size: 13px;
	font-weight: bold;
}

.entry_btn,
.entry_member_btn{
	display: block;
	padding: 18.5px 10px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ccc;
}

.entry_btn_twoline,
.entry_member_btn_twoline{
	display: block;
	padding: 10px 10px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ccc;
}

.entry_btn p,
.entry_member_btn p,
.entry_btn_twoline p,
.entry_member_btn_twoline p{
	font-size:15px;
	font-weight:700;
	line-height:1em;
	text-align: center;
}
.entry_btn p span,
.entry_member_btn p spna,
.entry_btn_twoline p span,
.entry_member_btn_twoline p span{
	font-size:13px;
	font-weight:700;
	line-height:1.5em;
}

.entry_btn_twoline p,
.entry_member_btn_twoline p{
	font-size:15px;
	font-weight:700;
	line-height:1em;
	text-align: center;
	margin-top: -4px;
}
.entry_btn p span,
.entry_member_btn p spna,
.entry_btn_twoline p span,
.entry_member_btn_twoline p span{
	font-size:13px;
	font-weight:700;
	line-height:1.5em;
}

.entry_btn.sim_color,
.entry_btn_twoline.sim_color{
	background:#ffffff;
	background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background:-ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));

}

.entry_btn.entry_color,
.entry_btn_twoline.entry_color{
	background:#e83416;
	background:linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
	background:-ms-linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
	color:#fff;
	border: none;
}

.entry_member_btn.member_color,
.entry_member_btn_twoline.member_color{
	background:#e83416;
	background:linear-gradient(to bottom,#6baa00 0%,#5e9600 100%);
	background:-ms-linear-gradient(to bottom,#6baa00 0%,#5e9600 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6baa00), to(#5e9600));
	color:#fff;
	border: none;
}

.entry_btn_herf_l{
	display: block;
	padding: 18.5px 10px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ccc;
	float: left;
	width: 45%;
}
.entry_btn_herf_r{
	display: block;
	padding: 18.5px 10px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ccc;
	float: right;
	width: 45%;
}

.sim_area{
	background-color: #EEEEEE;
	padding: 20px 10px;

}

.sim_area p.sim_text{
	text-align: center;
	margin-bottom: 10px;

}


/**モバイルTEL & free_tel **/
.entry_btn.mobile_free_tel,
.entry_btn.free_tel {
    display: block;
    padding: 13px 0px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 2px solid #0d0c6a;
    background-color: #fff;
}

.entry_btn.mobile_free_tel p.free_tel,
.entry_btn.free_tel p.free_tel {
    font-size: 21px;
    color: #0d0c6a;
	font-weight: bold;
    line-height: 1em;
}

.entry_btn.mobile_free_tel img,
.entry_btn.free_tel img {
    width: 25px;
}
/**モバイルTEL**/

.shadow_btn{
	display: block;
	padding: 5px 5px 20px;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 3px 6px -3px #999999;
    -webkit-box-shadow: 0 3px 6px -3px #999999;
}

.shadow_btn_v2{
	display: block;
	padding: 10px 5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 3px 6px -3px #999999;
    -webkit-box-shadow: 0 3px 6px -3px #999999;
}

.shadow_btn_r{
	display: block;
	padding: 10px 15px 10px 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 3px 6px -3px #999999;
    -webkit-box-shadow: 0 3px 6px -3px #999999;
}

.shadow_btn.r_border_four,
.shadow_btn_r.r_border_four{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/**チャンネル**/
.ch_btn_text{
	font-size:18px;
	font-weight:bold;
	text-align:right;
	width:144px;
}

.ch_btn_text_f22{
	font-size:22px;
	font-weight:bold;
	text-align:right;
	width:120px;
}

.ch_dis_text{
	font-size:11px;
	margin-right:7px;
	text-align:left;
	width:145px;
}
.ch_dis_text_width_non{
	font-size:11px;
	margin-right:15px;
	text-align:left;
}


.ch_dis_text span.main{
	font-size:13px;
	font-weight:700;
}

.ch_dis_text_width_non span.main{
	font-size:15px;
	font-weight:700;
}

table.ch_list {
	border:1px solid #ccc;
}
table.ch_list th{
	padding:5px 10px;
	width:50%;
	text-align:left !important;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#f2f2f2;
}
/*table.ch_list th:last-child{
	border-bottom: none;
}*/

table.ch_list td{
	padding:5px 10px;
	width:30%;
	text-align: center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}



/**プランTOPメニュー**/
#plan_top ul.plan_top_menu{
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

#plan_top ul.plan_top_menu li{
	position:relative;
	margin-bottom:10px;
}
#plan_top ul.plan_top_menu li:last-child{
	position:relative;
	margin-bottom:0;
}

.plan_title_menu{
	font-size:18px;
	font-weight:700;
	margin-bottom:5px;
}
.plan_title_menu_escription{
	font-size:13px;
	font-weight:400;
	margin-bottom:5px;
}


#plan_top ul.plan_top_menu li img{
	width:180px;
}


/**リンクマーク**/
.btn_mark_position{
	position:relative;
}
.link_mark_under:after{
	text-align: right;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    left:50%;
	margin-left:-5px;
}


.link_mark_right:after{
	text-align: right;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-4px;
}
.link_mark_right_under:after{
	text-align: right;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-11px;
}

.mark_fff:after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.mark_tv:after{
    border-top: 2px solid #fa0089;
    border-right: 2px solid #fa0089;
}
.mark_net:after{
    border-top: 2px solid #0086cd;
    border-right: 2px solid #0086cd;
}

.mark_phone:after{
    border-top: 2px solid #00a33e;
    border-right: 2px solid #00a33e;
}
.mark_mobile:after{
    border-top: 2px solid #00a5a8;
    border-right: 2px solid #00a5a8;
}
.mark_ele:after{
    border-top: 2px solid #f18d00;
    border-right: 2px solid #f18d00;
}
.mark_gas:after{
    border-top: 2px solid  #4154a1;
    border-right: 2px solid  #4154a1;
}


/**セレクトリスト**/

.select_list table{
	border:1px solid #ccc;

}
.select_list table th{
	text-align:center;
	border-bottom:1px solid #ccc;
	padding:10px;
	background-color:#ddd;
	font-weight:700;
}
.select_list table td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px 5px;
	width:50%;
}
.select_list table td:nth-child(2n){
	border-right:0;
}


.select_list table.select_disc_list{
	border:1px solid #ccc;
	margin-top:10px;
}

.select_list table.select_disc_list td{
	border-bottom:1px solid #ccc;
	padding:0;
}

.select_list table.select_disc_list td ul{
	padding:10px 0;
}

.select_list table.select_disc_list td ul li{
	list-style:disc;
	margin-left:30px;
}



.select_disc ul{
	text-align:center;
	display: block;
	margin:0 auto;
}

.select_disc ul li{
	text-align:center;
	display:inline-block;
	width:104px;
}

.select_disc ul li.other{
	width:95px;
}
.select_disc ul li img{
	margin-bottom:8px;
}

.select_common_watch {
	padding: 10px 10px 1px;
	text-align: center;
	background-color: #ddd;
}
.select_common_watch h4 {
	margin-bottom: 10px;
}
.select_common_watch p {
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #fff;
}

/**新h1ページタイトル**/

#categoryTtl img{
	width: 180px;
}
#categoryTtl.logo_gas img{
	width: 195px;
}

h1.page_title_h1{
	font-size: 15px!important;
	font-weight:bold;
	padding-left: 10px;
	padding-bottom: 10px;
}

h1.page_title_h1_v2{
	font-size: 15px!important;
	font-weight: bold;
	padding: 15px 10px 15px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

h1.tv_pagetitle{
	font-size: 15px!important;
	font-weight:bold;
	padding: 10px;
	color: #fa0089;
}


.box_newtype{
	border: 1px solid #ccc;
	padding: 10px;
}
.box_newtype_nonpad{
	border: 1px solid #ccc;
}

.box_radius_4{
	border: 1px solid #ccc;
	padding:10px;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
}

.box_radius_20{
	text-align:center;
	padding: 5px 0;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
}



/**アイコン**/

/*.free_icon_circle::after{
	position: absolute;
    content: " ";
    width: 13px;
    height: 35px;
    right: -20px;
    background: url(/sph/common/img_v2/mark/mark_slash_right.png) no-repeat;
    background-size: 12px;
    top: 2px;
}*/

.free_icon_circle::after{
content: "無料";
    color: #fff;
    background-color: #e83416;
    padding: 0;
    margin: 0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 10px;
    position: absolute;
    /* left: 40px; */
    top: -8px;
	right: -40px;
}

.toll_icon_circle::after{
	content: "有料";
    color: #fff;
    background-color: #0086cd;
    padding: 0;
    margin: 0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 10px;
    position: absolute;
    /* left: 40px; */
    top: -8px;
	right: -40px;
}

/*.icon{
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right:20px;
	margin-bottom:20px;
	position: relative;
}*/
/*プラス*/
.icon6:before,
.icon6:after{
	display: block;
	content: '';
	width: 7px;
	height: 40px;
	background-color: #b13368;
	border-radius: 10px;
	position: absolute;
	top: 25px;
	left: 41px;
}
.icon6:before{
	width: 40px;
	height: 7px;
	top: 41px;
	left: 25px;
}



.circle_icon{
  color: #fff;
  background-color:#e83416;
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center!important;
  display: inline-block;
  border-radius: 50%;
}

.square_icon{
  color: #fff;
  background-color: #000;
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center!important;
  display: inline-block;
	font-size: 18px;
}

.box_icon{
	padding: 5px 10px;
	color: #fff;
	font-weight: 300;
	font-size: 13px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 0px;
}

.under_arrow_icon{
	width: 0;
    height: 0;
    margin-left: -13.8px;
    margin-top: -10px;
    border: 25px solid transparent;
    border-top: 20px solid #e1e1e1;
	margin-bottom: -25px;

}

.under_arrow_icon::after{
	width: 0;
	height: 0;
	border: 80px solid transparent;
	border-top: 80px solid #f00;
}

.free_icon_new{
  padding:2px 5px;
  text-align: center!important;
	font-size: 10px;
}

.circle_icon.watching{
	font-size: 18px;
	width:40px;
	height: 40px;
	line-height: 40px;
	background-color:#fa0089;
}

.rcr{
	border-radius: 3px;
	background-color:#577abe ;
	padding: 2px 8px;
	color: #fff;
	font-weight:700;
	margin-left: 5px;
	margin-right: 5px;
}

.ttl_icon {
	max-width: 25px;
	margin-right: 10px;
	vertical-align: top;
}

.box_newtype_left{
	float: left;
	border: 1px solid #ccc;
	padding: 10px 0;
	width: 48%;
	box-sizing: border-box;
}

.box_newtype_right{
	float: right;
	border: 1px solid #ccc;
	padding: 10px 0;
	width: 48%;
	box-sizing: border-box;
}

.box_newtype_left_30{
	float: left;
	border: 1px solid #ccc;
	padding: 10px 0;
	width: 28%;
	box-sizing: border-box;
}

.box_newtype_right_70{
	float: right;
	border: 1px solid #ccc;
	padding: 10px 0;
	width: 68%;
	box-sizing: border-box;
}

.left_box_area{
	float: left;
	width: 45%;
	margin-right: 10px;
	margin-left: 10px;
	box-sizing: border-box;
	padding-bottom: 10px;
}
.right_box_area{
	float: right;
	width: 45%;
	margin-right: 10px;
	box-sizing: border-box;
	padding-bottom: 10px;
}


.boxposition{
	position: relative;
}



.width_10per{
	width: 10%;
}
.width_20per{
	width: 20%;
}
.width_30per{
	width: 30%;
}
.width_40per{
	width: 40%;
}
.width_50per{
	width: 50%;
}
.width_60per{
	width: 60%;
}
.width_70per{
	width: 70%;
}
.width_80per{
	width: 80%;
}
.width_90per{
	width: 90%;
}

.course_top_banner{
	font-size: 13px;
	font-weight: bold;
}

.ch_ondemand_title{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.fukidashi_v1{
	padding: 10px 5px;
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
}

.fukidashi_v1.under_arrow::after{
	text-align: right;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    left:50%;
	margin-left:-5px;
	background-color: #fff;
}

.ch_onde_img{
	width: 250px;
	margin-bottom: 5px;
}

/**シミュレーションエリア**/

.sim_calculator{
	width: 20px;
	margin-left: -40px;
	margin-right: 20px;
}

.simulationArea_new{
	padding:15px 10px;
	background-color: #ddd;
}

.simulationArea_new .btn_top_text{
	text-align: center;
	margin-bottom: 10px;
}

/**ボーダー系**/
.topbot_border{
	padding:15px 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}


/**注釈**/

ul.Annotation li{
	font-size:10px;
	text-indent:-1em;
	padding-left:1em;
}

ul.Annotation_NormalText li{
    text-indent:-1em;
	padding-left:1em;
}

.section_bnr{
	padding: 0 10px;
}

.bnr_position{
	position: relative;
}

.link_mark_right_books:after{
	text-align: right;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-6px;
	z-index: 1;
}

.link_05,
.link_05_b,
.link_05_under,
.link_05_up{
	display: block;
    text-align: left;
    position: relative;
    text-indent: -15px;
    padding-left: 15px;
	font-size: 13px;
}
.link_05 a,
.link_05_b a,
.link_05_under a,
.link_05_up a{
	color: #225383!important;
}
.link_05:before{
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/sph/common/img_v2/mark/img_right_trmark.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 3px;
	margin-right: 5px;
}
.link_05_b:before{
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/sph/common/img_v2/mark/img_right_trmark.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 3px;
}
.link_05_under:before {
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/sph/common/img_v2/mark/img_right_trmark.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 0px;
	margin-right: 5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.link_05_up:before {
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/sph/common/img_v2/mark/img_right_trmark.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 0px;
	margin-right: 5px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.link_05.member:before{
    background: url(/sph/common/img_v2/mark/img_right_trmark_member.png) no-repeat;
    background-size: contain;
}

.jsb_wari{
	border-top:1px dotted #ccc;
	width:220px;
	margin:0 auto;
	text-align: center;
	padding-top:5px;

}

.shadow{
	box-shadow: 0 3px 6px -3px #999;
	-webkit-box-shadow: 0 3px 6px -3px #999;
}


/**装飾関係*/
.text_side_deco_v1::before{
    content: " ";
    display: inline-block;
    width: 10px;
    height: 25px;
    background: url(/sph/common/img_v2/mark/mark_slash_left.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 3px;
	margin-right: 5px;
}
.text_side_deco_v1::after{
    content: " ";
    display: inline-block;
    width: 10px;
    height: 25px;
    background: url(/sph/common/img_v2/mark/mark_slash_right.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 3px;
	margin-left: 5px;
}


/**メインビジュアル**/
.main_mv img{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

/**シミュレーションボタン**/
.simu_btn_1line{

}


/**申し込みボタン**/
.entry_btn_red_1line,
.entry_btn_red_2line{
	background:#e83416;
	background:linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
	background:-ms-linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}
.entry_btn_green_1line,
.entry_btn_green_2line{
	background:#5e9600;
	background:linear-gradient(to bottom,#6baa00 0%,#5e9600 100%);
	background:-ms-linear-gradient(to bottom,#6baa00 0%,#5e9600 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6baa00), to(#5e9600));
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}
.entry_btn_white_1line,
.entry_btn_white_2line{
    background:#fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    border: 1px solid #ccc;
}
.simu_btn_1line_defo,
.simu_btn_2line_defo{
	color: #333 !important;
    background: #ffffff;
    background: linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}


.simu_btn_1line_defo a,
.simu_btn_2line_defo a{
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.simu_btn_1line_defo a{
	padding: 20px 10px 20px 10px;
}
.simu_btn_2line_defo a{
	padding:11px 0px;
}

.simu_btn_1line_defo a p,
.simu_btn_2line_defo a p{
	display: inline-block;
}


.simu_btn_1line_defo a p::before,
.simu_btn_2line_defo a p::before{
    content: "";
    background: url(/sph/common/img_v2/icon/sim/icon_sim01.png) no-repeat;
    background-size: 20px;
    display: block;
    width: 20px;
    height: 27px;
    position: absolute;
    top: 50%;
	margin-top: -13px;
	margin-left: -40px;
}





.sim_btn_mobile_1line,
.sim_btn_mobile_2line{
	background:#fff;
	border: 1px solid #00a5a8;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	position: relative;
}

.entry_btn_sim_1line,
.entry_btn_sim_2line,
.entry_btn_sim_1line_herf,
.entry_btn_sim_2line_herf{
	background:#ffffff;
	background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background:-ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
}

.external_btn_1line,
.externalv2_btn_1line,
.external_btn_2line,
.entry_btn_sim_1line,
.entry_btn_sim_2line,
.entry_btn_sim_1line_herf,
.entry_btn_sim_2line_herf{
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}

.entry_btn_red_1line a,
.entry_btn_green_1line a,
.sim_btn_mobile_1line a{
	display: block;
	padding: 20.5px 0px;
	color:#fff!important;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
}
.entry_btn_white_1line a{
    display: block;
    padding: 20.5px 0px;
    color:#333!important;
    text-align: center;
    font-size: 13px;
    font-weight:bold;
}



.external_btn_1line a,
.externalv2_btn_1line a{
	display: block;
	padding: 15px 10px 15px 10px;
	color:#333!important;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.entry_btn_sim_1line a{
	display: block;
	padding: 20px 10px 20px 10px;
	color:#333!important;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.entry_btn_red_2line a,
.entry_btn_green_2line a{
	display: block;
	padding: 11px 10px 11px 10px;
	color:#fff!important;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
}
.entry_btn_white_2line a{
    display: block;
    padding: 11px 10px 11px 10px;
    color:#333!important;
    text-align: center;
    font-size: 13px;
    font-weight:bold;
}
.external_btn_2line a{
    display: block;
    padding: 6px 10px 6px 10px;
    color: #333!important;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.entry_btn_sim_2line a{
    display: block;
	padding: 11px 10px 11px 10px;
    color: #333!important;
    text-align: center;
    font-size: 15px;
    font-weight:bold;
}
.entry_btn_sim_2line_herf a{
    display: block;
	padding: 10px 0px 10px 0px;
    color: #333!important;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.sim_btn_mobile_1line a{
    display: block;
	padding: 20px 10px 20px 10px;
    color:#00a5a8!important;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background-color: #f0fcfc;
}

.sim_btn_mobile_2line a{
    display: block;
	padding: 9.5px 10px 9.5px 10px;
    color:#00a5a8!important;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background-color: #f0fcfc;
}

.entry_btn_red_2line a span,
.entry_btn_green_2line a span,
.external_btn_2line a span,
.entry_btn_sim_2line a span,
.externalv2_btn_1line a span{
	font-size: 12px;
}

.entry_btn_red_1line a::after,
.entry_btn_green_1line a::after,
.entry_btn_red_2line a::after,
.entry_btn_green_2line a::after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-4px;
}
.external_btn_1line a::after,
.external_btn_2line a::after,
.entry_btn_sim_1line a::after,
.entry_btn_sim_2line a::after,
.simu_btn_1line_defo a::after,
.simu_btn_2line_defo a::after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #a7a7a7;
    border-right: 2px solid #a7a7a7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -6px;
}
.entry_btn_white_1line a::after,
.entry_btn_white_2line a::after,
.sim_btn_arw a::after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -4px;
}

.externalv2_btn_1line::after{
	text-align: right;
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-top:none;
    border-right:none;
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-6px;
	background: url(/sph/sim_contact/sim_entry_oc_1510a/img/pack_select/service_select_bulankicon.png) no-repeat;
}


.sim_btn_mobile_1line a::after,
.sim_btn_mobile_2line a::after{
	text-align: right;
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #00a5a8;
    border-right: 2px solid #00a5a8;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-6px;
}
.sim_btn_mobile_1line a::before{
    position: absolute;
    content: "";
    background-image: url(/sph/common/img_v2/zaq/img_zaq16.png);
    background-repeat: no-repeat;
    background-size: 50px;
    width: 50px;
    height: 50px;
    top: 5px;
    margin-left: -48px;
}
.sim_btn_mobile_2line a::before{
    position: absolute;
    content: "";
    background-image: url(/sph/common/img_v2/zaq/img_zaq16.png);
    background-repeat: no-repeat;
    background-size: 50px;
    width: 50px;
    height: 50px;
    top: 50%;
	margin-top: -25px;
    margin-left: -78px;
}

.external_btn_1line.under_mark a::after,
.external_btn_2line.under_mark a::after{
	text-align: right;
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-9px;
}

.entry_btn_sim_1line a p.calculator::before,
.entry_btn_sim_2line a::before{
 	content: "";
    background-image: url(/sph/common/img_v2/icon/sim/icon_sim01.png);
    background-size: 25px;
    background-repeat: no-repeat;
    top: 50%;
    width: 25px;
    height: 33px;
    left: 10%;
    position: absolute;
	margin-top:-16px;
}

/**申し込みボタン下テキスト**/
.entry_undertxt{
	text-align: center;
	font-size: 10px;
	display: block;
	vertical-align: middle;
}
.entry_undertxt_icon{
    color: #f18d00;
	border: 1px solid #f18d00;
    padding: 0 0 0 1px;
    margin: 0;
    width: 16px;
    height: 16px;
    line-height: 14.5px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
	margin-right: 5px;
	vertical-align:middle;
	font-size: 12px;
	font-weight: bold;
}

/**シミュレーションボタン**/
.sim_btn {
	margin: 0 10px 10px;
	background:#fff;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	position: relative;
}
.sim_btn a {
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-shadow: none;
}
.sim_btn.line1 a {
	padding: 20px 10px 20px 10px;
}
.sim_btn.line2 a {
	padding: 9.5px 10px 9.5px 10px;
}
.sim_btn a::after {
	text-align: right;
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-width: 0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-style: solid;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 6%;
	margin-top:-6px;
}
.sim_btn a::before {
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: 50px;
	width: 50px;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.sim_btn.line1 a::before {
	margin-left: -48px;
}
.sim_btn.line2 a::before {
	margin-left: -78px;
}
.sim_txt {
	padding: 0 10px;
	font-size: 10px;
}
/**電気料金シミュレーション**/
.sim_btn.ele {
	border-color: #3399cc;
}
.sim_btn.ele a {
	color: #3399cc;
}
.sim_btn.ele a::before {
	background-image: url(/sph/common/img_v2/icon/icon_elesim.png);
	background-size: 40px;
	width: 40px;
	height: 31px;
}
.sim_txt.ele {
	padding: 0 10px 0 25px;
	background: url(/sph/common/img_v2/icon/icon_ele02.png) no-repeat 8px 1px / 20px;
}


/**フリーコール**/
.free_tel_btn_1line,
.free_tel_btn_2line{
	border: 2px solid #0d0c6a;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}

.free_tel_btn_1line a,
.free_tel_btn_2line a{
	display: block;
	color:#0d0c6a!important;
	background-color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.free_tel_btn_1line a p.tel,
.free_tel_btn_2line a p.tel{
	position: relative;
}

.free_tel_btn_1line a p.tel::before,
.free_tel_btn_2line a p.tel::before{
    display: inline-block;
    content: "";
    background-image: url(/sph/common/img_v2/icon/icon_free_tel_002.jpg);
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    padding-right: 5px;
    margin-bottom: -3px;
}

.free_tel_btn_1line a p.tel_time,
.free_tel_btn_2line a p.tel_time{
	font-size: 12px;
	margin-top: 3px
}
.free_tel_btn_2line .window,
.free_tel_btn_2line .number{
	display: inline-block;
}
.free_tel_btn_2line .window{
	padding: 1px 5px 0 0;
	font-size: 10px;
	vertical-align: top;
}
.free_tel_btn_2line .number .time{
	padding-left: 5px;
	font-size: 10px;
	font-weight: normal;
	color: #333;
}

.free_tel_btn_1line a{
	padding: 20px 10px 20px 10px;
}
.free_tel_btn_2line a{
	padding: 11px 1px 11px 1px;
}

.free_tel_btn_1line a span,
.free_tel_btn_2line a span{
	font-size: 10px;
	font-weight: bold;
}


.tel_btn_new{
	border: 2px solid #0d0c6a;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}
.tel_btn_new a{
	display: block;
	padding: 8.5px 0px;
	text-align: center;
}

.tel_btn_new a p,
.tel_btn_new a img{
	display: inline-block;
	vertical-align: middle;
}
.tel_btn_new a p{
	font-size: 20px;
	font-weight: bold;
	color: #0d0c6a;
}
.tel_btn_new a p.time{
	font-size: 13px;
	font-weight: bold;
	color: #333;
	display: block;
}


.tel_btn_new a img{
	width:30px;
	margin-right: 10px;
}

.gas_sim_btn_new{
    border: 2px solid #4054a1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}
.gas_sim_btn_new a{
	display: block;
	padding: 11px 20px 11px 0;
	text-align: center;
}

.gas_sim_btn_new a p,
.gas_sim_btn_new a img{
	display: inline-block;
	vertical-align: middle;
}
.gas_sim_btn_new a p{
	font-size: 20px;
	font-weight: bold;
	color: #4054a1;
}
.gas_sim_btn_new a p.time{
	font-size: 13px;
	font-weight: bold;
	color: #333;
}


.gas_sim_btn_new a img{
	width:63px;
}

.gas_sim_btn_new a::after{
	text-align: right;
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #4054a1;
    border-right: 2px solid #4054a1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-4px;
}


/**キャンペーン訴求（イレギュラー）**/
.camp_irregular_area{
	background-color: #f5f5f5;
	padding: 15px 5px 20px 5px;
	text-align: center;
}
.camp_irregular_area p.lable_01{
	display: block;
	background-color: #ff0066;
	color: #fff;
	text-align: center;
	padding: 2px 10px;
	margin-bottom: 15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}


.camp_irregular_area a{
	color: #225383!important;
	font-weight: bold;
	border-bottom: 2px solid #225383;

}

/**メインビジュアル**/
.page_mv_area{
	position: relative;
}

.page_mv_area img{
	width: 100%;
}

.page_mv_area .mv_title_new{
	font-size: 20px;
	font-weight: bold;
}



/**ボーダー区切り**/
.boder_punctuation{
	border-top: 1px solid #ccc;
	padding-top: 20px!important;
	margin-bottom: 20px!important;
}
.boder_bot_dot{
	border-bottom: 1px dotted #ccc;
}

/**テキストリンクカラー**/
.text_link_colorb{
	color: #225383!important;
}


/**飾り**/
.side_s_mark::before{
	content: " ";
    display: inline-block;
    width: 10px;
    height: 25px;
    background: url(/sph/common/img_v2/mark/mark_slash_left.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 5px;
}

/**例え**/
.example_list{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 10px;
	}


/**セクション**/
.section_new{
	border-top: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
}



.header_gnav_new ul li{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	line-height: 1.2;
	text-align:center;
	color: #666666!important;
	font-size: 12px;
	margin-right: 0;
}
.header_gnav_new ul li:first-child{
	font-size: 14px;
	font-weight: bold;
	color: #666666!important;
	text-align:left;
}
.header_gnav_new ul li img{
	width: 180px;
}
.header_gnav_new ul li a{
	display: block;
	padding: 10px 20px 10px 10px;
	position: relative;
}
.header_gnav_new ul li.left_box_new{
	width: 50%;
	float: left;
	border-bottom: none;
}
.header_gnav_new ul li.left_box_new a{
	padding: 13px 5px;
}

.header_gnav_new ul li.right_box_new{
	width: 50%;
	float: right;
	border-left: 1px dotted #ccc;
	box-sizing: border-box;
	border-bottom: none;
}
.header_gnav_new ul li.right_box_new a{
	padding: 20px 5px;
}


.header_gnav_new ul li a.first{
	display: block;
	padding: 20px 20px 20px 10px;
}


.header_gnav_new ul li a.other{
	padding: 20px 20px 20px 10px;
}

.header_gnav_new ul li p.text:first-child{
	margin-bottom: 10px;
}


.boder_bot_dt{
	border-bottom: 1px dotted #ccc!important;
}
.boder_top{
	border-top: 1px solid #ccc!important;
}
.boder_top_non{
	border-top:none!important;
}
.boder_bot_non{
	border-bottom: none!important;
}



.header_gnav_new ul li a::after{
	text-align: right;
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-4px;
}

.pt_p{
	margin:0 auto;
	width:250px;
	color: #0074be;
	font-size: 12px;
	margin-top: 10px;
}



/**バナー**/
.bnr_area_defo,
.bnr_area_shadow{
	padding: 0 10px;
}

.bnr_area_shadow a{
	display: block;
	border: 1px solid #ccc;
	box-shadow: 0 3px 6px -3px #999;
	-webkit-box-shadow: 0 3px 6px -3px #999;
	position: relative;
}
.bnr_area_defoa{
	display: block;
	border: 1px solid #ccc;
	position: relative;
}


.bnr_area_defo_pnon{
	display: block;
	position: relative;
}

.bnr_area_shadow a::after,
.bnr_area_defo_pnon a::after{
	text-align: right;
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-4px;
}

.bnr_area_shadow.mark_fff a::after,
.bnr_area_defo_pnon.mark_fff a::after{
	border-top: 2px solid #fff!important;
	border-right: 2px solid #fff!important;
}




.bnr_area_shadow a.mobile_arrow::after{
    border-top: 2px solid #00a5a8;
    border-right: 2px solid #00a5a8;
}

.bnr_area_shadow a img{
	width: 100%;
}

/**アコーディオン　NEWタイプ**/
.aco_titlebar_1line{
	border: 1px solid #ccc;
	padding: 15px 0px 15px 0px;
	text-align: center;
	position: relative;
	font-size: 15px;
	font-weight: bold;
}

.aco_titlebar_1line::before{
	content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_cl.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}
.aco_titlebar_1line.active::before{
	content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_op.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}

.aco_inner_new{
	padding:10px 5px;
	border: 1px solid #ccc;
	border-top: none;

}
a.linktext_blue{
	color: #225383!important;
	text-decoration: underline;
	font-weight: bold;
}

.herf_box_btn_left,
.herf_box_btn_right{
	width: 48.5%;
}

.herf_box_btn_left{
    float: left;
    box-sizing: border-box;
    margin-right: 1%;
}
.herf_box_btn_right{
	float:right;
	box-sizing: border-box;
}

.webtoku_bnr{
	text-align: center;
	position: relative;
	border: 1px solid #ccc;

}
.webtoku_bnr a{
	display: block;
	color: #225383!important;
	font-size: 12px;
	padding: 5px;
}
.webtoku_bnr a p,
.webtoku_bnr a img{
	display: inline-block;
	vertical-align: middle;
}
.webtoku_bnr a img{
    width: 66px;
    margin-right: 10px;
}


/**横スクロール表示**/
.cont_scroll{
	overflow: auto;
	white-space: nowrap;
	max-width: none;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.cont_scroll img{
	max-width: none!important;
	width: 120%;
}
.cont_scroll img.simg{
	max-width: none!important;
	width: 700px;
}
.cont_scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
	height: 5px;
}



/**横スクロール表示**/
.cont_scroll{
	overflow: auto;
	white-space: nowrap;
	max-width: none;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.cont_scroll img{
	max-width: none!important;
	width: 120%;
}
.cont_scroll img.simg{
	max-width: none!important;
	width: 700px;
}
.cont_scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
	height: 5px;
}



/**テキストリンク New**/
a.active_txtlink{
	color: #225383!important;
	text-decoration: underline!important;

}


.ele_set_bnr{
	border: 1px solid #f18d00;
}
.ele_set_bnr a{
	position: relative;
	display: block;
}
.ele_set_bnr a::after{
	text-align: right;
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #f18d00;
    border-right: 2px solid #f18d00;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-4px;
}


/**バナー（電力）**/
.ele_bnr{
	border: 1px solid #ccc;
	margin-top: 10px;
}
.ele_bnr a{
	display: block;
	position: relative;
}
.ele_bnr a::after{
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #f18d00;
    border-right: 2px solid #f18d00;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
	margin-top:-4px;
}


/**新テキストリンク**/
.txtlink_active_new{
    color: #113399!important;
    text-decoration: underline;
}

/**アコーディオンニュータイプ**/


.aco_newtype_01_inner {
    border: 1px solid #CCC;
    background-color: #fff;
    padding: 10px 5px 10px;
    background-image: url(/sph/common/img_v2/aco/img_acomark_cl.png);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 20px;
    position: relative;
    z-index: 50;
}

.aco_newtype_02_inner {
    border: 1px solid #CCC;
    background-color: #fff;
    padding: 19px 5px 19px;
    background-image: url(/sph/common/img_v2/aco/img_acomark_cl.png);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 20px;
}
.aco_newtype_01_inner.active{
    background-image: url(/sph/common/img_v2/aco/img_acomark_op.png);
}
.aco_newtype_02_inner.active{
    background-image: url(/sph/common/img_v2/aco/img_acomark_op.png);
}
.aco_newtype_01_inner p.aco_new_title,
.aco_newtype_02_inner p.aco_new_title{
	font-size:15px;
	font-weight:700;
	padding-left:10px;
}
.aco_newtype_01_inner p.aco_new_title span,
.aco_newtype_02_inner p.aco_new_title span{
	font-size:10px;
	font-weight:700;
	}
.aco_newtype_01{
}

.aco_newtype_01 .aco_inner,
.aco_newtype_02 .aco_inner{
	padding:10px 10px 0;
	border:1px solid #ccc;
	border-top:none;
}

.accordion_newtype .aco_inner{
	padding: 15px 10px;
	border:1px solid #ccc;
	border-top:none;
}

.rate_plan_title{
	font-size: 13px;
	font-weight:bold;
	margin-bottom: 10px;
}
.rate_plan{
	border: 2px solid;
	border-radius: 6px;
	padding: 10px 0;
}
.rate_plan.sop{
	border-color: #fa0089;
	margin-bottom: 10px;
}
.rate_plan.sos{
	border-color: #0086cd;
	margin-bottom: 10px;
}
.rate_plan.ntp{
	border-color: #0086cd;
}

.rate_plan h3{
	margin-bottom: 10px;
}
.rate_plan .subtext{
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.rate_plan .subtext span{
	font-size: 15px;
}

.rate_plan ul.icon_list{
	font-size: 0;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.rate_plan ul.icon_list li{
    font-size: 100%;
    display: inline-block;
    width: 40px;
    margin-right: 5px;
}
.rate_plan ul.icon_list li:last-child{
    margin-right:0;
}
.rate_plan ul.icon_list li.tvch{
	position: relative;
}
.rate_plan ul.icon_list li.tvch span{
	position:absolute;
}



/**OCTインクルードテキスト**/
.oct_inc01{
font-size: 13px;
    font-weight: bold;
    background-image: url(/sph/common/img_v2/icon/icon_notes.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position-x: 0px;
    background-position-y: 0px;
    line-height: 20px;
    text-indent: 0em;
    padding-left: 2em;
}
.lrp10{
	padding-left: 10px;
	padding-right: 10px;
}

.oita_tel_underinfo{
	text-align: center;
	line-height: 20px;
}
.oita_tel_underinfo span{
	font-size: 15px;
	font-weight: bold;
	color: #0d0c6a;
}

.not_area{
	border: 1px solid #ccc;
	background: #f2f2f2;
	padding: 10px;
}



.not_area ul.notlist {

}
.not_area ul.notlist li{
	font-size: 10px;
	list-style: disc;
	margin-bottom: 5px;
	margin-left: 17px;
}

.tekiyou_tl{
	font-size: 13px;
	font-weight: bold;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/**大分電話番号対応**/
.oita_teltxt{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.oita_teltxt span{
	font-size: 13px;
}


/***チャンネル**/
.ch_logobox{
    display: block;
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
    width: 60px;
}

/**テキストキャンペーン**/
.camp_textlink_area{
	background: #f9f9f9;
	padding: 10px;
}

.camp_textlink_area .in_linkt a{
	display: block;
	color: #fa0089!important;
}
.camp_textlink_area .in_linkt a span{
	display: inline-block;
	background: #fa0089;
	color: #fff;
	font-size: 11px;
	padding: 3px 15px;
	margin-bottom: 3px;
}

/**PR**/
.in_linkt_pr a{
	display: block;
	color: #255481!important;
    text-decoration: underline;
}
.in_linkt_pr a span{
	display: inline-block;
	background: #42a2bf;
	color: #fff;
	font-size: 11px;
	padding: 2px 15px;
	margin-bottom: 3px;
}


/**バナークラス**/
.bnr_area{
	padding: 0 10px;
}
.bnr_area a{
	display: block;
}
.bnr_area a img{
	width: 100%;
}

/**シミュ内訳導線**/
.reco_plan_in_btn{
	width: 270px;
	margin: 0 auto;

}
.reco_plan_in_btn a{
	display: block;
	border: 1px solid #e83416;
	padding: 7px;
	background-color: #fff;
	text-align: center;
	position: relative;
}
.reco_plan_in_btn a::after{
    position: absolute;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 50%;
    right: 6%;
    margin-top: -4px;
}


.reco_plan_in_btn_aco a{
	display: block;
	border: 1px solid #e83416;
	padding: 7px;
	background-color: #fff;
	text-align: center;
	position: relative;
}
.reco_plan_in_btn_aco a::after{
    position: absolute;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 50%;
    right: 6%;
    margin-top: -4px;
}


/****/
.accordion_title_v1{

}
.accordion_title_v1 p{
	text-align: center;
	padding: 12px 0;
	position: relative;
	font-weight: 700;
}
.accordion_title_v1 p::before{
	content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_cl.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}
.accordion_title_v1.active p::before{
	content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_op.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}



/**プラン自動表示**/
/** localnav **/
.net_top_navi{
	padding: 0 10px;

}

.net_top_navi .navi_inner{
	float: left;
	width: 48.5%;
	border: 1px solid #0086cd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	margin-right: 3%;
	box-sizing: border-box;
	box-shadow: 0 3px 6px -3px #999;
	-webkit-box-shadow: 0 3px 6px -3px #999;
	position: relative;
}
.net_top_navi .navi_inner a{
	display: block;
	position: relative;
}


.net_top_navi .navi_inner a::after{
	text-align: right;
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid #0086cd;
	border-right: 2px solid #0086cd;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	position: absolute;
	top: 86.6%;
	right: 50%;
	margin-right: -5px;
}


.net_top_navi .navi_inner .net_features{
	width: 80px;
	margin: 0 auto;
	box-sizing: border-box;
	position: absolute;
	top: -11px;
	right: 50%;
	margin-right: -40px;
	color: #fff;
	background-color: #0086cd;
	border-radius: 10px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 700;
}
.net_top_navi .navi_inner .navi_title{
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-top: 28px;
	color: #0086cd;
}
.net_top_navi .navi_inner .navi_subtxt{
	font-size: 10px;
	margin-bottom: 10px;

}
.net_top_navi .navi_inner .navi_img{
	padding: 0 10px 30px;
}

.net_top_navi .navi_inner .navi_img img{
	max-width: 100%;
}

.blockPlanPointRow{
	display: table;;
	width:100%;

}


.boxPointIcon{
	display: table-cell;
	vertical-align: middle;
	width: 11%;
}
.boxPointIcon img{
	max-width: 100%;
}
.boxPointTxt{
	display: table-cell;
	vertical-align: top;
	padding-left: 2%;
}

.boxPointTxt h4{
	margin-bottom: 2px;
}

.areaPlanSetting1{
	width:100%;
	padding: 10px;
	background-color: #f5f5f5;
	box-sizing: border-box;
}

.btnAreaPlanSetting1 img{
	max-width: 100%;
}


.coloumn2{
	display: flex;
}

.labelExample{
	color:#fff;
	background-color: #0086cd;
	padding: 2px 5px;
	line-height: 1.6;
	font-size:11px;
	border-radius: 3px;
	position: relative;
	display: block;
	width:56px;
	margin: 0 auto;
	text-align: center;
}

.labelExample::before{
	content: "";
	border: 6px solid transparent;
	border-top: 6px solid #0086cd;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -6px;
}

.titAreaPlan1{
	padding: 0 10px;
	text-align: center;
}

.txtAreaPlan1{
	display: block;
	margin-top:10px;
}

/* areaRecommend  */
.boxAreaRecommendWrap{
	margin-bottom:10px;
	/*border: 1px solid #f18d00;*/
	border: 1px solid #999;
	background: #fff;
	border-radius: 5px;
}
.boxAreaRecommendWrap.typePickup{
	border: 1px solid #f18d00;
	background-color: #ffffcc;
}

.boxAreaRecommendInner1{
	padding: 10px;
	position: relative;
}

.titAreaRecommend1{
	padding: 8px 3%;
	font-size: 100%;
	color:#111;
	text-align:left;
	background:#dcdcdc;
	position:relative;
	box-shadow: none;
	border-radius: 5px 5px 0 0;
	line-height: 1.4;
}

.txtAreaRecommend1{
	margin-bottom: 5px;
}

.boxAreaRecommendWrap.typePickup .titAreaRecommend1{
	background:#fef3e5;
}

.labelPickup{
	font-size: 10px;
	color: #fff;
	background-color: #f85217;
	margin-right: 5px;
	padding: 4px 6px 2px;
	vertical-align: middle;
}

.label_au{
	text-align: right;
	/*
	text-align: right;
	margin:-7px auto 15px;
	*/
/*    position: absolute;
    top: 36px;
    right: 10px;*/
}

.iconNow span {
    padding: 4px 6px 2px;
	font-size:10px;
	line-height:11px;
	color:#ff3c00;
	background:#fff;
	border:1px solid #ff3c00;
	border-radius:4px;
	font-weight:bold;
	position:relative;
}

.txtAreaRecommendPriceWrap{
	margin:0 auto;
	overflow:hidden;
	padding:0 0 3px;
	text-align:center;
	font-family:'Arial';
}

.txtAreaRecommendPrice1{
	font-size: 13px;
	display:inline-block;
	padding:0 0 0 3px;
	line-height:1;
}
.txtAreaRecommendPrice2{
	display: block;
	margin-bottom:3px;
}


@media screen and (min-width:361px) {
	.priceL { font-size:40px; }
	.br-sp { display:none; }
}
@media screen and (max-width:360px) {
	.priceL { font-size:32px; }
}
@media screen and (max-width:320px) {
	.priceL { font-size:24px; }
}

.service {
	width:100%;
	display:flex;
	justify-content: center;
	text-align:left;
}
.service li {
	text-align: center;
	width:14%;
	padding:0 0 0 2%;
	line-height:12px;
}
.service li:first-child {
	padding:0;
}
.service li span {
	font-size: 13px;
	line-height:1;
	padding: 85% 0 5px;
	display:block;
	background-position:50% 5px;
	background-repeat:no-repeat;
	font-weight: 700;
}
.service li span em { font-size:8px; }
.service li.net span em:last-child { font-size:51%; display: inline-block; }
@media screen and (min-width:361px) {
	.service li span { font-size: 14px; line-height: 1;}
	.br-sp { display:none; }
}
.service li.tv span { background-image:url(/sph/common_form/img/pack_select/service_select_tv.png); background-size:90% auto; color:#fa108f; }
.service li.net span { background-image:url(/sph/common_form/img/pack_select/service_select_net.png); background-size:90% auto; color:#0086cd; }
.service li.phone span { content: ""; background-image:url(/sph/common_form/img/pack_select/service_select_phone.png); background-size:90% auto; color:#00a739; }
.service li.mobile span { content: ""; background-image:url(/sph/common_form/img/pack_select/service_select_mobile.png); background-size:90% auto; color:#00a4a9; }
.service li.megapack span { content: ""; background-image:url(/sph/common_form/img/pack_select/service_select_mega.png); background-size:90% auto; background-position:0% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; }
.service li.ele span { content: ""; background-image:url(/sph/common_form/img/pack_select/service_select_ele.png); background-size:90% auto; color:#f18d00; }
.service li.gas span { content: ""; background-image:url(/sph/common_form/img/pack_select/service_select_gas.png); background-size:90% auto; color:#0B318F; }

.isJcomColor{
	color: #e83316 !important;
}

.arrow_plan {
	position: relative;
	margin:0 auto 5px;
	border-bottom: 1px solid #999;
}
.arrow_plan::before{
	content: "";
	border: 6px solid transparent;
	border-top: 6px solid #999;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
}
.arrow_plan:after{
	content: "";
	border: 6px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -6px;
}

.boxAreaRecommendWrap.typePickup .arrow_plan::before{
	border-top: 6px solid #999;
}
.boxAreaRecommendWrap.typePickup .arrow_plan::after{
	border-top: 6px solid #ffffcc;
}

/* recommendBtn */
.recommendBtn {
	text-align:center;
	color:#999;
	margin-bottom: 8px;
}

.recommendBtn a {
	position: relative;
	color:#999;
	text-decoration: underline;
}

.boxAreaRecommendWrap.typePickup .recommendBtn a{
	color: #f18d00;
}

.recommendBtn span {
	position: absolute;
	top: 50%;
	left:-16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #999 transparent transparent;
	margin-top: -4px
}

.recommendBtn.ac a {
	text-decoration: none;
}
.recommendBtn.ac span {
	transform:rotate(180deg);
	text-decoration: none;
}

.boxAreaRecommendWrap.typePickup .recommendBtn span{
	border-color: #f18d00 transparent transparent;
}

.reasonBox {
	font-size:10px;
	display:none;
	margin-top:-1px;
	padding:14px 14px;
	text-align:left;
	border:none;
	border-top:none;
	background:#eeeeee;
	border-radius: 0 0 5px 5px;
}

.reasonListWrap{
	display: flex;
	flex-wrap: wrap;
}

.reasonList {
	width:48%;
	box-sizing: border-box;
	margin-top:15px;
	margin-left: 2%;
	background:#fff;
	border:1px solid #ff9c00;
	position:relative;
	padding:15px 10px 10px;
	line-height:1.5;
	font-size: 11px;
	font-weight: 700;
}
.reasonList:nth-child(odd) { margin-left: 0;}

.reasonListImg{
	width:40px;
	display:block;
	position:absolute;
	top:-10px;
	left:5px;
}
.reasonListImg img{
	width:40px;
}

.btn_area_reset{
    display: inline-block;
    border-radius: 3px;
    position: relative;
    background-color: #999;
    padding: 10px 25px;
    margin-bottom: 10px;
}

.btn_area_reset:link,
.btn_area_reset:hover,
.btn_area_reset:visited,
.btn_area_reset:focus {
	color:#fff;
}

.btn_area_reset::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 6%;
	margin-top: -4px;
	visibility: initial;
}

/* net_otherplan */
.net_otherplan{
	padding:0 10px;
}
.net_otherplan h3{
	position: relative;
	margin-top: 46px;
	text-align: left;
}
.net_otherplan h3::before{
	position: absolute;
	content: "集合住宅限定！";
	background-color: #039ebc;
	padding: 4px 5px 2px 10px;
	font-size: 13px;
	color: #fff;
	top: -25px;
}
.net_otherplan ul li{
	border: 1px solid #0086cd;
	font-weight: 700;
	margin-bottom: 10px;
	box-shadow: 0 3px 6px -3px #999;
	-webkit-box-shadow: 0 3px 6px -3px #999;
}
.net_otherplan ul li:last-child{
	margin-bottom: 0px;
}
.net_otherplan ul li span{
	display: block;
	margin-top: 2px;
	font-size: 16px;
	color: #e83416;
}
.net_otherplan ul li a{
	display: block;
	padding: 10px;
	position: relative;
}
.net_otherplan ul li a::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #0086cd;
	border-right: 2px solid #0086cd;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 6%;
	margin-top: -4px;
	visibility: initial;
}
.net_otherplan ul li a p{
	padding-left: 80px;
}
.net_otherplan ul li a img{
	position: absolute;
	display: inline-block;
	width: 70px;
}

.fromSimicon.isSelectArea::before{
	left:5%;
}
.fromSimicon.isSelectArea .btnTriangle::after{
	right:4%;
}

@media screen and (max-width: 320px) {
	.fromSimicon.isSelectArea::before{
		background: transparent;
	}
}

/*.js-pack_name{
	display: block;
	padding-top: 5px;
}*/


.entrybtn_area_s3{
	background-color: #f2f2f2;
	padding:20px 10px;
}

.toku_cp_txt{
	text-align: center;
	color: #fe9b00;
	font-size: 15px;
	font-weight: 700;
}


/**バナー矢印**/
.bnr_area{
	padding: 0 10px;
}

.bnr_arrow{

}
.bnr_arrow a{
	border: 1px solid #ccc;
	position: relative;
}
.bnr_arrow a::after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 6%;
	margin-top: -4px;
}

.bnr_arrow.b_ele a::after{
	border-top: 2px solid #f18d00;
	border-right: 2px solid #f18d00;
}


/**お申し込みボタン系**/

.btnsetArea{
	background-color: #f5f5f5;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.entry_area{


}

.entry_area.backele{
	background: #eee;
	padding: 20px 10px;
}
.entry_area.herfbtn ul{
	font-size: 0;
}
.entry_area.herfbtn ul li{
    display: inline-block;
    font-size: 13px;
    width: 48.5%;
    box-sizing: border-box;
    margin-right: 3%;
	vertical-align: middle;
}
.entry_area.herfbtn ul li:last-child{
	margin-right: 0;
}
.entry_area.herfbtn ul li a{
	line-height: 1.2;
}
.entry_txt{
	font-size: 10px;
	margin-bottom: 10px;
}
.sim_under_txt{
	text-align: center;
	font-size: 10px;
	margin-top: 10px;
}
.sim_under_txt::before{
	content: "!";
    color: #f18d00;
    border: 1px solid #f18d00;
    padding: 0 0 0 1px;
    margin: 0;
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
}

.ele_sim_btn a{
	display: block;
    padding: 13px 10px;
    color: #309acd;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
	border: 1px solid #309acd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 3px 6px -3px #999;
    -webkit-box-shadow: 0 3px 6px -3px #999;
	position: relative;
    background: #fff;
}

.ele_sim_btn a::after{
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #309acd;
    border-right: 2px solid #309acd;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -4px;
}


.tel_area{
	text-align: center;
}
.tel_area img{
	width: 20px;
}
.tel_area a{
	display: block;
	padding: 10px 0;
}
.tel_area a ul{
}
.tel_area a ul li{
	display: inline-block;
	vertical-align: middle;
	color: #04287e!important;
	font-weight: 700;
	line-height: 1.2;
	margin-right: 5px;
}
.tel_area a ul li:first-child{
	margin-right: 5px;
	font-size: 10px;
}
.tel_area a ul li:nth-child(3){
	font-size: 16px;
}
.tel_area a ul li:nth-child(4){
	font-size: 10px;
	margin-right: 0;
}

/**シミュレーションボタン**/
.elesim_btn{
	background:#eee;
	padding: 20px 0;
}
.elesim_btn a{
	display: block;
	border: 1px solid #309acd;
	text-align: center;
	font-size: 15px!important;
	font-weight: 700;
	line-height: 1em;
	padding: 20px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	box-shadow: 0 3px 6px -3px #999;
    -webkit-box-shadow: 0 3px 6px -3px #999;
	position: relative;
	color: #309acd!important;
	background-color: #fff;
}
.elesim_btn a::after{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #309acd;
    border-right: 2px solid #309acd;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 50%;
    right: 6%;
    margin-top: -4px;
}
.elesim_btn a::before{
    position: absolute;
    content: "";
    background: url(/sph/common/img_v2/icon/icon_elesim.png) no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin-left: -50px;
    margin-top: -12px;
}
.elesim_btn p{
	text-align: center;
	margin-bottom: 5px;
	font-weight: 700;
}

/**アコーディオン**/

.acoStyle1{
	
}

.acoStyle1 img{
	width: 100%;
}
.acoStyle1 .acoStyle1_title{
	border-top: 1px solid #ccc;

	text-align: center;
	font-size: 15px;
    z-index: 1;
	position: relative;
}
.acoStyle1 .acoStyle1_title.oneline{
    padding:20px 0;
}
.acoStyle1 .acoStyle1_title.twoline{
    padding:12px 0;
}

.acoStyle1 .acoStyle1_title::after{
	content: " ";
    width: 20px;
    height: 20px;
    background: url(/sph/common/img_v2/aco/img_acomark_cl.png) 95% center no-repeat;

    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    right:3%;
    top: 50%;
    margin-top: -10px;
}
.acoStyle1 .acoStyle1_title.active::after{
    background: url(/sph/common/img_v2/aco/img_acomark_op.png) 95% center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}


.tel_newArea a{
	display: block;
}
.tel_newArea a ul.tel_parts{
	display: block;
	text-align: center;
    padding: 10px 0;
}
.tel_newArea a ul.tel_parts li{
	display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.tel_newArea a ul.tel_parts li:first-child{
	font-size: 10px;
	display: block;
	margin-bottom: 2px;
}
.tel_newArea a ul.tel_parts li img{
	width: 20px;
	margin-right: 5px;
}
.tel_newArea a ul.tel_parts li.tel_num_new{
    font-size: 18px;
    color: #04287e;
	line-height: 1.0!important;
	margin-right: 5px;
}

.tel_newArea a ul.tel_parts li.tel_time_new{
	font-size: 10px;
    color: #04287e;
}

.btn_ent_arw{
	position: relative;
}

.btn_ent_arw a::after{
	content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -4px;
}

.btn_arw{
	position: relative;
}
.btn_under_area{
	padding: 10px 0;
    background-color: #ffe9ac;
    margin-bottom: 20px;
    margin-top: 10px;
}
.btn_arw a::after{
	content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #ff5600;
    border-right: 2px solid #ff5600;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -4px;
}

.simicon a{
	display: block;
	padding-left: 5%!important;
	position: relative;
}
.simicon a::before{
	position: absolute;
	content: "";
	display: inline-block;
	background-image: url(/sph/common/img_v2/icon/sim/icon_sim01.png);
	background-size: 15px;
	width: 15px;
	height: 20px;
	margin-left: -39%;
	top: 50%;
	margin-top: -10px;
}
.simicon a::after{
	content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -4px;
}


ul.top_btn_area{
	display: block;
	padding: 0 10px;
	font-size: 0;
}
ul.top_btn_area li{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	width: 48.5%;
	box-sizing: border-box;
	background-color: #fff;
	text-align: center;
    border-radius: 4px;
	border:none!important;
}
ul.top_btn_area li:first-child{
	margin-right: 2%;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	border: 1px solid;
}
ul.top_btn_area li a{
	display: block;
	border: 1px solid;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding: 11px 0;
	position: relative;
	color: #333;
	font-weight: 700;
}


ul.top_btn_area li.dft_btn_1 a,
ul.top_btn_area li.dft_btn_2 a{
	display: block;
	border-color: #ccc;
}
ul.top_btn_area li.ent_btn_2 a{
	background: #e83416;
    background: linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
    background: -ms-linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
	color: #fff;
	border: none;
	padding: 12px 0;
}
ul.top_btn_area li.sim_btn_2 a{
	background: #ffffff;
    background: linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	color: #333;
	border: 1px solid #ccc;
}



ul.top_btn_area li.dft_btn_1.sdubtn a{
	border-color: #dd7a41;
}
ul.top_btn_area li.otoi a{
	border-color: #ff5600!important;
}
ul.top_btn_area li.dft_btn_1 a{
		padding: 11px 0;
}
ul.top_btn_area li.dft_btn_2 a{
		padding: 19px 0;
}
ul.top_btn_area li a span.sp1{
	color: #039ebc;
}
ul.top_btn_area li a span.sp2{
	color: #dd7a41;
}
ul.top_btn_area li a span.sp3{
	font-size: 10px!important;
	color: #fff;
}
ul.top_btn_area li a span.sp4{
	font-size: 10px!important;
	color: #333;
}
ul.top_btn_area li a::after,
ul.top_btn_area li.sdubtn a::after,
ul.top_btn_area li.mdubtn a::after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
    margin-top: -4px;
}

ul.top_btn_area li.sdubtn a::after {
    border-top: 2px solid #dd7a41;
    border-right: 2px solid #dd7a41;
}
ul.top_btn_area li.mdubtn a::after {
    border-top: 2px solid #039ebc;
    border-right: 2px solid #039ebc;
}
ul.top_btn_area li.ent_btn_2 a::after{
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
ul.top_btn_area li.otoi a::after{
	border-top: 2px solid #ff5600;
    border-right: 2px solid #ff5600;
}
ul.top_btn_area li.mdubtn a::before{
	position: absolute;
	content: "";
	display: inline-block;
	background-image: url(/sph/common/img_v2/icon/icon_mansion.png);
	background-size: 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 30px;
	top: 50%;
	margin-top: -12px;
	margin-left: -28px;
}
ul.top_btn_area li.sdubtn a::before{
	position: absolute;
	content: "";
	display: inline-block;
	background-image: url(/sph/common/img_v2/icon/icon_home.png);
	background-size: 20px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	top: 50%;
	margin-top: -9px;
	margin-left: -30px;
}
ul.top_btn_area li.kensakubtn a::before{
	position: absolute;
	content: "";
	display: inline-block;
	background-image: url(/sph/common/img_v2/icon/icon_search.png);
	background-size: 21px;
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
	top: 50%;
	margin-top: -9px;
	margin-left: -26px;
}
ul.top_btn_area li.sim_btn_2 a::before{
	position: absolute;
    content: "";
    display: inline-block;
    background-image: url(/sph/common/img_v2/icon/sim/icon_sim01.png);
    background-size: 15px;
	background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    margin-left: -39%;
    top: 50%;
    margin-top: -10px;
}

ul.top_btn_area li.faq_btn_2 a::before{
	position: absolute;
    content: "";
    display: inline-block;
    background-image: url(/sph/common/img_v2/icon/icon_question.png);
    background-size: 20px;
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: -28%;
    top: 50%;
    margin-top: -10px;
}
.faq_btn_2 a{
	border: 1px solid #ccc!important;
}
.bnt_area ul.entry_newbtn_herf li{
	    font-size: 13px!important;
}

.entry_btn_white_2line.otoi a::after{
	border-top: 2px solid #ff5600;
    border-right: 2px solid #ff5600;
}

/*おすすめプラン　追加181025*/
.plan_ttl_area{
	
}
.plan_ttl_area h3,
.plan_ttl_area .areareset_btn{
	display: inline-block;
	vertical-align: middle;
}
.plan_ttl_area h3{
	text-align: left;
	float: left;
	font-size: 15px;
}
.plan_ttl_area .areareset_btn{
	margin-left: 20px;
	float: right;
}

.plan_ttl_area .areareset_btn a{
    display: inline-block;
    border-radius: 2px;
    background-color: #999;
    padding: 10px 15px 8px;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	position: relative;
}
.plan_ttl_area .areareset_btn a::after{
    content: "";
    display:inline-block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -3px;
}