/* 1:MainVisual CSS
  ================================================*/
#main-visual{
	width:100%;
	background: url(../img/top/bg_index_normal.png) repeat-x -27px -15px;
	border-bottom: solid #E1E3D6 5px;
}

#main-visual .inner{
	text-align: center;
	background-image:url("../img/top/bg_index_house.png");
	background-repeat:no-repeat;
	background-position: -98px -15px;
	width: 1000px;
	margin: 0 auto;
}

/* 2:content-area CSS
  ================================================*/
#content-area{
	width:637px;
	float:left;
	position:relative;
	margin:0 0 0 35px;
}

#content-area article{
	margin: 0 0 20px 0;
}

#content-area article#about{
	margin:0;
}

#content-area h4{
	float:left;
    margin: 12px 0 0 15px;
}

#content-area .list{
	display: block;
	float:left;
	margin:20px 0 0 17px;
}

#content-area .list .icon02{
	margin:2px 5px 0 0;
	display:block;
	width:14px;
	float:left;
}

#content-area .list a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

#content-area #example{
	overflow: hidden;
	background: url(../img/top/bg_index_contnt1-2.jpg) no-repeat;
}

#content-area #example .list + img{
	position: absolute;
    top: -25px;
    left: 455px;
}

#content-area #example .list + img.family{
	position: absolute;
    top: 390px;
    left: 455px;
}

#content-area #example .content{
	float:left;
	margin: 40px 0 40px 40px;
	color: #5e3c17;
}

#content-area #example .top{
	float:left;
	background: url(../img/top/img_index_bfaf.png) no-repeat;
	margin: -15px 0 0 0;
	position:relative;
	border-bottom:2px solid #be9a68;
}

#content-area #example .bottom{
	float:left;
	background: url(../img/top/img_index_bfaf.png) no-repeat;
	margin: 15px 0 0 0;
	position:relative;
	border-bottom:2px solid #be9a68;
}

#content-area #example .rb{
	float:right;
	margin: 20px 0 0 0;
}

#content-area #example .lb{
	float:left;
	margin:20px 0 0 0;
}

#content-area #example p{
	margin:0;
	text-align: center;
	padding: 0 4px 4px 4px;
	font-weight:bold;
}

#content-area #example p.thumb{
	padding:4px 4px 0 4px;
}

#content-area #example .bottom>img,
#content-area #example .top>img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-10px 0 0 -27px;
}

#content-area #movie{
	width:100%;
	background: url(../img/top/bg_index_content_movie.png) no-repeat;
	height: 420px;
}


#content-area #flow{
	width:100%;
	background: url(../img/top/bg_index_content2.png) no-repeat;
	height: 227px;
}

#content-area #flow h4{
	float:left;
}

#content-area #flow span{
	display:block;
	float:left;
}

#content-area #flow dl{
	position: relative;
	width:637px;
	margin:0;
	clear: both;
}

#content-area #flow dl dt{
	position: absolute;
	top:5px;
	z-index: 1;
}

#content-area #flow dl dt:after{
	content:url("../img/top/arrow_index_flow.png");
	display:block;
	width:100%;
	position: absolute;
	top: 6px;
	left: 60px;
}

#content-area #flow dl dt.last:after{
	content:none;
}

#content-area #flow dl dd{
	position: absolute;
	top:37px;
	margin:0;
}

#content-area #flow dl dt.step1{
	left:53px;
}

#content-area #flow dl dd.step1{
	left:20px;
}

#content-area #flow dl dt.step2{
	left:173px;
}

#content-area #flow dl dd.step2{
	left:140px;
}

#content-area #flow dl dt.step3{
	left:293px;
}

#content-area #flow dl dd.step3{
	left:260px;
}

#content-area #flow dl dt.step4{
	left:413px;
}

#content-area #flow dl dd.step4{
	left:380px;
}

#content-area #flow dl dt.step5{
	left:533px;
}

#content-area #flow dl dd.step5{
	left:500px;
}

#content-area #about{
	background: url(../img/top/img_index_content3.png) no-repeat;
	height: 262px;
	position: relative;
}

#content-area #about h4 + img{
	position: absolute;
	top:10px;
}

#content-area #about .content{
    position: absolute;
    top: 80px;
    left: 380px;
    font-size:14px;
}

#content-area #about .conten p{
	font-size:14px;
}

#content-area #about .content a{
	display: block;
	color:#e25513;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	margin: 0 0 0 17px;
}