@charset "UTF-8";

#main .step {
clear:both;
height:408px;
margin-bottom:20px;
background:#fff url(../img/step_bg_01.png) left top no-repeat;
}
#main .step h3 {
display:inline;
float:left;
width:302px;
margin:14px 0 11px 18px;
}
#main .step p {
float:right;
width:321px;
margin-top:10px;
margin-right:19px;
_margin-right:9px;
text-align:right;
}

/* common box styles */
#main .step li {
float:left;
}
#main .step li a {
overflow:hidden;
text-indent:-9999px;
background-repeat:no-repeat;
}

/* 1st box */
#main .step ol {
clear:both;
height:150px;
margin-bottom:24px;
margin-left:20px;
}
#main .step ol .li00 {margin-right:13px;}
#main .step ol .li01 {margin-right:13px;}
#main .step ol .li02 {margin-right:14px;}
#main .step ol .li03 {}

#main .step ol a {
display:block;
width:150px;
height:150px;
}

#main .step ol .li00 a {background-image:url(../img/step_img_00.png);}
#main .step ol .li01 a {background-image:url(../img/step_img_02.png);}
#main .step ol .li02 a {background-image:url(../img/step_img_03.png);}
#main .step ol .li03 a {background-image:url(../img/step_img_04.png);}

#main .step ol .li00 .on,#main .step ol .li00 a:hover {background-image:url(../img/step_img_00_h.png);}
#main .step ol .li01 .on,#main .step ol .li01 a:hover {background-image:url(../img/step_img_02_h.png);}
#main .step ol .li02 .on,#main .step ol .li02 a:hover {background-image:url(../img/step_img_03_h.png);}
#main .step ol .li03 .on,#main .step ol .li03 a:hover {background-image:url(../img/step_img_04_h.png);}



/* 2nd box */
#main .step ul {
clear:left;
height:75px;
margin-bottom:20px;
}
#main .step ul a {
display:block;
width:310px;
height:75px;
margin-left:20px;
}
#main .step ul .li01 a {background-image:url(../img/step_img_07.png);}
#main .step ul .li02 a {background-image:url(../img/step_img_08.png);}
#main .step ul .li01 a.on,#main .step ul .li01 a:hover {background-image:url(../img/step_img_07_h.png);}
#main .step ul .li02 a.on,#main .step ul .li02 a:hover {background-image:url(../img/step_img_08_h.png);}



/* 3rd box */
#main .step div.step_supplebx {
	clear: left;
	margin: 0px 0px 0px 20px;
}
#main .step div.step_supplebx a {
	display:block;
	width:640px;
	height:75px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../img/step_img_09.png) no-repeat left top;
}
#main .step div.step_supplebx a.on,#main .step div.step_supplebx a:hover {
	background: url(../img/step_img_09_h.png) no-repeat left top;
}