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

/* index page title */
#contents-pack #pack-left h3{
background-image: url(../images/title_page_flow.gif);
height:45px;
}
#pack-left h4,#pack-left h5,#pack-left h6{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
overflow: hidden;
}


/* head */
#pack-left #box-flow{
margin:0 0 10px 0;
position:relative;
background-image: url(../images/direction_flow.gif);
background-repeat: no-repeat;
background-position: 270px center;
}
#box-flow .illust{
height: 365px;
width: 180px;
position: absolute;
top: 0px;
right: 0px;
}
#box-flow h4{
background-image: url(../images/body_flow.gif);
height: 63px;
width: 293px;
}
#box-flow p.photo{
float: left;
height: auto;
width: 160px;
display:block;
}
#box-flow p.text{
margin: 0 0 0 20px;
float: left;
height: auto;
width: 330px;
display:block;
}

/* eachstep */
/* step1 */
#box-flow div.step1{
}
div.step1 h5{
background-image: url(../images/body_flow_step1.gif);
height: 70px;
width: 510px;
}
div.step1 h6.text1{
background-image: url(../images/text_step1_1.gif);
height: 21px;
width: 123px;
}
div.step1 h6.text2{
background-image: url(../images/text_step1_2.gif);
height: 21px;
width: 127px;
}
div.step1 p{
	width:300px;
	height:auto;
}
/* step2 */
#box-flow div.step2{
margin:20px 0 0 0;
}
div.step2 h5{
background-image: url(../images/body_flow_step2.gif);
height: 70px;
width: 510px;
}
/* step3 */
#box-flow div.step3{
margin:20px 0 0 0;
}
div.step3 h5{
background-image: url(../images/body_flow_step3.gif);
height: 70px;
width: 510px;
}
div.step3 h6.text1{
background-image: url(../images/text_step3_1.gif);
height: 21px;
width: 101px;
}
div.step3 h6.text2{
background-image: url(../images/text_step3_2.gif);
height: 21px;
width: 86px;
}
/* step4 */
#box-flow div.step4{
margin:20px 0 0 0;
}
div.step4 h5{
background-image: url(../images/body_flow_step4.gif);
height: 70px;
width: 510px;
}
/* step5 */
#box-flow div.step5{
margin:20px 0 0 0;
}
div.step5 h5{
background-image: url(../images/body_flow_step5.gif);
height: 70px;
width: 510px;
}
/* banner */
#box-flow div.banner{
margin:20px 0 0 0;
}