@charset "utf-8";

#contents .section{
	margin-bottom:0px;
}

/*-------------------------------------------------------------------
	main
-------------------------------------------------------------------*/
.main{
	background:url(./background.gif) repeat;
	margin-bottom: 20px;
	position: relative;
}
.main .top-title{
	overflow: hidden;
	zoom: 1;
	position:relative;
	z-index:5;
}
.main .top-title h3{
	margin: 15px 0 15px 30px;
	float: left;
	color: #fff;
	font-size: 166%;
	font-weight: bold;
	text-indent: 10px;
	position:relative;
	z-index:5;
	
}
.main .top-title h3 address{
	display: inline;
	font-size: 60%;
	padding-left: 10px;
	position:relative;
	z-index:5;
}
.main .top-title p.back{
	float: right;
	margin: 13px 40px 0 0;
	position:relative;
	z-index:5;
}

/*-------------------------------------------------------------------
	article
-------------------------------------------------------------------*/
.article{
	width: 916px;
	margin: 0 auto;
	padding-bottom: 15px;
}
/*-------------------------------------------------------------------
	accent
-------------------------------------------------------------------*/
.accent{
	position:relative;
	margin-top:-50px;
	margin-left:-27px;
	z-index:2;
	
}

.accent p.postion{
	margin-bottom:32px;
}

.accent p.image{
	position:absolute;
	top:597px;
	right:-28px;
}
/*-------------------------------------------------------------------
	chapter
-------------------------------------------------------------------*/

#contents .chapter{
	background-color:#fff;
	margin:0 auto;
	margin-bottom:35px;
	width:916px;
}

/*-------------------------------------------------------------------
	introduction
-------------------------------------------------------------------*/
#introduction .section{
	background-color:#f8f2eb;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
  	position:relative;
	margin:58px 40px 0 40px;
	padding:30px 0 56px 43px;
}
#introduction .image{
	position:absolute;
	top:22px;
	right:19px;
	padding-bottom:10px;
}
#introduction .img{
	position:absolute;
	top:100px;
	right:-70px;
}

#introduction .text{
	width:454px;
	margin:10px 28px 0 0;	
}

/*-------------------------------------------------------------------
	entrance
-------------------------------------------------------------------*/
#entrance{
	position: relative;
}
#entrance .title{
	padding:30px 0 10px 27px;
}
#entrance .leftbox{
	float:left;
	width:430px;
	margin-bottom:30px;
}
#entrance .rightbox{
	float:right;
	width:auto;
}

#entrance .section .explain{
	overflow:hidden;
	margin-bottom:20px;
	margin-left:25px;
}
#entrance .section .explain .text{
	width:381px;
	margin-top:17px;
	margin-left:5px;
}

#entrance .section .image-left{
	clear:both;
	float: left;
	width:216px;
	margin-bottom:0px;
	padding-right:10px;

}

#entrance .section .image-right{
	clear:both;
	float: right;
	width:225px;
	margin-left:5px;
}

#entrance .section dl.colorful{
	margin-bottom:15px;
}

#entrance .section dl.colorful dt,
#entrance .section dl.high dt{
	margin-bottom:15px;
}

#entrance #aquarium{
	position: absolute;
	top: 30px;
	right: 25px;
}

#entrance .division{
	clear:both;
	margin:0 25px 0 40px;
}

#entrance .division p.l-img{
	float:left;
	width:auto;
	margin-right:36px;
}

#entrance .division .explain{
	float:left;
	width:430px;
}

#entrance .division .explain h4{
	margin-bottom:20px;
	margin-left:15px;
}

#entrance .division .explain p.text{
	margin-bottom:33px;
	margin-left:18px;
}

/*-------------------------------------------------------------------
	living
-------------------------------------------------------------------*/
#living{
	margin-bottom:40px;
	padding-bottom:20px;
}

#living .titleBox{
	position:relative;
}

#living .titleBox p.title{
	text-align:center;
	padding-top:28px;
}

#living .titleBox p.text{
	position:absolute;
	top:35px;
	left:325px;
}

#living p.visual{
	text-align:center;catch
}

#living p.catch{
	text-align:center;
}

#living .explain{
	float:left;
	width:423px;
	margin-left:23px;
}

#living #symmetry.explain .explain{
	margin-left:0px;
}

#living .explain dl{
	width:400px;
	margin-left:5px;
}

#living .explain dl dt{
	margin-bottom:20px;
}


/*-------------------------------------------------------------------
	dk ダイニング＆キッチン
-------------------------------------------------------------------*/
#dk{
	padding-bottom:40px;
}

#dk p.title{
	text-align:center;
	padding-top:28px;
}

#dk p.visual{
	text-align:center;
}

#dk .explain{
	padding:0 30px;
	overflow:hidden;
	zoom:1;
}

#dk #simple.explain dt{
	margin-bottom:15px;
}

#dk #simple.explain dd{
	margin-bottom:20px;
}

#dk #desk.explain dl{
	float:left;
	width:405px;
	padding-top:5px;
}

#dk #desk.explain dt{
	margin-bottom:15px;
}

#dk #desk.explain dd{
	line-height:1.8;
}

#dk #desk.explain p.img{
	float:left;
	width:423px;
	padding-right:20px;
}

#dk .explain .wall{
	background:url(bg-dk.png) 0 0 no-repeat;
	height:166px;
	padding:20px 40px;
}

#dk .explain .wall dl dd{
	width:528px;
	color:#fff;
}

#dk #workspace{
	position:relative;
	clear:both;
	background:url(bg-workspace.gif) center top no-repeat;
	padding-left:75px;
	height:558px;
}

#dk #workspace .leftbox{
	float:left;
	width:420px;
}

#dk #workspace .leftbox h5{
	margin-bottom:30px;
	padding-top:50px;
}

#dk #workspace .leftbox p.text{
	width:415px;	
}

#dk #workspace .leftbox p.img{
	position:absolute;
	bottom:10px;
	left:210px;
}

#dk #workspace .leftbox p.item{
	position:absolute;
	bottom:50px;
	left:380px;
}

#dk #workspace p.work{
	float:left;
	width:auto;
	margin:35px 0 0 20px;
}


/*-------------------------------------------------------------------
	japanese
-------------------------------------------------------------------*/
#japanese {
	position:relative;
	zoom:1;
	margin-top: 30px;
	padding-top:30px;
	padding-bottom:30px;
}

#japanese .leftbox{
	width:358px;
	float:left;
	margin:0 28px 0 10px;
}

#japanese .leftbox dl{
	margin-bottom:30px;
}

#japanese .leftbox dt{
	margin-left:20px;
	margin-bottom:20px;
}

#japanese .leftbox dd{
	width:331px;
	margin-left:23px;
}

#japanese .leftbox p.img{
	position:absolute;
	top:345px;
	left:30px;
}

#japanese .leftbox p.text{
	position:absolute;
	top:700px;
	left:43px;
}

#japanese  p.japanese{
	float:left;
	width:auto;
}


/*-------------------------------------------------------------------
	reset
-------------------------------------------------------------------*/
#reset{
	padding-top:40px;
	padding-bottom:30px;
}

#reset .leftbox{
	width:320px;
	float:left;
	margin:0 24px 0 10px;
	padding-right:16px;
}

#reset .leftbox p.title{
	padding-left:20px;
}

#reset .leftbox dl{
	margin-bottom:30px;
}

#reset .leftbox dt{
	margin-left:20px;
	margin-bottom:10px;
}

#reset .leftbox dd{
	width:300px;
	margin-left:23px;
	margin-bottom:20px;
}


/*-------------------------------------------------------------------
	appearance
-------------------------------------------------------------------*/
 #appearance.chapter{
	background-color:transparent;
	margin:0;
	padding-bottom:50px;
}

 #appearance.chapter p.visual{
	 margin:auto;
 }

 #appearance.chapter p.text{
	 color:#fff;
	 margin-left:71px;
 }

/*-------------------------------------------------------------------
	bnr
-------------------------------------------------------------------*/
#bnr.chapter {
	overflow:hidden;
	zoom:1;
	margin-left: 24px;
	width:auto;
	margin-left:0px;
	padding:55px 0;
	
}