@charset "utf-8";

#contents .sub nav.local li.top {background:#fd58a2 url(../net/img/sub_icon_02on.png) no-repeat 195px center !important;}
#contents .sub nav.local > ul > li {background:#fff url(../net/img/sub_icon_02.png) no-repeat 195px center;}
#contents .sub nav.local li.on a{background:#fff5f9 url(../net/img/sub_icon_02over.png) no-repeat 195px center;}

/*--------------------------------------------------------- .main */
#contents .main article header h1 {
	background:url(../net/img/bg_h1.png) no-repeat left top;
}
.sp #contents .main article header h1 {
	font-size: 120%;
}

/*--------------------------------------------------------- .wysiwyg (richtext) */
.wysiwyg h2 {
	background:#fd58a2 url(../net/img/tit_icon_01.png) no-repeat 20px center;
}
.wysiwyg h3 {
	margin-bottom:3px;
	padding:15px 20px;
	border-top:#dcdcdc solid 1px;
	background:#fff url(../img/h3_icon01.png) no-repeat left center;
	font-size:108%;
	font-weight:normal;
}
.wysiwyg h4 {
	color:#00b700;
}

.sp #contents .main > .menu {
	background-image:url(../net/img/icon_menu.png);
}
.sp #contents .main .cover {
	width: 98%;
	margin: 0 auto 40px;
}
.sp #contents .main .cover img {
	width: 100%;
}
.sp .wysiwyg h2 {
	background:#fd58a2 url(../net/img/tit_icon_01.png) no-repeat 10px center;
	width: 95%;
	margin: 0 auto 20px auto !important;
	padding: 12px 0 12px 40px;
}
.sp .wysiwyg h3 {
	padding:10px 0 10px 16px;
	margin:0 auto;
	width: 95%;
}

.wysiwyg hr.dotted {
  clear:both;
  margin:30px 0;
  height:2px;
  border:none;
  border-top:2px #00b700 dotted;
}
.wysiwyg table.nhk th,
.wysiwyg table.nhk td {
	border:2px solid #ffffff;
}
.wysiwyg table.nhk thead th {
	background-color:#9b9b9b;
	color:#ffffff;
}
.wysiwyg table.nhk tbody th,
.wysiwyg table.nhk tbody td {
	background-color:#efefef;
	color:#000000;
}
.wysiwyg table.nhk tbody th {
	font-weight:bold;
	text-align:center;
}
.wysiwyg table.nhk tbody .ccn th,
.wysiwyg table.nhk tbody .ccn td {
	background-color:#ddf3cf;
}
.wysiwyg table.nhk tbody .ccn th {
	color:#003e96;
}
.wysiwyg table.nhk tbody .ccn td.price {
	color:#009200;
}
.wysiwyg #tabs {
	padding:0;
}
.wysiwyg #tabs > ul {
	margin:0 0 9px;
	padding:0 0 0 14px;
	background:url(../tv/item/lineup_tab.png) no-repeat left top;
	border-bottom:5px solid #00b700;
	height:78px;
	overflow:hidden;
}
.wysiwyg #tabs > ul li {
	float:left;
	list-style:none;
	margin:0 4px 0 0;
}
.wysiwyg #tabs > ul li.all {
	margin:0 14px 0 0;
}
.wysiwyg #tabs > ul li.all.ui-tabs-active {
	background:url(../tv/item/lineup_tab_01_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li.happy.ui-tabs-active {
	background:url(../tv/item/lineup_tab_02_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li.gekispo.ui-tabs-active {
	background:url(../tv/item/lineup_tab_03_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li.regular.ui-tabs-active {
	background:url(../tv/item/lineup_tab_04_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li.bs.ui-tabs-active {
	background:url(../tv/item/lineup_tab_05_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li a {
	display:block;
	width:117px;
	height:78px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.wysiwyg #tabs > ul li.all a {
	width:170px;
}
.wysiwyg #tabs > div {
	padding:0 12px;
}
.wysiwyg #tabs > div dl {
	margin-bottom:20px;
}
.wysiwyg #tabs > div dt {
	margin-bottom:8px;
	padding:4px 23px;
	background:#fbfadd url(../tv/img/icon_02.png) no-repeat 9px 10px;
	font-size:85.7%;
	color:#014099;
}
.wysiwyg #tabs > div dd {
	overflow:hidden;
	margin-bottom:15px;
}
.wysiwyg #tabs > div dd li {
	float:left;
	list-style:none;
	margin:0 3px 5px 0;
	border:1px solid #d5dae7;
	border-radius:2px;
	font-size:0;
	text-align:center;
}
.wysiwyg #tabs > div table {
	margin-bottom:15px;
}
.wysiwyg #tabs > div table a {
	padding:0;
	background:none;
	color:#3758f3;
	text-decoration:none;
}
.wysiwyg #tabs > div thead th {
	padding:5px;
	background-color:#fbfadd;
	border:none;
	border-top:2px solid #cecece;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #cecece;
	font-size:85.7%;
}
.wysiwyg #tabs > div tbody th.ch {
	width:10%;
}
.wysiwyg #tabs > div thead th.cource,
.wysiwyg #tabs > div tbody th.logo {
	padding:0;
	width:70px;
	font-size:0;
}
.wysiwyg #tabs > div thead th.happy {
	background-color:#5acb01;
	border-top:2px solid #8be005;
}
.wysiwyg #tabs > div thead th.gekispo {
	background-color:#f86c19;
	border-top:2px solid #fb9c3e;
}
.wysiwyg #tabs > div thead th.regular {
	background-color:#2aa3f2;
	border-top:2px solid #56c6fb;
}
.wysiwyg #tabs > div thead th.bs {
	background-color:#3557f3;
	border-top:2px solid #6588f8;
}
.wysiwyg #tabs > div .community thead th.cource {
	border:none;
}
.wysiwyg #tabs > div .community thead th.cource img {
	display:block;
	position:relative;
	top:-14px;
}
.wysiwyg #tabs > div tbody th {
	background-color:#ffffff;
	border:none;
	border-left:1px dotted #cecece;
	border-bottom:1px solid #cecece;
	font-size:85.7%;
	white-space:normal;
}
.wysiwyg #tabs > div tbody tr th:first-child {
	border-left:none;
}
.wysiwyg #tabs > div tbody td {
	border:none;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #cecece;
}
.wysiwyg #tabs > div tbody td.happy {
	background-color:#f6fcf2;
	color:#3eb702;
}
.wysiwyg #tabs > div tbody td.gekispo {
	background-color:#fff8f2;
	color:#ff6602;
}
.wysiwyg #tabs > div tbody td.regular {
	background-color:#f4fbff;
	color:#009cfe;
}
.wysiwyg #tabs > div tbody td.bs {
	background-color:#f6f7fd;
	color:#395af3;
}
.wysiwyg .section p{
	text-align:left;
}
.wysiwyg .section p.btn{
	text-align:center;
}
.wysiwyg .section p.pic{
	float:right;
	padding-left:20px;
}
.wysiwyg .stb {
	margin-bottom:30px;
}
.wysiwyg .stb th,
.wysiwyg .stb td {
	border:none;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	text-align:center;
}
.wysiwyg .stb th {
	background-color:#afe7af;
}
.wysiwyg .stb td {
	background-color:#efefef;
}
.wysiwyg .stb td.price {
	background-color:#ddf3cf;
	color:#009200;
}
.wysiwyg .stb .blank {
	background-color:#ffffff;
}
.wysiwyg dl.option {
	margin-bottom:5px;
	padding:10px 5px 5px;
}
.wysiwyg dl.option dt {
	float:left;
	margin:0;
	padding:0;
	background:none;
	width:100px;
	text-align:center;
}
.wysiwyg dl.option dd {
	margin-left:104px;
}
.wysiwyg dl.option dd ul {
	overflow:hidden;
}
.wysiwyg dl.option dd li {
	float:left;
	list-style:none;
	margin:0 3px 5px 0;
	padding:5px 0;
	background-color:#ffffff;
	border:1px solid #d5dae7;
	border-radius:2px;
	width:67px;
}
.wysiwyg dl.option.bs {
	background-color:#cff3e7;
	color:#008158;
}
.wysiwyg dl.option.cs {
	background-color:#ddf3cf;
	color:#00a300;
}
.wysiwyg .option-detail td {
	text-align:left;
}
.wysiwyg .option-detail table {
	border:1px solid #cccccc;
}
.wysiwyg .option-detail th,
.wysiwyg .option-detail td {
	background-color:#ffffff;
	border:none;
	border-bottom:1px solid #cccccc;
}
.wysiwyg .option-detail th {
	border-right:1px solid #cccccc;
	text-align:center;
}
.wysiwyg .option-detail th.logo {
	width:150px;
}
.wysiwyg .option-detail td .note {
	margin-left:15px;
	font-size:85.7%;
}
.wysiwyg .option-detail .info th {
	background-color:#eef9e7;
}
.wysiwyg .option-detail .info td {
	background-color:#f6fcf3;
	border-bottom:none;
}
.wysiwyg .option-detail .info td.banner {
	padding:10px;
	text-align:right;
}
.wysiwyg .option-detail .info td.banner img {
	margin:0 3px;
	background-color:#f6fcf3;
	width:80px;
}
.wysiwyg .alert {
	padding:20px 70px 10px;
	background-position:18px 12px;
	min-height:20px;
}



/*----------------- NET index -----------------*/
.wysiwyg h3 {
	background:#fff url(../net/img/h3_icon01.png) no-repeat left center;
}
.wysiwyg .indent{
	text-indent:-1em !important;
	padding-left:1em !important;
}
#net .txt-area {
	padding:0 15px;
}
#index .wysiwyg ul.column {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#index .wysiwyg ul.column li {
	position:relative;
	float:left;
	margin:3px 0 20px 20px;
	padding:0 0 15px;
	border:1px solid #cecece;
	border-radius:5px;
	width:320px;
	list-style:none;
}
#index .wysiwyg ul.column li .in-area01,
#index .wysiwyg ul.column li .in-area02{
	padding-bottom:10px;
}
#index .wysiwyg  p.btn img{width:190px;}


.sp #index .wysiwyg ul.column{ margin:0 auto; padding:0; width:96%}
.sp #index .wysiwyg ul.column li {width:100%; margin-left:0; padding:0; }
.sp #index .wysiwyg ul.column li .point img{width:100%;}
.sp #index .wysiwyg ul.column li .pic{ text-align:center;}
.sp #index .wysiwyg  p.btn img{width:60%;}

/*----------------- NET price -----------------*/
#price .wysiwyg ul.column {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#price .wysiwyg ul.column li.ser-area {
	position:relative;
	float:left;
	margin:3px 0 20px 20px;
	padding:0 0 15px;
	border:1px solid #cecece;
	border-radius:5px;
	width:320px;
	list-style:none;
}

.sp #price .wysiwyg ul.column{ margin:0; padding:0;}
.sp #price .wysiwyg ul.column li {width:95%; margin-left:10px; padding:0;}
.sp #price .wysiwyg ul.column li .point img{width:100%;}
.sp #price .wysiwyg ul.column li .pic{ text-align:center;}
.sp #price .wysiwyg  p.btn {/*width: 60%;*/ margin: 0 auto 40px auto;}
.sp #price .wysiwyg ul.column li.ser-area {
	margin:3px auto 20px auto;
	float: none;
	padding: 0;
	width:95%;
}
.sp #price .section {
	width: 100%;
}
.sp #price .section img {
	width: 100%;
}

#price .wysiwyg .btn{
	margin:0 auto 20px;
	width:270px;
}
#price .wysiwyg ul.column02 li img{ width:100%;}
#price .wysiwyg ul.column02 li{width:320px;}
#price .wysiwyg ul.column02 {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#price .wysiwyg ul.column02 li {
	position:relative;
	float:left;
	margin:0 0 20px 20px;
	padding:0;
	width:320px;
	list-style:none;
}
#price .wysiwyg .box{
	border:#fecde3 solid 2px;
	border-radius:5px;
	padding:10px;
	font-size:93%;
	background-color:#FFF;

}
#price .wysiwyg .box section{
	clear:both;
	overflow:hidden;
	font-size:93%;
}
#price .wysiwyg .box .check{
	background-color:#fee0ee;
	padding:6px 10px;
	font-weight:bold;
}
#price .wysiwyg .box .pl10{
	padding-left:10px;
}
#price .wysiwyg .box .txt-area{
	margin:10px 0 0 0;
	padding:6px 0 0 0;
	border-top:#fecde3 solid 1px;
}
#price .wysiwyg .box .txt-area p {
	margin: 0 0 6px 0;
}
#price .wysiwyg ul{
	clear:both;
	overflow:hidden;
}
#price .wysiwyg ul.indent{
	text-indent:-1em;
	padding-left:1em;
}
#price .wysiwyg .box .text-left,
#price .wysiwyg .box .text-right{
	float:left;
	padding-right:10px;
	text-align:left;
}
#price .wysiwyg .box .text-left{
	width:175px;
	padding:0;
}
#price .wysiwyg .box .text-right{
	padding-left:50px;
}

.sp #price .wysiwyg .box .text-left,
.sp #price .wysiwyg .box .text-right{
	float: right;
	padding-right:10px;
	text-align:left;
}
.sp #price .wysiwyg .box .text-left{
	width:50%;
	padding:0;
}
.sp #price .wysiwyg .box .text-right{
	padding-left:50px;
}

.sp #price .txt-area {
	padding: 0;
}
.sp #price .cnt-box:first-child p img {
	width: 100%;
}

#price .wysiwyg li.box{
	width:320px;
	float:left;
	padding:10px;
	margin:0 15px 20px 0;
	list-style:none;
}

#price .wysiwyg .box .pic{
	float:left;
	width:120px;
	padding-right:10px;
	margin:0;
}
#price .wysiwyg .box .tit{
	font-size:116%;
	padding-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}
#price .wysiwyg .box .btn{
	width:100%;
	text-align:center;
	margin-bottom:5px;
}
#price .wysiwyg .box .list{
	background-color:#f3f3f3;
	padding:8px 11px;
}
#price .wysiwyg .box .list li{
	border:none;
	list-style-type:disc;
	padding:0;
	font-size:92%;
	line-height:1.5;
}
#price .wysiwyg .tile-2col .pic,
#price .wysiwyg .tile-3col .pic {
	margin: 0 0 10px 0;
}
#price .wysiwyg li.tile-2col .pic img,
#price .wysiwyg li.tile-3col .pic img{
	margin-bottom:10px;
}
#price .wysiwyg .box section.line{
	padding-top:10px;
	border-top:#fecde3 solid 1px;
}
#price .wysiwyg .box section.line .text-area{
	background-color:#f3f3f3;
	padding:10px;
	margin-bottom:20px;
}
#price .wysiwyg .box .text-type01{
	font-size:109%;
	color:#fd58a2;
	background:url(../net/img/price_box_text-type01_bg.png) no-repeat left top;
	padding-top:10px;
	font-weight:bold;
	margin-bottom:3px;
	text-align:center;
	line-height:1;
}
#price .wysiwyg .box .btn img,#price .wysiwyg .box .btn03 img{
	width:220px;
}
#price .wysiwyg .box .subtit{
	margin-bottom:5px;
	padding:0;
}
#price .wysiwyg .box .tuki,
#price .wysiwyg .box .zei{
	font-weight:bold;
	color:#de0000;
	margin:0;
	padding:0 0 0 20px;
	line-height:1;
}
#price .wysiwyg .box .tuki{
	font-size:108%;
	text-align:left;
	padding-left:20px;
	margin-bottom:3px;
}
#price .wysiwyg .box .tuki span{
	font-size:179%;
}
#price .wysiwyg .box .zei{
	font-size:77%;
	text-align:left;
	padding-left:20px;
	margin-bottom:10px;
}
#price .wysiwyg .box .zei span{
	font-size:140%;
}

#price .wysiwyg .box span.kihon {
	font-size: 93%;
	font-weight: normal;
	color: #000;
}
#price .wysiwyg ul.column li p.sec-area{
	clear:both;
	overflow:hidden;
}
#price .wysiwyg ul.column li p.sec-pic{
	width:42%;
	float:left;
	padding:0;
	margin-left: 10px;
}
#price .wysiwyg ul.column li .sec-txt{
	width: 50%;
	float: right;
	margin-right: 10px;
}

#price .wysiwyg ul.column li .sec-txt .in {
	margin: 0 0 0 1em;
}
#price .list-text{
	font-size:85%;
}
#price .wysiwyg  p.btn02 {
	text-align: center;
	margin: 0 auto;
}
#price .wysiwyg  p.btn02 img{
	width:190px;
}
#price .wysiwyg  p.btn03 {
	text-align: center;
}



.sp #price .wysiwyg ul.column02 li img{ width:95%;}
.sp #price .wysiwyg ul.column02 li{ width:100%;}
.sp #price .wysiwyg li.box{ width:100%;}
.sp #price .wysiwyg .box .pic{width:40%;}
.sp #price .wysiwyg .box .text-left{ width:55%;}
.sp #price .wysiwyg .box .text-right{ width:55%; padding-left:0; text-align:left!important;}

#price .wysiwyg .section p.btn{
	text-align:center;
}
#price .wysiwyg .section p.btn img{width:270px;}
#price .wysiwyg .section p.pic{
	float:right;
	padding-left:20px;
	width:260px;
}

.sp #price .wysiwyg .section p.btn img{width:80%;}
.sp #price .wysiwyg .section p.pic{ width:100%;}

.sp #price .wysiwyg  p.btn02 {
	margin: 0 auto 30px auto;
}


/*--------------------------------------------------------- #net #support */
#net #support{
}
#net #support .net-txt{
	font-weight:bold;
	color:#f8338b;
}
#net #support .pic-area{
	float:right;
	width:45%;
	text-align:right;
	margin-right: 10px;
}
#net #support .txt-area{
	clear:both;
	overflow:hidden;
}
#net #support .txt-area .text-left{
	width:53%;
	float:left;
}
#net #support ul.support {
	width: 660px;
	margin: 0 auto 20px auto;
	background: #fbf5da;
}
#net #support ul.support li {
	list-style: none;
	float: left;
	margin: 15px 5px 15px 0;
}
#net #support ul.support li:first-child {
	margin: 15px 5px 15px 2px;
}

.sp #net #support .pic-area{
	float: none;
	width: 95%;
	margin: 0 auto 10px auto;
	text-align: center;
}
.sp #net #support .txt-area .text-left{
	float: none;
	width: 95%;
	margin: 0 auto;
}

.sp #net #support ul.support {
	width: 95%;
	margin: 10px auto 20px auto;
	background: #fbf5da;
	padding: 20px 0;
}
.sp #net #support ul.support li {
	width: 80%;
	float: none;
	margin: 0 auto 20px auto;
}
.sp #net #support ul.support li:first-child {
	margin: 0 auto 20px auto;
}
.sp #net #support ul.support li img {
	width: 100%;
}

.sp #net #support p.stable img {
	width: 100%;
}

#net #support .step-area {
	width: 95%;
	padding-top:15px;
	background-color:#fbf5da;
	margin: 0 auto 20px auto;
	padding-bottom:10px;
}
#net #support .step-area .step-box{
	background:url(../data/img/step_bg3.png) no-repeat left bottom;
	width:620px;
	margin:0 auto 10px;
	font-size:93%;
}
#net #support .step-area .step-box .step01{
	background:url(../data/img/step_top01.png) no-repeat left top;
}
#net #support .step-area .step-box .step02{
	background:url(../net/img/step_top02.png) no-repeat left top;
}
#net #support .step-area .step-box .step03{
	background:url(../net/img/step_top03.png) no-repeat left top;
}
#net #support .step-area .step-box .step01,
#net #support .step-area .step-box .step02,
#net #support .step-area .step-box .step03{
	clear:both;
	overflow:hidden;
	padding-left:10px;
}
#net #support .step-area .step-box .tit{
	width:174px;
	margin-bottom:20px;
	float:left;
	text-align:center;
}
#net #support .step-area .step-box .step-txt-area{
	width:400px;
	float:left;
	margin: 0 0 0 20px;
	font-size:93%;
}

#net #support .step-area .step-box .step-txt-area p.txt {
	width: 250px;
}
#net #support .step-area .step-box .step01 .tit{
	margin-top:55px;
}
#net #support .step-area .step-box .step01 .step-txt-area{
	padding: 40px 0 10px 0;
	background: url(../net/img/step_tit01_back.png) right center no-repeat;
}
#net #support .step-area .step-box .step01 .step-txt-area li {
	margin-bottom: 0;
}
#net #support .step-area .step-box .step02 .tit,
#net #support .step-area .step-box .step03 .tit{
	margin-top:70px;
}
#net #support .step-area .step-box .step02 .step-txt-area,
#net #support .step-area .step-box .step03 .step-txt-area{
	margin-top:45px;
}
#net #support .step-area .step-box .step02 .step-txt-area {
	padding: 20px 0 30px 0;
	background: url(../net/img/step_tit02_back.png) right top no-repeat;
}
#net #support .step-area .step-box .step03 .step-txt-area {
	padding: 20px 0 30px 0;
	background: url(../net/img/step_tit03_back.png) right top no-repeat;
}
#net #support .kome-area .kome{
	text-indent:-2em;
	padding-left:2em;
}
#net #support .step-area .step2-tit01{
	font-weight:bold;
}
#net #support .step-area .step2-tit02{
	font-weight:bold;
	color:#00aeff;
}
#net #support .step-area .step2-tit03{
	font-weight:bold;
	color:#fd58a2;
}
#net #support .step-area .step2-tit01,
#net #support .step-area .step2-tit02,
#net #support .step-area .step2-tit03{
	width:80%;
}

.sp #net #support .step-area .step-box .step-txt-area{
	margin: 0 0 0 4%;
}
.sp #net #support .step-area .step-box .step01 .tit{
	margin-top:14%;
}
.sp #net #support .step-area .step-box .step01 .step-txt-area{
	margin-top:4%;
	margin-right:2px;
	margin-bottom:4%;
	padding: 0 0 80px 0;
	background: url(../net/img/step_tit01_back.png) right bottom no-repeat;
}
.sp #net #support .step-area .step-box .step02 .tit,
.sp #net #support .step-area .step-box .step03 .tit{
	margin-top:14%;
}
.sp #net #support .step-area .step-box .step02 .step-txt-area,
.sp #net #support .step-area .step-box .step03 .step-txt-area{
	margin-top:4%;
	margin-right:2px;
	margin-bottom:4%;
	padding: 20px 0 80px 0;
	background-position: right bottom;
}
.sp #net #support .step-area .step-box .tit img{
	width: 100%;
}
.sp #net #support .step-area .step-box .step-txt-area p.txt {
	width: 100%;
}
.sp #net #support .step-area .step-box{
	width:95%;
	background-size:cover;
}
.sp #net #support .step-area .step-box .tit{
	width:27%;
}
.sp #net #support .step-area .step-box .step-txt-area{
	width:65%;
}
.sp #net #support .btn{
	width:100%;
}
.sp #net #support .step-area .step-box .step01,
.sp #net #support .step-area .step-box .step02,
.sp #net #support .step-area .step-box .step03{
	background-size:contain;
	padding-left: 2%;
}

/*--------------------------------------------------------- #net #wifi */
#net #wifi{
}
#net #wifi .pic-area{
	float:right;
	width:40%;
	text-align: right;
	margin-right: 10px;
}
#net #wifi .txt-area{
	clear:both;
	overflow:hidden;
}
#net #wifi .txt-area .text-left{
	width:53%;
	float:left;
}
#net #wifi .txt-area .link-area{
	clear:both;
	overflow:hidden;
}
#net #wifi .txt-area .link-area li{
	float:left;
	list-style:none;
	margin:0 0 40px 9px;
}
#net #wifi .txt-area .link-area li:first-child{
	margin:0 0 40px 0;
}
#net #wifi ul.wi-fi {
	width: 660px;
	margin: 0 auto 20px auto;
	background: #fbf5da;
}
#net #wifi ul.wi-fi li {
	list-style: none;
	width: 204px;
	float: left;
	margin: 15px 10px 15px 0;
}
#net #wifi ul.wi-fi li:first-child {
	margin: 15px 10px 15px 14px;
}

.sp #net #wifi .pic-area{
	float: none;
	width: 95%;
	text-align: center;
}
.sp #net #wifi .txt-area .text-left{
	float: none;
	width: 95%;
	margin: 0 auto;
}

.sp #net #wifi .txt-area .link-area{
	float: none;
}
.sp #net #wifi .txt-area .link-area li {
	width: 100%;
	text-align: center;
	margin: 0 auto 20px auto;
}
.sp #net #wifi .txt-area .link-area li img {
	width: 60%;
}
.sp #net #wifi .txt-area .link-area li:first-child{
	margin: 30px auto 20px auto;
}

.sp #net #wifi ul.wi-fi {
	width: 95%;
	margin: 10px auto 20px auto;
	background: #fbf5da;
	padding: 20px 0;
}
.sp #net #wifi ul.wi-fi li {
	width: 80%;
	float: none;
	margin: 0 auto 20px auto;
}
.sp #net #wifi ul.wi-fi li:first-child {
	margin: 0 auto 20px auto;
}
.sp #net #wifi ul.wi-fi li img {
	width: 100%;
}

#net #wifi .step-area{
	width: 95%;
	margin: 0 auto 20px auto;
	padding-top:15px;
	background-color:#fbf5da;
	padding-bottom:10px;
}
#net #wifi .step-area .step-box{
	background:url(../data/img/step_bg3.png) no-repeat left bottom;
	width:620px;
	margin:0 auto 10px;
	font-size:93%;
}
#net #wifi .step-area .step-box .step01{
	background:url(../data/img/step_top01.png) no-repeat left top;
}
#net #wifi .step-area .step-box .step02{
	background:url(../net/img/step_top02.png) no-repeat left top;
}
#net #wifi .step-area .step-box .step03{
	background:url(../net/img/step_top03.png) no-repeat left top;
}
#net #wifi .step-area .step-box .step04{
	background:url(../net/img/step_top04.png) no-repeat left top;
}
#net .step-area .step-box .step01,
#net .step-area .step-box .step02,
#net .step-area .step-box .step03,
#net .step-area .step-box .step04{
	clear:both;
	overflow:hidden;
	padding-left:10px;
}
#net #wifi .step-area .step-box .tit{
	width:174px;
	margin-bottom:20px;
	float:left;
	text-align:center;
}
#net #wifi .step-area .step-box .step-txt-area{
	width:400px;
	float:right;
	margin-right:20px;
}
#net #wifi .step-area .step-box .step01 .tit{
	margin-top:45px;
}
#net #wifi .step-area .step-box .step01 .step-txt-area{
	margin-top:40px;
}
#net #wifi .step-area .step-box .step02 .tit,
#net #wifi .step-area .step-box .step03 .tit,
#net #wifi .step-area .step-box .step04 .tit{
	margin-top:60px;
}
#net #wifi .step-area .step-box .step02 .step-txt-area,
#net #wifi .step-area .step-box .step03 .step-txt-area,
#net #wifi .step-area .step-box .step04 .step-txt-area{
	margin-top:55px;
}

.sp #net #wifi .step-area .step-box .step01 .tit{
	margin-top:8%;
}
.sp #net #wifi .step-area .step-box .step01 .step-txt-area{
	margin-top:6%;
	margin-bottom:2%;
}
.sp #net #wifi .step-area .step-box .step02 .tit,
.sp #net #wifi .step-area .step-box .step03 .tit,
.sp #net #wifi .step-area .step-box .step04 .tit{
	margin-top:10%;
}
.sp #net #wifi .step-area .step-box .step02 .step-txt-area,
.sp #net #wifi .step-area .step-box .step03 .step-txt-area,
.sp #net #wifi .step-area .step-box .step04 .step-txt-area{
	margin-top:8%;
	margin-bottom:2%;
}

.sp #net #wifi .step-area .step-box .tit{
	width:27%;
}
.sp #net #wifi .step-area .step-box .step-txt-area{
	width:65%;
}
.sp #net #wifi .btn{
	width:100%;
}

.sp #net #wifi .step-area .step-box .step01,
.sp #net #wifi .step-area .step-box .step02,
.sp #net #wifi .step-area .step-box .step03,
.sp #net #wifi .step-area .step-box .step04{
	padding-left: 2%;
	background-size:contain;
}
.sp #net #wifi .step-area .step-box {
	width:95%;
	background-size:cover;
}
.sp #net #wifi .step-area .step-box .step-txt-area{
	padding: 0 0 0 10px;
}

#net table.wifi-info{
	border:none;
	margin:0 auto;
	border-top:#fadce9 solid 1px;
	border-left:#fadce9 solid 1px;
}

#net table.wifi-info col.th {
	width:51%;
}
#net table.wifi-info col.td {
	width:49%;
}

#net table.wifi-info .txt{
	font-size:85%;
}
#net table.wifi-info .tel{
	font-size:170%;
	margin-bottom:0;
	font-weight:bold;
}
#net table.wifi-info .tel img {
	padding: 6px 0 0 0;
}
#net table.wifi-info th{
	border:none;
	background-color:#fef3f8;
	border-right:#fadce9 solid 1px;
	border-bottom:#fadce9 solid 1px;
	
}
#net table.wifi-info th .tit{
	font-size:124%;
	font-weight:bold;
}
#net table.wifi-info td{
	background-color:#fff;
	border:none;
	text-align:left;
	padding:10px 5px 10px 25px;
	border-right:#fadce9 solid 1px;
	border-bottom:#fadce9 solid 1px;
	color:#000000;
}

.sp #net table.wifi-info col.th {
	width:40%;
}
.sp #net table.wifi-info col.td {
	width:60%;
}

.sp #net table.wifi-info .tel{
	font-size:108%;
}
.sp #net table.wifi-info th .tit{
	font-size:108%;
}
.sp #net table.wifi-info td{
	padding: 10px;
}

/*--------------------------------------------------------- #net #mesh */
#net #mesh .block01 {
	display: flex;
	justify-content: space-between;
}
#net #mesh .block01_text,
#net #mesh .block01_img {
	width: 48%;
}
#net #mesh .block01_title {
	font-size: 	124%;
	font-weight: bold;
	color: #fd58a2;
}
#net #mesh .btn {
	text-align: center;
}
#net #mesh .btn img {
	width: 230px;
}
.sp #net #mesh .block01 {
	display: block;
}
.sp #net #mesh .block01_text,
.sp #net #mesh .block01_img {
	width: 100%;
}
.sp #net #mesh .block01_img > img {
	width: 100%;
}

/*--------------------------------------------------------- #net #anshin */
#net #anshin .block01 {
	border: solid 1px #d8d8d8;
	padding: 20px;
	width: calc(100% - 30px);
	margin: 0 auto;
}
#net #anshin .block01_text {
	margin-bottom: 0;
}
#net #anshin .btnList-col2 {
	display: flex;
	justify-content: center;
}
#net #anshin .btnList-col2_item {
	margin: 0 10px;
}
#net #anshin .btn-l {
	width: 350px;
	margin: 30px auto 0;
}
#net #anshin .btn {
	width: 230px;
}
.sp #net #anshin .btnList-col2 {
	display: block;
}
.sp #net #anshin .btnList-col2_item:nth-child(n + 2) {
	margin-top: 10px;
}
.sp #net #anshin .btn {
	margin: 0 auto;
}
#basic .wysiwyg .table01 {
	margin: 0;
}
#basic .wysiwyg .table01 th {
	background-color: #fff5f9;
	text-align: left;
	vertical-align: top;
	border-color: #ccc;
	padding: 15px;
}
#basic .wysiwyg .table01 td {
	background-color: #fff;
	text-align: left;
	color: #000;
	border-color: #ccc;
	padding: 15px;
}
#basic .wysiwyg .table01 .underLine {
    text-decoration: underline;
}
#index.hikari .heading02 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 3px #fd58a2;
	background: none;
	color: #000;
	margin: 40px 0 20px;
	position: relative;
	padding: 5px 0 15px 35px;
}
#index.hikari .heading02::before {
	content: '';
	width: 24px;
	height: 24px;
	background: url("../net/img/index/icon_star.png") no-repeat left top / contain;
	position: absolute;
	top: 0;
	left: 0;
}
#index.hikari .block02 {
	display: flex;
	justify-content: space-between;
	margin: 0 20px;
}
#index.hikari .block02_img {
	flex-basis: 48%;
}
#index.hikari .block02_text {
	flex-basis: 48%;
}
#index.hikari .block02_img-reverse {
	flex-basis: 48%;
	order: 2;
}
#index.hikari .block02_text-reverse {
	flex-basis: 48%;
	order: 1;
}
#index.hikari .block02_btn {
	display: block;
	margin-top: 20px;
}
#index.hikari .list01 li {
	list-style: none;
	margin: 0;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#index.hikari .list01 li::before {
    margin-right: 4px;
    color: #fd58a2;
    content: '●';
}
#index.hikari .faqList_item {
	list-style: none;
	border-bottom: #a0a0a0 dotted 1px;
	padding: 15px 10px 15px 50px;
	background: url(../faq/img/icon_q_net.png) no-repeat left center / 36px;
}
#index.hikari .faqList_link {
	color: #004da0;
	font-weight: bold;
	text-decoration: none;
}
#index.hikari .faqList_link:hover {
	text-decoration: underline;
}
.sp #index.hikari .heading02 {
	font-size: 16px;
	margin: 40px auto 20px !important;
}
.sp #index.hikari .heading02:first-of-type {
	margin-top: 20px !important;
}
.sp #index.hikari .block02 {
	display: block;
}
.sp #index.hikari .block02_text,
.sp #index.hikari .block02_text-reverse {
	margin-top: 20px;
}