/* CSS Document */
@charset "utf-8";

/********************************************************************************************************
join.html
********************************************************************************************************/

/* join-------------------------- */

#contactbox{
	width:630px;
	padding:10px;
	border:solid #ccc 1px;
}

#contactbox h2#join_title{
    font-size: 16px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}


#contactbox .text_box{
	margin:10px;
}

#contactbox .text_box .text{
}

#contactbox .text_box .text .mailaddress{
	border-collapse:collapse;
	border-spacing:0;
	border: 0;
}

#contactbox .text_box .text .mailaddress th,
#contactbox .text_box .text .mailaddress td{
	border-collapse:collapse;
	border-spacing:0;
	border: 0;
	vertical-align:middle;
}



#contactbox .contact-form{
	margin:10px;
	border:1px solid #B31E23;
	font-size:13px;
}
#contactbox .contact-form .error-message{
	
	color:#cc0000;
	}
	
#contactbox .contact-form .error-span{
	/*color : #cc0000 ;
	*/
	margin-left:15px ;
	color :#ffffff;
	background : #cc0000;
	padding:2px; 
	}
		

#contactbox .contact-form dl{
	line-height:120%;
	margin:20px;
}

#contactbox .contact-form dt{
	font-weight:bold;
	margin-bottom:3px;
}

#contactbox .contact-form dd{
	margin-bottom:15px;
	margin-left:15px;
}

#contactbox .contact-form dl.catalog dd{
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
	margin-right:40px;
}

#contactbox .contact-form div{
	font-weight:bold;
	margin-top:10px;
}

.need{
	margin-left:5px;
	color:#C00;
}

#contactbox .contact-form p{
	margin:40px;
}

input:focus, select:focus, textarea:focus {
background-color:#FDD;
}

input:hover, select:hover, textarea:hover {
background-color:#FEE;
}

#contactbox .contact-form .form_text_3{
	width:32px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_text_4{
	width:38px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_text_5{
	width:46px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_text_100{
	width:100px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_text_150{
	width:150px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_text_200{
	width:200px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_text_300{
	width:300px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_text_400{
	width:400px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_select{
	width:200px;
	border:1px solid #ccc;
	padding:3px;
}

#contactbox .contact-form .form_btn{
	width:120px;
	padding:5px;
	text-align:center;
	border:1px solid #ccc;
	background:#EEE;
	margin-right:10px;
}

#contactbox .contact-form .form_btn:hover{
	background:#FEE;
}


#contactbox .contact-form textarea{
	width:400px;
	height:100px;
	overflow:auto;
	border:1px solid #ccc;
	padding:5px;
}

#contactbox .contact-form input{
	vertical-align:middle;
}

#contactbox .contact-form label{
   margin-left:3px;
   margin-right:15px;
}

#contactbox .contact-form label:hover {
   background-color: #FEE;
}