@charset "utf-8";

body{
	margin:0;
	padding:0;
}

body{
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	*font-family: "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif; background-color: transparent; color: #000; -webkit-font-smoothing: antialiased;
}


h1, h2, h3, h4, h5,
ul, li,
dl, dt, dd,
p{
	margin:0;
	padding:0;
	list-style-type:none;
}


a:link,
a:visited{
	color:#333333;
}

a:hover,
a:active{
	color:#0099CC;
	text-decoration:none;
}

img{
	border:none;
}

ul,li{
	vertical-align:top;
}

/*
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
*/

/*layout*--------------------------------*/
.wrapper{

}

.mainWrapper{
	width:1000px;
	margin:0 auto 30px;
	text-align:center;
}

/*header----------------------------------*/
.header{
	margin:10px 0;
	width:100%;
	overflow:hidden;
	/zoom:1;
}

.header .logo{
	float:left;
	margin-left:20px;
}

.header .btn_area{
	width:311px;
	padding:8px 10px 12px;
	height:60px;
	float:right;
	background:url(../images/gmobile_hbtn_bg.jpg) no-repeat left top;
}

/*main-------------------------------------*/
.title{
	text-align:left;
	font-size: 10px;
	margin:5px 0px 20px 0px;
	color:#42b4bd}


.list_area{
	overflow:hidden;
	/zoom:1;
}

.list_area li{
	width:310px;
	float:left;
	margin-right:34px;
}

.list_area li.last{
	margin-right:0;

}


.btn_center_area{
	margin:30px auto;
	width:1000px;
	height:90px;
	padding:18px 0 12px;
	background:url(../images/gmobile_btn_bg.jpg) no-repeat left top;
	text-align:left;
}

.btn_center_area .btn1{
	width:370px;
	float:left;
	margin-left:28px;
}

.btn_center_area .btn2{
	width:540px;
	float:left;
	margin-left:36px;
}

.helpexam_area{
	overflow:hidden;
	/zoom:1;
}

.helpexam_area li{
	float:left;
	background:url(../images/helpdesk_bg.jpg) no-repeat;
	width:480px;
	margin-right:40px;
	margin-bottom:20px;
	text-align:left;
	font-size:12px;
}

.helpexam_area li.right{
	background:url(../images/helpdesk_bg.jpg) no-repeat;
	margin-top:0;
	margin-right:0;
}

.row_area{
	width:100%;
	overflow:hidden;
	/zoom:1;
}

.row_area li{
	float:left;
	line-height:0;
}




.anchor_area{
	position:relative;
}

.anchor_area ul{
	width:781px;
	position:absolute;
	left:147px;
	top:94px;
	overflow:hidden;










	/zoom:1;
}

.anchor_area ul li{
	float:left;
	margin-right:25px;
}

.free_material{
	border:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	border-top:none;
	padding-bottom:20px;
}



.costcheck_area{
	border:solid 1px #CCC;
	border-bottom:solid 5px #CCC;
	border-top:none;
	padding-bottom:20px;
}

.totalprice{
	background:#4FB1BA;
	color:#FFFFFF;
	height:60px;
	line-height:60px;
	padding:10px 10px 10px;
	color:#FFFF00;
	font-size:32px;
}

.totalprice .price{
	font-size:48px;
	font-family: 'Francois One', sans-serif;
}




.cb-enable, .cb-disable{
	display:inline-block;
	float:left;
}

.cb-enable{
	width:123px;
	height:54px;
	background:url(../images/gmobile_cost_btn1.jpg) no-repeat left top;
}

.cb-disable{
	width:123px;
	height:54px;
	background:url(../images/gmobile_cost_btn2.jpg) no-repeat left top;
}

.selected img{
	display:none;

}

.switch input { display: none; }


/*その他オプションについて----------------------------------*/

.other_option{
	background:url(../images/other_option_bg.jpg) repeat-y;
       	}

.other_op_center{
	text-align:left;
	font-size:12px;
	}
.other_op_plan{
	font-size:25px;
	color:#ffff00
	}


#other_option_table{
	width:940px;
	margin-left: auto;
	margin-right: auto;
	border:solid 5px #42b4bd;
	border-collapse: collapse;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	}

#other_option_table td{
	border:solid 1px #42b4bd;
	font-size:17px;
	padding:12px 14px;
	width:278px
	}
	
#other_option_table th{
	border:solid 1px #42b4bd;
	padding:1px;
	font-size:17px;
	font-weight: bold;
	}

/*footer----------------------------------*/


.footer_wrapper{
	background:#43B3BE;
}


.footer .copyright{
	clear: left;
	color:#FFFFFF;
	text-align:center;
	padding:10px;
}

.footer .copyright a{
	color:#FFFFFF;
	text-decoration:none;
}
#foot01{
	position:relative;
	overflow:hidden;
}
#fmenu{
	float: left;
	position:relative;
	left:50%;
	margin:0 auto;
	padding: 20px 0;
}
#fmenu li{
	float: left;
	position:relative;
	left:-50%;
	border-left: 1px solid #ffffff;
}
#fmenu a{
	text-decoration: none;
	color: #ffffff;
	padding: 0 20px;
}
#fmenul{
	border-right: 1px solid #ffffff;
}
#fmenu a:hover{
	background-color: #3EC6C6;
}




/*margin padding etc----------------------------------*/

.caution{
	color:#CC0000;
}

.caution2{
	font-size:12px;
	color:#CC0000;
	font-weight:normal;
}

.flr{
	float:right;
}

.fll{
	float:left;
}

.alignC{
	text-align:center;
}

.alignL{
	text-align:left;
}

.alignR{
	text-align:right;
}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt20{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}

.pd5{padding:5px;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pd40{padding:40px;}
.pd50{padding:50px;}
.pd60{padding:60px;}
.pd70{padding:70px;}
.pd80{padding:80px;}
.pd90{padding:90px;}
.pd100{padding:100px;}


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  


br{letter-spacing:0;}

/*--  カケホーダイSIM  --*/
.kkh02{ background: url(../images/kakeho-sim02.jpg) no-repeat left top; padding: 0 0 30px 0;}