@charset "utf-8";

/* body設定
================================================== */
body {
	color:#323232;
	font-size:12px;
	line-height:1.4em;
	width:100%;
	background-color:#00BFF3;
	/*overflow:hidden;*/
}
a{
	color:#323232;
}
a.link_Line{
	text-decoration:underline;
}
.clear{
	clear:both;
}
.none{
	display:none;
}
/* 装飾
================================================== */
.bg_gray{/* 背景グレー */
	width:100%;
	background-color:#E6E6E6;
}
.txt_red{/* 赤文字 */
	color:#ED1C24;
}
.txt_blue{/* 青文字 */
	color:#29ABE2;
}
.txt_orange{/* オレンジ */
	color:#FF8200;
}
.link_blue_txt{/* 青文字リンク */
	text-decoration:underline;
	color:#29ABE2;
}
.border_top{
	border-top:1px solid #7f7f7f;
}
.border_bottom{
	border-bottom:1px solid #7f7f7f;
}
/* ヘッダー
================================================== */
header{
	height:54px;
	width:100%;
	-webkit-background-size: 170px 54px;/* 横px 縦px */
	border-bottom:2px solid #FFAA00;
}
	h1{
		width:200px;
		height:32px;
		background-image:url(../images/logo.png);
		background-repeat:no-repeat;
		background-size: 200px 32px;/* 横px 縦px */
		-webkit-background-size: 200px 32px;/* 横px 縦px */
		text-indent:-9999px;
		position:relative;
		top:7px;
		left:3%;
		display:inline-block;
	}
	header nav{
		float:right;
		padding:1px 0;
		/*margin:-17px 3% 0px 0px;*/
		position:relative;
		top:6px;
		margin:0px 3% 0px 0px;
		width:95px;
		background: -webkit-gradient(linear,left bottom, left top,from(#333333),to(#1a1a1a)); 	
		background: -moz-linear-gradient(top,  #333333 0%, #1a1a1a 100%);
		background: -webkit-linear-gradient(top,  #333333 0%,#1a1a1a 100%);
		background-color:#000;
		color:#fff;
		font-weight:normal;
		border-radius: 3px;
		-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 3px;   /* Firefox用 */ 
	}
	
	.line_btn{
		background-color: #0b0;
		position: absolute;
		right: 3%;
		width: 95px;
		display: inline-block;
		font-size: 12px;
		text-align: center;
		padding: 1px 0;
		top: 28px;
		color: #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.line_btn img{
		margin-right:5px;
	}
	header nav span{
		display:inline-block;
		margin:0px 4px 0px 12px;
		width:15px;
		height:13px;
		background-image:url(../images/btn_linkpc.png);
		background-repeat:no-repeat;
		background-size: 15px 13px;/* 横px 縦px */
		-webkit-background-size: 15px 13px;/* 横px 縦px */
	}
/* スライドエリア
================================================== */
/*section#slide{（大サイズ）
	text-align:center;
	width:100%;
	height:250px;
	background-color:#00BFF3;
	border-bottom:1px solid #0085ad;
	margin-bottom:10px;
}*/
section#slide{/*（小サイズ＝第二階層同サイズ）*/
	text-align:center;
	width:100%;
	height:164px;
	margin:0px auto 10px auto;
}


/* コンテンツ
================================================== */
section#contents{
	width:94%;
	padding:13px 0px 13px 0px;
	margin:0px auto 15px auto;
	background-color:#fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */ 
	
	box-shadow: 2px 2px 1px #0085ad;
	-webkit-box-shadow: 2px 2px 1px #0085ad;
	-moz-box-shadow: 2px 2px 1px #0085ad;
}
	section#contents h2{
		font-size:15px;
		padding:3px 0px;
		text-align:center;
		background-color:#FFAA00;
		border-top:1px solid #bb7700;
	}
	
/*210408-改修
================================================== */
ul.topIconList {
  display: flex;
  padding-bottom: 13px;
  justify-content: space-around;
}
section#contents.topinfo ul.topIconList li {
  border: none!important;
  margin: 0 auto;
}

h2 span.topTitleIcon {
  padding-right: 10px;
}
section#contents h2#first span.topTitleText {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
h2 span.supportTitleIcon {
  padding-right: 10px;
}
section#contents h2#support span.supportTitleText {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
h2 span.businessTitleIcon {
  padding-right: 10px;
}
section#contents h2#business span.businessTitleText {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*加入検討中*/
.firstTitleImg {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
ul.firstServiceList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 300px;
  margin: 0 auto;
}
ul.firstServiceList li {
  border: none!important;
  margin: 5px 0px!important;
}
.firstServiceBtn {
  text-align: center;
  width: 300px;
  margin: 0 auto;
}
.firstServiceBtn img {
  width: 304px;
}
ul.firstServiceBtnList {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
}
ul.firstServiceBtnList li {
  border: none!important;
  background-image: url("../images/index/first_subbg.png");
  width: 91px;
  height: 66px;
  position: relative;
  margin: 0 auto!important;
}
ul.firstServiceBtnList li p {
  position: absolute;
  top: 15px;
  width: auto!important;
  left: 20px;
}

ul.firstServiceBtnList li p.voice {
  left: 27px;
}

/*加入者*/
.supportLinkBox {
  margin-top: 20px;
  margin-bottom: 20px;
}
.supportBnrBox {
  text-align: center;
  margin-bottom: 20px;
}
.supportBnrBox02 {
  text-align: center;
  margin-bottom: 10px;
}
ul.osusumeList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 300px;
  margin: 20px auto;
}
ul.osusumeList li {
  margin: 5px 0px!important;
}


/*法人・店舗のお客様*/
.businessTitleImg {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.businessBtnBox {
  margin-bottom: 20px;
}

.balloonBox {
  background-image: url("../images/index/business_ballon_bg.png");
  background-size: cover;
  width: 300px;
  height: 62px;
  position: relative;
  margin: 0 auto;
}
.balloonBox span {
  position: absolute;
  font-weight: bold;
  top: 20px;
  right: 20px;
  color: #00244D;
  text-align: center;
  width: 200px;
}
.btnLinkBox {
  background-image: url("../images/index/business_btn_bg.png");
  background-size: cover;
  width: 300px;
  height: 60px;
  position: relative;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
}
.btnLinkBox span.btnLinkText {
  font-weight: bold;
  position: absolute;
  top: 16px;
  left: 13px;
}
.btnLinkBox span.btnLinkText02 {
  font-weight: bold;
  position: absolute;
  top: 25px;
  left: 13px;
}
.btnLinkBox span.btnLinkMini {
  font-weight: normal!important;
}



/* トップお知らせ */
section#contents.topinfo li{
	margin:10px 13px;
	border-bottom:solid 1px #7f7f7f;
}
section#contents.topinfo li p{
	width:95%;
	float:left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */	
}
section#contents.topinfo .service_list{
	height:60px;
	border:none;
	padding-left:20px;
	box-shadow:0 2px 0 0 #b2b2b2;
}
	
section#contents.topinfo #s_list_1.service_list{
	background-image:
	url(../images/new_index/list_top_orange.png) ,
	url(../images/new_index/list_back.png);
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	left,
	right;
	background-size:
	7px 60px,
	181px 60px;
	-webkit-background-size:
	7px 60px,
	181px 60px;
}
section#contents.topinfo #s_list_2.service_list{
	background-image:
	url(../images/new_index/list_top_green.png) ,
	url(../images/new_index/list_back2.png);
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	left,
	right;
	background-size:
	7px 60px,
	181px 60px;
	-webkit-background-size:
	7px 60px,
	181px 60px;
}
section#contents.topinfo #s_list_3.service_list{
	background-image:
	url(../images/new_index/list_top_pink.png) ,
	url(../images/new_index/list_back3.png);
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	left,
	right;
	background-size:
	7px 60px,
	181px 60px;
	-webkit-background-size:
	7px 60px,
	181px 60px;
}
section#contents.topinfo #s_list_4.service_list{
	background-image:
	url(../images/new_index/list_top_navy.png) ,
	url(../images/new_index/list_back4.png);
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	left,
	right;
	background-size:
	7px 60px,
	181px 60px;
	-webkit-background-size:
	7px 60px,
	181px 60px;
}
section#contents.topinfo #s_list_5.service_list{
	background-image:
	url(../images/new_index/list_top_orange_2.png) ,
	url(../images/new_index/list_back5.png);
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	left,
	right;
	background-size:
	7px 60px,
	181px 60px;
	-webkit-background-size:
	7px 60px,
	181px 60px;
}
/*section#contents.topinfo #s_list_5.service_list{
	background-image:
	url(../images/new_index/list_top_navy.png) ,
	url(../images/icon_nav/milplus_icon.png),
	url(../images/icon_nav/service_yazirushi.png),
	url(../images/new_index/service_list_bg_2.png);
	background-repeat:
	no-repeat,
	no-repeat,
	no-repeat,
	repeat-x;
	background-position:
	left,
	left 20px center,
	right 10px center,
	left;
	background-size:
	7px 60px,
	50px 51px,
	7px 12px,
	40px 60px;
	-webkit-background-size:
	7px 60px,
	50px 51px,
	7px 12px,
	40px 60px;
	color:#fff;
	padding-left:75px;
}
section#contents.topinfo #s_list_6.service_list{
	background-image:
	url(../images/new_index/list_top_pink_2.png) ,
	url(../images/icon_nav/smartphone_icon.png),
	url(../images/icon_nav/service_yazirushi.png),
	url(../images/new_index/service_list_bg_3.png);
	background-repeat:
	no-repeat,
	no-repeat,
	no-repeat,
	repeat-x;
	background-position:
	left,
	left 20px center,
	right 10px center,
	left;
	background-size:
	7px 60px,
	50px 51px,
	7px 12px,
	40px 60px;
	-webkit-background-size:
	7px 60px,
	50px 51px,
	7px 12px,
	40px 60px;
	color:#fff;
	padding-left:75px;
}*/
section#contents.topinfo #s_list_7.service_list{
	background-image:
	url(../images/new_index/list_top_orange_2.png) ,
	url(../images/icon_nav/denki_icon.png),
	url(../images/icon_nav/service_yazirushi.png),
	url(../images/new_index/service_list_bg_4.png);
	background-repeat:
	no-repeat,
	no-repeat,
	no-repeat,
	repeat-x;
	background-position:
	left,
	left 20px center,
	right 10px center,
	left;
	background-size:
	7px 60px,
	50px 51px,
	7px 12px,
	40px 60px;
	-webkit-background-size:
	7px 60px,
	50px 51px,
	7px 12px,
	40px 60px;
	color:#fff;
	padding-left:75px;
}
section#contents.topinfo #s_list_8.service_list{
	background-image:
	url(../images/new_index/list_top_red.png) ,
	url(../images/icon_nav/contact_icon.png),
	url(../images/icon_nav/service_yazirushi.png),
	url(../images/new_index/service_list_bg_8.png);
	background-repeat:
	no-repeat,
	no-repeat,
	no-repeat,
	repeat-x;
	background-position:
	left,
	left 20px center,
	right 10px center,
	left;
	background-size:
	7px 60px,
	50px 51px,
	7px 12px,
	333px 60px;
	-webkit-background-size:
	7px 60px,
	50px 51px,
	7px 12px,
	333px 60px;
	color:#fff;
	padding-left:75px;
}
section#contents.topinfo .service_list p {
	font-size:18px;
	font-weight:bold;
	padding-top:21px;
	padding-bottom:21px;
}

section#contents.topinfo li span{
	display:inline-block;
	float:right;
	position:relative;
	top:2px;
	width:12px;
	height:12px;
	background-image:url(../images/icon_link.png);
	background-repeat:no-repeat;
	-webkit-background-size: 12px 12px;/* 横px 縦px */
}

#service_nav{
	margin:0 13px;
	height:62px;
}
#service_nav_table{
	width:100%;
	box-sizing:border-box;
	height:62px;
}
#service_nav_table td{
	height:62px;
}
#service_nav_table td a{
	display:block;
	height:62px
}

#service_nav p{
	font-size:0.9em;
	font-weight:bold;
	position:relative;
	top:1.5em;
	/*text-shadow:1px 1px 0 #7f7359,2px 2px 0 #7f7359;
	-webkit-text-shadow:1px 1px 0 #7f7359,2px 2px 0 #7f7359;*/
}

#simuration_button{
	width:23%;
	box-sizing:border-box;
	background-image:url(../images/new_index/button_bg.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size: 61px 62px;
	background-size: 61px 62px;/* 横px 縦px */
	-webkit-background-size: 61px 62px;/* 横px 縦px */
}
#simuration_button p{
	text-align:left;
	padding-left:0.3em;
}
#simuration_button p span{
	padding-left:0.5em;
}
#syugo_button{
	width:27%;
	box-sizing:border-box;
	background-image:url(../images/new_index/button_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 61px 62px;
	background-size: 61px 62px;/* 横px 縦px */
	-webkit-background-size: 61px 62px;/* 横px 縦px */
}
#syugo_button p{
	text-align:center;
}
#service_button{
	width:27%;
	box-sizing:border-box;
	background-image:url(../images/new_index/button_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 61px 62px;
	-webkit-background-size: 61px 62px;/* 横px 縦px */
}
#service_button p{
	text-align:center;
}
#voice_button{
	width:23%;
	box-sizing:border-box;
	background-image:url(../images/new_index/button_bg.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size: 61px 62px;
	-webkit-background-size: 61px 62px;/* 横px 縦px */
}
#voice_button p{
	text-align:right;
	padding-right:1.3em;
}
#voice_button p span{
	padding-right:0.5em;
}

/* トップお知らせカテゴリー */
section#contents nav.topcategory{
	/*border-bottom:solid 1px #7f7f7f;*/
	background-color:#fff;
}
section#contents nav.topcategory span{
	float:left;
	text-align:center;
	/*height:21px;*/
	height:24px;
	width:33%;
	display:block;
	padding-top:7px;
	background-color:#FFE3AA;
	background-image:url(../images/bg_top_new_category_line.jpg);
	background-repeat:no-repeat;
	background-position:right -49px;
	-webkit-background-size: 10px 80px;/* 横px 縦px */
	border-bottom:solid 1px #7f7f7f;
}

section#contents nav.topcategory span:nth-last-child(2){
	float:left;
	text-align:center;
	height:24px;
	width:33%;
	display:block;
	padding-top:7px;
	background-color:#FFE3AA;
	background-image:url(../images/bg_top_new_category_line2.jpg);
	background-repeat:no-repeat;
	background-position:right -49px;
	-webkit-background-size: 10px 80px;/* 横px 縦px */
	border-bottom:solid 1px #7f7f7f;
}

section#contents nav.topcategory .select{
	background-color:#fff;
	background-position:right 0px;
	/*color:#323232;*/
	color:#FF8200;
	border-bottom:solid 1px #fff;
	/*
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:#FF8200;
	 -webkit-text-fill-color:#FF8200;
	 */
}
section#contents nav.topcategory .select:nth-last-child(2){
	background-color:#fff;
	background-position:right 0px;
	/*color:#323232;*/
	color:#FF8200;
	border-bottom:solid 1px #fff;
	/*
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:#FF8200;
	 -webkit-text-fill-color:#FF8200;
	 */
}
/*section#contents nav.topcategory span:nth-child(1),
section#contents nav.topcategory span:nth-child(2),
section#contents nav.topcategory span:nth-child(3),
section#contents nav.topcategory span:nth-child(4){
	width:25%;
}*/
section#contents nav.topcategory span:nth-child(4){
	background-image:url(../images/bg_top_category.png);
	/*float:right;*/
	float:left;
}
	@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	  section#contents nav.topcategory span:nth-child(3){
		 /* padding-left:2px;*/
	  }
	}
section#contents ul.disnon{
	display:none;
}


/* 今日のおススメ */
section#contents.topprogram ul{
	width:268px;
	margin:0px auto;
	padding:10px 13px 0px 13px;
	
}
section#contents.topprogram li{
	height:76px;
	width:74px;
	display:inline-block;
	float:left;
	margin:5px 0px 5px 10px;
	padding:4px;
	text-align:center;
	font-size:1.5em;
	line-height:1.2em;
	font-weight:bold;
	color:#fff;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */ 
	
	box-shadow:2px 2px 0 1px #b2b2b2;
	-webkit-box-shadow:2px 2px 0 1px #b2b2b2;
	-moz-border-box-shadow:2px 2px 0 1px #b2b2b2;
}


/*--
  section#contents.topprogram li > span{
	  height:74px;
	  width:72px;
	  display:inline-block;
	  border:solid 1px #fff;	
	  border-radius: 4px;
	  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 
	  -moz-border-radius: 4px;   /* Firefox用 
  }
 --*/
 
  section#contents.topprogram li > span {
	  position:relative;
	  top:40%;
  }
  section#contents.topprogram li.icon_movie > span,
  section#contents.topprogram li.icon_hobby > span,
  section#contents.topprogram li.icon_program > span{
	  position:relative;
	  top:25%;
  }
  section#contents.topprogram li #comityan{
	 font-size:50%;
	 position:relative;
	 top:-0.5em;
 }
  /*--
  section#contents.topprogram li > span > span{
	  position:relative;
	  top:40%;
  }
  --*/
   
 /*--
  section#contents.topprogram li.icon_program > span > span{
	  position:relative;
	  top:30%;
  }
  --*/
  section#contents.topprogram li.m_l_0{
	  margin:5px 0px 5px 0px;
  }
  	
	.icon_movie{
		  background-color:#f00;
	  }
	  .icon_animation{
		  background-color:#008000;
	  }
	  .icon_music{
		  background-color:#783CC4;
	  }
	  .icon_sport{
		  background-color:#0064C4;
	  }
	  .icon_hobby{
		  background-color:#F80;
	  }
	  .icon_program{
		  background-color:#007864;
	  }
/*--
	  .icon_movie{
		  background-color:#f00;
	  }
	  .icon_animation{
		  background-color:#008200;
	  }
	  .icon_music{
		  background-color:#783CC8;
	  }
	  .icon_sport{
		  background-color:#0064C8;
	  }
	  .icon_hobby{
		  background-color:#FF8200;
	  }
	  .icon_program{
		  background-color:#007864;
	  }
	  
--*/

		  /* 付箋リンク */		
		  section#contents nav#link_btn{
			  margin:10px 20px 0px 20px;
			  text-align:center;
			  background-color:#f8f8f8;
		  }
		  
		  section#contents nav#link_btn  span{
			  width:88%x;
			  display:block;
			  margin:auto auto;
			  height:32px;
			  background-image:url(../images/new_index/new_bg_fusen_center.png);
			  background-repeat:repeat-x;
			  background-size: 1px 32px;
			  -webkit-background-size: 1px 32px;/* 横px 縦px */
		  }
		  section#contents nav#link_btn  span > span{
			  display:block;
			  height:32px;
			  background-image:url(../images/new_index/new_bg_fusen_right.png);
			  background-repeat:no-repeat;
			  background-position:right;
			  background-size: 14px 32px;
			  -webkit-background-size: 14px 32px;/* 横px 縦px*/ 
		  }
		  section#contents nav#link_btn  span > span > span{
			  display:block;
			  height:32px;
			  background-image:url(../images/new_index/new_bg_fusen_left.png);
			  background-repeat:no-repeat;
			  background-position:left;
			  background-size: 7px 32px;
			  -webkit-background-size: 7px 32px;/* 横px 縦px*/
		  }
		  section#contents nav h3{
			  height:32px;
			  text-align:left;
			  line-height:32px;
			  font-weight:normal;
			  text-indent:35px;
		  }
			  h3.nav_normal{
			  background-image:url(../images/icon_nav/icon_nav_normal.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_channel{
			  background-image:url(../images/icon_nav/icon_nav_channel.png);
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  @media screen and (orientation:portrait) {
			  h3.nav_channel{font-size:11px;}			  
			  }
			  h3.nav_contact{
			  background-image:url(../images/icon_nav/icon_nav_contact.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_easy{
			  background-image:url(../images/icon_nav/new_easy_icon.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_faq{
			  background-image:url(../images/icon_nav/new_Q&A_icon.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			   h3.nav_support{
			  background-image:url(../images/icon_nav/new_support_icon.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_mainte{
			  background-image:url(../images/icon_nav/new_mente_icon.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_maypage{
			  background-image:url(../images/icon_nav/new_mypage_icon.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_webmail{
			  background-image:url(../images/icon_nav/new_webmail_icon.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_remote{
			  background-image:url(../images/icon_nav/icon_nav_remote.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_simulator{
			  background-image:url(../images/icon_nav/icon_nav_simulator.png);
			  background-repeat:no-repeat;
			  background-position:10px 5px;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }
			  h3.nav_voice{
			  background-image:url(../images/icon_nav/icon_nav_voice.png);
			  background-repeat:no-repeat;
			  background-size: 21px 21px;
			  -webkit-background-size: 21px 21px;
			  }





nav#page_top{
	float:right;
	width:115px;
	height:17px;
	color:#fff;
	background-color:#1a1a1a;
	padding:3px 0px 0px 0px;
	margin-right:3%;
	text-indent:22px;
	
	background-image:url(../images/icon_nav/icon_page_top.png);
	background-repeat:no-repeat;
	background-position:5px 3px;
	-webkit-background-size: 14px 14px;
}



/*ひかり電話
-----------------------------------------------------*/

.service_choice{
	overflow:auto;
	width:100%;
	display:inline-block;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}

.tab_list{
	list-style-type:none;
	overflow:auto;
	width:300px;
	margin:0 auto;
}
ul .tab_list li{
	float:left;
}
ul .tab_list li a{
	outline:none;
	display:block;
	height:40px;
	width:135px;
}

ul .tab_contents{
	clear:both;
	border:solid 1px blue;
	border-top:none;
	list-style-type:none;
}

#tab_list{
	list-style-type:none;
	overflow:auto;
	width:300px;
	height:44px;
	margin:0 auto;
	position:relative;
}

#tab_list li{
	float:left;
	border-bottom:solid 1px #fff;
	margin-bottom:-1px;
}
#tab_list li a{
	display:block;
	width:135px;
	height:40px;
	border-bottom:solid 1px #fff;
	margin-bottom:-1px;
	z-index:2;
}

.service_choice #tab_list li .plus {
	border-bottom:solid 1px #fff;
	position:absolute;
	top:1px;
}

.service_choice #tab_list li .line{
	border-bottom:solid 1px #fff;
	position:absolute;
	left:140px;
}

#tab_list li .plus{
	border-left:solid 1px blue;
	border-top:solid 1px blue;
	border-right:solid 1px blue;
	border-bottom:solid 1px #fff;
	margin-right:5px;
	height:40px;
	width:135px;
	margin-bottom:-1px;
}

#tab_list li .line{
	border-left:solid 1px red;
	border-top:solid 1px red;
	border-right:solid 1px red;
	border-bottom:solid 1px #fff;
	margin-bottom:-1px;
}


li .plus{
	background-color:blue;
	color:#fff;
	position:absolute;
}

li .line{
	background-color:red;
	color:#fff;
	position:absolute;
}

.choice_tab{
	height:200px;
	overflow:auto;
	clear:left;
}


#tab{
	margin:0px auto;
	width:285px;
	height:51px;
	margin-top:20px;
}
#tab map{
	outline:none;
}
#plus{
	border-top:solid 1px #FFA700;
	margin-top:-1px;
	padding-top:28px;
}
#plus p{
	font-size:14px;
}
.midashi{
	font-size:16px;
	font-weight:bold;
}
#plus h6{
	width:95%;
	background-color:#FFA700;
	border-radius:5px;
	-webkit-border-radius:5px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px;
	margin:7px auto;
}
#plus .small{
	font-size:12px;
}
.yazirusi{
	width:15px;
	margin:20px auto;
}
.osusume{
	background-color:#FF3200;
	border-radius:5px;
	-webkit-border-radius:5px;
	width:95%;
	margin:20px auto;
}
.osusume p{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:1.5;
}
.syousai{
	background-color:#323232;
	width:95%;
	margin:20px auto;
}
.syousai p{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:1.5;
}


#line{
	border-top:solid 1px #5093F7;
	margin-top:-1px;
	padding-top:28px;
}
#line p{
	font-size:14px;
}
#line h6{
	width:95%;
	background-color:#5093F7;
	border-radius:5px;
	-webkit-border-radius:5px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px;
	margin:7px auto;
}
#line .small{
	font-size:12px;
}

#page_top #contents #matome #tab map area {
	outline:none;
}
.m_top_10{
	margin-top:10px;
}
.m_bottom_10{
	margin-bottom:10px;
}
.notes{
	font-size:8px;
	vertical-align:top;
	display:inline;
}
table.table_line{
	text-align:center;
	font-weight:bold;
}
.blue_midashi{
	color:#3294ff;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	line-height:1.5;
}
.orange_midasi{
	color:#fa0;
	font-weight:bold;
	font-size:14px;
	line-height:1.5;
	text-align:center;
}

/*ひかり電話　タブ切り替え
------------------------------------------------*/

.wrap {
	margin:50px auto;
	width:94%;
}
.clear {
	clear:both;
}

ul.tabs {
	list-style:none; 
	width:284px; 
	margin:0 auto;
}
ul.tabs li:first-child {
	border-left:1px 
	solid #FFA700; 
	border-right:1px solid #FFA700; 
	border-top:1px solid #FFA700; 
	margin-right:10px;
}
ul.tabs li {
	float:left; 
	border-right:1px solid #5093F7; 
	border-top:1px solid #5093F7; 
	border-left:1px solid #5093F7;
}
ul.tabs li.active:first-child {
	border-bottom:1px solid #fff; 
	background-color:#fff; 
	border-top:solid 6px #FFA700; 
	margin-top:-5px;
}
ul.tabs li.active {
	border-bottom:1px solid #fff; 
	background-color:#fff; 
	border-top:solid 6px #5093F7; 
	margin-top:-5px;
}
ul.tabs li a {
	display:block; 
	letter-spacing:-1px; outline:none; 
	text-decoration:none; 
	height:40px;
}

div.tabs_content {
	margin:0 auto;
}
div.tabs_content > div {
	padding:20px;
}
div.tabs_content > #plus {
	border:1px solid #FFA700; 
	margin-top:-1px;
}
div.tabs_content > #line {
	border:1px solid #5093F7; 
	margin-top:-1px;
}

/* ひかり電話　ケーブルライン　料金
================================================== */
#otoku{
	width:300px;
	margin:0 auto;
}


/* フッター
================================================== */
footer{
	clear:both;
	background-color:#1a1a1a;
	color:#fff;
}
footer a{
	color:#fff;
}
footer aside:nth-child(1){
	margin:0px auto;
	width:94%;
}
footer nav{
	text-align:center;
	float:left;
	padding:14px 0px;
	width:32.6%;
}
footer nav img{
	margin-right:5px;
}

footer aside:nth-child(2){
	margin:0px auto;
	padding:10px 0px;
	width:100%;
	height:53px;
	border-top:solid 1px #999;
	background-image:url(../images/footer_logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 300px 53px;
	-webkit-background-size: 300px 53px;
	text-indent:-9999px;
}
footer address{
	width:100%;
	line-height:2em;
	text-align:center;
	font-weight:bold;
	font-style:normal;
	font-size:15px;
	margin-bottom:15px;
}
footer address span {
  font-size: 19px;
}
footer address a.tel{
	background-image:url(../images/icon_nav/icon_freeCall.png);
	background-repeat:no-repeat;
	background-position:left center;
	-webkit-background-size: 30px 17px;
	padding-left:30px;
	text-decoration:underline;
}
footer address a{
	text-decoration:underline;
}
footer aside:last-child{
	text-align:center;
	width:100%;
	padding:8px 0px;
	border-top:solid 1px #999;
	font-size:10px;
}

.one{cursor:pointer;
}

.two{cursor:pointer;
}

/*ボタン
------------------------------------------------*/
.bottom_10{
	margin-bottom:10px;
}