@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:	http://www.dabhand.co.jp/
File name:	layout_contact.css
Summary:	base styles
Created:	2010-4-1
Last update:	2015-4-21 by Sadaoka
Author:	Sadaoka
Copyright:	(C) 2010 dabhand Inc.
--------------------------------------------------------------- */

/* CONTACT（お問い合わせ） */
/* ------------------------------------------------------------ */
.contact_form {
	width: 810px; /* ボックスの幅を指定 */
	margin-left: auto;
	margin-right: auto;
}

.contact_form dl {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 5px #f2ecd9 solid;
}

.contact_form dt {
	background-color: #f9f6ed;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	white-space: nowrap;
	padding: 5px 10px;
}

.contact_form dd {
	text-align: left;
	font-size: 100%;
	padding: 5px 10px;
	border-bottom: 1px #e6e6e6 solid;
}

.contact_form .ic_type1 {
	width: 300px;
}

.contact_form .ic_type2 {
	width: 13em;
}

.contact_form .ic_type3 {
	width: 99%;
}

.contact_form .ic_type1,
.contact_form .ic_type2,
.contact_form .ic_type3 {
	border: 1px solid #d8d8d8;
	background-color: #f3f3f3;
	padding: 2px;
}

.contact_form .ic_type1:focus,
.contact_form .ic_type2:focus,
.contact_form .ic_type3:focus {
	border-color: #d8d8d8; /* フォーカス時のボーダーの色を指定 */
	background-color: #f2ecd9; /* フォーカス時の背景色を指定 */
}

.contact_form select {
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}

.contact_form .submit {
	text-align: center;
}

.contact_form button {
	cursor: pointer;
	cursor: hand;
	background-color: #fff;
	border-style: none;
}

.must {
	color: #ffc800;
}

.must_none {
	color: #f9f6ed;
}

.contact_form .inactive {
	ime-mode: inactive;
}

.contact_form .disabled {
	ime-mode: disabled;
}

.form_error li {
	color: #f00;
	margin-left: 4em;
}