@charset "utf-8";
@import url("../../css/style.css");

#main {padding-top: 10px;}


/*-- proportion ---------------------*/
#propo01,
#propo02,
#propo03 {
	position: relative;
	margin-left: 20px;
	width: 405px;
	height: auto;
	line-height: 1.8;}

#propo02,
#propo03 {margin-top: 42px;}

#propo01 h3,
#propo02 h3,
#propo03 h3 {
	width: 226px;
	height: 22px;
	text-indent: -99999px;}

#propo01 h3 {background: url(../img/tit_h3_fucyou.gif) no-repeat;}
#propo02 h3 {background: url(../img/tit_h3_kokaku.gif) no-repeat;}
#propo03 h3 {background: url(../img/tit_h3_utukusi.gif) no-repeat;}

#propo01 img {
	position: absolute;
	top: 0;
	left: 255px;}

.propo_item01 {
	margin-top: 6px;
	padding-top: 10px;
	width: 235px;
	background: url(../../img/img_line01.gif) repeat-x top;}

.propo_item02 {
	margin-top: 14px;
	width: 405px;}

.propo_item03 {
	margin-top: 6px;
	padding-top: 10px;
	width: 405px;
	background: url(../../img/img_line01.gif) repeat-x top;}

.propo_item04 {
	margin-top: 14px;
	width: 235px;}

#propo03 img {
	float: left;
	margin-right: 20px;}

#propo03 .pro_box01 {
	float: left;
	width: 235px;}


/*-- flow ---------------------*/
#flow02{margin-top: 42px;}

#flow01,
#flow02,
#flow03,
#flow04 {
	position: relative;
	margin-left: 20px;
	width: 405px;
	height: auto;}

#flow03,
#flow04 {margin-top: 20px;}

#flow01 h3,
#flow02 h3 {
	width: 285px;
	height: 22px;
	font-size: 124%;
	text-indent: 30px;
	color: #122b87;}

#flow01 h3 {background: url(../img/img_01.gif) no-repeat;}
#flow02 h3 {background: url(../img/img_02.gif) no-repeat;}

.img_box {
	float: left;
	margin-top: 6px;}

.flow_box {
	float: left;
	margin-right: 20px;
	width: 283px;}

.flow_item01 {
	margin-top: 6px;
	padding-top: 10px;
	width: 283px;
	background: url(../../img/img_line01.gif) repeat-x top;}

.flow_item02 {
	margin-top: 8px;
	width: 283px;}