@charset "utf-8";

h2{
line-height:0;
margin-bottom:10px;
}

h3{
margin:1px 0 5px 0;
line-height:0;}

#preface{
height:174px;
position:relative;}

#preface p{
line-height:0;
}

#preface div#img01{
position:absolute;
left:401px;
top:-17px;
}

#flow1,
#flow2,
#flow3,
#flow4,
#flow5{
padding-left:50px;
min-height:50px;
background-repeat:no-repeat;
margin-bottom:13px;
position:relative;
}

* html #flow1,
* html #flow2,
* html #flow3,
* html #flow4,
* html #flow5{
height:50px;
}

#flow1,
#flow2,
#flow3{
width:275px;
}

* html #flow1,
* html #flow2,
* html #flow3{
width:325px;
}

#flow1{background-image:url(../img/introduction/1.gif);}
#flow2{background-image:url(../img/introduction/2.gif);}
#flow3{background-image:url(../img/introduction/3.gif);}
#flow4{background-image:url(../img/introduction/4.gif);margin:60px 0 13px 300px;}
#flow5{background-image:url(../img/introduction/5.gif);margin-left:300px;}

#flow2 p.balloon{
position:absolute;
left:326px;
top:-82px;}
#flow4 p.balloon{
position:absolute;
left:-297px;
top:-55px;
}