@charset "UTF-8";

/*
**********************************************************************

* flow.css

* site name   : http://holon-tierra.com/
* description : Flow Page styles
* since       : 2008-06-09
* editor      : Tooru Ehara 
* modified    : 
* editor      :

*********************************************************************
*/



/*
===== CONTENTS ===========================================

  1: Flow Page styles

==========================================================
*/

/*
*********************************************************************

* 1: Flow Page styles

*********************************************************************
*/

div#Contents h1{
background:url("../img/flow/ttl_flow.jpg") 0 0 no-repeat;
margin-bottom:10px;
}
div#Contents div.flow h2{
float:left;
width:335px;
height:67px;
margin:7px 0 5px 10px;
}
div#Contents div.flow.step01 h2{
background:url("../img/flow/txt_step_01.gif") 0 0 no-repeat;
width:369px;
height:67px;
}
div#Contents div.flow.step02 h2{
background:url("../img/flow/txt_step_02.gif") 0 0 no-repeat;
}
div#Contents div.flow.step03 h2{
background:url("../img/flow/txt_step_03.gif") 0 0 no-repeat;
width:322px;
}
div#Contents div.flow.step04 h2{
background:url("../img/flow/txt_step_04.gif") 0 0 no-repeat;
width:314px;
}
div#Contents div.flow.step05 h2{
background:url("../img/flow/txt_step_05.gif") 0 0 no-repeat;
}
div#Contents div.flow.step06 h2{
background:url("../img/flow/txt_step_06.gif") 0 0 no-repeat;
width:331px;
}
div#Contents div.flow.step07 h2{
background:url("../img/flow/txt_step_07.gif") 0 0 no-repeat;
}
div#Contents div.flow{
border:1px solid #C0C0C0;
padding:4px;
margin:0 15px 15px;
}
div#Contents div.flow p{
float:right;
width:138px;
}
div#Contents p.flow{
margin:0 0 10px 60px;
}
div#Contents div.flow p.text{
float:none;
width:175px;
margin:0 0 0 115px;
}
div#Contents div.flow p.text a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
padding-left:15px;
}
div#Contents p.note{
font-size:90%;
margin:0 16px 10px;
}