@charset "utf-8";

/*
*  form.css
*/

/* -------------------------------------
  0.Common
---------------------------------------- */
input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 110%;
	font-family: inherit;
	vertical-align: middle;
}
input[type="text"],
input[type="password"],
textarea,
select { outline:none; }
input[type="text"],
input[type="password"]{
	border: 0;
	padding: 2px 6px;
	border: solid 1px #A6A6A6;
	-moz-box-shadow: inset 1px 4px 7px -6px rgba(0,0,0,0.5); 
	-webkit-box-shadow: inset 1px 4px 7px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 7px -6px rgba(0,0,0,0.5);
}
input[type="radio"]{
	margin-right: 0.4em;
	vertical-align: middle;
}
select{
	padding: 2px;
	border: solid 1px #A6A6A6;
	white-space: nowrap;
}
input:focus,
textarea:focus,
select:focus{ 
	border: solid 1px #EBB8A4;
	background: #FCF9F7;
}
label { cursor: pointer; }
textarea { overflow: auto; }

/* input size */
.size20{ width: 20%; }
.size30{ width: 30%; }
.size40{ width: 40%; }
.size50{ width: 50%; }
.size60{ width: 60%; }
.size70{ width: 70%; }
.size80{ width: 80%; }
.size90{ width: 90%; }
/* -------------------------------------
  1.Inquiry step
---------------------------------------- */
/* ------ 1-1.Title ------ */
.contact .indexTitle {
	margin-bottom: 0;
	border-top: 5px solid #666;
	border-bottom: 1px solid #A9A9A9;
}
/* ------ 1-2.Step menu ------ */
.stepMenu, .stepMenu li{ height: 41px; }
.stepMenu {
	margin: 20px 0;
}
.stepMenu li{
	display: block;
	float: left;
}
.stepMenu li span{
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 41px;
	padding-top: 41px;
}
#stepNav1 { width: 228px }
#stepNav2 { width: 217px }
#stepNav3 { width: 209px	}
.stepMenu li span {
	background-image: url(../img/contact/bg_contact_step.gif);
	background-repeat: no-repeat;
}
/* bg-position */
#stepNav1 span { background-position: 0 0; }
#stepNav2 span { background-position: -228px 0; }
#stepNav3 span { background-position: -445px 0;	}
/* stay : step2 */
.contactStep2 #stepNav1 span { background-position: 0 -41px; }
.contactStep2 #stepNav2 span { background-position: -228px -41px; }
.contactStep2 #stepNav3 span { background-position: -445px -41px; }
/* stay : step3 */
.contactStep3 #stepNav1 span { background-position: 0 -82px; }
.contactStep3 #stepNav2 span { background-position: -228px -82px; }
.contactStep3 #stepNav3 span { background-position: -445px -82px; }

/* -------------------------------------
  2.Contact form
---------------------------------------- */
#addressAutoBtn {
	cursor: pointer;
}
/* ------ 2-1.Form table ------ */
#contactForm table{
	width: 100%;
	margin: 20px 0;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
}
#contactForm th{
	width: 34%;
	background: #F4F4F4;
	color: #000;
	vertical-align: middle;
}
#contactForm th,
#contactForm td{
	padding: 0.9em 1.4em;
	border-bottom: 1px solid #C9C9C9;
}
/* ------ 2-2.Required-mark ------ */
#contactForm .required{
	padding-right: 47px;
	background: #F4F4F4 url(../img/contact/ico_required.png) no-repeat 94% 50%;
}
.inputRule{
	color: #999;
	font-size: 84%;
	font-weight: normal;
}
#contactForm .example {
	margin-top: 5px;
}
#contactForm .example,
.shortExample {
	font-size: 90%;
	color: #666;
}
/* ------ 2-3.Checkbox ------ */
#checkBox input{ margin-right: 6px; }

/* ------ 2-4.Privacy policy ------ */
#privacyPolicyFrame{ margin-bottom: 18px; }
#privacyPolicyFrame iframe{
	width: 640px;
	height: 200px;
}
#privacyCheck{ text-align: center; }
#privacyCheck input{ margin-left: 8px; }

/* ------ 2-5.Buttons ------ */
.sendBtn,
#twoBtn{
	margin: 30px 0;
	text-align: center;
}
/* -------------------------------------
  3.Confirmation
---------------------------------------- */
#twoBtn img{ margin: 0 15px; }

/* -------------------------------------
  4.Completion
---------------------------------------- */
.endMessage{
	margin: 30px 0 40px;
	padding: 40px 25px 10px;
	border: 1px dashed #C7BCB2;
	text-align: center;
}
.endMessage dd{
	margin: 30px 50px 20px;
	text-align: left;
}
.endMessage .alignCenter { text-align: center; }
.endMessage p{ margin-top: 16px; }

/* -------------------------------------
  5.Error
---------------------------------------- */
.errorMessage{
	margin: 28px 0 30px;
	text-align: center;
}
.errorMessage dt{
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #CCC;
	font-size: 110%;
}
.errorMessage span{
	display: block;
	font-size: 110%;
	font-weight: bold;
}
.errorMessage dd{
	color: #EA642D;
	font-size: 114%;
}
.errorMessage li{
	margin-top: 14px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #CCC;
}