@charset "utf-8";

/* form-p
----------------------------------------------- */

#contact-intro{
	position:relative;
	min-height:422px;
	padding-top:20px;
}

#contact-intro .img{
	position:absolute;
	left:-20px;
	top:0;
	z-index:1;
}

#contact-intro .logo{
	position:absolute;
	right:-43px;
	top:-18px;
	z-index:20;
}

#contact-intro .text{
	margin:0px 10px 40px 280px;
	border:1px solid #fff;
	background:url(../img/contact/message.png);
	position:relative;
	z-index:10;
	padding-bottom:1px;
}

#contact-intro .text h2{
	padding:20px 0 20px 16px;
	position:relative;
	z-index:30;
}
#contact-intro .text p{
	margin:0 45px 30px 38px;
	font-size:13px;
	line-height:1.7;
}


#contact-intro .soudan{
	text-align:center;
	height:10px;
	position:relative;
}
#contact-intro .soudan a{
	position:absolute;
	top:0px;
	left:50%;
	margin:-10px 0 0 -130px;
}

.sp #container {
	overflow: hidden;
}
.sp .box870{
	width: 90%;
}

#contact-setsumei{
	border:1px solid #D9E0EE;
	background:url(../img/contact/setsumei-bg.png);
	position:relative;
	z-index:10;
	padding:25px 22px;
}

#contact-setsumei .mark{
	position:absolute;
	bottom:10px;
	left:-50px;
	z-index:-1;
}


#contact-setsumei{
	font-size:13px;
	position:relative;
	z-index:5;
	margin-bottom:40px;
}

#contact-setsumei h3{
	margin-bottom:10px;
}

#contact-setsumei .wakaru{
	zoom:1;
	margin-bottom:25px;
	background:#fff;
	padding:15px 12px 15px 12px;
}
#contact-setsumei .wakaru:after{content: ""; display: block; clear: both;}

#contact-setsumei .wakaru .ul1{
	float:left;
	width:395px;
	border-right:1px solid #F0F0F0;
}
#contact-setsumei .wakaru .ul2{
	float:right;
	width:340px;
}

#contact-setsumei li{
	background:url(../img/contact/setsumei-dot.png) left no-repeat;
	padding-left:12px;
	margin-bottom:5px;
}
#contact-setsumei li:last-child{
	margin-bottom:0;
}



#contact-setsumei .junbi{
	float:left;
	margin-top: 17px;
}

#contact-setsumei .junbi ul{
	background:#fff;
	padding:15px 12px 15px 12px;
	margin-right:40px;
}

#contact-setsumei .soudan{
	float:right;
}

#contact-mark{
	position:relative;
	z-index:1;
}
#contact-mark img{
	position:absolute;
	top:-180px;
	left:-90px;
}
.sp #contact-setsumei .wakaru ul,
.sp #contact-setsumei .junbi {
	float: none;
	width: 100%;
}
.sp #contact-setsumei .soudan{
	float: none;
}



.table-form{
	margin-bottom:15px;
	width:100%;
}

.table-form th,
.table-form td{
}

.table-form th{
	text-align:left;
}

.table-form td{
}
.table-form td td{
	padding-right:15px;
}


.table-form th span{
}

.table-form th img{vertical-align:middle;}

.must{ vertical-align:middle;}

form input{margin-right:5px;}

.v-short{width:px;}

form .input{
	height:20px;
	line-height:20px;
}

form .short{width:70px;}
form .middle{width:310px;}
form .long{width:250px;}

form textarea{
	width:460px;
	height:110px;
}

.hankaku{ime-mode:inactive;}

.error_coution{
	font-weight:bold;
	color:#a00;
}

.form-button{
	margin-bottom:20px;
	text-align:center;
	position:relative;
	height:px;
}

.form-button input,
.form-button img{
	margin:0 20px;
	vertical-align:middle;
}

.form-button .back,
.form-button .send{
	position:absolute;
	top:0px;
	vertical-align:top;
}

.form-button #confirm{left:px;}
.form-button #reset{left:px;}
.form-button #edit{left:px;}
.form-button #back{left:px;}
.form-button #send{left:px;}

.validation-advice{
	margin-bottom:30px;
	padding:15px 14px 10px 14px;
	border:1px solid #eebcb1;
	background-color:#fee1db;
}

.validation-advice li{
	margin-bottom:5px;
	color:#bd3116;
	font-weight:bold;
/*	background:url(../img/contact/error.gif) left no-repeat;*/
	padding-left:20px;
	list-style:disc inside;
}


#thanks{
	border:1px solid #9EACBA;
	margin-bottom:20px;
}

#thanks .inner{
	border:4px solid #EEEEEE;
	padding:40px 20px ;
}