@charset "UTF-8";
/* CSS Document */

body {
 /*background:url(../../images/styledesign/lohas/lohas_bg.jpg) #fff;*/
}

img.aligncenter {
 display:block;
 margin:0 auto;
}

p.al_right {
 float:right;
}

#wrapper {
 width:926px;
 padding:0 2px;
 margin:0 auto;
 background:url(../../images/styledesign/lohas/lohas_wrap.png) repeat-y 0 0;
 position:relative;
}


#swd_head h1 {
 font-size:1.2em;
 line-height:1.25;
 color:#666;
 padding:4px 0 10px 12px;
}

#swd_head ul {
 position:absolute;
 top:4px;
 right:4px;
}

#swd_head li {
 float:left;
 font-size:1.1em;
 line-height:1.25;
}

#swd_head li a {
 display:block;
 width:110px;
 height:18px;
 margin-left:12px;
 padding-top:4px;
 text-align:center;
 background:#003d18;
 color:#fff;
 text-decoration:none;
}

#swd_head li a:hover {
 color:#003d18;
 background:#c4d1c2;
}

#main_image p.imgbox {
 margin-left:86px;
}

#main_image p.txt {
 font-size:1.4em;
 line-height:1.5;
 color:#372502;
 width:253px;
 margin:-310px 0 100px 104px;
}

#lohasPoint {
 background:#fff;
 width:793px;
 margin:12px auto 48px auto;
 position:relative;
 background:#fff;
}

#lohasPoint h3 {
background:url(../../images/styledesign/lohas/wh_roundBox_hd.png) no-repeat 0 0;
font-size:1.9em;
line-height:1.5;
color:#231200;
text-align:center;
padding-top:8px;
position:relative;
top:-13px;
margin-top:32px;
}

#lohasPoint p.row {
 padding:4px 0 0 18px;
}

#lohasPoint p.row img {
 margin-right:44px;
}

#lohasPoint p.row.lastpara {
 padding:4px 0 14px 88px;
 position:relative;
 bottom:-18px;
 margin:-10px 0 10px 0;
 background:url(../../images/styledesign/lohas/wh_roundBox_bt.png) no-repeat 0 bottom;
}

#lohasstyle p.txt {
 padding:16px 0 8px 0;
}

#lohasstyle p.readtxt {
 font-size:1.8em;
 line-height:1.5;
 color:#4A302C;
 text-align:center;
 margin-top:8px;
}

#lohasstyle p.readtxt span {
 display:block;
 margin:0 0 32px 12em;
}

#lohasbedroom {
 position:relative;
 margin-bottom:32px;
}

#lohasbedroom p.imgbox {
 padding-left:159px;
}

#lohasbedroom p.txt {
 font-size:1.1em;
 line-height:1.25;
 color:#333;
}

#lohasbedroom p.first {
 position:absolute;
 top:538px;
 left:208px;
 width:11em;
}

#lohasbedroom p.scnd {
 position:absolute;
 top:610px;
 left:158px;
 width:14em;
}

#lohasbedroom p.third {
 font-size:1.4em;
 font-weight:700;
 line-height:1.75;
 position:absolute;
 top:455px;
 left:498px;
 width:19em;
}

#styledesign p.readtxt {
 text-align:center;
 padding:22px 0 26px 0;
 font-size:2.0em;
 line-height:1.5;
 color:#3E5F48;
}

#lohas_natu {
 background:url(../../images/styledesign/lohas/lohas_natu_bg.jpg) repeat-y 0 0;
 margin-bottom:32px;
}

#lohas_wh {
 background:url(../../images/styledesign/lohas/lohas_wh_bg.jpg) repeat-y 0 0;
 margin-bottom:32px;
}

#lohas_wa {
 background:url(../../images/styledesign/lohas/lohas_wa_bg.jpg) repeat-y 0 0;
}

#lohas_natu p.imgbox,
#lohas_wh p.imgbox,
#lohas_wa p.imgbox {
 margin-left:159px;
}

#lohas_natu p.txt,
#lohas_wa p.txt {
 color:#fff;
}

#lohas_wh p.txt {
 color:#686d69;
}

#lohas_natu p.txt,
#lohas_wh p.txt,
#lohas_wa p.txt {
 font-size:1.5em;
 line-height:1.5;
 font-weight:700;
 text-align:center;
 padding:22px 0 22px 0;
}

#lohas_natu p.sec,
#lohas_wh p.sec,
#lohas_wa p.sec {
 padding-bottom:26px;
}

#lohas_spec .contBox {
 width:596px;
 background:#fff;
 margin-left:165px;
}

.contBox {
 position:relative;
}

.contBox h4 {
 font-size:1.9em;
 color:#22562f;
 font-weight:700;
 line-height:1.25;
 padding:18px 0 0 28px;
 margin-left:36px;
 height:114px;
}

.contBox h4.first {
 background:url(../../images/styledesign/lohas/lohas_img12.jpg) no-repeat 0 0;
}

.contBox h4.sec {
 background:url(../../images/styledesign/lohas/lohas_img14.jpg) no-repeat 0 0;
}

.contBox h4.third {
 background:url(../../images/styledesign/lohas/lohas_img16.jpg) no-repeat 0 0;
}

.contBox p.readtxt {
 display:inline-block;
 font-size:1.3em;
 line-height:1.25;
 border-bottom:2px solid #22562f;
 margin:0 0 0 210px;
 position:relative;
 top:-88px;
}

.contBox dl.no1,
.contBox dl.no2,
.contBox dl.no3,
.contBox dl.no4,
.contBox dl.no6,
.contBox dl.no8 {
 margin:-62px 0 72px 118px;
}

.contBox dl.no5,
.contBox dl.no7 {
 margin:-42px 0 78px 112px;
}

.contBox dl.no2,
.contBox dl.no6,
.contBox dl.no8 {
 margin-left:78px;
}

.contBox dl.no3 {
 margin-left:64px;
}

.contBox dl.no4 {
 margin-left:48px;
}

.contBox dt {
 padding:4px 0 3px 24px;
 background:url(../../images/styledesign/lohas/leaf_mark.png) no-repeat 0 0;
 font-size:1.6em;
 color:#005e2b;
 line-height:1.5;
}

.contBox dd {
 font-size:1.2em;
 line-height:1.5;
 padding-left:62px;
 width:288px;
}

.contBox .no1 dd {
 width:308px;
}

.contBox .no2 dd {
 width:348px;
}

.contBox .no5 dd,
.contBox .no6 dd,
.contBox .no7 dd,
.contBox .no8 dd {
 width:355px;
}

.contBox .imgphoto01 {
 position:absolute;
 top:298px;
 left:441px;
}

.contBox p.txt {
 font-size:1.3em;
 line-height:1.5;
 padding:8px 36px 8px 36px;
}

.contBox p.txt.first {
 margin:-4em 0 1em 58px;
}

.contBox h5 {
 clear:both;
 padding:4px 0 3px 24px;
 margin-left:36px;
 background:url(../../images/styledesign/lohas/leaf_mark.png) no-repeat 0 0;
 font-size:1.6em;
 color:#005e2b;
 line-height:1.5;
}

.contBox h6 {
 display:inline-block;
 font-size:1em;
 line-height:1.25;
 color:#fff;
 background:#604821;
 padding:2px 6px;
 margin:4px 0 0 16px;
}

.contBox dl.coating {
 position:relative;
 bottom:-18px;
 margin-bottom:18px;
 clear:both;
 width:610px;
 padding-bottom:18px;
 background:url(../../images/styledesign/lohas/contBox_bt.png) no-repeat 0 bottom;
}

.contBox dl.coating dt {
 background:none;
 float:left;
 padding-right:14px;
}

.contBox dl.coating dd {
 padding-top:8px;
 width:450px;
}

.contBox dl.coating dd p {
 line-height:1.25;
}
.contBox {
 zoom:1;
}

.contBox:after {
 display:block;
 clear:both;
 content:'';
 height:0px;
 overflow:hidden;
}

.contBox dl.coating h6 {
 margin:0;
}

#lohasmodel {
 position:relative;
 left:7px;
 width:617px;
 height:370px;
 margin:108px auto 32px auto;
 background:url(../../images/styledesign/lohas/lohas_modelroom_bd.png) no-repeat 0 0;
}

#lohasmodel h3 {
 position:relative;
 top:-66px;
 height:51px;
 padding:22px 0 0 46px;
 background:url(../../images/styledesign/lohas/lohas_modelroom_titlebg.png) no-repeat 0 0;
 font-size:2.2em;
 line-height:1.25;
 color:#006E35;
}

#lohasmodel p {
 font-size:1.25em;
 line-height:1.5;
 position:absolute;
}

#lohasmodel .model01 {
 top:28px;
 left:312px;
 width:240px;
}

#lohasmodel .model02 {
 top:175px;
 left:365px;
 width:185px;
}

#lohasmodel address {
 font-size:1.2em;
 line-height:1.5;
 position:absolute;
 bottom:10px;
 left:38px;
}

#requ_cat {
 text-align:center;
 margin-bottom:36px;
}

#bscSpec {
 width:617px;
 margin:48px auto;
}


.attention_box {
	width: 908px;
	margin: 0 auto;
}

.attention_box p {
	font-size: 1.3em;
	color: #555;
	text-align: right;
}

.attention_box p:before {
	content:'＊';
	display: inline;
}

#prefooter {
	clear:both;
	position: relative;
	bottom:0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	margin:0 auto 30px auto;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}
#prefooter .cbox {
	width: 922px;
	height: 66px;
	margin: 0 auto;
	background: #fffde6;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2);
	box-shadow: 0px 0px 4px rgba(0,0,0,.2);
}
#prefooter ul {
	overflow: hidden;
	padding: 5px 0px 4px 8px;
}

#prefooter p {
	float: right;
}
#prefooter li {
	float: left;
	width: 162px;
	height: 53px;
}
#prefooter li:nth-of-type(-n+3) {
	margin-right: 6px;
}
#prefooter li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

#prefooter li img {
	position: absolute;
	display: block;
	top:0;
	z-index: 1;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
}
#prefooter li img:nth-of-type(1) {
	z-index: 2;
	-webkit-transition: z-index 0s .1s;
	transition: z-index 0s .1s;
}
#prefooter li img:nth-of-type(2) {
	z-index: 1;
	-webkit-transition: z-index 0s .1s;
	transition: z-index 0s .1s;
}
#prefooter li:hovre img:nth-of-type(1) {
	z-index: 1;
	-webkit-transition: z-index 0s .2s;
	transition: z-index 0s .2s
}
#prefooter li:hover img:nth-of-type(2) {
	z-index: 2;
	-webkit-transition: z-index 0s .2s;
	transition: z-index 0s .2s
}
/*
#prefooter li:nth-of-type(2n+1):hover {
	-webkit-animation-name: rubber_band;
	animation-name: rubber_band;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
*/

#prefooter li a{
	-webkit-transform:perspective(600px) rotateY(0deg);
	transform:perspective(600px) rotateY(0deg);
	-webkit-transition: -webkit-transform .3s;
	transition:transform .3s;
}
#prefooter li:hover a{
	-webkit-transform:perspective(600px) rotateY(180deg);
	transform:perspective(600px) rotateY(180deg);
	-webkit-transition: -webkit-transform .5s .1s;
	transition:transform .5s .1s;
}

#prefooter.fixed {
	position: fixed;
	bottom:0;
	left:0;
	margin-bottom: 0;
	z-index: 80;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}

#footer {
 width:908px;
 height:68px;
 position:relative;
 margin:12px auto 4px auto;
 padding-top:12px;
 paddig-left:4px;
 background:#34170e;
}

#footer ul {
 padding-left:4px;
}

#footer li {
 float:left;
 font-size:1.1em;
 line-height:1.5;
 padding-right:12px;
 margin-right:12px;
 border-right:1px solid #fff;
}

#footer li a {
 color:#fff;
}

#copyright {
 font-size:1.1em;
 line-height:1.25;
 color:#fff;
 position:absolute;
 right:2px;
 bottom:0px;
}

#stylebnr {
	width: 928px;
	margin: 40px auto;
}

#stylebnr h3 {
font-size:1.5em;
font-weight:700;
color:#fff;
padding:12px 0 4px 26px;
width: 902px;
height:20px;
background:url(/images/styledesign/style_bnr_title_bg.jpg) repeat-x 0 0;
}

#stylebnr img {
	width: 462px;
	height: auto;
}