@charset "UTF-8";

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

#flow div#main{
	width:555px;
	float:left;
	background-image: url(../img/common/bg_main02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main h2{
	margin: 15px auto 0px auto;
	text-align:center;}

#main h3{
	background-image: url(../img/reform/reform_h2.gif);
	background-repeat: no-repeat;
	color:#fff;
	font-weight:bold;
	line-height:31px;
	padding:0px 10px;
	margin: 0px 0px 25px 25px;}

#main h4{
	padding:0px;
	margin: 0px 0px 5px 18px;}

.area1{
	width:450px;	
	padding: 0px 0px 20px 60px;}

div.area2{
	width:505px;	
	margin: 20px auto 30px auto;
	text-align:left;}

div.area2 ul{
	margin: 0px 0px 0px 60px;}

div.area2 ul li{
	height:45px;
	line-height:45px;
	width:400px;
	padding-left:50px;
	}

div.area2 ul li#no01{
	background-image: url(../img/comfort/comfort/li_bg01.gif);
	background-repeat: no-repeat;}

div.area2 ul li#no02{
	background-image: url(../img/comfort/comfort/li_bg02.gif);
	background-repeat: no-repeat;}

div.area2 ul li#no03{
	background-image: url(../img/comfort/comfort/li_bg03.gif);
	background-repeat: no-repeat;}


div.area2 ul li#no04{
	background-image: url(../img/comfort/comfort/li_bg04.gif);
	background-repeat: no-repeat;}



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

div.area3 li{
	font-size:0.9em;
	float:left;
	background-image: url(../img/common/link_bg01.jpg);
	background-repeat: no-repeat;
	height:47px;
	line-height:47px;
	width:201px;
	padding-left:37px;
	}

.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;}