@charset "UTF-8";

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

* flow.css

* site name   : http://ex-open.com/
* description : Flow Page styles
* since       : 2008-08-28
* editor      : Tooru Ehara 
* modified    : 
* editor      :

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



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

  1: Flow Page styles

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

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

* 1: Flow Page styles

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

div#Contents h1{
background:url("../img/flow/ttl_step.gif") 0 0 no-repeat;
margin-bottom:20px;
}
div#Contents div#Normal h2,
div#Contents div#WebSite h2{
background:none;
width:auto;
padding:0;
margin:0;
}
div#Contents div#Normal{
float:left;
width:260px;
padding-left:15px;
}
div#Contents div#WebSite{
float:right;
width:260px;
padding-right:15px;
}
div#Contents div#Normal div.flow,
div#Contents div#WebSite div.flow{
margin:0 0 10px;
}
div#Contents div#Normal div.flow h3,
div#Contents div#WebSite div.flow h3{
clear:left;
width:235px;
}
div#Contents div#Normal div.flow p,
div#Contents div#WebSite div.flow p{
clear:left;
width:auto;
padding-bottom:10px;
}
div#Contents div#WebSite div.flow p.inquiry{
background:#E90000;
float:none;
text-align:center;
font-weight:bold;
width:230px;
margin:10px auto;
padding:7px 0 10px;
}
div#Contents div#WebSite p.inquiry a{
color:#FFFFFF;
}
div#Contents div.flow h3{
border-bottom:1px solid #999999;
float:left;
width:330px;
height:19px;
margin:10px 0 7px 10px;
padding:0 0 7px;
}
* html div#Contents div.flow h3{
margin-left:5px;
}
div#Contents div.flow{
border:1px solid #C0C0C0;
margin:0 15px;
}
div#Contents div.flow p{
float:right;
width:182px;
}
div#Contents p.flow{
text-align:center;
margin:10px 0;
}
div#Contents div.flow p.text{
float:none;
width:330px;
margin:0 0 0 10px;
}
div#Contents div.flow.step03 h3{
width:512px;
margin-right:10px;
}
* html div#Contents div.flow.step03 h3{
width:492px;
}
div#Contents div.flow.step03 p.text{
clear:left;
width:auto;
margin-bottom:10px;
}
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;
}
div#Contents div.step02{
padding-bottom:12px;
}

/* in the day
-------------------------------------------------------------------*/
.day div#Contents h1{
background-image:url("../img/flow/ttl_flow.gif");
}
.day div#Contents div.flow.step02{
padding-bottom:0;
}
.day div#Contents div.flow.step03 h3{
width:330px;
_width:330px;
}
.day div#Contents div.flow.step03 p.text{
float:none;
width:330px;
margin:0 0 0 10px;
}