@charset "UTF-8";

@import"base.css";

#flownavi {
	background: url(../images/flow/flow_bg.gif) repeat-y 0 0;
	margin: 0 auto;
}

#flownavi ul {
	width: 700px;
	margin: 0 auto;
	padding: 20px 0
}

#flownavi ul li {
	display: inline;
	padding: 0 10px;
}

.main {
	margin: 20px 0 0 50px;
	width: 820px;
}

.main:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.main #flow1 {
	float: left;
	position: relative;
	background: url(../images/flow/flow_1.gif) no-repeat 0 0;
	width: 370px;
	height: 245px;
}

.main #flow2 {
	float: left;
	position: relative;
	margin-left: 20px;
	background: url(../images/flow/flow_2.gif) no-repeat 0 0;
	width: 370px;
	height: 245px;
}

.main #flow3 {
	float: left;
	position: relative;
	background: url(../images/flow/flow_3.gif) no-repeat 0 0;
	width: 370px;
	height: 245px;
	margin: 20px 0 0 0;
}

.main #flow4 {
	float: left;
	position: relative;
	margin: 20px 0 0 20px;
	background: url(../images/flow/flow_4.gif) no-repeat 0 0;
	width: 370px;
	height: 245px;
}

.main dl {
	position: absolute;
	top: 25px;
	left: 60px;
	width: 270px;
	height: 210px;
	}

.main dt {
	color: #023d98;
	font-size: 120%;
	line-height: 140%;
	}

.main dd.ph{
	padding: 5px 0 0;
	}

.main dd.txt{
	line-height: 120%;
	color: #575757;
	width: 270px;
	}
.main .arrow {
	float:left;
	margin-left: 20px;
	padding: 60px 0 0 0;
	}