@charset "utf-8";

/* -----------------------------------------------------------
	QUALIER
	for inquiry dir
	
----------------------------------------------------------- */

div.contentInner {
	width:900px;
}
div.inquiry #main p.lead {
	margin:0 20px 30px;
	line-height:2;
}
div.inquiry #main p.flow {
	margin:0 20px 30px;
}
div.inquiry #main p.explanation {
	margin:0 20px 30px;
}

/* form common setting
--------------------------------------------- */
div.inquiry form {
	margin:0 20px;
}
div.inquiry fieldset {
	margin-bottom:30px;
}
div.inquiry ol li {
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background:#F5F4E4;
	width:858px;
	font-size: 1px;
}
	/* for IE */

div.inquiry ol li p {font-size: small;}

div.inquiry ol li.first {border-top:1px solid #999999;}
div.inquiry label {
	display:block;
	float:left;
	color:#333333;
	text-align:left;
	font-size: small;
}
div.inquiry label.head,
div.inquiry label.check {
	padding:20px;
}
div.inquiry label.head {
	width:130px;
	font-weight:bold;
}
div.inquiry label.check {
	width:30px;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}
div.inquiry div.itemwrap {
	float:left;
	width:687px;
	border-left:1px solid #999;
}
div.inquiry div.inputColumn {
	float:left;
	border-left:1px solid #999;
	background:#FFFFFF;
	padding:20px;
	width:576px;
}
div.inquiry div.inputColumn div.line1 {
	margin-bottom:10px;
}
div.inquiry div.inputColumn div.line2 {
	clear:both;
}
div.inquiry div.inputColumn input {
	float:left;
	margin:0 3px;
}
body div.inquiry ol li div.inputColumn label.ex {
	width:200px;
	text-align:left;
}
div#container:after,
div#containerInner:after,
div.inquiry form:after,
div.inquiry ol:after,
div.inquiry ol li:after,
div.inquiry div.inputColumn div.line1:after,
div.inquiry div.inputColumn div.line2:after,
div.inquiry div.inputColumn div.line3:after {
	content: ".";
	display: block;
	font-size: 0.1em;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#container,
div#containerInner,
div.inquiry form,
div.inquiry ol,
div.inquiry ol li,
div.inquiry div.inputColumn div.line1,
div.inquiry div.inputColumn div.line2,
div.inquiry div.inputColumn div.line3 {
	zoom: 1;
}

/* InputItem name setting
--------------------------------------------- */
div.inquiry ol li.name div.inputColumn input {
	width:120px;
}
div.inquiry ol li.name div.inputColumn label {
	width:2em;
	text-align:right;
}

/* InputItem sex setting
--------------------------------------------- */
div.inquiry ol li.sex div.inputColumn input {
	margin-top:3px;
}
	/* for IE */
	*:first-child+html div.inquiry ol li.sex div.inputColumn input {margin-top:0;}
	*html div.inquiry ol li.sex div.inputColumn input {margin-top:0;}
	
div.inquiry ol li.sex div.inputColumn label {
	margin-right:20px;
	width:4em;
	text-align:left;
}

/* InputItem birth setting
--------------------------------------------- */
div.inquiry ol li.birth div.inputColumn input {
	width:50px;
}

/* InputItem address setting
--------------------------------------------- */
div.inquiry ol li.address div.inputColumn div.line2 {
	margin-bottom:10px;
}
div.inquiry ol li.address div.inputColumn input {
	width:50px;
}
div.inquiry ol li.address div.inputColumn div.line2 label,
div.inquiry ol li.address div.inputColumn div.line3 label {
	width:6em;
}
div.inquiry ol li.address div.inputColumn div.line2 label.ex,
div.inquiry ol li.address div.inputColumn div.line3 label.ex {
	width:270px;
}
div.inquiry ol li.address div.inputColumn div.line2 input {
	width:5em;
}
div.inquiry ol li.address div.inputColumn div.line3 input {
	width:210px;
}

/* InputItem phoneNumber and mail setting
--------------------------------------------- */
div.inquiry ol li.phoneNumber div.inputColumn input {
	width:50px;
}
div.inquiry ol li.mail div.inputColumn input {
	width:250px;
}
div.inquiry ol li.phoneNumber div.inputColumn label.ex {
	width:220px;
}
div.inquiry ol li.mail div.inputColumn label.ex {
	width:300px;
}

/* InputItem inquiryContent setting
--------------------------------------------- */
div.inquiry ol li.inquiryContent div.inputColumn textarea {
	width:500px;
	height:100px;
	font-size:small;
}

div.inquiry p#btn{clear:both;text-align:center;}

/* Error setting
--------------------------------------------- */
div.inquiry .err {
	background:#FFCCCC ! important;
}
div.inquiry .err p {
	margin-bottom:15px;
	color:#FF0000;
}


/* Confirm setting
--------------------------------------------- */
div.inquiry #main .confirm ol li div.inputColumn label {width:auto;}


/* Conplete setting
--------------------------------------------- */
div.inquiry div.conplete {
	min-height:400px;
	height:auto ! important;
	height:400px;
}
div.inquiry div.conplete p {
	margin:0 20px 10px;
	color:#333333;
	line-heihgt:2;
}
div.inquiry div.conplete p.thanks {
	font-size:1.1em;
	font-weight:bold;
}