@charset "utf-8";

/* =================================== 

お問い合わせ

=================================== */


p.form-info{
	margin-top:2em;
}

div.mail-form{
	margin-top:2em;
	padding:25px 30px;
	border:1px solid #cccccc;
}

.indispensable{
	color:#ff3300;
	font-weight:bold;
	padding:0 0.2em;
}

div.mail-form label{
	font-weight:bold;
}

div.mail-form .form-title{
	font-weight:bold;
	margin-right:1em;
}

table.contact-form{
	width:100%;
	margin-top:25px;
}
table.contact-form td,
table.contact-form th{
	padding:0.5em 0;
	border-bottom:1px solid #cccccc;
}
table.contact-form th{
	width:16em;
}

table.contact-form textarea{
	width:99%;
	padding:3px;
	margin:0 auto;
}

table.contact-form  td.detail{
	border-bottom:none;
}
table.contact-form  td.buttons{
	text-align:center;
	border-bottom:none;
}
table.contact-form .error{
	display:inline;
}

table.contact-form .error .input-text{
  border:2px solid #cc3300;
}


* html table.contact-form{
	width:505px;
}
/*-------------------------
エラー画面
-------------------------- */

div.error{
	margin-top:2em;
}
div.error blockquote,
div.error ul{
	color:#cc3300;
}


table.contact-form .error textarea{
	width:97%;
}

/*-------------------------
確認画面
-------------------------- */

div.mail-preview{
	margin-top:2em;
	padding:0 1px;
}
table.preview-content{
	margin-top:2em;
	width:505px;
}

table.preview-content th{
	width:10em;
}
table.preview-content td,
table.preview-content th{
	padding:0.5em 0;
	border-bottom:1px solid #cccccc;
}
table.preview-content .detail .label-head{
	font-weight:bold;
}

table.preview-content td.detail{
	border-bottom:none;
}

table.preview-content .error{
	color:#cc3300;
}

/* For IE */
* html table.preview-content{

}


/*--------------------------------
送信完了
---------------------------------*/
div.post-end{
	margin-top:2em;
}