@charset	"utf-8";

/* Float処理 ----------------------------------------------- */

.flow_wrap	{
	zoom:1;
}

.flow_wrap:after	{
	content:	"";
	display:	block;
	clear: both;
}

/* リンクボタン -------------------------------------------- */

.customer a img:hover	{
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/* コンテンツ ---------------------------------------------- */

.flow_wrap	{
	width:	748px;
	height:	238px;
	margin:	0px auto 16px;
	border-style:	solid;
	border-width:	1px;
}

.flow_text	{
	width:	420px;
	float:	left;
	margin:	26px 24px;
}

.flow_text p	{
	margin:	0 0 1.2em 0;
}


.flow_wrap img	{
	display:	block;
	float:	right;
	margin:	26px 24px 0px 0px;
}


#step1,#step2,#step3,#step4	{
	border-color:	#21b7b6;
}
#step5	{
	border-color:	#fe3e00;
	margin-bottom:	64px;
}

#main_content .flow_wrap h1	{
	width:	628px;
	height:	50px;
	margin:	0px;
	padding:	0px 0px 0px 120px;
	line-height:	50px;
	font-size:	20px;
	color:	#ffffff;
	font-weight:	bold;
	text-indent:	0.9em;
}

#step1 h1	{
	background:	#21b7b6 url(../../flow/images/flow_step1.png) no-repeat 0px 0px;
}
#step2 h1	{
	background:	#21b7b6 url(../../flow/images/flow_step2.png) no-repeat 0px 0px;
}
#step3 h1	{
	background:	#21b7b6 url(../../flow/images/flow_step3.png) no-repeat 0px 0px;
}
#step4 h1	{
	background:	#21b7b6 url(../../flow/images/flow_step4.png) no-repeat 0px 0px;
}
#step5 h1	{
	background:	#fe3e00 url(../../flow/images/flow_step5.png) no-repeat 0px 0px;
}

.flow_connect	{
	width:	100%;
	margin:	0px auto 16px;
	text-align:	center;
}