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

.inputBox {
	width:670px;
	background: url(../images/form/bgInput.gif) repeat-y scroll 0 0;
	border-top:solid 1px #9ca9b5;
	border-bottom:solid 1px #9ca9b5;
	margin:10px 0 10px 0;	
}
.inputBox dl {   
	width:670px;  
}  
.inputBox dt {  
	width:170px;
	text-align:right;  
	font-weight:bold;
	padding:10px 10px 7px; 
	float:left;
	clear:both; 
	background:url(../images/form/bgDot.gif) repeat-x scroll 0 top;
}  
* html .inputBox dt {  
	width:190px;
}
.inputBox dt.firstDt { 
	padding:18px 10px 7px;
	background:none;  
}
.inputBox dd.secondDd {
	height:40px;
}
.inputBox dt.lastDt { 
	padding:10px 10px 15px;  
}  
.inputBox dd {  
	width:460px;  
	padding:7px 10px;
	text-align:left;
	float:left;
	background:url(../images/form/bgDots.gif) repeat-x scroll 0 top;
}  
* html .inputBox dd {   
	width:475px;
}
.inputBox dd.firstDd {
	padding:15px 10px 7px;
	background:none;
}  
.inputBox dd.lastDd {
	padding:7px 10px 15px;
}
.inputBox dd p.con {
	padding:3px 10px 3px 0;
}
.inputBox dd span {
	font-weight:bold;
	width:85px;
	padding:3px 10px 0 0;
	text-align:right;
	float:left;
}
.inputBox dd select.only {
	margin-bottom:5px;
}

/* ----------btn-------------- */
.btnBox {
	padding:5px 0 10px 265px;
	float:left;
}
.btnBoxs {
	padding:15px 0 10px 160px;
	float:left;
}
/* for IE 6 and 7 */
button.formBtn {width:1%;}
button.formBtn span {float:left;}
/* link */
a.formBtn {
	float:left;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
a.formBtn span {
	font:bold 12px/23px Verdana; 
	color:#0053ca; 
	display:block; 
	float:left; 
	white-space:nowrap; 
	height:25px; 
	margin-left:1px; 
}  
/* bg　middle */
button.formBtn.middle.a span, a.formBtn.middle.a span {
	color:#0053ca;
	width:212px;
	background:transparent url("../images/form/aRight.gif") no-repeat right 0;
}
button.formBtn.middle.a, a.formBtn.middle.a, div.formBtn.middle.a {
	background:transparent url("../images/form/aLeft.gif") no-repeat 0 center;
}
button.formBtn.middle.a:hover span, a.formBtn.middle.a:hover span {
	width:212px;
	color:#FFF;
	background:transparent url("../images/form/aRight.gif") no-repeat right 100%;
}
button.formBtn.middle.a:hover, a.formBtn.middle.a:hover, div.formBtn.middle.a:hover {
	background:url("../images/form/aLeft.gif") no-repeat -272px center;
}
/* bg　middle no ver */
button.formBtn.middle.b span, a.formBtn.middle.b span {
	color:#666666;
	width:170px;
	background:transparent url("../images/form/aRight01.gif") no-repeat right 0;
}
button.formBtn.middle.b, a.formBtn.middle.b, div.formBtn.middle.b {
	background:transparent url("../images/form/aLeft01.gif") no-repeat 0 center;
}
button.formBtn.middle.b:hover span, a.formBtn.middle.b:hover span {
	width:170px;
	color:#FFF;
	background:transparent url("../images/form/aRight01.gif") no-repeat right 100%;
}
button.formBtn.middle.b:hover, a.formBtn.middle.b:hover, div.formBtn.middle.b:hover {
	background:url("../images/form/aLeft01.gif") no-repeat -272px center;
}

/* --------------input-------------- */
input, textarea, select {
	border:1px solid #7d8994;
    background-color:#FFF;
	color:#434343;
	font-size:12px;
	margin-bottom:0;
	_margin-bottom:0;
	margin-right:2px;
	padding:2px 0 2px 2px;
}
input.none {
	background: none;
	border: none;
}
.inputBox dd.err input, .inputBox dd.err textarea, .inputBox dd.err select {
	border:2px solid #CC0000;
}
.inputBox dd input.img {
	vertical-align:top;
}
.inputBox dd.err input.img {
	border:none;
}
.inputBox dd.err input.noErr, .inputBox dd.err textarea.noErr, .inputBox dd.err select.noErr {
	border:1px solid #7d8994;
    background-color:#FFF;
	color:#434343;
	font-size:12px;
	margin-bottom:0;
	_margin-bottom:0;
	margin-right:2px;
	padding:2px 0 2px 2px;
}

/* --------------width-------------- */
.long-s {
	width:435px;
}
.long {
	width:250px;
}
.middle {
	width:180px;
}
.short-m {
	width:120px;
}
.short {
	width:80px;
}
.mini{
	width:40px;
}

/* --------------error-------------- */
.errTitle {
	border:3px double #CC0000;
	color:#CC0000;
	font-weight:bold;
	margin:10px 0;
	padding:10px;
}
.errMsg {
	padding:3px 10px 3px 0;
	color:#CC0000;
	font-weight:bold;
}
/* --------------msg-------------- */
.ddMsg {
	padding:3px 10px 3px 0;
}
.ddMsgs {
	padding:2px 10px 5px 95px;
}

/* --------------ok-------------- */
.okBox {
	width:670px;
	padding:50px 0;
}
.okBox p {
	text-align:center;
	padding-bottom:30px;
}
.okBox p span {
	font-size:15px;
	font-weight:bold;
	color:#000;
}
