@charset "utf-8";
/*
*                   	{ margin:0; padding:0; outline:none; }
body                	{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif;
                      	background: #009FAA url(/images/body_bg.png) repeat-x;
												margin-top:40px; }

#contact_form					{ width:600px; margin:0 auto; height:200px; padding:10px 0;
												background: transparent url(/images/form_bg.png) no-repeat;
                        position:relative; }
form fieldset					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;
												margin:0px 0px 20px 0px; width:578px; position:relative;
												border:0;display:block; padding: 0px 10px 8px; }
form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
												font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
												margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
label									{ font-size:90%; display:block; float:left; width:10em; text-align:right;
												margin:.2em .2em 0 0; color:#ffd; font-weight:bold;padding:8px 0px; }
label.error           { font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px;
                        background: transparent url(/images/cancel.png) no-repeat scroll left; }
input.text-input			{ margin:4px;padding:2px 0;color:#333; }

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:0; left:110px; }
label#name_error      { position:absolute; top:22px; left:120px; }

label#email_label     { position:absolute; top:45px; left:0px; }
input#email           { position:absolute; top:45px; left:110px; }
label#email_error      { position:absolute; top:67px; left:120px; }

label#phone_label     { position:absolute; top:90px; left:0px; }
input#phone           { position:absolute; top:90px; left:110px; }
label#phone_error      { position:absolute; top:112px; left:120px; }

input.button					{ position:absolute; top:125px; left:120px; padding:3px 6px;
                        border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; 
												font-family:Verdana, Arial, Helvetica, sans-serif;
												background:#CCC; -moz-border-radius:5px; }

input.button:hover		{ background:#009FAA none repeat scroll 0% 0%; color:white; }
*/

/*送信が完了した際に出力されるメッセージの装飾*/

#contact_form {
	text-align: center;
	}
#contact_form fieldset {
	text-align: left;
	}
#message {
	text-align: left;
	position: relative;
	width:300px;
	margin: 70px auto;
	}
#message h4 {
	padding-left: 20px;
	color: #6b0;
	}
#message p {
	margin: 6px 0px;
	padding-left: 20px;
	}
#checkmark {
	position: absolute;
	top:2px;
	left:-30px;
	width: 40px;
	}
* html #checkmark {
	top: -2px;
	left: -35px;
	}
* html #checkmark { /* IE-expression (fix png alpha) */
	behavior: expression(
		this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
		this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
		this.style.behavior = "none"
		);
	}