* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clear {clear: both; }
.left {float: left; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
img { border: none; }
body { background-color: #fef7df; font-family: Arial, Helvetica, sans-serif; margin: 0; }
#head { background: url(images/joinbackground.gif) repeat; height: 32px; width: 100%}
#head .head{ width:1004px; margin-left: auto; margin-right: auto; }
#join { width:1004px; padding: 1px; margin-left: auto; margin-right: auto; background-color: #ffffff; }
#join img.big { margin: 7px; float: left;}

#join h1 { width:1004px; background-color: #434343; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 34px; height: 34px; text-align: center; font-weight: normal}
#join h2 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 18px; text-align: left; font-weight: bold}
#join h3 { width:1004px; background-color: #2e66c3; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 34px; height: 34px; text-align: center; font-weight: normal}
#join h3 span { color: #ffff00;}
#join .form { width:974px; border: 6px solid #e2e2e2; background-color: #ffffff; padding: 10px}
#join .form2{ width:992px; border-top: 6px solid #e2e2e2; border-left: 6px solid #e2e2e2; border-right: 6px solid #e2e2e2;background-color: #ffffff; padding: 1px}
#join .form3{ width:974px; border-bottom: 6px solid #e2e2e2; border-left: 6px solid #e2e2e2; border-right: 6px solid #e2e2e2;background-color: #ffffff; padding: 10px}
#join .inputt{ width: 100px; text-align:right;}
#join  input.txt{ width: 250px; font-size: 18px; margin: 5px 0  5px 0; border: 1px solid #000}
#join  select { width: 250px; font-size: 18px; margin: 5px 0 5px 0; border: 1px solid #000}
#join  input.radio{ width: 24px; margin: 3px; text-align:right; border: 1px solid #000}
#footer { width:1004px; margin-left: auto; margin-right: auto; }
.leftframe {border: 1px solid #cce8fd; margin: 5px; padding: 10px; font-size: 18px; width: 300px; height: 170px;}
.rightframe {border: 1px solid #cce8fd; margin: 5px; padding: 10px; font-size: 18px; height: 170px; text-align: left;}
.white {background-color: #ffffff; width:500px; 	margin: 2px;}
.borderw {margin: auto; display: block}
.borderred {border-collapse:collapse; margin: 5px; padding: 2px; width: 982px;}
.borderred  td{border: 5px solid #2e66c3; margin: 1px; padding: 2px; text-align:justify;}
.borderred  td img {padding: 1px;}
.borderred  td h4 {color: #2e66c3; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; text-align: center; font-weight: bold}

.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888;
	background-color: #222;
}

.line2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888;
	background-color: #ff0039;
}

.border{
	padding-top: 10px;
	padding-left: 10px;
	height: 30px;
	background-color: #F1F1F1;
}

.border2{
	padding-left: 10px;
	height: 30px;
	background-color: #F1F1F1;
	border: 1px solid #000;
}

.pointer {
	cursor: pointer;
}

.join_error {
	color: #f00;
}