@charset "utf-8";

#boxStepMain{
width:574px;
padding:20px 0 0 0;
margin:0 auto;
text-align:center;
}

.boxStep{
width:574px;
background:url(../img/step/step_back.gif) repeat-y 0 0;
margin:0 0 20px 0;
}
.boxStepBottom{
width:574px;
background:url(../img/step/step_bottom.gif) no-repeat 0 100%;
}
.boxStepTop{
width:574px;
background:url(../img/step/step_top.gif) no-repeat 0 0;
}
.boxStepTop p{
width:330px;
padding:0 0 10px 0;
}

#step01{
text-align:left;
background:url(../img/step/photo_01.jpg) no-repeat 384px 38px;
padding:40px 38px 60px 38px;
}
#step01 h2{
width:330px;
height:35px;
background:url(../img/step/step01.gif) no-repeat 0 0;
margin:0 0 10px 0;
}
#step01 span{display:none;}

#step02{
text-align:left;
background:url(../img/step/photo_02.jpg) no-repeat 384px 38px;
padding:40px 38px 90px 38px;
}
#step02 h2{
width:330px;
height:35px;
background:url(../img/step/step02.gif) no-repeat 0 0;
margin:0 0 10px 0;
}
#step02 span{display:none;}

#step03{
text-align:left;
background:url(../img/step/photo_03.jpg) no-repeat 384px 38px;
padding:40px 38px 70px 38px;
}
#step03 h2{
width:330px;
height:35px;
background:url(../img/step/step03.gif) no-repeat 0 0;
margin:0 0 10px 0;
}
#step03 span{display:none;}

#step04{
width:574px;
height:140px;
text-align:left;
background:url(../img/step/back_step4.gif) no-repeat 0 0;
margin:0 0 40px 0;

}
#step04 h2{
position:relative;
left:38px;
top:50px;
width:330px;
height:35px;
background:url(../img/step/step04.gif) no-repeat 0 0;
}
#step04 span{display:none;}


#contact{
width:422px;
height:39px;
margin:0 auto 30px auto;
background:url(../img/step/back_contact.gif) no-repeat 0 0;
text-align:left;
}
#contact ul li a{
position:relative;
top:0;
left:220px;
display:block;
width:202px;
height:39px;
background:url(../img/step/navi_contact.jpg) no-repeat 0 0;
}
#contact ul li a span{display:none;}
#contact ul li a:hover{background-position:0 -39px;}