@charset "utf-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    ファイル名: design_06form.css
    説明: メールフォーム用スタイル
	  枠となるテーブル要素は「#MailTable」となる
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* フォームテーブル */
#Contents table.form,
#Contents div#mfp_phase_confirm table{
	width:100%;
	margin:10px 0 30px;
}
#Contents table.form th,
#Contents table.form td,
#Contents div#mfp_phase_confirm table tr th,
#Contents div#mfp_phase_confirm table tr td{
	background:#FFF;
	border:1px solid #CCC;
	padding:0.6em 1.6em;
}
#Contents table.form th,
#Contents div#mfp_phase_confirm table tr th{
	width:28%;
	color:#004652;
	background:#E3E3E3;
	padding:0.8em 1.6em;
	text-align:left;
	font-weight:bold;
}
#Contents table.form td,
#Contents div#mfp_phase_confirm table tr td{
	vertical-align:middle;
	border-left:none;
}
#Contents table.form th span.require,
#Contents span.require{
	color:#cc0000;
	padding-left:0.5em;
	display:inline;
	font-size:11px;
	font-weight:bold;
}

#Contents table.form ul{
}
#Contents table.form ul li{
	float:none;
	padding:5px 0;
	display:block;
}

#Contents span.require{
	padding-left:0;
}
#Contents .submit{
	margin:10px 0;
	text-align:center;
}

/* フォーム要素 */
#Contents input{
	margin:0.3em;
	padding:0.15em 0.25em;
	vertical-align:middle;
}
#Contents table.form td input{
	border:1px solid #B0B8C6;
}
#Contents select{
	margin:0.3em;
	padding:0.15em 0.25em;
	border:1px solid #B0B8C6;
}
#Contents textarea{
	margin:0.3em;
	padding:0.15em 0.25em;
	border:1px solid #B0B8C6;
	font-size:100%;
}
#Contents optgroup{
	margin:0.3em;
}
#Contents optgroup option{
	margin:0.2em 1.5em;
}
#Contents table.form label{
	text-decoration:none;
	display:inline;
}

/* エラー */
#Contents ul.error_list li {
	color:#CC0000;
}

/* 電話・FAXでのお問い合わせ */
span.telnumber,
span.faxnumber,
span.mailnumber{
	color:#900;
	font-family:"Gill Sans MT", "Gill Sans";
	font-size:180%;
}
span.mailnumber{
	color:#0D4677;
}

#TelContact{
	border:1px solid #CCC;
	margin:20px 0;
	padding:20px 40px;
}
#TelContact .contact-ad{
	color:#333;
	font-size:107%;
	font-weight:bold;
}

/* メールフォームプロ上書き用 */
#Contents div.mfp_phase_section{
	border:none;
	box-shadow:none;
	margin:0;
	padding:0;
}
#Contents div#mfp_phase_confirm{
	margin:0;
	padding:0;
}
#Contents div#mfp_phase_confirm table{
	border:none;
	box-shadow:none;
}

#Contents div.mfp_buttons ul{
	width:330px;
	list-style:none;
	text-align:center;
	margin:20px auto 0;
	padding:0;
}
#Contents div.mfp_buttons ul li{
	float:left;
	width:122px;
	height:32px;
	background:none;
	list-style:none;
	margin:0;
	padding:0 20px;
}
#Contents div.mfp_buttons ul li input{
	margin:0;
	padding:0;
}
.mfp_buttons input#button_mfp_goconfirm{
	width:122px;
	height:32px;
	background:url(../images/form/btn_confirm.jpg) 0 0 no-repeat;
}
.mfp_buttons input#button_mfp_reset{
	width:122px;
	height:32px;
	background:url(../images/form/btn_reset.jpg) 0 0 no-repeat;
}

.mfp_buttons input#button_mfp_gocancel{
	width:122px;
	height:32px;
	background:url(../images/form/btn_gocancel.jpg) 0 0 no-repeat;
}
.mfp_buttons input#button_mfp_gosend{
	width:122px;
	height:32px;
	background:url(../images/form/btn_gosend.jpg) 0 0 no-repeat;
}

