/* =============================================================================
	お問い合せ CSS
============================================================================= */

/* ---------------------------------------------------------
	入力フォーム
--------------------------------------------------------- */
span.required {
	color:#d00;
}

form#contact {
	padding:0 13px;
}

form#contact table {
	margin:0 0 20px;
	border-collapse:collapse;
	border-spacing:0;
}

form#contact table th,
form#contact table td {
	padding:5px 10px;
	border-bottom:2px solid #fff;
	line-height:1.2;
}

form#contact table th {
	width:150px;
	background-color:#d7e2f3;
	white-space:nowrap;
	text-align:left;
	font-weight:normal;
}

form#contact table th.htop {
	padding-top:10px;
	vertical-align:top;
}

form#contact table td table {
	margin:0;
}

form#contact table td table th {
	padding-left:0;
	padding-right:0;
	width:auto;
	background-color:transparent;
}

form#contact input {
	padding:3px;
	width:300px;
	line-height:1.2;
	vertical-align:middle;
}

form#contact input.name {
	width:150px;
}

form#contact input.mailaddress {
	width:350px;
	ime-mode:disabled;
}

form#contact input.zip {
	width:50px;
	ime-mode:disabled;
}

form#contact input.address {
	width:395px;
}

form#contact input.tel {
	width:70px;
	ime-mode:disabled;
}

form#contact textarea {
	margin:10px 0 0;
	padding:3px;
	width:600px;
	height:200px;
	display:block;
	overflow-y:scroll;
	resize:none;
}

form#contact input,
form#contact select,
form#contact textarea {
	border:2px solid #ddd;
}

form#contact input:focus,
form#contact input.focus,
form#contact select:focus,
form#contact select.focus,
form#contact textarea:focus,
form#contact textarea.focus {
	border:2px solid #798ad9;
	background-color:#fafafa;
}

form#contact input.error,
form#contact select.error,
form#contact textarea.error {
	border:2px solid #d00;
	background-color:#fff4f4;
}

form#contact span {
	color:#d00;
}

form#contact small {
	font-size:12px;
	color:#666;
}

a.btn,
form#contact button {
	margin:0 auto;
	border:none;
	width:216px;
	height:50px;
	display:block;
	background: url("../common/img/btn.gif") no-repeat 0 -50px;
	cursor:pointer;
	text-align:center;
	line-height:50px;
}

a.btn:hover,
form#contact button:hover,
form#contact button.hover {
	background-position:-216px -50px;
	color:#243596;
}

div.btns {
	margin:0 auto;
	width:452px;
}

div.btns a.btn {
	float:left;
}

form#contact div.btns button.hover {
	float:right;
}