@charset "UTF-8";

/* ************************

	/search/flow.html

	01.Header
	02.Main Area
	03.Contents (Main Area)
	04.Page Top Button
	05.Footer
	06.for IE

*************************** */

/* ************************
	01.Header
*************************** */
#flow {}
#flow #header {width:694px;}
#flow #logo {margin:35px 0 19px 0;}
#flow #header-txt {left:0;}

/* ************************
	02.Main Area
*************************** */
#flow #main-area {width:694px;}


/* ************************
	03.Contents (Main Area)
*************************** */
#flow h1 {
	width:694px;
	height:33px;
	margin-bottom:10px;
}

.step-box-top-deco {
	width:694px;/* for IE6 */
	padding-top:8px;
	background:url(../img/flow_deco_top.gif) top no-repeat;
}
.step-box-bottom-deco {
	width:694px;/* for IE6 */
	padding-bottom:8px;
	background:url(../img/flow_deco_bottom.gif) bottom no-repeat;
}

.step-box {
	border:solid #ccc;
	border-width:0 1px;
	position:relative;
	min-height:84px;
	height:auto;
}
.step-box h2 {
	width:73px;
	height:73px;
	position:absolute;
	top:5px;
	left:28px;
}
.step-box h3 {
	position:absolute;
	top:9px;
	left:128px;
}
.step-box p {
	width:540px;
	padding:38px 0 0 128px;
}

/* /// STEP1 /// */
#step1-arrow-box {
	padding-bottom:25px;
	background:url(../img/flow_step1_arrow.gif) center bottom no-repeat;
	margin-bottom:4px;
}
#step1-title {}

/* /// STEP2 /// */
#step2-arrow-box {
	padding-bottom:25px;
	background:url(../img/flow_step2_arrow.gif) center bottom no-repeat;
	margin-bottom:4px;
}
#step2-title {}

/* /// STEP3 /// */
#step3-arrow-box {
	padding-bottom:25px;
	background:url(../img/flow_step3_arrow.gif) center bottom no-repeat;
	margin-bottom:4px;
}
#step3-title {}

/* /// STEP4 /// */
#step4-arrow-box {
	padding-bottom:25px;
	background:url(../img/flow_step4_arrow.gif) center bottom no-repeat;
	margin-bottom:4px;
}
#step4-title {}

/* /// STEP5 /// */
#step5-layout-box {margin-bottom:30px;}
#step5-title {}

#close-btn {text-align:center;}


/* ************************
	04.Page Top Button
*************************** */
#flow #page-top-box {width:694px;}


/* ************************
	05.Footer
*************************** */
#flow #footer {width:694px;}
#flow #group-logo {left:0;}
#flow #footer ul {
	width:624px;
	margin-left:67px;
}
#flow #copyright {
	margin-left:67px;
}


/* ************************
	06.for IE
*************************** */
/* only IE6 */
* html .step-box {height:84px;}