
body{ /**/

	background-color:#ffffff;
	width:100%;
	margin-left:-3px;


}



#waku{ /**/

	width:1352px;
	margin-top:-7px;
	margin:auto;
	background-color:#ffffff;



}


#waku2{ /**/

	width:950px;
	float:left;
	margin-top:-7px;
	margin-left:201px;
	background-color:#ffffff;
	border:1px solid #663300;

}



#top{ /**/
	float:left;
	width:950px;
	min-height:100px;
	margin-left:201px;
	color:#663300;


}


#top2{ /**/

	width:210px;
	height:70px;
	margin-top:-95px;
	margin-left:720px;
	color:#663300;


}




#topbottom{ /*topbottom2*/

	background-image:url(images/back.jpg);
	width:1352px;
	height:44px;
	float:left;
	margin-top:-4px;
	text-align:center;


}



#topbottom2{ /**/

	width:1352px;
	height:400px;
	float:left;



}



#topbottom3{ /*left2*/

	width:1352px;
	min-height:100px;
	float:left;
	margin-top:3px;
	font-family: "Meiryo UI";	
	cellpadding:20px;

}



#left{
	width:454px;
	margin-left:155px;


}

#left2{/*left2*/

	width:228px;
	min-height:500px;
	float:left;
	margin-left:-22px;
	margin-top:3px;
	font-family: "Meiryo UI";	
	cellpadding:20px;


}





#right{ /*right12*/

	width:81px;
	float:left;
	margin-left:627px;
	margin-top:-112px;
	border: #390504 3px solid;
	font-size:14px;
	height:60px;
	text-align:center;
	font-weight:bold;
	background-color:#390504;
	color:#ffffff;
	padding-top:17px;


}


#right2{ /*right11 */

	width:511px;
	float:left;
	margin-top:-112px;
	margin-left:708px;
	border: #390504 3px solid;
	font-size:13px;
}



#right3{/*right9*/

	width:110px;
	text-align:right;
	font-size:13px;
	height:50px;
	font-weight:bold;
	float:left;
	margin-left:729px;
	margin-top:0px;

}

#right4{ /*right2 */
	width:700px;
	margin-top:-502px;
	min-height:750px;
	margin-left:158px;
	float:left;

}



#naka{ /*right2 */

	width:840px;
	margin-top:5px;
	margin-left:256px;
	min-height:600px;
	float:left;

}


#center{
	width:840px;
	margin-top:50px;
	margin-left:256px;
	min-height:600px;
	float:left;
	font-size:14px;

}



#map{
	width:220px;
	margin-bottom:300px;
	min-height:300px;
	font-size:14px;
	float:left;
	margin-left:60px;

}

#map2{
	width:220px;
	margin-left:0px;
	min-height:300px;
	font-size:14px;
	float:left;
	margin-top:px;

}

#map3{
	width:299px;
	margin-left:504px;
	min-height:300px;
	font-size:14px;
	float:left;
	margin-top:-542px;
	color:#663300;
}


#iedukuri1{/*right3 */

	width:420px;
	min-height:300px;
	float:left;
	margin-left:px;
	font-size:14px;
}



#iedukuri2{/*right4*/

	width:400px;
	line-height:20px;
	min-height:300px;
	margin-top:-290px;
	float:left;
	margin-left:440px;
	font-size:14px;
	margin-bottom:30px;
}



#iedukuri3{/*right6*/

	width:400px;
	line-height:20px;
	min-height:300px;
	float:left;
	margin-left:px;
	font-size:14px;
	margin-bottom:0px;
	margin-top:0px;
}



#iedukuri4{/*right8*/

	width:420px;
	line-height:20px;
	min-height:300px;
	margin-top:-340px;
	float:left;
	margin-left:420px;
	font-size:14px;
}



#iedukuri5{/*right5*/

	width:840px;
	line-height:30px;
	min-height:30px;
	float:left;
	margin-top:40px;
}



#iedukuri6{/*right3 */
	width:420px;
	min-height:300px;
	margin-top:25px;
	float:left;
	margin-left:px;
	font-size:14px;
}



#iedukuri7{/*right4*/
	width:400px;
	line-height:20px;
	min-height:300px;
	margin-top:-370px;
	float:left;
	margin-left:440px;
	font-size:14px;
	margin-bottom:30px;
}



#iedukuri8{/*right6*/
	width:400px;
	line-height:20px;
	min-height:300px;
	float:left;
	margin-left:px;
	font-size:14px;
	margin-bottom:0px;
	margin-top:10px;
}



#iedukuri9{/*right7*/
	width:400px;
	line-height:20px;
	min-height:280px;
	margin-top:-300px;
	font-size:14px;
	float:left;
	margin-left:440px;
}






#bottom{ /* */

	width:1352px;
	min-height:325px;
	clear:both;
	color:#663300;
	font-family: "Meiryo UI";


}



#bottomnaka{ /**/

	width:420px;
	min-height:10px;
	margin-left:30px;
	margin-top:16px;
	font-size:11px;
	float:left;
	color:#390504;
	font-family: "Meiryo UI";

}




#bottomnaka2{ /**/

	width:450px;
	min-height:30px;
	margin-left:150px;
	margin-top:-20px;
	font-size:11px;
	float:left;
	color:#390504;
	font-family: "Meiryo UI";

}



#zirei_left{/*right9*/

	width:300px;
	text-align:left;
	color:#663300;
	font-size:15px;
	height:25px;
	float:left;
	margin-left:39px;
	margin-top:5px;
	font-family: "Meiryo UI";

}


#zirei_right{/*right9*/

	width:300px;
	text-align:right;
	color:#663300;
	font-size:15px;
	height:25px;
	float:left;
	margin-left:399px;
	margin-top:-27px;
	font-family: "Meiryo UI";

}


#zirei_left2{/*right9*/

	width:300px;
	text-align:left;
	color:#663300;
	font-size:18px;
	font-weight:bold;
	height:25px;

	margin-left:165px;
	margin-top:0px;
	font-family: "Meiryo UI";


}


#zirei_right2{/*right9*/

	width:300px;
	text-align:right;
	color:#663300;
	font-size:18px;
	font-weight:bold;
	height:25px;
	margin-left:363px;
	font-family: "Meiryo UI";


}



 /*ここからclass  */



.space{
	white-space:pre;

}


.font_size{
	font-size:12px;

}


 /*各家ページ【ZEH】などの表記  */
.font_size2{
	font-size:16px;
	text-align:center;

}


.font{
	text-align: justify;
	text-justify: inter-ideograph;

}

.buton_center{ /*buton_center8*/

	text-align:center;
	font-size:13px;
	color:#390504;

}


.buton_center2{/*buton_center7*/

	margin-top:40px;
	text-align:center;
	line-height:30px;

}


.buton_right{ /*buton_left2*/

	margin-left:700px;
}


.buton_left{ /*buton_left2*/

	margin-left:50px;
}


.buton_left2{ /* */

	margin-left:100px;
	margin-bottom:8px;
}


.pit{ /*pittari*/

	margin-left:20px;
	margin-bottom:8px;
	margin-top:5px;
}

.cyosita{
	margin-bottom:-15px;

}


.zirei{ /*buton_center8*/

	margin-left:330px;
	font-size:13px;
	margin-bottom:15px;
	font-family: "Meiryo UI";
}

.list{/*map*/

	list-style-type:none;
	font-family: "Meiryo UI";
}

.list2{/*map 各家施工事例ミニ写真*/

	margin-left:-10px;
	margin-bottom:25px;
	font-family: "Meiryo UI";
}

.list3{/*各家施工事例の説明文*/

	margin-left:-40px;
	list-style-type:none;
	font-family: "Meiryo UI";

}






 /*ここから特殊系  */

a:link{ /*index  */
	color:#390504;
	background-color:transparent;
	text-decoration:none;
}

a:visited{ /*index  */
	color:#66cc33;
	background-color:#ffffff;
}
a:hover{ /*index  */
	color:#390504;
	background-color:#ffffff;
	text-decoration:underline;

}
a:active{ /*index  */
	color:#666666;
	background-color:#ffffff;
}




table{
	width:840px;
	margin-bottom:30px;

}



caption{
	font-family: "Meiryo UI";
	color:#390504;
	font-size:25px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:20px;

}



th{
	color:#390504;
	width:110px;
	padding:20px;
	font-family: "Meiryo UI";
}



td{
	color:#390504;
	padding:10px;
	cellspacing:0px;
	font-family: "Meiryo UI";
}

table tr:nth-child(odd) {
  /* 奇数行の背景色を設定します。 */
  background-color:#ffffcc;
}
table tr:nth-child(even) {
  /* 偶数行の背景色を設定します。 */
  background-color:#ffffff;
}


h2{
	text-align:center;
	border-bottom-style:dotted;
	border-bottom-width:5px;
	border-bottom-color:#58b025;
	margin-right:55px;
	margin-left:55px;
	padding-bottom:5px;
	color:#390504;
	font-family: "Meiryo UI";
}



h3{
	text-align:center;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#666666;
	margin-right:15px;
	margin-left:15px;
	padding-bottom:3px;
	font-family: "Meiryo UI";

}






li{
	margin-bottom:3px;
	font-size:15px;
}


#viewer {
	margin: 0 auto;
	width: 680px;
	text-align: left;


}



#viewer div {
	width: 640px;
	height: 450px;
	overflow: hidden;
	position: relative;


}

#viewer div img {
	top: 2px;
	left: 45px;
	right:;
	position: absolute;

}
 
#viewer .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;

}


#viewer ul {
	width: 680px;

}

#viewer ul li {
	width:145px;
	float: left;
	display: inline;


}




#viewer ul:after {
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;


}

#viewer ul {
	display: inline-block;
	overflow: hidden;
	margin-top:0px;
}




#slideshow {
   position: relative;
   width:  1352; /* 画像の横幅に合わせて記述 */
   height:400px; /* 画像の高さに合わせて記述 */
	margin-top:0px;

}
#slideshow img {
   position: absolute;
   top:0px;
   left:0px;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}











p.infobox { /*index  */
	width:500px;
	
   height: 3.9em;
   overflow: auto;
	margin-left:10px;
   background-color: #ffffff;
}



