@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 Site URL :           http://www.dcot.co.jp/
 File name :          contact.css http://www.dcot.co.jp/css/module/contact.css
 Summary :            module styles
 Created :            2009-03-19 by yuko aono
 Last Update :        2009-03-19 by yuko aono
 Author :             yuko aono 
===================================================================*/

/*===================================================================
------------------
Table Of Contents
------------------
 01) common
 02) submitArea
 03) thanks
 
 09) Clearfix
===================================================================*/

/*-------------------------------------------------------------------
 01) common
-------------------------------------------------------------------*/
.contact {
	margin: 0 0 0 24px;
	width: 650px;
	text-align: left;
}

.contact p { line-height: 1.8;}

.contact .info { margin: 24px 0 30px;}

.contact h3 { margin-bottom: 15px;}

.contact .inputArea { padding: 0 0 32px 15px;}

.contact .inputArea input {
	padding: 0;
	margin: 0 7px 0 0;
	vertical-align: middle;
}

.contact .inputArea label {	font-weight: bold;}

.contact .inputArea select {
	display: block;
	margin-bottom: 5px;
}

.contact .inputArea ul.checkbox {:;}

.contact .inputArea ul.checkbox li { margin-bottom: 1em;}

.contact .inputArea textarea {
	width: 615px;
	font-size: 100%;
	line-height: 1.5;
}


.contact .confirmArea { padding: 0 0 32px 15px;}

.contact .inputArea dl { width: 630px;}
.contact .confirmArea dl {
	width: 630px;
	margin-bottom: 1em;
}

.contact .inputArea dt,
.contact .confirmArea dt {
	float: left;
	width: 160px;
	padding-top: 0.5em;
	font-weight: bold;
}

.contact .inputArea dt span { color: #e13737;}

.contact .inputArea dd,
.contact .confirmArea dd {
	float: right;
	width: 460px;
}

.contact .inputArea dd p {
	margin: 3px 0 1.5em;
	color: #999999;
}
.contact .inputArea dd p {
	margin: 3px 0 1.5em;
	color: #333333;
}


.contact .inputArea .wideSS { width: 50px;}
.contact .inputArea .wideS { width: 80px;}
.contact .inputArea .wideM { width: 182px;}
.contact .inputArea .wideL { width: 352px;}
.contact .inputArea .wideLL { width: 445px;}

.contact .inputArea input.validation-passed { border: 1px solid #21a121;}

.contact .inputArea input.validation-failed {
	border: 1px solid #c43f56;
	background: #ffd3d3 url(../../images/common/bg_check3.gif) left top repeat;
}

.contact .inputArea .validation-advice {
	margin: 10px 0;
	min-height: 20px;
	padding-left: 25px;
	background: transparent url(../../contact/images/icon_ng.gif) left center no-repeat;
	line-height: 1.6;
	color: #c43f56;
}

* html .contact .inputArea .validation-advice { height: 20px;}

#sideContents h2 { margin: 0 0 18px 82px;}


/*-------------------------------------------------------------------
 02) submitArea
-------------------------------------------------------------------*/
.contact .submitArea {
	text-align: center;
	margin-bottom: 30px;
}

.contact .submitArea span { margin: 0 7px;}

.contact .submitArea input#submit,
.contact .submitArea input#entry,
.contact .submitArea input#back {
	border: none;
	cursor: pointer;
}

.contact .submitArea input#submit,
.contact .submitArea input#entry {
	width: 285px;
	height: 59px;
}

.contact .submitArea input#back {
	width: 179px;
	height: 43px;
}

.contact .submitArea input#submit {
	background: transparent url(../../contact/images/btn_confirm.gif) left top no-repeat;
}

.contact .submitArea input#submit:hover {
	background: transparent url(../../contact/images/btn_confirm_on.gif) left top no-repeat;
}


.contact .submitArea input#entry {
	background: transparent url(../../contact/images/btn_submit.gif) left top no-repeat;
}

.contact .submitArea input#entry:hover {
	background: transparent url(../../contact/images/btn_submit_on.gif) left top no-repeat;
}

.contact .submitArea input#back {
	background: transparent url(../../contact/images/btn_back.gif) left top no-repeat;
}

.contact .submitArea input#back:hover {
	background: transparent url(../../contact/images/btn_back_on.gif) left top no-repeat;
}


/*-------------------------------------------------------------------
 03) thanks
-------------------------------------------------------------------*/
.thanks { text-align: center;}

.thanks h3 { margin-bottom: 35px;}

.thanks p {
	margin-bottom: 2.5em;
	line-height: 1.9;
}


/*-------------------------------------------------------------------
 09) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
.contact .inputArea dl:after,
.contact .confirmArea dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.contact .inputArea dl,
.contact .confirmArea dl { display: inline-block;}

/* MacIE5 \*/
* html .clearfix,
* html .contact .inputArea dl,
* html .contact .confirmArea dl { height: 1%;}
.clearfix,
.contact .inputArea dl,
.contact .confirmArea dl { display: block;}
/* MacIE5 */