/**
 * tom-gs.com CSS
 * author Tom Goodsun<http://www.tom-gs.com/>
 */

body {font: 12px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #666666;}



/* Contact Form */
div#contactformWrapper {overflow: hidden; margin: 0 10px 20px 10px; width: 480px;}

div#contactModalHeader {
	background: url(../images/contact_modalHeader.png) no-repeat -15px 0;
	height: 55px;
	margin: 0 auto 0 auto;
	position: relative;
	top: 0;
	width: 500px;
	z-index: 1000000;
}

div#contactformStatus {margin: 10px 0 0 0; overflow: hidden;padding: 5px 9px 5px 9px; width: 460px;}
div.status-normal  {background: #e3e3e3; border: 1px dotted #999999; color: #666666;}
div.status-confirm {background: #d9ecff; border: 1px dotted #6699cc; color: #3366cc;}
div.status-error   {background: #ffd9d9; border: 1px dotted #ff9999; color: #cc3333;}

span.required-field {color: #ff0000;}

table#contactForm {border: 0; font-size: 12px; margin: 10px 0 10px 0; width: 500px;}
table#contactForm tr {border-bottom: 1px dotted #666666;}
table#contactForm th {vertical-align: top;}
table#contactForm th, table#contactForm td {padding: 10px 10px 5px 10px;}
table#contactForm .textfield01 {border: 1px solid #cccccc; padding: 2px 3px 2px 3px; width: 300px;}
table#contactForm .pulldownlist01 {border: 1px solid #cccccc; padding: 2px 3px 2px 3px; width: 150px;}
table#contactForm .textarea01 {border: 1px solid #cccccc; height: 150px; padding: 2px 3px 2px 3px; width: 350px;}
table#contactForm .state-confirm {background: #eeeeee;}

div.contactformDone {
	text-align: center;
}

div.mark-sun {
	background: url(../images/mark_sun.png) no-repeat;
	height: 92px;
	margin: 50px auto 20px auto;
	overflow: hidden;
	width: 93px;
}
span.contact-done-message {
	line-height: 22px;
	margin: 10px auto 0 auto;
	padding: 5px 0 3px 30px;
	width: auto;
}
span.contact-complete {background: url(../images/contact_complete.png) no-repeat 0 0;}
span.contact-error    {background: url(../images/contact_error.png) no-repeat 0 0;}


div#confirmButtons {margin: 0 0 0 auto; text-align: right; width: 390px;}
a.contactform-button {
	color: #666666;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	padding: 7px 0 0 23px;
	margin: 0 10px 0 0;
	text-align: left;
	text-decoration: none;
	width: 97px;
}
/* FOR IE7 ONLY */
*+html a.contactform-button {height: 21px; padding: 9px 0 0 23px;}
a.contact-done-close{
	color: #666666;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	padding: 7px 0 0 23px;
	margin: 20px auto 0 auto;
	text-align: left;
	text-decoration: none;
	width: 97px;
}
a#send   {background: url(../images/form/contact_btnSend.png) no-repeat 0 0;}
a#cancel {background: url(../images/form/contact_btnCancel.png) no-repeat 0 0;}
a#clear  {background: url(../images/form/contact_btnClear.png) no-repeat 0 0;}
a#back   {background: url(../images/form/contact_btnBack.png) no-repeat 0 0;}
a#close  {background: url(../images/form/contact_btnCancel.png) no-repeat 0 0;}

a#send:active, a#cancel:active, a#clear:active, a#back:active, a#close:active {
	background-position: 0 -30px;
}