@import "../../css/common.css";

/*==================================================================*/
/* contact css */
/*==================================================================*/
#contact{margin:0 auto 4em;}

/* h1 */
h1#title{
	margin:0 auto 0.8em;
	padding:0;
}

#contact h2{margin:2em auto 1.4em;padding:0;}

/* リード文 */
p#read{
	width:550px;
	margin:0 auto 1.2em;
	padding:0;
}
p#read strong{color:#a40000;}

form{margin:0;padding:0;}

/* テーブル */
table#contact-form{
	width:550px;
	margin:0 auto 1.8em;
	border:1px solid #bfc9d8;
	border-collapse:collapse;
}

/* テーブル:項目 */
#contact-form th{
	width:180px;
	padding:4px 0 4px 10px;
	border:1px solid #bfc9d8;
	color:#735322;
	font-weight:normal;
	text-align:left;
	background:url('./../image/th_back.gif') repeat-x 0 0 #fff;
}

#contact-form th span{
	margin:0 0 0 6px;
	color:#a40000;
	font-size:0.9em;
}

/* テーブル:td */
#contact-form td{
	width:370px;
	margin:0;
	padding:4px 5px 4px 8px;
	text-align:left;
	border:1px solid #bfc9d8;
	background-color:#efefef;
}

#contact-form td span{font-size:0.9em;}

/* input */
#contact-form input{margin-right:2px;}

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

/* ---------------------------------------------------------------- */
/* error：エラー */
/* ---------------------------------------------------------------- */
#text-area{
	font-size:1.2em;
	line-height:1.6;
	text-align:center;
}

/* error-list */
#error-list{
	width:420px;
	margin:0 auto 4em;
	border:2px solid #ccc;
}

#error-list ul{
	margin:0 0 0 40px;
	padding:5px 0px;
}

#error-list li{
	margin:0;
	padding:3px 0 3px 0px;
	color:#a40000;
	list-style-type:square;
	text-align:left;
}

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

#btn-conf,
#btn-error{text-align:center;}

#btn ul{
	width:540px;
	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;}

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