@charset "utf-8";


/*  -----  contact ------   */

#contact {
	width: 500px;
}

#contact #mtopp {
	line-height: 1.5;
	font-size: 80%;
	margin: 5px 0 15px 0 ;
	color: #333;
}

#contact #mtopp2 {
	line-height: 1.5;
	font-size: 80%;
	margin: 0px 0 15px 0 ;
	color: #333;
}

#contact h3 {
	margin: 10px 0;
}


#contact legend {
	display: none;
}


#contact .formbox dl {
	margin-bottom:13px;
	padding:15px;
	border:1px solid #ccb8a3;
}

#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 #name, 
#contact .formbox dd #kana, 
#contact .formbox dd #company, 
#contact .formbox dd #post,
#contact .formbox dd #position,
#contact .formbox dd #address, 
#contact .formbox dd #tel, 
#contact .formbox dd #fax,
#contact .formbox dd #email {
	width: 470px;
	margin: 0 10px 0 0;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	border:1px solid #ccc;	
}

#contact .formbox dd textarea {
	width:470px;
	margin: 0 10px 0 0;
	min-height:140px;
	height:auto !important;
	height:140px;
}

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

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

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

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


/* ---- contact02 ---- */ 

#contact02 {
	width: 400px;
	border: solid 1px #333;
	background-color: #fff;
	padding: 30px;
}

/* for IE6 \*/
* html #contact02 {
	width: 460px;
	padding: 30px;
}


/* ---- contact03 ---- */ 

#contact03 {
	overflow: hidden;
}

#contact03 .FormItem {
	width: 400px;
	border: solid 1px #000;
	background-color: #fff;
	padding: 25px;
	font-size: 84%;
	margin: 0 0 10px 0;
}

* html #contact03 .FormItem {
	width: 460px;
}



#contact02 h3,
#contact03 h3,
#contact04 h3 {
	color: #FF3300;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-size: 97%;
	margin: 40px 0 10px 0;
}

#contact02 p,
#contact03 p,
#contact04 p {
	color: #333;
	line-height: 1.5;
	font-size: 82%;
	margin: 0 0 5px 0;
}

#contact03 dt {
	font-weight: bold;
	color: #FF3366 !important;
}

#contact03 dd {
	margin-bottom: 8px;
	color: #666666;
}


#contact03 p em {
	color: #FF3300;
	font-weight: bold;
	letter-spacing: 0.1em;
}

/* ---- contact04 ---- */ 

#contact04 {
	overflow: hidden;
	height: 500px;
}

.yel a {
	color: #FFCC00;
}

#contact p {
	color: #333;
	font-size: 82%;
	line-height: 1.5;
}
#contact dt {
	margin-top: 20px;
	font-size: 96%;
	color: #333;
	line-height: 1.5;
}

#contact dd {
	font-size: 82%;
	color: #333;
	line-height: 1.5;
}