﻿/*-----------------------------------------------------	*/
/*	INQUIRY					*/
/*-----------------------------------------------------	*/
#inquiry #contents{
	padding:30px 0;
}
/* title */
.title-box{
	position: relative;
	width: 100%;
	height: 176px;
	z-index: 1;
	background: url(../images/title_bg.jpg) repeat 0 0;
	-webkit-box-shadow:0 -1px 4px 0 rgba(0, 0, 0, 0.2) inset;
	box-shadow:0 -1px 4px 0 rgba(0, 0, 0, 0.2) inset;
}
.title-inner-box{
	width: 980px;
	height: 172px;
	margin: 0 auto;
	overflow: hidden;
}
#inquiry .title-inner-box{
	background: url(../images/inquiry/title_img.jpg) no-repeat right 0;
}
#inquiry .title-box h1{
	width: 213px;
	margin: 30px 0 0;
}
#inquiry .title-inner-box p{
	margin: -6px 0 0 48px;
}
.under-contents{
	width: 660px;
	margin: 0 auto;
}

/* tel/fax */
.contactbox{
	padding: 0 0 30px;
}
.cTel{
	width: 330px;
	float: left;
}
.cTel dl{
	padding: 0 0 0 38px;
	background: url(../images/inquiry/icon_tel.gif) no-repeat 0 5px;
}
.cFax{
	width: 330px;
	float: right;
}
.cFax dl{
	padding: 0 0 0 38px;
	background: url(../images/inquiry/icon_fax.gif) no-repeat 0 5px;
}
.cTel span,
.cFax span{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.icofreetel{
	vertical-align: -1px;
	margin: 0 3px 0 0;
}
.cTel p{
	font-size: 14px;
	font-size: 1.4rem;
}

/* form-area */
.form-area{
	position: relative;
	padding:30px 0 40px;
}
.form-area h1{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 5px;
	background: url(../images/border.gif) repeat-x 0 bottom;
}
.form-area .caution{
	color: #c13903;
	font-size: 12px;
	font-size: 1.2rem;
}
.error_messe{
	color: #c13903;
}
.form-area .nextto{
	position: absolute;
	top: 30px;
	left: 15em;
}
.formTable{
	margin: 0 0 20px;
}
.formTable th,
.formTable td{
	padding: 7px 5px;
	vertical-align: top;
}
.formTable input{
	padding: 3px;
}
.formTable .w260{
	width: 260px;
}
.formTable .times{
	display: inline;
	padding-left: 10px;
}
.formTable .text{
	padding: 3px;
	margin: 5px 0 0;
	width: 490px;
	height: 180px;
	font-size: 12px;
	font-size: 1.2rem;
	border:#b5b5b5 solid 1px; 
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.btn-submit{
	color: #fff;
	border-radius: 6px;
	border: 1px solid #383838;
	-webkit-box-shadow: 0 3px 0 0 #000000,0 2px 1px -1px rgba(255,255,255,0.4) inset;
	box-shadow: 0 3px 0 0 #000000,0 2px 1px -1px rgba(255,255,255,0.4) inset;
	text-align: center;
	padding: 10px 0;
	width: 150px;
	text-decoration: none;
	background: #383838;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}
.btn-back{
	color: #6e6e6e;
	border-radius: 6px;
	border: 1px solid #bcbcbc;
	-webkit-box-shadow: 0 3px 0 0 #b7b7b7,0 2px 1px -1px rgba(255,255,255,0.) inset;
	box-shadow: 0 3px 0 0 #b7b7b7,0 2px 1px -1px rgba(255,255,255,0.4) inset;
	text-align: center;
	padding: 10px 0;
	margin-right:10px;
	width: 150px;
	text-decoration: none;
	background: #e4e4e4;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}
.complete{
	width: auto;
	text-align: center;
	padding: 30px 0 180px;
}
.complete .strong{
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0 0 10px;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {
	.title-inner-box{
		width: 100%;
	}
}


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
	.under-contents{
		padding: 0 14px 20px;
		width: 100%;

	}
	#inquiry .title-inner-box{
		background-size: 50% auto;
	}
	.cTel,.cFax{
		float: none;
		margin-bottom: 10px;
	}


}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	#inquiry .title-box h1 {
	    margin: 18px 0 0;
	    width: 150px;
	}
	.title-box{
		height: 120px;
	}
	#inquiry .title-inner-box{
		height: 124px;
	}
	.form-area,
	.formTable {
		width: 100%;
	}
	.formTable td{
	}
	.formTable .w260{
		width: 120px;
	}
	.zip1{
		width: 60px;
	}
	.zip2{
		width: 70px;
	}
	.formTable .times{
		white-space: nowrap;
	}
	.formTable .text{
		width: 250px;
	}
}






