@charset "UTF-8";
/********導入フロー*********/

.main_body2{
margin:0 25px 15px 20px;
width:640px;
clear:both;
}

#right_main h1{
background:url(images/h1.gif) no-repeat 0 10px;
width:200px;
height:30px;
display:block;
}

h2{
background:url(images/h2.gif) no-repeat 0 0;
width:635px;
height:20px;
}

p.h2_text{
font-size:12px;
line-height:23px;
margin:16px 0px 10px 15px;
}

.h2_apply,
.h2_apply a{
background:url(images/apply.gif) no-repeat 0 0;
width:78px;
height:12px;
text-indent:-9999px;
display:block;
margin:8px 0 0 15px;
}

h3.h3_1{
width:635px;
height:20px;
background:url(images/h3_1.gif) no-repeat 0 0;
}

h3.h3_2{
width:635px;
height:20px;
background:url(images/h3_2.gif) no-repeat 0 0;
}

h3.h3_3{
width:635px;
height:20px;
background:url(images/h3_3.gif) no-repeat 0 0;
}

h3.h3_4{
width:635px;
height:20px;
background:url(images/h3_4.gif) no-repeat 0 0;
}

p.h3_text{
font-size:12px;
line-height:23px;
margin:8px 0px 0px 30px;
}

p.h3_img{
margin: 15px 0px 0px 8px;
}

h4{
color:#9cc813;
font-size:12px;
font-weight:bold;
margin:15px 0 0 30px;
padding:0;
}

dl.step_area{
clear: both;
width: 625px;
height: 60px;
margin: 0px 0px 0px 13px;
}

dt.step1,
dt.step1 a{
float: left;
background: url(images/step1.gif) no-repeat 0 0;
width: 145px;
height: 60px;
text-indent: -9999px;
display: block;
}

dt.step2,
dt.step2 a{
float: left;
background: url(images/step2.gif) no-repeat 0 0;
width: 145px;
height: 60px;
text-indent: -9999px;
display: block;
}

dt.step3,
dt.step3 a{
float: left;
background: url(images/step3.gif) no-repeat 0 0;
width: 145px;
height: 60px;
text-indent: -9999px;
display: block;
}

dt.step4,
dt.step4 a{
float: left;
background: url(images/step4.gif) no-repeat 0 0;
width: 145px;
height: 60px;
text-indent: -9999px;
display: block;
}

dt.arrow{
float:left;
background: url(images/arrow.gif) no-repeat 0 0;
width: 15px;
height: 60px;
display: block;
}

.w500{
width:470px;
margin-right:0px;
margin-left:30px;
}

.dotline{
border-bottom:#c8cac5 dotted 1px;
width:470px;
margin:20px 0 20px 30px;
}