@charset "utf-8";

/* -----------------------------------------------------
	01. basic
	02. price-table-font化
	03. smartvalue
----------------------------------------------------- */
/* -----------------------------------------------------
	01. basic
----------------------------------------------------- */
table.lyt_tbl_01{
width:100%;
border-spacing:0;
border-collapse:separate;
*border-collapse:collapse;
border-left:#dadada solid 1px;
border-top:#dadada solid 1px;
margin-bottom:20px;/*def*/
}
table.lyt_tbl_01 th,
table.lyt_tbl_01 td{
border-right:#dadada solid 1px;
border-bottom:#dadada solid 1px;
padding:8px 10px 7px 12px;
vertical-align:top;
text-align:left;
vertical-align:middle;
word-break: break-all;
}
table.lyt_tbl_01 thead th,
table.lyt_tbl_01 thead td{
font-weight:normal;
}
table.lyt_tbl_01 tbody th{
background-color:#fafafa;
font-weight:normal;
}
table.lyt_tbl_01 tr.lv2 th{
font-weight:normal;
}
table.lyt_tbl_01 thead th span,
table.lyt_tbl_01 tbody th span{
font-weight:bold;
}
table.lyt_tbl_01 tbody th span.fw_n{
font-weight:normal;
}


table.lyt_tbl_01 thead th img,
table.lyt_tbl_01 tbody th img{
vertical-align: top !important;
}
table.lyt_tbl_01 thead th img.sign,
table.lyt_tbl_01 tbody th img.sign{
vertical-align:middle !important;
}
table.lyt_tbl_01 th.c_y,
table.lyt_tbl_01 td.c_y{
background-color:#ffefb4;
}
table.lyt_tbl_01 th.c_g,
table.lyt_tbl_01 td.c_g{
background-color:#fafafa;
}
table.lyt_tbl_01 th.c_w,
table.lyt_tbl_01 td.c_w{
background-color:#ffffff;
}
table.lyt_tbl_01 tr.v_m td{
vertical-align:middle;
}
table.lyt_tbl_01 tr.lyt_m th,
table.lyt_tbl_01 tr.lyt_m td{
text-align:center;
vertical-align:middle;
}

/*カテゴリ別bgcolor*/
div.hs_mobile table.lyt_tbl_01 thead th,
div.hs_mobile table.lyt_tbl_01 thead td{
background-color:#034694;
color:#FFFFFF;
}
div.hs_mobile table.lyt_tbl_01 thead th.lv1,
div.hs_mobile table.lyt_tbl_01 thead td.lv1{
background-color:#d8e4f4;
color:#333333;
}

div.hs_mobile table.lyt_tbl_01 tbody th.lv1{
background-color:#034694;
color:#FFFFFF;
}
div.hs_mobile table.lyt_tbl_01 tbody th.lv2{
background-color:#fef8e3;
color:#333333;
}
div.hs_mobile table.lyt_tbl_01 tbody th.lv3{
background-color:#d5e4f8;
color:#333333;
}
div.hs_mobile table.lyt_tbl_01 tbody td.lv2{
background-color:#e0f0f9;
color:#000000;
}



div.adsl table.lyt_tbl_01 thead th,
div.adsl table.lyt_tbl_01 thead td{
background-color:#db0010;
color:#FFFFFF;
}
div.adsl table.lyt_tbl_01 tr.lv2 th,
div.adsl table.lyt_tbl_01 tr.lv2 td{
background-color:#f7c5c9;
color:#000000;
}
div.adsl table.lyt_tbl_01 tbody th.lv1{
background-color:#db0010;
color:#FFFFFF;
}
div.adsl table.lyt_tbl_01 tbody th.lv2{
background-color:#f7c5c9;
color:#000000;
}
div.hikari table.lyt_tbl_01 thead th,
div.hikari table.lyt_tbl_01 thead td,
table.promo_hikari02.lyt_tbl_01 thead th,
table.promo_hikari02.lyt_tbl_01 thead td{
background-color:#319933;
color:#FFFFFF;
}
div.hikari.auhikari table.lyt_tbl_01 thead th,
div.hikari.auhikari table.lyt_tbl_01 thead td {
background-color:#968d7e;
color:#FFFFFF;
}
table.promo_hikari01.lyt_tbl_01 thead th,
table.promo_hikari01.lyt_tbl_01 thead td{
background-color:#333333;
color:#FFFFFF;
}

div.hikari table.lyt_tbl_01 tr.lv2 th,
div.hikari table.lyt_tbl_01 tr.lv2 td{
background-color:#d0e8d1;
color:#000000;
}

div.hikari.auhikari table.lyt_tbl_01 tr.lv2 th,
div.hikari.auhikari table.lyt_tbl_01 tr.lv2 td{
background-color:#f1ede3;
color:#000000;
}

div.hikari table.lyt_tbl_01 tbody th.lv1{
background-color:#319933;
color:#FFFFFF;
}
div.hikari table.lyt_tbl_01 tbody th.lv2{
background-color:#d0e8d1;
color:#000000;
}
div.others table.lyt_tbl_01 thead th,
div.others table.lyt_tbl_01 thead td{
background-color:#ffa514;
}
div.others table.lyt_tbl_01 thead th a:hover,
div.others table.lyt_tbl_01 thead th a:focus,
div.others table.lyt_tbl_01 thead th a:active,
div.others table.lyt_tbl_01 thead td a:hover,
div.others table.lyt_tbl_01 thead td a:focus,
div.others table.lyt_tbl_01 thead td a:active{
color:#008ED7;
text-decoration:none;
}

div.others table.lyt_tbl_01 tr.lv2 th,
div.others table.lyt_tbl_01 tr.lv2 td{
background-color:#ffd38c;
}
div.others table.lyt_tbl_01 tbody th.lv1{
background-color:#ffa514;
}
div.others table.lyt_tbl_01 tbody th.lv2{
background-color:#ffd38c;
}

div.niftyhikari table.lyt_tbl_01 tr.lv2 th,
div.niftyhikari table.lyt_tbl_01 tr.lv2 td{
background-color:#b4b4b4;
text-align:center;
color:#FFFFFF;
}

div.wimax table.lyt_tbl_01 thead th,
div.wimax table.lyt_tbl_01 thead td{
background-color:#0092d7;
color:#FFFFFF;
}
div.wimax table.lyt_tbl_01 tr.lv2 th,
div.wimax table.lyt_tbl_01 tr.lv2 td{
background-color:#c2ebff;
color:#000000;
}
div.wimax table.lyt_tbl_01 tbody th.lv1{
background-color:#0092d7;
color:#FFFFFF;
}
div.wimax table.lyt_tbl_01 tbody th.lv2{
background-color:#c2ebff;
color:#000000;
}
div.emobile table.lyt_tbl_01 thead th,
div.emobile table.lyt_tbl_01 thead td{
background-color:#db0010;
color:#FFFFFF;
}
div.emobile table.lyt_tbl_01 tr.lv2 th,
div.emobile table.lyt_tbl_01 tr.lv2 td{
background-color:#f7c5c9;
color:#000000;
}
div.emobile table.lyt_tbl_01 tbody th.lv1{
background-color:#db0010;
color:#FFFFFF;
}
div.emobile table.lyt_tbl_01 tbody th.lv2{
background-color:#f7c5c9;
color:#000000;
}

table.promo_hikari02.lyt_tbl_01 {
line-height: 145%;
}

table.promo_hikari01.lyt_tbl_01 tbody th,
table.promo_hikari02.lyt_tbl_01 tbody th {
background:#D9F8D9;
}

table.promo_hikari01.lyt_tbl_01 tbody th.bg_gr {
background:#399B38;
color: #FFFFFF;
}

table.lyt_tbl_01 tbody .fo_or{ color:#FF4E00;}

table.lyt_tbl_01 tbody dl {
display: table;
table-layout:fixed;
width: 100%;
}

table.lyt_tbl_01 tbody dl dt,
table.lyt_tbl_01 tbody dl dd {
display:table-cell;
}

table.lyt_tbl_01 tbody dl.w20 dt { width: 20%;}
table.lyt_tbl_01 tbody dl.w25 dt { width: 25%;}
table.lyt_tbl_01 tbody dl.w30 dt { width: 30%;}
table.lyt_tbl_01 tbody dl.w35 dt { width: 35%;}
table.lyt_tbl_01 tbody dl.w40 dt { width: 40%;}
table.lyt_tbl_01 tbody dl.w45 dt { width: 45%;}
table.lyt_tbl_01 tbody dl.w50 dt { width: 50%;}
table.lyt_tbl_01 tbody dl.w55 dt { width: 55%;}
table.lyt_tbl_01 tbody dl.w58 dt { width: 58%;}
table.lyt_tbl_01 tbody dl.w60 dt { width: 60%;}
table.lyt_tbl_01 tbody dl.w62 dt { width: 62%;}
table.lyt_tbl_01 tbody dl.w65 dt { width: 65%;}




/* コース表記 */
table.lyt_tbl_01.lyt_cat{
border-left:none;
border-top:none;
}
table.lyt_tbl_01 thead tr th.cat_c{
font-weight:normal;
background:url(/common/images/bg/bg_tbl_01.gif) repeat-x bottom left #034694;
border-bottom:#dadada solid 1px;
border-right:none;
}
table.lyt_tbl_01 thead tr td.cat_c{
font-weight:normal;
border-bottom:#dadada solid 1px;
border-right:none;
background-color:#FFFFFF;
}
table.lyt_tbl_01 thead tr th.cat_c p{
padding:0 0 3px 0;
font-weight:normal;
font-weight:bold;
}
table.lyt_tbl_01 tr th.cat_r{
font-weight:normal;
background:url(/common/images/bg/bg_tbl_01.gif) repeat-y top right #034694;
border-bottom:none;
border-right:#dadada solid 1px;
}
table.lyt_tbl_01 thead tr td.cat_r{
font-weight:normal;
background-color:#FFFFFF;
border-bottom:none;
border-right:#dadada solid 1px;
}
table.lyt_tbl_01 tr th.cat_r p{
padding-right:3px;
font-weight:normal;
font-weight:bold;
color:#ffffff;
}
table.lyt_tbl_01 thead tr td.cat_t{
border-bottom:none;
border-right:none;
background-color:#FFFFFF;
}


table.lyt_tbl_01 *{
margin-bottom:0;
}

table.lyt_tbl_cam{
width:100%;
border-spacing:0;
border-collapse:separate;
*border-collapse:collapse;
border-top:#cdcdcd solid 1px;
}
table.lyt_tbl_cam th{
border-bottom:#cdcdcd solid 1px;
padding:3px 0px;
vertical-align:middle;
text-align:center;
background:#f2f2f2;
}
table.lyt_tbl_cam td{
border-bottom:#cdcdcd solid 1px;
padding:10px 3px 10px 38px;
vertical-align:middle !important;
text-align:left;
}



table.lyt_tbl_hikari_01{
width:100%;
border-spacing:0;
border-collapse:separate;
*border-collapse:collapse;
border-left:#edd479 solid 2px;
border-top:#edd479 solid 2px;
margin-bottom:20px;/*def*/
}
table.lyt_tbl_hikari_01 th,
table.lyt_tbl_hikari_01 td.head{
background-color:#fff5bb;
vertical-align:middle;
text-align:center;
border-right:#edd479 solid 2px;
border-bottom:#edd479 solid 2px;
padding:16px 10px;
font-weight:normal;
}
@media screen and (max-width: 768px) {
.hs_mobile table.lyt_tbl_hikari_01 th,
.hs_mobile table.lyt_tbl_hikari_01 td.head{
background-color:#fff5bb;
vertical-align:middle;
text-align:center;
border-right:#edd479 solid 2px;
border-bottom:#edd479 solid 2px;
padding:16px 7px;
font-weight:normal;
}

table.lyt_tbl_cam th{
padding:3px 8px;
}
table.lyt_tbl_cam td{
padding:10px 8px;
}


}

table.lyt_tbl_hikari_01 th span,
table.lyt_tbl_hikari_01 td.head span{
	font-weight:bold;
}

table.lyt_tbl_hikari_01 td{
padding:16px 10px;
vertical-align:middle;
text-align:center;
border-right:#edd479 solid 2px;
border-bottom:#edd479 solid 2px;
}
table.lyt_tbl_hikari_01 tr.lyt_btn td{
background-color:#f5f3e9;
padding:10px 0 12px;
}
table.lyt_tbl_hikari_01 tr.lyt_txt td{
vertical-align:top;
text-align:left;
}
table.lyt_tbl_hikari_01 td.head{
background-color:#fff5bb !important;
}
table.lyt_tbl_hikari_01 tr.lyt_border01 th,
table.lyt_tbl_hikari_01 tr.lyt_border01 td{
border-bottom:#edd479 solid 2px;
}
table.lyt_tbl_hikari_01 th.lyt_border02,
table.lyt_tbl_hikari_01 td.lyt_border02{
border-right:#edd479 solid 1px;
}
table.lyt_tbl_hikari_01 tr.lyt_bg_y td,
table.lyt_tbl_hikari_01 .lyt_bg_y{
background-color:#fffade;
}
table.lyt_tbl_hikari_01 .lyt_bg_w{
background-color:#ffffff;
}

table.lyt_tbl_hikari_01 .f_link {
	font-size:115%;
}

.bg_white{
background:#ffffff !important;
}

.bg_gray{
background:#fafafa !important;
}

@media screen and (max-width: 768px) {

table.lyt_tbl_01 th,
table.lyt_tbl_01 td{
padding:5px 5px 8px;
}


}


/* -----------------------------------------------------
	02. price-table-font化 1503
----------------------------------------------------- */
table.price_tbl p ,
table.price_tbl span {
	line-height:1.4;
}

table.price_tbl .br-n {
	border-right:none;
}
table.price_tbl .bl-n {
	border-left:none;
}
table.price_tbl .bt-n {
	border-top:none;
	padding-top:0;
}
table.price_tbl .bb-n {
	border-bottom:none;
	padding-bottom:0;
}
table.price_tbl .btb-n {
	border-top:none;
	border-bottom:none;
	padding-top:0;
	padding-bottom:0;
}
table.price_tbl .b-n {
	border:none;
}
table.price_tbl .bb-dt {
	border-bottom: 2px dotted #ccb897 !important;
}
table.price_tbl td .num_a-l {
	padding-right:1.5em;
}
table.price_tbl td .num_a-l.val-01 {
	padding-right:0;
}
table.price_tbl td .num_a-l sup {
	margin-right:-1.5em;
}
table.price_tbl td  .num_a-c {
	padding-right:27%;
}
table.price_tbl td .num_a-c sup {
	margin-right:-1.7em;
}
table.price_tbl td.last_col {
	background:#e9e9e9;
}
table.price_tbl th {
	text-align:center;
}
table.price_tbl th,
table.price_tbl td {
	vertical-align:middle;
	word-wrap: break-word ;
}

/* font */
table th .price_th-l {
	font-size:143%;
}
table th .price_th-s {
	font-size:82%;
}
table td .price_txt-l {
	font-size:143%;
	font-weight:bold;
}
table td .price_txt-s {
	font-size:82%;
}
table td .num {
	font-weight:bold;
	font-size:143%;
	word-break: initial;
}
table td .unit {
	font-weight:bold;
	font-size:100%;
}

/* th 背景色 */
div.adsl table.price_tbl thead th {
	background:#db0010;
}
div.adsl table.price_tbl tbody th {
	background:#ffeff0;
}
div.hikari table.price_tbl thead th {
	background:#319933;
}
div.hikari table.price_tbl tbody th {
	background:#cbeacc;
}
div.hikari.auhikari table.price_tbl tbody th {
	background:#f1ede3;
}
div.hikari.auhikari table.price_tbl.au_opcam tbody th {
	background:#968d7e;
}
div.hikari.auhikari table.price_tbl thead th {
	background:#968d7e;
}
div.hs_mobile table.price_tbl thead th {
	background:#034694;
}
div.hs_mobile table.price_tbl tbody th {
	background:#d5e5f8;
}
div.hs_mobile table.price_tbl.row01 tbody th {
	background:#034694;
	color:#fff;
}
div.promo table.price_tbl thead th {
	background:#333333;
	color:#FFF;
}
div.promo table.price_tbl tbody th {
	background:#e9e9e9;
}

/*   promo/fmv/auhikari 1503   */
div.promo table.price_tbl tbody .bg_ivory {
	background:#f1ede2 !important;
}

/*   promo/fmv/auhikari support 1503   */
div.promo table.price_tbl tbody.support th {
	color:#f97b00;
	font-size:16px;
}


/* 追加背景色 */

td.bg_l-blue,
th.bg_l-blue {
	background:#b5cae2 !important;
}

td.bg_p-blue,
th.bg_p-blue {
	background:#0096d9 !important;
}

td.bg_vp-blue,
th.bg_vp-blue {
	background:#e5f8ff !important;
	color:#0096d9 !important;
}

td.bg_l-green ,
th.bg_l-green {
	background:#b5cae2 !important;
}

td.bg_l-red ,
th.bg_l-red {
	background:#f6bbbf !important;
}

td.bg_l-grey ,
th.bg_l-grey {
	background:#c6c6c6 !important;
}

td.bg_vl-grey ,
th.bg_vl-grey {
	background:#f6f4f6 !important;
}

td.bg_l-yellow ,
th.bg_l-yellow {
	background:#fef8e3 !important;
}

td.bg_d-glay ,
th.bg_d-glay {
	background:#333 !important;
	color:#fff !important;
}

td.bg_green,
th.bg_green{
background-color:#319933 !important;
color:#FFFFFF !important;
}

td.bg_w-gray,
th.bg_w-gray {
background-color:#fafafa !important;
}

td.bg_white,
th.bg_white {
background-color:#ffffff!important;
}
.cours_ico{
	padding:0 10px 0 0;
}

/*斜線*/

.tbl_diagonal {
	width:135px;
	height:98px;
	margin:0 !important;
	padding:0 !important;
}

.tbl_diagonal span {
display:block;
    height: 100%;
    width: 100%;
    border-top: solid #dadada 1px;
		-webkit-transform: matrix(1, 0.73, 0, 1, 0, 49);
		-moz-transform: matrix(1, 0.73, 0, 1, 0, 49);
    transform: matrix(1, 0.73, 0, 1, 0, 49);
		/*
        0.73 = 98 / 135 (height / width)
        49 = 98 / 2
    */
}

/* -----------------------------------------------------
	02. smartvalue 1503
----------------------------------------------------- */
div.smartvalue table.price_tbl tbody th {
	background-color:#FEE4D3 !important;
}
div.smartvalue table.price_tbl .num ,
div.smartvalue table.price_tbl .unit {
	color:#ea5721 !important;
}

/* -----------------------------------------------------
	03. niftryhikari pc 1507
----------------------------------------------------- */
table.lyt_tbl_pc{
width:100%;
border-spacing:0;
border-collapse:collapse;
margin-bottom:20px;/*def*/
}
table.lyt_tbl_pc th,
table.lyt_tbl_pc td{
border:#dadada solid 1px;
padding:8px 10px 7px 12px;
text-align:center;
vertical-align:middle;
}
table.lyt_tbl_pc td.b-no{
	border:none;
}

/*.tbl_scl_w {
	max-width: 960px;
	margin: 0 0 20px;
}

.tbl_scl_inner_w {
	width:960px;
}
*/

@media screen and (max-width: 768px) {

table td .num {
	font-size:123%;
	word-break: initial;
}

.tbl_scl table td .num ,
.tbl_scl_W table td .num {
	font-size:143%;
}


}

@media screen and (max-width: 640px) {

.fl_none .lyt_col {
	width:100%;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.cours_ico{
	padding:0 ;
}

.cours_ico img{
	width:100%;
	max-width:76px;
}

.br_none br {
	display:none;

}

}


.tbl_scl {
	max-width: 715px;
	margin: 0 0 20px;
}

.tbl_scl_inner {
	width:715px;
}

.tbl_scl_w {
	max-width: 960px;
	margin: 0 0 20px;
}

.tbl_scl_inner_w {
	width:960px;
}


@media screen and (max-width: 640px) {

.tbl_scl ,
.tbl_scl_w {
	overflow: auto;
}

.tbl_scl .tbl_scl_inner ,
.tbl_scl_w .tbl_scl_inner_w {
	max-width: 715px;
	padding:0 0 5px;
}

}

.btn_stock {
	font-size:108%;
	color:#fff;
	font-weight:bold;
	background:#ccc;
	max-width:122px;
	margin:0 auto;
	padding:5px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-webkit-box-sizing:border-box;
border-radius:4px;
}


.btn_stock.val-ari {
	background:#29a12b;
}
.btn_stock.val-nashi {
	background:#db0010;
}
.btn_stock.val-kinsyo {
	background:#ecb700;
}
.btn_stock.val-machi{
	background:#f8880b;
}
.btn_stock.val-syuryo{
	background:#6c6c6c;
}
.btn_stock.val-yoyaku{
	background:#2099db;
}


@media screen and (max-width: 768px) {
	.btn_stock {
	font-size:100%;
	}
}


/* -----------------------------------------------------
	【RN】未完ページ対応時追加 161028
----------------------------------------------------- */

td.bg_orange ,
th.bg_orange {
	background:#ffa514 !important;
}

.price_list_tbl_scl .tbl_scl_w {
	max-width: 715px;
	margin: 0 0 20px;
}
.price_list_tbl_scl .tbl_scl_inner_w {
	width:715px;
}

@media screen and (max-width: 768px) {
.price_list_tbl_scl .tbl_scl_inner_w {
	width:960px;
}
}

@media screen and (max-width: 420px) {
table.price_list_tbl {
	font-size:72%;
}
}



.sign_up_tbl_scl .tbl_scl_w {
	max-width: 715px;
	margin: 0 0 20px;
}
.sign_up_tbl_scl .tbl_scl_inner_w {
	width:715px;
}
@media screen and (max-width: 768px) {
.sign_up_tbl_scl .tbl_scl_inner_w {
	width:960px;
}
}


.houjin_tbl.lyt_tbl_01 tr th {
	width:16%;
}
.houjin_tbl.lyt_tbl_01 tr td {
	width:28%;
}
.houjin_tbl.lyt_tbl_01 tr td + td {
	width:56%;
}

@media screen and (max-width: 768px) {

.houjin_tbl.lyt_tbl_01 tr th {
	width:100%;
}
.houjin_tbl.lyt_tbl_01 tr td {
	width:50%;
}
.houjin_tbl.lyt_tbl_01 tr td + td {
	width:50%;
}

.houjin_tbl.lyt_tbl_01 {
	border: 1px solid #dadada;
	border-top: none;
}


.houjin_tbl.lyt_tbl_01 th {
	display:block;
	border-top: 1px solid #dadada;
	border-bottom: none;
	border-right: none;
	box-sizing:border-box;
}
.houjin_tbl.lyt_tbl_01 td {
	display:block;
	float:left;
	border-top: 1px solid #dadada;
	border-bottom: none;
	border-right: none;
	box-sizing:border-box;
}
.houjin_tbl.lyt_tbl_01 tr td + td {
	display:block;
	float:left;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	box-sizing:border-box;
}

}



@media screen and (max-width: 768px) {

.settlement_tbl_sp.lyt_tbl_01 th, .settlement_tbl_sp.lyt_tbl_01 td {
    display: block;
}

}



/* -----------------------------------------------------
ドコモ光　トップリニューアル
add180528
----------------------------------------------------- */

/*************************************
.docomo table.price_tbl
**************************************/
div.docomo table.price_tbl thead th{
	background: #d00f31;
	color: #fff;
}

div.docomo table.price_tbl tbody th {
	background: #fae6ea;
}