@charset "utf-8";
@import "/css/common.css";

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

/* flow style css(完成までの流れ) */

/*==================================================================*/
/* h1 */
h1{margin:0 auto 0.8em;padding:0;}

#flow *{margin:0;padding:0;}
#flow img{vertical-align:bottom;}
#flow{
	width:670px;
	margin:0 auto 4em;
}

#flow p.read{margin:0 auto 2.4em;}
#flow p.read span{font-size:0.9em;}

/* h2 */
#flow h2{margin:0 0 1.2em;}

#flow .group{}

/* clear hack */
#flow .group{zoom:1;}
#flow .group:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#flow .group .left{
	float:left;
	width:27px;
}

#flow .group .right{
	float:right;
	width:634px;
}

#flow .group01{background:url('../image/group1_back.gif') repeat-y 0 0;}
#flow .group02{background:url('../image/group2_back.gif') repeat-y 0 0;}
#flow .group03{background:url('../image/group3_back.gif') repeat-y 0 0;}

#flow dl{
	width:620px;
	margin:0 auto;
	padding:7px 0;
}

/* clear hack */
#flow dl{zoom:1;}
#flow dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
#flow dt{
	width:200px;
	float:left;
}

#flow dd{
	width:410px;
	float:right;
	font-size:1.1em;
	color:#623a07;
}

#flow p.arrow{margin:0 0 0 100px;}

#flow dd ul{}

/* clear hack */
#flow dd ul{zoom:1;}
#flow dd ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#flow dd ul li{
	margin:10px 18px 0 0;
	list-style:none;
	float:left;
}

#flow dd ul li.end{margin:12px 0 0 0;}

/* --------------------------------------------------------------- */