@charset "utf-8";
/* CSS Document */


.loginBox{
	background:#eeeeee;
	padding:20px 10px;
	max-width:640px;
	margin:0 auto;
	color:#12326c;
}
p.contactComment{
	text-align:center;
	margin-bottom:20px;
}

p.Text{
	text-align:left;
	margin-top:30px;
}
p.redT{
	color:#DB0E11;
	text-align:left;
}

.vl001,.vl002,.vl004,.vl005,.vl006,.vl007,.vl008,.vl010,.vl011,.vl012,.vl017,.vl018,.vl021{
	height:2em;
	padding:5px;
	}
.vl001,.vl002,.vl017,.vl018,.vl021,.vl007,.vl008,.vl019{
	width:90%;
}

.vl007,.vl008{
	width:90%;
	margin-top:15px;
}

.vl006{
	margin-left: 10px;
}

.edit_bt{
	background:#808080;
	border: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 40px;
	margin: 0 auto;
	text-align: center;
	display: block;
	cursor: pointer;
	-moz-box-shadow: 0 2px 0 0 #808080;
	-webkit-box-shadow:0 2px 0 0 #808080;
	box-shadow: 0 2px 0 0 #808080;
}

.bt_block {
		margin: 0;
	}
.edit_bt {
		margin-bottom: 10px;
	}
.edit_bt, 
.submit_bt{
		box-sizing: border-box;
		padding: 10px 25px;
	}
#submit_check {
	    width: 95%;
	}
html body .form_end_bt{
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}
	

.error_block{
	border:#ff0000 solid 3px;
	padding: 20px;
	margin: 20px 0 0 0;
}
.error_block p{
	color:#ff0000;
	line-height: 1.8em;
	font-size: 14px;
}
.block_inner{
	width: 760px;
	margin: 0 auto;
}

/* main_block */

.check_bt{
	background:#12326c;
	border: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 20px;
	margin: 20px auto;
	text-align: center;
	display: block;
	cursor: pointer;
	-moz-box-shadow: 0 2px 0 0 #808080;
	-webkit-box-shadow:0 2px 0 0 #808080;
	box-shadow: 0 2px 0 0 #808080;
}

.edit_bt{
	background:#808080;
	border: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 30px;
	margin: 0 auto;
	text-align: center;
	display: block;
	cursor: pointer;
	-moz-box-shadow: 0 2px 0 0 #808080;
	-webkit-box-shadow:0 2px 0 0 #808080;
	box-shadow: 0 2px 0 0 #808080;
}
.submit_bt{
	background:#12326c;
	border: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 30px;
	margin: 0 auto;
	text-align: center;
	display: block;
	cursor: pointer;
	-moz-box-shadow: 0 2px 0 0 #808080;
	-webkit-box-shadow:0 2px 0 0 #808080;
	box-shadow: 0 2px 0 0 #808080;
}
.bt_block{
	margin: 30px 0 0 0;
	width: 100%;
}

.zip_block{
	margin: 0 0 10px 0;
}
.input_s{
	width: 20%;
}
.input_m{
	width: 60%;
}
.input_l{
	width: 100%;
	height: 200px;
	border:1px solid #e0e0e0;
}
.contact_table input{
	padding: 2px;
}
.input_add{
	margin: 5px 0 0 0;
}


#submit_check {
	margin:0 auto;
	padding: 0 0 5px 0;
	width:50%;
	overflow: hidden;
}
.submit_bt_left {
	float:left;
}
.submit_bt_right {
	float:right;
}
.form_end_txt{

}
.form_end_txt strong{
	font-weight: bold;
	color:#2e7783;
	font-size:17px;
}
html body .form_end_bt{
	width: 100%;
	text-align: center;
	margin: 100px 0 100px;
}
html body .form_end_bt a{

	display:inline;
	margin: 0 auto;
	text-decoration: none;
}

/* エラーメッセージ
-------------------------------------------------*/
.formLayout #errorMessage {
	background:#FFF;
	border:3px solid #f00;
	padding:20px;
	color:#F00;
	box-sizing: border-box;
}
.formLayout #errorMessage li {
	margin-top: 10px;
}
.formLayout #errorMessage li:first-child {
	margin-top: 0;
}

.formLayout.input_now .display_check,
.formLayout.check_now .display_input{
	display:none;
}


/*------------------------------------------------------------------*/
/*     スマートフォン                                                */
/*------------------------------------------------------------------*/
@media screen and (max-width: 639px) {
	
.loginBox{
	padding:5px;
	max-width:640px;
	text-align:center;
	color:#12326c;
}
	.bt_block {
		margin: 0;
	}
	.edit_bt {
		margin-bottom: 10px;
	}
	.edit_bt, 
	.submit_bt{
		box-sizing: border-box;
		padding: 10px 25px;
	}
	#submit_check {
	    width: 95%;
	}
	html body .form_end_bt{
		width: 100%;
		margin: 0;
		padding: 10px 0;
	}

.vl001,.vl002,.vl017,.vl018,.vl021,.vl007,.vl008,.vl019{
	width:80%;
}

.vl007,.vl008{
	width:80%;
	margin-top:15px;
}
}