@charset "utf-8";
/*  -----  /shared/css/contact/index.css ------   */


.contact h2 {
	color: #FF3300;
	margin : 20px 0 15px 5px;
	clear: both;
}

.contact h3 {
	margin : 20px 0 5px 6px;
	clear: both;
}

.contact p {
	font-size: 94%;
	line-height: 1.5;
	margin: 5px 0 10px 5px;
}


/*  ------ mailform01 ------ */

.contact legend {
	display: none;
}

.contact .formbox {
	margin: 20px 0 0 0;
}

.contact .formbox dl {
	margin: 0 0 13px 5px;
	padding: 30px 30px 30px 40px;
	border: 1px solid #ccb8a3;
	background-color: #fff;
}

.contact .formbox dt {
	color: #333;
	font-size: 92%;
	margin: 0 0 3px 0;
}

.contact .formbox dd {
	color: #333;
	font-size: 92%;
	margin: 0 0 1em 0;
}

.contact .formbox dd #subject {
	width: 200px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

.contact .formbox dd #mail_author,
.contact .formbox dd #mail_company,
.contact .formbox dd #mail_post,
.contact .formbox dd #mail_email,
.contact .formbox dd #mail_email_confirm,
.contact .formbox dd #mail_address,
.contact .formbox dd #mail_keyword,
.contact .formbox dd #mail_tel {
	width: 500px;
	margin: 0 10px 0 0;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	border:1px solid #ccc;	
}

.contact .formbox dd #mail_data {
	width: 20px;
	margin: 0 10px 0 0;
	line-height: 2.0;
}

.contact .formbox dd textarea {
	width: 500px;
	text-align: left;
	margin: 0 10px 0 0;
	min-height: 140px;
	height: auto !important;
	height: 250px;
}

.contact .formbox dd input:hover,
.contact .formbox dd textarea:hover,
.contact .formbox dd input:focus,
.contact .formbox dd textarea:focus {
	border-color: #999900;
}

.contact .submit {
	margin: 0 0 0 5px;
}

.submit input:hover {
	background-position:0 -32px;
}

.submit input #mail_preview {
	margin-right: 8px;
}

.submit input #mail_post {
	margin-left: 8px;
}



/*  ------ mailform02 ------ */


.contact .formbox2 {
	margin: 20px 0 0 0;
}

.contact .formbox2 dl {
	margin: 0 0 13px 5px;
	padding: 30px 30px 30px 40px;
	border: 1px solid #ccb8a3;
	background-color: #fff;
}

.contact .formbox2 dt {
	color: #333;
	font-size: 92%;
	margin: 0 0 3px 0;
}

.contact .formbox2 dd {
	color: #333;
	font-size: 92%;
	margin: 0 0 1em 0;
}

.contact .formbox2 dd #subject {
	width: 200px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

.contact .formbox2 dd #mail_author,
.contact .formbox2 dd #mail_email,
.contact .formbox2 dd #mail_email_confirm,
.contact .formbox2 dd #mail_tel,
.contact .formbox2 dd #group,
.contact .formbox2 dd #place {
	width: 500px;
	margin: 0 10px 0 0;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	border:1px solid #ccc;	
}

.contact .formbox2 dd #mail_data {
	width: 20px;
	margin: 0 10px 0 0;
	line-height: 2.0;
}

.contact .formbox2 dd textarea {
	width: 500px;
	text-align: left;
	margin: 0 10px 0 0;
	min-height: 140px;
	height: auto !important;
	height: 250px;
}

.contact .formbox2 dd input:hover,
.contact .formbox2 dd textarea:hover,
.contact .formbox2 dd input:focus,
.contact .formbox2 dd textarea:focus {
	border-color: #999900;
}



/* ---- mail_preview01 ---- */ 


.contact div.previewBox {
	margin: 0 0 0 0;
	padding: 20px 15px 20px 15px;
	overflow: hidden;
	border-top: solid 1px #ccc;
}

.contact .previewBox dt {
	color: #333;
	font-weight: bold;
	margin: 0 0 0 5px;
	width: 150px;
	float: left;
	clear: both;
	text-align: left;
	line-height: 1.5;
	font-size: 88%;
}

.contact .previewBox dd {
	color: #FF3300;
	font-weight: bold;
	margin: 0 0 0 0;
	float: left;
	width: 430px;
	line-height: 1.5;
	font-size: 88%;
}

.contact #preseh2 {
	border-top: solid 1px #ccc;
	padding-top: 30px;
}


/*  -------------
    McAfee
-----------------  */

.mca01 {
	width: 600px;
	border: #999999 solid 1px;
	background: #FFFFFF;
}
.mca01 h2 {
	float: left;
}
.mca01 .mca01_r {
	float: left;
	width: 500px;
	padding: 5px;
}