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

#flow {
	float: left;
	width: 291px;
}

#flow h3 {
	clear: both;
	border-bottom: none;
	height: 29px;
	line-height: 29px;
	color: #333333;
	margin: 0 0 0 -28px;
	padding: 15px 0 0 50px;
	background-repeat: no-repeat;
}

div#flow p { margin: 5px 0;}

#step1,
#step2,
#step3,
#step4 {
	background-image: url(../appointment/img/bg_step.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 28px;
	margin-bottom: 12px;
	margin-top: 4px;
}

#step1 h3 {	background-image: url(../appointment/img/step1.png);}
#step2 h3 {	background-image: url(../appointment/img/step2.png);}
#step3 h3 {	background-image: url(../appointment/img/step3.png);}
#step4 h3 {	background-image: url(../appointment/img/step4.png);}

#step1 { padding-bottom: 0;}

div#step1 p.imgR {
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
}


#check {
	float: right;
	width: 286px;
	padding: 0 0px 0 15px;
	background-image: url(../appointment/img/bg_check.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#check h3 {
	clear: both;
	border-bottom: none;
	height: 25px;
	line-height: 25px;
	color: #765229;
	margin: 0 0px 10px -15px;
	padding: 0;
}

#check h4 { margin-bottom: 5px;}

div#contents div#check li {
	margin-bottom: 0;
	font-weight: bold;
}

.appoint_flow {
	border: 2px solid #B5B191;
	background-color: #FFFFFF;
	padding: 10px 5px 10px 10px;
	height: 98px;
}	

#contents .appoint_flow p { padding: 0; margin-bottom: 0;}

#note_box {
	margin-top: 20px;
	padding: 10px;
	border: 2px solid #666666;
	background-color: #FFFFFF;
	background-image: url(../appointment/img/bg_note.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}