@charset "UTF-8";

@import url("reset.css");
@import url("base.css");

#flow{
	padding:0 8px 0 8px;
	margin:20px 0 0 0;
}

#flow p{
	margin:0 0 1em 0;
}

#flow h2{
	font-weight:bold;
	font-size:1.2em;
	background-image: url(../img/transition/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:600px;
	line-height:42px;
	padding:0 0 0 34px;
}

#flow h3{
	background-image: url(../img/spread/bg_01.jpg);
	background-repeat: repeat;
	color:#0052AD;
	font-weight:bold;
	line-height:30px;
	padding:0px 10px;
	margin: 0px 0px 25px 0;
	background-position: left top;
	width:610px;
	margin:30px 0 10px 0;
}

#main h4{
	color:#0052AD;
	text-align:left;
	padding:0px;
	margin: 30px 0px 5px 50px;}

div#area1{
	width:634px;	
	margin: 20px auto 30px auto;
	text-align:center;}

div#area1 .area1_content{
	width:634px;	
	text-align:left;}

div#area1 .area1_content p{
	padding:10px 60px;}

div#area1 .area1_content ul{
	padding:10px 60px;}

div#area1 .area1_content img{
	padding:10px 30px;}

#area2{
	width:550px;	
	padding:10px 0 20px 40px;
}

#flow #area2 h3{
	background-image: none;
	color:#0052AD;
	font-weight:bold;
	line-height:30px;
	padding:0px;
	margin: 30px 0 0 0;
	background-position: left top;
	width:550px;
}
#flow #area2 .area2{
	width:500px;
	margin:0 0 0 25px;
}

#flow #area2 .area2 img{
	float:right;
	padding:0px;
	margin:0px 0px 0px 10px;}

div.area3{
	clear:both;
	width:634px;	
	margin: 20px auto 30px auto;
	text-align:left;}

div.area3 li{
	background-image: url(../img/flow/icon01.jpg);
	background-repeat: no-repeat;
	width:201px;
	padding-left:15px;
	background-position: left 5px;
	}

.flow_img{
	margin: 0px auto 0px auto;
	text-align:center;}

ul#menu{
	height:29px;
	font-size:10px;
	list-style-position:inside;
	text-align:right;
	padding: 0px 25px 0px 0px;
	margin: 0px auto;
}

ul#menu li{
	display:inline;
	border-right: solid 1px #333;
	margin: 0px 0px 25px 0px;
	padding: 0px 5px;}