@charset "utf-8";

/* -----------------------------------------------------
	01. common
	02. column_application
	03. ap_btn
	04. list
    05. table
	06. border
	07. link
	08. box
----------------------------------------------------- */


/* -----------------------------------------------------
	01. common
----------------------------------------------------- */
a,
a:link{
color:#0075b1;
text-decoration:underline;
}
a:visited{ color:#551a8b; }
a:hover,
a:focus,
a:active{
color:#e15a00;
text-decoration:none;
}
.clear:after,
.lyt_thum_01 ul:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.not_focus{ color:#777; }

@media screen and (max-width: 768px) {
a,
a:link{
color:#0075b1;
text-decoration:underline;
}
a:visited{ color:#551a8b; }
a:hover,
a:focus,
a:active{
color:#e15a00;
text-decoration:none;}
}
	
.mb_10 {margin-bottom:10px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}

.a_c {text-align:center;}
.a_l {text-align:right;}

.fc_r {color:#db0010;}
.f_bold {font-weight:bold;}

@media screen and (max-width: 768px) {

.mt_30sp {margin-top:30px !important;}

}

/* -----------------------------------------------------
	02. column_application
----------------------------------------------------- */

#applicationArea .info_rt_box02 {
	display:none;
}

div#column_application{
line-height: 1.72;
background: #fafafa;
border: 1px solid #dddbd4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
clear:both;
}
div#application_inner{
padding:33px 12px 10px;
}
div#column_application .hdg_l2_application_01{
text-align:center;
margin-bottom:34px;
}

div#column2_applications{
background:url(/common/images/bg/bg_column2_applications.gif) repeat-y 50% 0;
margin-bottom:28px;
padding:0 0 10px;
overflow:hidden;
}
div#column2_applications .column2{
width:50%;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

div#column_application .app_title {
	border-bottom:1px dashed #bfb79f;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	padding:0 0 5px;
}

div#column_application .app_text {
	padding:20px;
}

div#column_application .app_sttl,
div#column_application .ap_desk {
	font-weight:bold;
}

div#column_application .ap_tel_01 {
	font-size:300%;
	margin:8px 0 5px;
	padding:3px 0 0 60px;
}
div#column_application .ap_tel_01.val-free_01 {
	background:url(/common_new/images/tel_ico_fc.gif) 0 10px no-repeat;
	background-size:44px auto;
}

div#column_application .ap_tel_01 a {
	text-decoration:none;
	color:#333;
	cursor:default;
}

div#column_application .hdg_l3_application_01{
margin-bottom:10px;
font-size:115%;
font-weight:bold;
}

div#column_application .hdg_l3_application_01 span{
font-size:90%;
}

div#column_application .box_freedial{
	padding:0 0 0 23px;

}

div#column2_applications .signup_tel {
	margin:0 0 0 50px;
}

div#column2_applications .ap_tel {
	font-weight:bold;
	font-size:280%;
	line-height:1.2;
	padding:3px 0 0 61px;
}

div#column2_applications .ap_tel a,
div#column2_applications .ap_tel a:link {
	cursor:default;
	color:#333;
	text-decoration:none;
}



div#column2_applications .ap_tel.val-free {
	background:url(/common_new/images/tel_ico_fc.gif) 0 5px no-repeat;
}

div#column2_applications .ap_ruby {
	display:inline-block;
	position:relative;
}

div#column2_applications .ap_ruby .ap_rt {
	display:block;
	width:100%;
	position:absolute;
	top:-6px;
	left:0; 
	font-size:10px;
	text-align:center;
}

div#column2_applications .ap_tel_note {
	text-indent:-0.5em;
}

div#column2_applications .ap_tel_note02 {
	margin:10px 0 20px;
	text-align:center;
}


div#column_application ul.links,
div#column_application3 ul.links{
padding-left:34px;
}

div#column_application ul.links a,
div#column_application ul.links a:link{
color:#0075b1;
text-decoration:underline;
}
div#column_application ul.links a:visited{ color:#551a8b; }
div#column_application ul.links a:hover,
div#column_application ul.links a:focus,
div#column_application ul.links a:active{
color:#e15a00;
text-decoration:none;
}

div#column_application ul.links.val-01,
div#column_application3 ul.links.val-01{
padding-left:0;
}

div#column_application ul.links.val-01 li,
div#column_application3 ul.links.val-01 li{
margin-left:0;
}

div#column_application ul.links li{
background:url(/common/images/icon_link_right_01.gif) no-repeat 0% 0.65em;
margin-left:7px;
padding-left:10px;
text-align:left;
font-size:86%;
}
*:first-child+html div#column_application ul.links li,
*:first-child+html div#column_application3 ul.links li{
background-position:0 0.8em;
}

div#column_application ul.links02{
padding-left:34px;
}
div#column_application ul.links02 li{
float:left;
background:url(/common/images/icon_link_right_01.gif) no-repeat 0% 0.65em;
margin-left:7px;
padding-left:10px;
text-align:left;
font-size:86%;
}
div#column_application ul.links02.val-01{
padding-left:0;
margin-left:-7px;
}

@media screen and (max-width: 768px) {
.module div#contents{
margin-top:0;
}
	
div#application_inner {
	padding:12px ;
}
	
div#column_application .app_text {
	padding:20px 0;
}

div#column_application .app_title {
	font-size:129%;
}

	
div#column2_applications{
	background:none;
	margin:0;
}

div#column2_applications .column2{
width:100%;
float:none;
margin:0 auto;
padding:10px 0 0;
}

div#column2_applications div:first-child {
	padding:0 0 10px 0;
border-bottom:1px dotted #c0b79c;
}

div#column2_applications .box_freedial {
	width:63%;
	min-width:405px;
	padding:0;
	margin:0 auto;
}

div#column2_applications .signup_tel {
	width:400px;
	margin:0 auto;
	border-bottom:none !important;
}

}


@media screen and (max-width: 460px) {
	
div#column2_applications .box_freedial {
	width:100%;
	min-width:100%;
	padding:0;
	margin:0 auto;
}

	
div#column_application .ap_tel_01 {
	font-size:200%;
	margin-top:10px;
	padding:3px 0 0 45px;
}
div#column_application .ap_tel_01.val-free_01 {
background: url(/common_new/images/tel_ico_fc.gif) 0 5px no-repeat;
  background-size: 35px auto;
}



div#column2_applications .signup_tel {
	width:100%;
	margin:0 auto;
}


div#column2_applications .ap_tel {
	font-size:200%;
	margin:0 0 0 0;
	padding:9px 0 0 40px;
}


div#column2_applications .ap_ruby .ap_rt {
	top:-9px;
	font-size:9px;
}

div#column2_applications .ap_tel.val-free {
	background:url(/common_new/images/tel_ico_fc.gif) 0 10px no-repeat;
	background-size:35px auto;
}

div#column2_applications .ap_tel_note {
	text-align:left;
	font-size:86%;
}

div#column2_applications .ap_tel_note02 {
	text-align:left;
}


}


/* -----------------------------------------------------
	03. ap_btn
----------------------------------------------------- */

.ap_btn{
   background: #FFAD28;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFD694), color-stop(0.5,#FFAD28), color-stop(0.5,#FFAD28), to(#E79513));
   background: -webkit-linear-gradient(top, #FFD694, #FFC66B 50%,#FFC66B 50%, #E79513);       /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
   background:    -moz-linear-gradient(top, #FFD694, #FFC66B 50%,#FFC66B 50%, #E79513);       /* Firefox 3.6-15.0 */
   background:      -o-linear-gradient(top, #FFD694, #FFC66B 50%,#FFC66B 50%, #E79513);       /* Opera 11.10-12.10 */
   background:         linear-gradient(to bottom, #FFD694, #FFC66B 50%,#FFC66B 50%, #E79513); /* IE10, Firefox 16.0+, Opera 12.50+ */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #FFCE80;
	text-align:center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	font-size:115%;
	font-weight: bold;
	line-height: 1.2;
	margin:0 auto;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.ap_btn:hover{
   background: #FFE0AF;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFE0AF), color-stop(0.5,#FFD48F), color-stop(0.5,#FFD48F), to(#E7BB75));
   background: -webkit-linear-gradient(top, #FFE0AF, #FFD48F 50%,#FFD48F 50%, #E7BB75);       /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
   background:    -moz-linear-gradient(top, #FFE0AF, #FFD48F 50%,#FFD48F 50%, #E7BB75);       /* Firefox 3.6-15.0 */
   background:      -o-linear-gradient(top, #FFE0AF, #FFD48F 50%,#FFD48F 50%, #E7BB75);       /* Opera 11.10-12.10 */
   background:         linear-gradient(to bottom, #FFE0AF, #FFD48F 50%,#FFD48F 50%, #E7BB75); /* IE10, Firefox 16.0+, Opera 12.50+ */
}

.ap_btn span{
	display:block;
	font-size:80%;
	font-weight:normal;
	line-height:1.4;
	margin:4px 0 0;
	text-align:center;
}

.ap_btn a,
.ap_btn a:link{
	display:block;
	color:#333;
	text-decoration:none;
	padding:15px 0;
}

.ap_btn:hover a{
	color:#666;
}

.ap_btn.val-01{
	width: 257px;
}
.ap_btn.val-01 a{
	padding: 15px 0;
}

.ap_btn.val-02 {
	width: 298px;
	font-size: 185%;
}
.ap_btn.val-02 a{
	padding: 29px 0;
}

.ap_btn.val-03 {
	cursor:pointer;
	width: 220px;
	display:block;
	padding: 15px 0;
	color:#333;

}

.ap_btn.val-04{
	cursor:pointer;
	width: 297px;
	padding: 7px 0;
	color:#333;

}

.ap_btn.val-05{
	font-size:120%;
	margin-bottom:10px;
}

.ap_btn.val-05 span{
	font-size:70%;
}

.ap_btn.val-06 {
	width:80%;
	font-size: 185%;
	margin:20px auto;
}

.ap_btn.val-06 span{
	font-size: 12px;
}

.ap_btn.val-06 a{
	padding: 24px 0;
}

.ap_btn_box {
	width:100%;
	max-width:356px;
	margin:0 auto;
	padding:8px;
	border:1px solid #c0bab1;
	background:#ece8de;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.ap_btn.val-07 {
	width:100%;
	max-width:354px;
	font-size: 136%;
}
.ap_btn.val-07 a{
	padding: 35px 0;
}


@media screen and (max-width: 768px) {


.ap_btn.val-02 ,
.ap_btn.val-06 {
	font-size:130%;
}

.ap_btn.val-01,
.ap_btn.val-02,
.ap_btn.val-04,
.ap_btn.val-05,
.ap_btn.val-06,
.ap_btn.val-07{
	max-width:300px;
	width: 100%;
}

.ap_btn.val-03{
	max-width:300px;
	width: 90%;
}

.ap_btn_box {
	width:100%;
	max-width: 308px;
	margin:0 auto;
	padding:8px !important;
}

}

.light_box p.btn_close_01{
min-height:21px;
padding-bottom:4px;
}
.light_box p.btn_close_01 a{
padding-left:16px;
display:none;
background:url(/common/images/icon_close_01.gif) no-repeat 0 0.4em;
color:#0075B1;
font-size:86%;
}

div#container.open p.btn_close_01 a{
display:inline-block;
}

/*-- @nifty光_電話番号訴求更新時に追加_20160614 --*/
.btn_top,
.btn_btm{
	padding: 8px;
}

.btn_top .ap_btn.val-07,
.btn_btm .ap_btn.val-07{
	font-size: 120%;
}

.btn_top .ap_btn.val-07 a,
.btn_btm .ap_btn.val-07 a{
	padding: 15px 0;
}

.btn_top .ap_btn span,
.btn_btm .ap_btn span{
	font-size: 70%;
}
/*-- @nifty光_電話番号訴求更新時に追加_20160614 --*/

/* -----------------------------------------------------
	03. column_aside
----------------------------------------------------- */
@media screen and (max-width: 768px) {

div.navi_local ul{ font-size:93%; }
div.navi_local ul a{
display:block;
zoom:1;
color:#333;
text-decoration:none;
line-height:1.6;
}
/*-- WiMAXリニューアル時に追加 --*/
div.navi_local ul.link_list_01 li.first_child span a{
	color: #0075B1;
    text-decoration: underline;
}
div.navi_local ul.link_list_01 li.first_child span a:hover{
	color: #E15A00;
    text-decoration: none;
	background-image:none;
}
/*-- WiMAXリニューアル時に追加 --*/
div.navi_local ul a span,
div.navi_local ul div span{
display:block;
zoom:1;
padding:8px 10px 7px 20px;
}

div.navi_local ul.parent{
background:#fff;
border:1px solid #ccc;
}

div.navi_local ul.parent li{
border-top:solid 1px #c1c1c1;
padding:4px 5px;
}
div.navi_local ul.parent li.first_child{ border:none; }

div.navi_local ul.child,
div.navi_local ul.parent ul.parent{ margin:4px 0 0 12px; }
div.navi_local ul.parent ul.parent > li,
div.navi_local ul.child li{
padding:4px 0;
background:url(/common/images/bg/bg_navi_local_child_li.gif) repeat-x 0% 0%;
border:none;
}
div.navi_local ul.child li.last_child{ padding-bottom:0; }


.column_aside div.box_aside_01{
	display:none;
}

.navi_local h3{
text-shadow:none;
padding:8px 0 6px 10px;
color:#fff;
border:none;
border-radius:0 ;
background: #666; 
}


.column_aside{
width:100%;
margin:0 0 30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
div.navi_local ul.shared a span,
div.navi_local ul a span {
background:url(/common_new/images/sp_snav_ico.png) 97% 50% no-repeat;
background-size: auto 13px;
padding:8px 10px 7px 10px;
}

div.navi_local li.current > a { background:#ccc; }






div.navi_local .link_list_01 { margin-bottom:10px;text-align: left !important; background:#fff;}
div.navi_local .link_list_01 li{ margin-bottom:3px;border-bottom:solid 1px #c1c1c1;
padding:4px 5px; }
div.navi_local .link_list_01 li > span{
display:block;
padding:0;
background:none;
}

div.navi_local .link_list_01 li span a { 
background:url(/common_new/images/sp_snav_ico.png) 97% 50% no-repeat;
background-size: auto 13px;
padding:8px 10px 7px 10px;
}

}



/**------------------------------------
    04. list
------------------------------------**/
.lyt_list_01{
margin-bottom:20px;/*def*/
}
.lyt_list_01 > li{
padding-left:14px;
background:url(/common/images/icon_dot_01.gif) no-repeat 0 0.7em;
}


.lyt_list_at01{
margin:0px 0px 20px 10px;/*def*/

}
.auhikari #hiddenAttentionTxt .lyt_list_at01{
margin:0px 0px 0px 10px;/*def*/

}

.lyt_list_at01 > li{
position:relative;
margin-left: 1.5em;
font-size:86%;
line-height:1.6;
}
.lyt_list_at01 > li > span{
position:absolute;
top:0;
left:-1.5em;
}
.auhikari #hiddenAttentionTxt .lyt_list_at01 > li > span{
position:absolute;
top:0;
left:-0.5em;
}
.lyt_list_at01 > li span + span,
.lyt_list_at01 > li span + * span{
position:static;
top:0;
left:0;
}


.lyt_list_num01{
margin-bottom:20px;/*def*/
}
.lyt_list_num01 > li{
position:relative;
margin-left: 1.5em;
}
.lyt_list_num01 > li span{
position:absolute;
top:0;
left:-1.5em;
}
.lyt_list_num01 > li em > span,
.lyt_list_num01 > li strong > span{
position:absolute;
top:0;
left:-1.5em;
}
.lyt_list_num01 > li span + span,
.lyt_list_num01 > li span + * span{
position:static;
top:0;
left:0;
}
.lyt_list_num01 > li span.sign{
position:absolute;
top:0.4em;
left:-1.5em;
}
#container .lyt_list_num01 > li span.sign img {
	vertical-align:top;
}
.lyt_list_num01 > li ul.link_list_01.static span{
position:static;
}

.lyt_list_num02{
margin-bottom:20px;/*def*/
}
.lyt_list_num02 > li{
position:relative;
margin-left: 2em;
}
.lyt_list_num02 > li span{
position:absolute;
top:0;
left:-2em;
}
.lyt_list_num02 > li .lyt_list_at01 > li{
margin-left:1.5em;
}
.lyt_list_num02 > li .lyt_list_at01 > li span{
left:-1.5em;
}
.lyt_list_num02 > li .link_list_01 > li span{
position:static;
top:0;
left:0;
background-position:0 0.7em;
}
.lyt_list_num02 > li span.lyt_num_dp{
position:static;
top:0;
left:0;
}

.lyt_list_num03{
margin:20px 0px;/*def*/
}

.lyt_list_num03 > li{
position:relative;
margin-left: 2.5em;
font-size:86%;
line-height:1.6;
margin-bottom:2px;
}
.lyt_list_num03 > li span{
position:absolute;
top:0;
left:-2.5em;
}

.lyt_list_num03 > li span + span,
.lyt_list_num03 > li span + * span,
.lyt_list_num03 li span.lyt_num_dp,
.lyt_list_num03 li .link_list_01 span{
position:static;
top:0;
left:0;
}

.lyt_list_data01{
margin-bottom:20px;/*def*/
}
.lyt_list_data01 > li{
margin-left:6.5em;
position:relative;
}
.lyt_list_data01 > li span{
position:absolute;
top:0;
left:-6.5em;
display:inline-block;
padding-left:14px;
background:url(/common/images/icon_dot_01.gif) no-repeat 0 0.7em;
}
.lyt_list_data01 > li span + span,
.lyt_list_data01 > li span + * span{
position:static;
top:0;
left:0;
display:inline;
padding-left:0;
background:none;
}

.lyt_list_data_index li{
background:url(/common/images/bg/bg_line_01.gif) repeat-x bottom left;
padding-bottom:16px;
padding-left:10px;
padding-top:10px;
margin-bottom:5px;
}
.lyt_list_data_index li:first-child{
padding-top:0px;
}

.lyt_list_data_index li .lyt_list_at01 li{
background:0;
padding-bottom:0;
padding-left:0;
padding-top:0;
margin-bottom:0;
}
.lyt_list_data_index li .lyt_list_num03 li{
background:0;
padding-bottom:0;
padding-left:0;
padding-top:0;
margin-bottom:0;	
}


.lyt_list_data_index li.normal{
background:none;
}


.str_lyt_data{
margin-bottom:20px;/*def*/
}
.str_lyt_data .ttl{
display:inline-block;
*display:inline;
*zoom:1;
background-color:#efefef;
font-weight:bold;
padding:0 14px;
*padding:4px 14px;
margin-bottom:10px;
}


.lyt_list_col{
overflow:hidden;
margin-bottom:20px;/*def*/
}
.lyt_list_col li{
float:left;
margin-right:13px;
white-space:nowrap;
}


.lyt_list_col_02{
overflow:hidden;
margin-bottom:20px;/*def*/
margin-left:-10px;
}
.lyt_list_col_02 > li{
float:left;
width:186px;
margin-left:10px;
padding-left:14px;
background:url(/common/images/icon_dot_01.gif) no-repeat 0 0.7em;
margin-bottom:5px;
}





/* -----------------------------------------------------
	05. table
----------------------------------------------------- */
table td .num {
	font-weight:bold;
	font-size:143% !important;
	word-break: initial;
}
table td .unit {
	font-weight:bold;
	font-size:100% !important;
	padding-left:0 !important;
}
th.w45 {
	width:45% !important;
}
table .fs100 {
	font-size:100% !important;
}

@media screen and (max-width: 768px) {
	
table td .num {
	font-size:123% !important;
	word-break: initial;
}

}



/* -----------------------------------------------------
	06. border
----------------------------------------------------- */
.bdr-t {
	border-top:1px solid #dadada;
}
.bdr-b {
	border-bottom:1px solid #dadada;
}
.bdr-l {
	border-left:1px solid #dadada;
}
.bdr-r {
	border-right:1px solid #dadada;
}


/* -----------------------------------------------------
	07. link
----------------------------------------------------- */
.link_list_01{ margin-bottom:10px; }
.link_list_01 > li{ margin-bottom:3px; }
.link_list_01 > li > span{
display:inline-block;
*display:inline;
zoom:1;
padding-left:10px;
padding-right:1px;
background:url(/common_new/images/top/icon_link_right_01.png) no-repeat 0% 0.5em;
}

@media screen and (max-width: 768px) {

.link_list_01 {
	font-size:12px;
}

}


/* -----------------------------------------------------
	08. メンテナンスbox
----------------------------------------------------- */
.info_rt_box{
	border:#e40000 solid 2px;
	padding:12px;
	margin-bottom:20px;
	background: #fff;
	max-width: 980px;
	margin: 0 auto;
	margin-top:45px;
}

@media screen and (max-width: 768px) {
.info_rt_box{
	font-size:85%;
	margin-left:10px;
	margin-right:10px;
}
}