@charset "utf-8";

/**
 * @version	0.0.1 2015/07/24
**/




h1{
	margin:30px auto 0 auto;
	text-align:left;
	width:970px;
	font-size:240%;
	font-weight:bold;
	line-height:120%;
}

h2.line{
	font-weight:bold;
	font-size:217%;
	text-align:center;
	background:url(/mobile/one/rwd_images/linebg_h2.gif) center center repeat-x;
	line-height:120%;
	margin-bottom:45px;
}

h2 span.bgGray{
	padding:0 10px 0 10px;
	background:#f0f0f0;
}

h2 span.bgWhite{
	padding:0 10px 0 10px;
	background:#ffffff;
}


h3{
	font-size:180%;
	line-height:130%;
}

h4{
	font-size:160%;
	line-height:140%;
}


.notice{
	font-size:12px;
	line-height:170%;
	text-indent:-1.5em;
	margin-left:1.5em;
}

.notice02{
	font-size:12px;
	line-height:170%;
	text-indent:-2em;
	margin-left:2em;
}

.more_btn{
	text-align:right;
}



@media screen and (max-width: 679px) {
	h1{
		margin:20px 0 -15px 15px;
		font-size:150%;
		width:auto;
	}

	h2{
		font-size:140%;
	}

	h2.line{
		font-size:140%;
		background:url(/mobile/one/rwd_images/linebg_h2.gif) center bottom repeat-x;
		margin-bottom:30px;
		padding-bottom:10px;
		line-height:140%;
	}

	h3{
		font-size:130%;
	}


	h4{
		font-size:120%;
	}
	.more_btn{
		text-align:center;
	}
}


a.new_win{
	padding-right:15px;
	background:url(/mobile/one/rwd_images/icon_newwin.png) right center no-repeat;
}




a.atmark{padding-right:5px;!important}



/******************************************************/
/* 共通フッタ /common2012/inc/main/mobi/one/common_f_menu.php */
/******************************************************/




/* 新デザイン用 */
.bottomBtnArea{
	margin:0 0 30px 0;
}

/* 旧デザイン用 */
#middle-all .bottomBtnArea{
	width:948px;
	margin:0 0 30px 0;
}




.bottomBtnArea p{
	text-align:center;
}

.bottomBtnArea .btnCenter{
	padding:30px 0;
	width:100%;
    margin-bottom: 30px;
	background:#f1f1f1;
}


.bottomBtnArea .btnLeft{
	padding:30px 30px 30px 30px;
	width:42%;
	background:#f1f1f1;
	float:left;
}


	.bottomBtnArea .btnLeft .topLink{
		margin-bottom:10px;
	}
		.bottomBtnArea .btnLeft .topLink a{
			background:url(/mobile/one/voice/images/arrow_red_circle.png) left center no-repeat;
			padding:5px 0 5px 27px;
		}


.bottomBtnArea .btnRight{
	padding:30px 30px 30px 30px;
	width:42%;
	background:#f1f1f1;
	text-align:center;
	float:right;
}

	.bottomBtnArea .btnRight .topLink{
		margin-bottom:10px;
	}
		.bottomBtnArea .btnRight .topLink a{
			padding:5px 0 5px 27px;
			background:url(/mobile/one/data/images/arrow_blue_circle.png) left center no-repeat;
		}

/* clear */

.bottomBtnArea:after{
	display:block;content:"";clear:both;overflow:hidden;
}



@media screen and (max-width: 679px) {
	#middle-all .bottomBtnArea,
	.bottomBtnArea .btnLeft,
	.bottomBtnArea .btnRight{
		margin-bottom:10px;
		padding:20px 0 30px 0;
		width:100%;
		float:none;
	}
}





/******************************************************/
/* index /mobile/one/index.html */
/******************************************************/



.section .slideArea{
	padding-top:30px;
	padding-bottom:30px;
}


.newsSet h3.title_News{
	margin-bottom:10px!important;
}
	.newsSet h3.title_News a{
		color:#333333;
	}



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

	.section .slideArea{
		padding-bottom:10px!important;
	}

	.newsSet{
		display:none;
	}
}


.newsSet .newsList{border-top:dotted 1px #888888;}
.newsSet .newsList dt{
	width:11%;
	float:left;
	padding:7px 0 5px 0;
}
.newsSet .newsList dd{
	width:85%;
	float:right;
	padding:7px 0 5px 22px;
	text-indent:-1em;
	margin-left:1em;
	background:url(/mobile/one/rwd_images/arrow_red.gif) left 12px no-repeat;
}






.aboutSet{
	width:970px!important;
	border-left:1px dotted #888888;
}

.aboutSet .aboutInner{
	padding:0 15px 0 20px;
	margin:0!important;
	float:left!important;
	width:287px!important;
	border-right:1px dotted #888888;
}

.aboutSet .aboutInner h3{
	text-align:center;
}

@media screen and (max-width: 679px) {
	.aboutSet{
		width:100%!important;
		border:none!important;
	}

	.aboutSet .aboutInner{
		border-right:none;
		border-bottom:1px dotted #888888;
		padding:0 0 30px 0!important;
		margin-bottom:30px!important;
		float:none!important;
		width:100%!important;
		height:auto!important;
	}

	.aboutSet .aboutInner.last{
		border-bottom:none;
		padding-bottom:0!important;
		margin-bottom:0!important;
	}

}


/* 表組み（コース） */


.tableSet{
	position:relative;
}


.table_fki{
	position:absolute;
	top:118px;
	left:-10px;
}

.t_line{
	width:100%;
	border:0;
	border-collapse: collapse;
	font-size:130%;
}

.t_line td{
	text-align:center;
	border :solid 1px #cccccc;
	padding:15px 10px 10px 10px;
}

.t_line th{
	font-size:120%;
	font-weight:bold;
	width:35%;
	padding:15px 10px 10px 15px;
	border :solid 1px #e0e0e0;
	background:url(/mobile/one/rwd_images/bg_table.jpg) center bottom repeat-x;
}

.t_line .frame{
	padding:20px 10px 10px 15px;
	border:4px solid #d9d9d9;
	border-right:solid 1px #d9d9d9;
}

.t_line .frame02{
	border:4px solid #d9d9d9;
	border-right:solid 1px #d9d9d9;
	border-left:none;
}

.t_line .frame03{
	border:4px solid #d9d9d9;
	border-left:none;
}

.t_line span{
	font-weight:bold;
	font-size:120%;
}

.t_line .fsl{
	font-size:150%;
}

.t_line .nb{
	border:none!important;
}

.t_line .nbg{
	background:none!important;
}



.tableSet .priceTitle{
	padding:0 5px 5px 5px!important;
	border:none!important;
}
	.tableSet .priceTitle h3{
		font-size:100%;
		color:#333333;
		font-weight:bold;
		padding:17px 10px 15px 10px;
		margin:0 0 5px 0;
		background:#eeeeee;
	}



.fki01{
	padding:0 5px 5px 5px!important;
	border:none!important;
}
	.fki01 p{
		color:#eb3940;
		font-weight:bold;
		padding:15px 10px 18px 10px;
		background:url(/mobile/one/rwd_images/arrow_table_red.gif) center bottom no-repeat #fdeaeb;
	}


.fki02{
	padding:0 5px 5px 5px!important;
	border:none!important;
}
	.fki02 p{
		color:#0065a0;
		font-weight:bold;
		padding:15px 10px 18px 10px;
		background:url(/mobile/one/rwd_images/arrow_table_blue.gif) center bottom no-repeat #eaf2fd;
	}


/*SP用*/

.tableSet_sp .t_line{
	margin-top:10px;
	font-size:100%!important;
}

	.tableSet_sp .t_line th{
		width:45%!important;
	}

	.tableSet_sp .t_line td,
	.tableSet_sp .t_line th{
		padding:5px!important;
	}

.tableSet_sp .fki01sp{
	padding:0!important;
	border:none!important;
}
	.tableSet_sp .fki01sp p{
		font-size:120%;
		color:#eb3940;
		font-weight:bold;
		padding:8px 0 11px 0;
		background:url(/mobile/one/rwd_images/arrow_table_red.gif) center bottom no-repeat #fdeaeb;
	}



.tableSet_sp .priceTitle{
	border:none!important;
}
	.tableSet_sp .priceTitle h3{
		font-size:120%;
		color:#333333;
		font-weight:bold;
		padding:12px 10px 10px 10px;
		margin:0 0 3px 0;
		background:#eeeeee;
	}




.tableSet_sp .fki02sp{
	padding:0!important;
	border:none!important;
}
	.tableSet_sp .fki02sp p{
		font-size:120%;
		color:#0065a0;
		font-weight:bold;
		padding:8px 0 11px 0;
		background:url(/mobile/one/rwd_images/arrow_table_blue.gif) center bottom no-repeat #eaf2fd;
	}


.tableSet_sp .t_line .rec{
	display:block;
	color:#ff7c27;
	font-size:80%!important;
}



/* clear */

.title_News:after,
.newsList:after,
.aboutSet:after{
	display:block;content:"";clear:both;overflow:hidden;
}


/******************************************************/
/* 音声、データ共通
/mobile/one/voice/index.html
/mobile/one/data/index.html
/******************************************************/

.column .whitebox{
	padding:25px 20px 20px 20px;
}



@media screen and (max-width: 679px) {
	.column .whitebox{
		height:auto!important;
	}
}



.column .whitebox h3{
	text-align:center;
}

.courseSet{
	border:solid 1px #cacaca;
	box-sizing:border-box!important;
}

.courseSet h4{
	padding:10px 0 5px 0;
	text-align:center;
	background:#fdeaeb;
}

.courseSet .price{
	line-height:150%;
	padding:25px 0 15px 0;
	text-align:center;
	font-size:140%;
}



.courseSet .price.pt_height{
	padding:80px 0 0 0;
}


.bgsize{
	padding:10px 0 5px 0;
	font-size:220%;
	color:#ff0000;
}

.courseIcon{
	margin-top:15px;
	text-align:center;
	padding:17px 30px 20px 30px;
	border:solid 1px #cacaca;
	box-sizing:border-box!important;
}

	.courseIcon h4{
		font-size:120%;
		font-weight:bold;
		margin:0 0 17px 0;
	}



@media screen and (max-width: 679px) {
	.courseSet .price{
		padding:20px 0 10px 0;
	}
	.courseIcon{
		padding:15px 30px 15px 30px;
	}

}




.fuki_course{
	position:absolute;
	top:160px;
	left:-15px;
}

.moresize{border:1px solid #bdbdbd; padding:20px;}

.moresize .moresizeLeft{
	width:620px;
	float:left;
}
.moresize .moresizeRight{
	float:right;
}





@media screen and (max-width: 679px) {
	.moresize .moresizeLeft{
		width:100%;
		float:none;
	}
	.moresize .moresizeRight{
		float:none;
		text-align:center;
	}

	.courseSet .price.pt_height{
		padding:35px 0 20px 0;
	}
}


.btnet{width:670px; margin:auto;}
	.btnet p{
		float:left;
	}
	.btnet dl{
		float:right;
	}
	.btnet dl dt{
		text-align:center;
		font-size:140%;
		line-height:180%;
		margin-bottom:15px;
	}
	.btnet dl dt span{
		font-weight:bold;
		font-size:150%;
	}


@media screen and (max-width: 679px) {
.btnet{width:100%; margin:auto;}
	.btnet p{
		float:none;
		text-align:center;
		margin-bottom:20px;
	}
	.btnet dl{
		float:none;
	}
	.btnet dl dt{
		font-size:100%;
		line-height:170%;
	}
	.btnet dl dt span{
		font-weight:bold;
		font-size:130%;
	}
}

.mainSet{
	position:relative;
}

	.mainSet .btn_sim{
		position:absolute;
		top:33px;
		right:23px;
	}

	.mainSet .btn_hikari{
		position:absolute;
		top:232px;
		right:23px;
	}


span.spPrice{
	display:block;
	margin:-10px 0 0 0;
	padding:0 0 15px 0;
	color:#ff7c27;
	font-weight:bold;
	font-size:100%;
}




@media screen and (max-width: 679px) {
	.heightLine-v01,
	.heightLine-v02,
	.heightLine-v03,
	.heightLine-v04,
	.heightLine-v05,
	.heightLine-v06,
	.heightLine-v07{
		height:auto!important;
	}
}




/* clear */
.moresize:after,
.btnet:after{
	display:block;content:"";clear:both;overflow:hidden;
}


/* 音声対応SIM その他の機能 */
.column3Area10noRes_voiceOther{ padding-right: 20px;margin-left:50px; }
.column3Area10noRes_voiceOther:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area10noRes_voiceOther .column{
    float: left;
    width: 33.33%;
    margin:0 10px 10px 0;
  }
  .column3Area10noRes_voiceOther .column.last{
    margin:0 -20px 10px 0;
  }
	@media screen and (max-width: 679px) {
	  .column3Area10noRes_voiceOther{
	    padding-right: 0;
			margin-left: 20px;
	  }
	  .column3Area10noRes_voiceOther .column{
			margin:0 0 5px 0;
	  }
		.column3Area10noRes_voiceOther .column.last{
			margin-right: 0;
		}
	}



/******************************************************/
/* データ専用通信SIM TOP /mobile/one/data/index.html */
/******************************************************/

.sectionInner.course_data .courseSet h4{
	padding:10px 0 5px 0;
	text-align:center;
	background:#e7f2f9;
}

.sectionInner.course_data .courseSet .bgsize{
	padding:10px 0 5px 0;
	font-size:220%;
	color:#0084dc;
}


.data_pkgSet{
	padding:20px;
}
	.data_pkgSet .pkgLeft{
		margin-right:15px;
		float:left;
	}

@media screen and (max-width: 679px) {
	.data_pkgSet .pkgLeft{
		float:none;
		text-align:center!important;
	}

	.data_pkgSet .pkgRight{
		text-align:center!important;
	}
}




/* clear */
.data_pkgSet:after{
	display:block;content:"";clear:both;overflow:hidden;
}



/******************************************************/
/* トップ、音声、データ共通
/mobile/one/index.html
/mobile/one/voice/index.html
/mobile/mobile/one/data/index.html */
/******************************************************/

.red{background: #fff4f4!important;}
.blue{background: #eef8fd!important;}
.yellow{background: #fef4e1!important;}

.cautionArea{
	padding:18px 15px 5px 15px;
	margin-bottom: 30px;
}
.featureMain {
    padding: 20px 20px 10px 20px;
}
.featureMain p.text{margin-bottom:10px;}
.imagecenter {
    text-align: center;
}

/* 3カラム */
.column3Area10{ padding-right: 20px; }
.column3Area10:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area10 .column{
    float: left;
    width: 33.33%;
    margin:0 10px 10px 0;
  }
  .column3Area10 .column.last{
    margin:0 -20px 10px 0;
  }

.column3Area15{ padding-right: 30px; }
.column3Area15:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area15 .column{
    float: left;
    width: 33.33%;
    margin:0 15px 15px 0;
  }
  .column3Area15 .column.last{
    margin-right: -30px;
  }

.column3Area20{ padding-right: 40px; }
.column3Area20:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area20 .column{
    float: left;
    width: 33.33%;
    margin:0 20px 20px 0;
  }
  .column3Area20 .column.last{
    margin-right: -40px;
  }

/* tsuka30 */
.column3Area25{ padding-right: 50px; }
.column3Area25:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area25 .column{
    float: left;
    width: 33.33%;
    margin:0 25px 25px 0;
  }
  .column3Area25 .column.last{
    margin-right: -50px;
  }

.column3Area30{ padding-right: 60px; }
.column3Area30:after {display:block;content:"";clear:both;overflow:hidden;}
  .column3Area30 .column{
    float: left;
    width: 33.33%;
    margin:0 30px 30px 0;
  }
  .column3Area30 .column.last{
    margin:0 -60px 30px 0;
  }

@media screen and (max-width: 679px) {
  .column3Area10,
  .column3Area15,
  .column3Area20,
  .column3Area25,
  .column3Area30{
    padding-right:0;
  }
  .column3Area10 .column,
  .column3Area10 .column.last,
  .column3Area15 .column,
  .column3Area15 .column.last,
  .column3Area20 .column,
  .column3Area20 .column.last,
  .column3Area25 .column,
  .column3Area25 .column.last,
  .column3Area30 .column,
  .column3Area30 .column.last{
    width: 100%;
    margin:0 0 15px 0;
  }
}