@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	height:100%;
/*	background:#006ecc;*/
}
.page {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align:center;
}
.req {

}
/*header*/
.headerea {
	width:100%;
	border-bottom:1px solid #ffffff;
	background:#FFF;
	opacity: 0.9;
	border-top:3px solid #006ecc;
	}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.header {
	text-align: left;
	height: 100px;
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.header-l-logo {
	width: 430px;
	display: inline;
	float: left;
	padding-top: 0px;
}
.header-btn {
	width: 570px;
	display: inline;
	float: left;
}
.header-l {
	width: 735px;
	display: inline;
	float: left;
	padding-top: 0px;
}
.header-r {
	width: 265px;
	display: inline;
	float: left;
}
/*contrnts*/
.page .main_area {
		width: 100%;
	padding-top: 20px;
	background: url(../images/main-bg.png) 50% 0% no-repeat #006ecc;
}
.page .main_area .box {
	width: 1000px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.page .main_area .box a {
	padding-left:120px;
}
.page .contants_area {
	text-align: center;
	width: 100%;
	background: url(../images/back.jpg) center 0 repeat-y;
	}
.page .contants {
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	padding-bottom: 20px;
	}
.main_bottom_area {
	text-align:center;
	width:1200px;
	background:#39a983;
	}

/*copy*/
#copy {
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding-bottom: 70px;
	/*height:100%;*/
}
/*フォーム*/
#form input[type="radio"],
#form input[type="checkbox"] {
	height: 32px;
	margin:0 12px;
}
#form select,
#form input[type="text"] {
	height: 30px;
}
#form textarea{
	height: 230px;
}
#form select,
#form textarea,
#form input[type="text"] {
	padding: 5px;
	margin: 5px 10px 5px 0;
	vertical-align: middle;
	border: 1px solid #CACACA;
	border-radius: 10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	/*border-right: none;*/
}

/*textのサイズ*/
#form .text10 {
	width:100px;}

#form .text20 {
	width:367px;}

#form .text30 {
	width:365px;}

#form .text40 {
	width:465px;}

#form .text50 {
	width:540px;}
	
#form .text80 {
	width:540px;}

.page #form_block {
	width: 100%;
	padding-top: 20px;
	background: url(../images/lp_bg_form-top.jpg) 0 0 repeat-x #006ecc;
	
}
#form {
	
	background:#FFF;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	width: 1000px;
	padding:20px 0;
	border-radius: 10px;
	text-align:left;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
.page #form_block h3 {
	width:1000px;
	margin:0 auto;
	padding:20px 0 0 0;}
.box-center {
	text-align: center;
	padding:20px 0 ;
}
#form .txt_box {
	text-align:left;
	padding: 20px;
	line-height: 2em;
}
#form #fm_contact .formTable tr td .tit-l {
	width:180px;
	float:left;
	margin:5px 10px;
	}
#form #fm_contact .formTable tr td .tit {
	width: 70px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	}
table.formTable {
	width: 940px;
	border-collapse: collapse;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
table.formTable td, table.formTable th {
	border-top: 1px dotted #ccc;
	padding: 12px;
}
table.formTable th {
	font-size:16px;
	width: 260px;
	font-weight:bold;
	background: #efefef;
	text-align: left;
}
p {
	padding:0 10px;
	}
.f-red {
	font-size: 15px;
	color: #e60012;
	font-weight: normal;
}
.f-gray{
	font-size:10px;
	color:#595757;
}
.point {
	cursor: pointer;
}
input, texterea, select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.7;
	margin: 0;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
}

input#Confirm {
	background: url(../images/lp_f-btn01.jpg) 0 0 no-repeat;
	width: 560px;
	height: 67px;
	font-size: 0;
	border: none;
}

input#Send {
	background: url(../images/lp_f-btn02.jpg) 0 0 no-repeat;
	width: 355px;
	height: 56px;
	font-size: 0;
	border: none;
	cursor:pointer;
}

#Return {
	cursor:pointer;
}
.bnr_box a img {
	margin:0 5px;}
.formTable tr th .req {
	display:inline-block;
	margin-left:10px;
	width:40px;
	height:30px;
	background:url(../images/req.png) no-repeat 0 2px;
}

.bnr_box {
	text-align:center; padding:70px 0;}
.page #form_block #form .box-center p {
	text-align:center;}
#form .box-center {
	margin:0 auto;}
.bg-no #fm_contact .formTable tr th {
	background:#FFF;}

/*ご利用規約*/
#policy {
	text-align: center;
	padding: 20px 0;
	background-color: #efefef;
	}
#policy h3 {
	width: 857px;
	font-size:20px;
}
#policy .txt {
	overflow: scroll;
	height: 120px;
	text-align: left;
	border: 1px solid #c9caca;
	}
#policy .txt,
#policy .check {
	width: 857px;
	background:#FFF;
	margin:20px auto;
	padding:20px;
}
/*point*/
.page .contants #point .point01,
.page .contants #point .point02,
.page .contants #point .point03{
	font-size:20px !important;
	color:#595757;
	font-weight:bold;
	margin:0 auto;
	width:980px;
	line-height:1.5em;
	text-align:left;
	}
.page .contants #point .point01 {
	height:120px;
	padding:140px 0 0 100px;
	background:url(../images/lp_point01.jpg) no-repeat top left;}  
.page .contants #point .point02 {
	height:105px;
	padding:140px 0 0 100px;
	background:url(../images/lp_point02.jpg) no-repeat top left;}  
.page .contants #point .point03 {
	height:220px;
	padding:160px 0 0 100px;
	background:url(../images/lp_point03.jpg) no-repeat top left;}  

/*faq*/
.page #faq {
	width:1000px;
	line-height:1.5em;
	text-align:left;
	margin:50px auto;
	}
.page #faq .faq01 {
	float:left;
	display:block;
	width:405px;
	height:260px;
	padding:5px 10px 0 90px;
	background:url(../images/faq_q01.jpg) no-repeat top left;
	}  
.page #faq .faq02 {
	float:left;
	width:395px;
	height:260px;
	padding:5px 10px 0 90px;
	background:url(../images/faq_q02.jpg) no-repeat top left;
	}  
.page #faq .faq03 {
	float:left;
	width:890px;
	height:310px;
	padding:5px 10px 0 100px;
	background:url(../images/faq_q03.jpg) no-repeat top left;
	}  
.page #faq .faq04 {
	float:left;
	width:890px;
	height:200px;
	padding:5px 10px 0 100px;
	background:url(../images/faq_q04.jpg) no-repeat top left;
	}  
.page #faq .faq05 {
	float:left;
	width:890px;
	height:250px;
	padding:5px 10px 0 100px;
	background:url(../images/faq_q05.jpg) no-repeat top left;
	}  
.page #faq h3 {
	font-size:28px;
	font-weight:bold;
	color:#b3e34e;
	padding-top:0px;
	padding-bottom:10px;}

.page #faq p {
	font-size:20px !important;
	line-height:1.2em;
	color:#595757;
	font-weight:bold;
}
.page .contants #caution {
	width:990px;
	border:5px solid #e60012;
	text-align:left;
	margin:50px auto;
}
.page .contants #caution ol {
	padding:50px;
	}
.page .contants #caution ol li {
	font-size:20px !important;
	color:#595757;
	line-height:1.5em;
	list-style-type: decimal;
	}
.page .contants #info {
	width:1000px;
	text-align:left;
	margin:50px auto;
	
	}
.page .contants #info h3 {
	font-size:20px !important;
	font-weight:bold;
	color:	#38a983;
	}
.page .contants #info .clearfix .box {
	/*float:left;*/
	width:450px;
	}
.page .contants #info .clearfix.box .box p {
	line-height:1.2em;}
#info .clearfix img {
	margin:20px 0;}
.page .contants #info .clearfix ul li {
	list-style:url(../images/marker.jpg);
}
.page .contants .bnr {
	padding:100px 0;}
	
.page .contants .block {
	padding:100px 0;}
.page .contants_area .contants .clearfix.reason {
	width: 864px;
	padding:33px 34px 33px 32px ;
	border-right: 5px solid #006ecc;
	border-left: 5px solid #006ecc;
	margin:0 auto;
	}
.page .contants_area .contants .clearfix.reason .box-l {
	float: left;
	width: 390px;
	height: 550px;
	margin: 0;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	}
.page .contants_area .contants .clearfix.reason .box-r {
	float: left;
	width: 390px;
	height: 550px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	}
.page .contants_area .contants .clearfix.reason .box-l-end {
	float: left;
	width: 390px;
	height: 650px;
	margin: 0;
	border-right: 1px dotted #ccc;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	}
.page .contants_area .contants .clearfix.reason .box-r-end {
	float: left;
	width: 390px;
	height: 650px;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	}
.page .contants_area .contants .clearfix.reason p {
	font-size:20px;
	line-height:1.5em;
	padding:20px 0;
	text-align:left;
	}
.page .contants_area .contants .clearfix.flow {
	width: 950px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
.page .contants_area .contants .clearfix.flow .box-230 {
	float: left;
	width: 230px;
	height: 500px;
	margin: 0;
	padding: 0;
	}
.page .contants_area .contants .clearfix.flow .box-240 {
	float: left;
	width: 240px;
	height: 500px;
	margin: 0;
	padding: 0;
	}
.page .contants_area .contants .clearfix.flow p {
	font-size:20px;
	line-height:1.5em;
	padding:0;
	margin:0;
	text-align:center;
	}
