@charset "utf-8";

/*=================================================================
/
/	KANKYO-ENGINEERING Web
/	Style Sheet
/	otoiawase_form.css
/	
/	更新: 2009-02-17
/
=================================================================*/

/* お問い合わせサイドメニューを読み込み  */
@import url("sideMenu_form.css");

/*------------------------------------------------------------
		お問い合わせ - Eメールでのお問い合わせ - コンテンツ
------------------------------------------------------------*/
div#email {
	width:690px;
	display:inline-block;	/*-- clearfix for ie6 ie7 --*/
	}

/*----- clearfix for Modern Browser -----*/
div#email div:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	}
/*----- clearfix end -----*/

div#email h2 {
	margin:42px 20px 35px 30px;
	width:377px;
	height:65px;
	text-indent:-9990px;
	background:url(../images/otoiawase/mail/02mail.png) no-repeat;
	}

div#email h5 {
	text-align:center;
	margin-bottom:50px;
	color:#555555;
	}

div#email p {
	width:600px;
	margin:0.5em auto;
	text-indent:0.5em;
	}

div#email p a {
	font-weight:bold;
	color:#333366;
	}

div#email p a:hover {
	font-weight:bold;
	color:#cc3300;
	}

div#email span {
	color:#999999;
	}

/* http://www.koikikukan.com/archives/2008/04/16-003030.php　参照 */
div#email img {
	display:block;
	margin:40px auto 5px;
	text-align:center;
	}
/* http://www.koikikukan.com/archives/2008/04/16-003030.php　参照 */

div#email dl {
	width:610px;
	height:100%;
	margin:0px auto;
	}

div#email dt {
	font-weight:bolder;
	color:#666666;
	}

div#email dd {
	text-indent:0.5em;
	margin-bottom:5px;
	width:420px; /*-- for ie6 --*/
	}

input.mfp {
	size:20em;
	}


/*------------------------------------------------------------
		お問い合わせ - Eメールでのお問い合わせ - 注意書き
------------------------------------------------------------*/
.caution_red {
	color:#FF0000;
	}

.caution_bold {
	font-weight:bolder;
	}

/*------------------------------------------------------------
		お問い合わせ - Eメールでのお問い合わせ - 個人情報取扱
------------------------------------------------------------*/
div#kojin_check {
	width:600px;
	height:220px;
	background-color:#f1f1f1;
	border:1px solid #dddddd;
	margin:0px auto;
	overflow:scroll;
	}

div#kojin_check dd {
	text-indent:0.5em;
	width:100%;
	}

div#kojin_check p {
	padding-top:10px;
	}

div#email p.doui_check {
	height:50px;
	text-align:center;
	background-color:#aed8b3;
	margin:0 auto 30px;
	font-weight:bolder;
	}

div#email p.doui_check input {
	text-align:center;
	margin:15px auto 0;
	}



/*------------------------------------------------------------
		お問い合わせ - Eメールでのお問い合わせ - メールフォームプロ
------------------------------------------------------------*/
/* お申し込み日は表示しない */
.none {
	display:none;
	}
/* お申し込み日は表示しない */


dl.mailform_dl,dl.mailform_dl_note {
	width: 520px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}

dl.mailform_dl dt,dl.mailform_dl_note dt {
	width: 150px!important;
	width/**/: 160px;
	height: 60px!important;
	height/**/: 50px;
	margin: 0px;
	padding: 5px;
	float: left;
	font-size: 13px;
	clear: both;
	text-align: right;
	border-bottom: solid 1px #CCCCCC;
	overflow: hidden;
	}

dl.mailform_dl dd,dl.mailform_dl_note dd {
	width: 440px!important;
	width/**/: 350px;
	height: 60px!important;
	height/**/: 50px;
	float: left;
	margin: 0px;
	padding: 5px;
	text-align: left;
	border-bottom: solid 1px #CCCCCC;
	overflow: hidden;
	font-size: 13px;
	}

dl.mailform_dl dd ul,dl.mailform_dl_note dd ul,dl.mailform_dl_note dd ol {
	margin: 0px;
	padding: 0px;
	}

dl.mailform_dl dd ul li,dl.mailform_dl_note dd ul li {
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	list-style: none;
	font-size:100%;
	}

dl.mailform_dl_note dt,dl.mailform_dl_note dd {
	height: 90px!important;
	height/**/: 100px;
	}

dl.mailform_dl_note dd ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

dl.mailform_dl_note dd textarea {
	width:340px;
	height:180px;
	}

/* フォーム高さ調整用 */
dl.mailform_dl dt.tyousei_h30, dl.mailform_dl dd.tyousei_h30 {
	height:30px!important;
	}

dl.mailform_dl dt.tyousei_h40, dl.mailform_dl dd.tyousei_h40 {
	height:40px!important;
	}

dl.mailform_dl_note dt.tyousei_h200, dl.mailform_dl_note dd.tyousei_h200 {
	height:200px!important;
	}

/* 確認画面を表示するボタン */
div#submit_check {
	clear:both;
	width:600px;
	height:120px;
	border:4px solid #dedede;
	background-color:#aed8b3;
	margin:30px auto 0;
	}

div#submit_check p {
	padding-top:10px;
	text-align:center;
	}


/*------------------------------------------------------------
		お問い合わせ - Eメールでのお問い合わせ - 見出し
------------------------------------------------------------*/
.sectionTitle {
	background:#f5f5f5;
	border-color:#dcddcd #dcddcd #dcddcd #359018;
	border-style:solid;
	border-width:1px 1px 1px 5px;
	padding:3px 3px 3px 10px;
	text-align:left;
}


/*------------------------------------------------------------
		お問い合わせ - Eメールでのお問い合わせ - 送信結果画面
------------------------------------------------------------*/
div#end_email {
	width:690px;
	display:inline-block;	/*-- clearfix for ie6 ie7 --*/
	}

div#end_email h2 {
	margin:42px 20px 35px 30px;
	width:507px;
	height:65px;
	text-indent:-9990px;
	background:url(../images/otoiawase/mail/02mailend.png) no-repeat;
	}

div#end_email p {
	width:600px;
	margin:0.5em auto;
	text-indent:0.5em;
	}