@import "/css/common.css";

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

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

#contact{
	width:650px;
	margin:0 auto 4em;
}
#contact p.flow-fig{
	text-align:center;
	margin:0 auto 2.5em;
}


/* h2 */
#contact h2{
	margin:0 0 0.6em;
	padding:0;
}


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

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

#contact table{
	width:650px;
	margin:0 auto 3em;
	border:none;
}
/* th:base */
#contact th{
	width:160px;
	color:#3b1a0b;
	padding:8px 3px 8px 10px;
	font-weight:normal;
	text-align:left;
}
/* 基本情報bg */
#contact .basic th{background:url('../image/bg_basic.gif') repeat-y 0 0;}
/* お問合せ・顧問契約bg */
#contact .toi th{background:url('../image/bg_contact.gif') repeat-y 0 0;}
/* セミナーbg */
#contact .f-seminar th{background:url('../image/bg_seminar.gif') repeat-y 0 0;}
/* 社員教育bg */
#contact .f-education th{background:url('../image/bg_education.gif') repeat-y 0 0;}


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

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

#contact span.need{
	color:#fff;
	margin:0 0 0 3px;
	padding:2px 1px 0 2px;
	font-size:0.8em;
	background:#c62d21;
}

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

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

/* 入力エリア：フォーム長さ */
#contact input.base{width:200px;}
#contact input.long{width:400px;}
#contact input.post{width:70px;}
#contact input.year{width:60px;}
#contact input.day{width:30px;}

#contact textarea.add{height:3em;}
#contact textarea.etc{height:10em;}
#contact textarea{width:370px;}

div.form-flow{margin:0 auto 1.5em;text-align:center;}


/* ---------------------------------------------------------------- */
/* error：エラー */
/* ---------------------------------------------------------------- */
.error-need{color:#cc0000;font-size:0.8em;}

#error{
	margin:0 auto 1em;
	padding:0.5em;
	width:400px;
	text-align:center;
	border:1px solid #cc0000;
}

#error ul{
	margin:0 0 0 20px;
	padding:3px 0 2px;
}

#error li{
	margin:0;
	/*padding:2px;*/
	color:#cc0000;
}

#error p{
	margin:0 0 0.4em;
	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;}

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