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

#flow li{
	float:left;
	width:180px;
	height:48px;
	background-image:url(../../contact/img/flow.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-99999px;
	overflow:hidden;
}
#flow li#flow1{
	background-position:0 -96px;
}
#flow li#flow2{
	background-position:-180px 0;
}
#flow li#flow3{
	background-position:-360px 0;
}
#flow li#flow4{
	background-position:-540px 0;
}

/* step1 */
#flow.active1 li#flow1{
	background-position:0 0;
}

/* step2 */
#flow.active2 li#flow1{
	background-position:0 -48px;
}
#flow.active2 li#flow2{
	background-position:-180px -48px;
}

/* step3 */
#flow.active3 li#flow2{
	background-position:-180px -96px;
}
#flow.active3 li#flow3{
	background-position:-360px -96px;
}

/* step4 */
#flow.active4 li#flow3{
	background-position:-360px -144px;
}
#flow.active4 li#flow4{
	background-position:-540px -144px;
}

.err,
.required{
	color:#FF0000;
}
.err{
	padding:0 0 5px 0;
}

input,textarea{
	padding:3px;
	border:1px solid #A5A5A5;
}
.inputS{
	width:20%;
}
.inputM{
	width:35%;
}
.inputL{
	width:80%;
}

/* btn */
input.btn{
	display:table-cell;
	background: url(../img/icon_list1.png) 10px center no-repeat, url(../img/bg_btn.png) 0 center repeat-x;	
	border-radius:4px;
	padding:8px 10px 8px 18px;
	line-height:1.3;
	vertical-align:middle;
	border:1px solid #C5C5C5;
	behavior: url('/common/css/PIE.htc');
	-pie-background:url('/common/img/icon_list1.png') no-repeat 10px center, url('/common/img/bg_btn.png') repeat-x 0 center;
	position:relative;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	text-align:left;
}
* html input.btn{
	display:inline;
	zoom:1;
}
ul.btnlist2 li input.btn{
	max-width:200px;
	min-width:160px;
}
ul.btnlist2 li .btn{
	max-width:200px;
	min-width:160px;
}


.radio{
	border:none;
}


/* ===================================================== */
/* CLEAR */
/* ===================================================== */
/*----------------------*/
#flow{
	min-height:1%;
}
#flow:after{
/* for modern browser */ 
	content: "";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
} 

* html #flow{/* for IE */ 
/*\*/height:1%;/* for WinIE*/ 
display:inline-table;/* for MacIE*/ 
}

body*#flow:after{
	content: ".";
}