@charset "utf-8";
@import "/css/common.css";

/*==================================================================*/
/* contact style css（お問合せフォーム） */
/*==================================================================*/
/* ---------------------------------------------------------------- */
/* form：お問合せ */
/* ---------------------------------------------------------------- */
form{margin:0;padding:0;}

/* h1 */
h1{
	margin:0 0 1em;
	padding:0;
}

#contact{
	width:670px;
	margin:0 auto 4em;
}

#contact table.type{font-size:1.2em;}
#contact table.type,
#contact table.type th,
#contact table.type td{
	border:1px solid #c7cac0;
	border-collapse:collapse;
}

#contact table.type th{
	text-align:left;
	background:#e8fdbe;
}

#contact table.type td{background:#f5fee2;}

/* h2 */
#contact h2{
	margin:0 0 1em;
	text-align:center;
}

/* h3 */
#contact h3{
	margin:0 0 1em;
	padding:0;
}

/* リード文 */
#contact p.read{
	margin:0 auto 2em;
	padding:0;
	text-align:center;
}

#contact p.text{
	width:650px;
	margin:0 auto 1em;
	padding:0;
}

#contact table,
#contact th,
#contact td{
	border:1px solid #ddd7bf;
	border-collapse:collapse;
}

#contact table{
	width:650px;
	margin:0 auto 2.6em;
	border:none;
}

#contact th{
	width:160px;
	color:#3b1a0b;
	padding:8px 3px 8px 10px;
	font-weight:normal;
	text-align:left;
	background:#fbf6ed;
}

#contact td{padding:8px 3px 8px 14px;}

#contact td .photo{vertical-align:middle;}

#contact span.need{
	color:#c20f0f;
	margin:0 0 0 3px;
	font-size:0.9em;
}

#contact span.note{font-size:0.9em;}

/* input */
#contact input{margin-right:5px;}
#contact select{margin-bottom:2px;}

/* 入力エリア：フォーム長さ */
#contact input.base{width:200px;}
#contact input.post{width:70px;}
#contact textarea.add{height:3em;}
#contact textarea.etc{height:6em;}
#contact textarea{width:370px;}

/* ---------------------------------------------------------------- */
/* error：エラー */
/* ---------------------------------------------------------------- */
.error-need{color:red;}

#error{
	margin:0 auto 1em;
	text-align:center;
}

#error ul{}

#error li{
	margin:0 0 0.2em;
	color:red;
}

#error p{
	margin:0 0 1em;
	padding:0;
}

/* ---------------------------------------------------------------- */
/* thanks：サンクス */
/* ---------------------------------------------------------------- */
#text-area *{margin:0;padding:0;}
#text-area{
	margin:8em auto 4em;
	text-align:center;
}

/* h1 */
#text-area h1{margin:0 auto 1.4em;}

#text-area p.text{
	margin:0 auto 3em;
	line-height:1.8;
}

/* ---------------------------------------------------------------- */
/* btn：ボタン */
/* ---------------------------------------------------------------- */
#btn{margin:0 auto 1em;}

#btn ul{
	width:520px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

/* clear hack */
#btn ul{zoom:1;}
#btn ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#btn li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#btn li.left{float:left;}
#btn li.right{float:right;}

/* --------------------------------------------------------------- */