/* ***********************************************************************
	1 : 共通項目
*********************************************************************** */
*{
	margin:0;
	padding:0;
}
html {
/*@@@
	overflow-y:scroll;
*/
	background:url(../img/body_bg.gif) repeat-x #E6F8FF;		/*@@@Chg	../img/content_bg.gif repeat-y center #E6F8FF	*/
}
body {
	margin:0 auto;
	text-align:center;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.6em;
/*	height:100%;	@@@Del*/
	/* \*/
/*@@@
	overflow: hidden;
	/* */

}
#header{
	width:100%;
	height:81px;
	padding:0;
	position:fixed; 
    top:0; 
	left:0;
	right:0;
}
#footer{
	width:100%;
	padding:0;
	height: 25px;
	position:fixed; 
  bottom:0; 
	left:0;
	right:0;
	}
#wrapper{
	width:820px;	/*@@@ 100% */
/*	height:100%; 	@@@Del	*/
	margin:0 auto;
	padding:0px 0 10px 0;			/*	@@@Chg 81px 0 50px 0	*/
	text-align:center;
	background:url(../img/content_bg.gif) repeat-y center;		/*	@@@Chg	../img/body_bg.gif) no-repeat top	*/
}
* html #wrapper{
	padding:0px 0 50px 0px;			/*	@@@Chg 81px 0 50px 18px	*/
		
}
*:first-child+html #wrapper{
	padding:0 0 50px 0;				/*	@@@Chg 81px 0 50px 1px	*/
	
}
#content{
	width:820px;
	margin:0 auto;
	height:580px;
	overflow-y:auto;
	overflow-x:hidden;
	/*	height:100%;	@@@Del	*/
}
#content_2{
	width:820px;
	margin:0 auto;
	height:706px;
	overflow-y:auto;
	overflow-x:hidden;
	/*	height:100%;	@@@Del	*/
}
#content-inner{
	background:url(../img/content-inner_bg.gif) no-repeat center top;		/*	@@@Chg	url(../img/content-inner_bg.gif) repeat-y center top	*/
	width:820px;
	margin:0 auto;
}
p{
	text-align:left;
}
#goTop {
	float:right;
	position:fixed;
	_position:absolute;
	width: 33px;
	height: 30px;
	bottom: 100px;
	right: 0px;
}

/* ***********************************************************************
	2 : 見出し、テキスト
*********************************************************************** */
h1 ,h1 * {
	line-height: 1;
	letter-spacing: 0;
}
h1 {
	text-indent: -9999px;
	text-decoration: none ! important;
	margin:0;
	padding:0;
}

#TopHTML h1{
	background:url(../img/h1_06.gif) no-repeat;
	width:820px;
	height:38px;
}

#custom h1{
	background:url(../img/h1_01.gif) no-repeat;
	width:820px;
	height:38px;
}
#visit h1{
	background:url(../img/h1_03.gif) no-repeat;
	width:820px;
	height:38px;
}
#product h1{
	background:url(../img/h1_02.gif) no-repeat;
	width:820px;
	height:38px;
	margin-bottom:10px;
}
#modelhouse h1{
	background:url(../img/h1_07.gif) no-repeat;
	width:820px;
	height:38px;
}
#project h1{
	background:url(../img/h1_04.gif) no-repeat;
	width:820px;
	height:38px;	
}
#showcase h1{
	background:url(../img/h1_06.gif) no-repeat;
	width:820px;
	height:38px;
}
#request h1{
	background:url(../img/h1_05.gif) no-repeat;
	width:820px;
	height:38px;
}
#hinoki_request h1{
	background:url(../img/h1_00.gif) no-repeat;
	width:820px;
	height:38px;
}
#application h1{
	background:url(../img/h1_08.gif) no-repeat;
	width:820px;
	height:38px;
}

#Observe h1{
	background:url(../img/h1_06.gif) no-repeat;
	width:820px;
	height:38px;
}

#conaultation h1{
	background:url(../img/h1_madorisoudan.gif) no-repeat;
	width:820px;
	height:38px;

}

#custom h2,#custom h2 * {

	margin:0;
	padding:0;
}
#custom #left h2,#custom #right h2{
	width:375px;
	height:20px;
	clear:both;
}
#custom h2#concept{ background:url(../img/h2-concept.gif) no-repeat; }
#custom h2#base{ background:url(../img/h2-base.gif) no-repeat; }
#custom h2#koutei{ background:url(../img/h2-kouteimov.gif) no-repeat; }
#custom h2#speciality{ background:url(../img/h2-speciality.gif) no-repeat; }
#custom h2#structure{ background:url(../img/h2-structure.gif) no-repeat; }
#custom h2#earthquake{ background:url(../img/h2-earthquake.gif) no-repeat; }
#custom h2#precut{ background:url(../img/h2-precut.gif) no-repeat; }
#custom h2#takumi{
	background:url(../img/h2-takumi.gif) no-repeat;
	width:760px;
	height:20px;
}

#custom p.small{
	font-size:10px;
	line-height:1.2em;
	padding:0;
	margin:0;
}

.inimg{
	display:block;
	margin:0;
}

.syokuninmov{
	width:375px;
	height:100px;
}

#custom p .imgbox{
	width:160px;
	height:380px;
	float:right;
	margin-left:3px;
}
#custom p .imgboxunder{
	width:375px;
	margin:0;
}

#custom p .imgboxunder img{
	float:left;
	margin:0 2px 5px 2px;
	display:block;
}


*:first-child+html #custom p .imgbox{
	margin-right:5px;
}


#custom a.movlink{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/movie_btn.gif);
	width:160px;
	height:22px;
	display:block;
}

#custom a:hover.movlink{
	background:url(../img/movie_btn_on.gif);
}

#custom a.movlink_s{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/movie_btns.gif);
	width:113px;
	height:22px;
	display:block;
}

#custom a:hover.movlink_s{
	background:url(../img/movie_btns_on.gif);
}

#custom a.movlink2{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/btn_taishin.gif);
	width:200px;
	height:22px;
	display:block;
	float:left;
}

#custom a:hover.movlink2{
	background:url(../img/btn_taishin_on.gif);
}

#custom a.movlink3{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/btn_precut.gif);
	width:200px;
	height:22px;
	display:block;
	float:left;
}

#custom a:hover.movlink3{
	background:url(../img/btn_precut_on.gif);
}



#visit h2.lead{
	background:url(../img/h2-visit.gif) no-repeat;
	width:760px;
	height:26px;
	text-indent: -9999px;
	text-decoration: none ! important;
	margin:5px auto 0 auto;
	padding:0;
	display:block;
}
#visit .box h2{
	border-bottom:#979797 3px solid;
	width:410px;
	margin:0;
	padding:10px 0 3px 0;
	text-align:left;
	color:#8C8C8C;
	font-size:16px;
}
#visit .box h3{
	font-size:14px;
	color:#515151;
	margin:0;
	padding:2px 0;
	text-align:left;
	color:#8C8C8C;
}

#modelhouse .box h2{
	background:#CCCCCC;
	color:#4E4E4E;
	width:430px;
	float:left;
	text-align:left;
	padding:3px 2px;
	margin:0 0 5px 0;
	font-size:14px;
}

#modelhouse .box p{
	width:430px;
	text-align:left;
	float:left;
}



#custom p{
	margin:5px 0 15px 0;
	padding:0;
	color:#666666;
}

#custom p.fixtxt{
	margin:5px 0 15px 0;
	padding:0;
	color:#666666;
	display:block;
	height:200px;
}

#custom p.fixtxt2{
	margin:5px 0 15px 0;
	padding:0;
	color:#666666;
	display:block;
	height:520px;
}

#visit p{
	margin:5px 0;
	
}

#custom p strong{
	color:#333333;
	color:#666666;
}

#custom p img{
	float:right;
	padding-bottom:6px;
}

* html #custom p img{
	padding-left:3px;
	padding-bottom:3px;
}


#showcase h2{
	font-size: 14px;
	line-height: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1670d9;
	text-align: left;
	width:760px;
	margin: auto;
	padding: 5px;
}
#showcase .listtxt h2{
	width:580px;
	margin:0px 0px 5px 10px;
}
#showcase .listtxt2 h2{
	width:370px;
	margin:0px 0px 5px 0px;
}
#showcase .listtxt h2 img{
	vertical-align: -30%;
	margin-right:5px;
}
#showcase .listtxt h2 a{
	color:#FFFFFF;
	text-decoration:none;
}
#showcase .listtxt h2 a:hover{
	text-decoration:underline;
}
#showcase .listtxt2 h2 a{
	color:#FFFFFF;
	text-decoration:none;
}
#showcase .listtxt2 h2 a:hover{
	text-decoration:underline;
}
#showcase #h2Txt{
	font-size: 14px;
	line-height: 100%;
	font-weight: bold;
	color: #1670d9;
	text-align: left;
	width:760px;
	margin: auto;
	padding: 5px 0px;
	border-bottom: 1px solid #1670d9;
	height:56px;
}
/* ***********************************************************************
	3 : box
*********************************************************************** */

#custom #left{
	width:375px;
	float:left;
	margin:20px auto auto 30px;
	display: inline;
}

#custom #right{
	width:375px;
	float:right;
	margin:20px 30px auto auto;
	display: inline;
}

#custom #right dl{
	width:375px;
	margin:5px 0 5px 0;
	display:block;
	clear:both;
	
	height:123px;
}

#custom #right dl dt{
	width:160px;
	padding:0;
	float:right;
	height:22px;
	display:block;
	margin-bottom:15px;
}

#custom #right dl dd.btn{
	float:left;
	height:22px;
}

#custom #right dl dd{
	margin:0 5px 0 0;
	float:left;
	width:200px;
	display:block;
	text-align:left;
	padding-left:5px;
}

#custom #right dl dd p{
	margin:0;
}

#custom #full{
	width:760px;
	margin:20px auto auto 30px;
	float:left;
	display: inline;
}


#visit .box{
	width:760px;
	margin:15px auto 0 auto;
}

#modelhouse .box{
	width:760px;
	margin:15px auto 0 auto;
	padding-bottom:15px;
	border-bottom:solid 1px #7FC7F8;
}
#showcase .box{
	width:760px;
	margin:15px auto 0 auto;
	padding-bottom:15px;
	border-bottom:solid 1px #7FC7F8;
}

#visit .box .movie{
	float:left;
}
#visit .box .right{
	float:right;
	width:410px;
	height:215px;
}
.right span{
color:#990000;
}
#visit .box .photo{
	float:right;
	width:410px;
	height:70px;

}

#visit .box .photo img{
	float:left;
	margin:2px 2px 0 0;
	
}


#request form{
	margin:5px auto;
	width:600px;
	text-align:center;
	clear:both;
	
}

#request form table{
	display:block;
	margin:5px auto;
}

#request form table td{
	font-size:11px;
}

#request form table th{
	background:#EAF8FF;
	
	text-align:left;
	color:#666666;
}


table.kakunin{
	display:block;
	margin:5px auto;
}

table.kakunin td{
	font-size:11px;
	padding:5px;
	
}

table.kakunin td.left{
	background:#77ADE9;
	
}

table.kakunin td.right{
	background:#DFF5FF;
	
}



#modelhouse .box .mainphoto{
	float:right;
	width:320px;
	height:300px;
}

#modelhouse .box .mainphoto p{
	width:300px;
}



#modelhouse .box .photo{
	float:left;
	width:430px;

}

#modelhouse .box .mapmov{
	float:left;
	width:430px;
	height:22px;
	margin:8px 0;
}

#modelhouse .box .photo img,
#modelhouse .box .mapmov img{
	float:left;
	margin:2px 2px 0 0;
}

#modelhouse p.toplink{
	width:760px;
	display:block;
	text-align:right;
	margin:2px auto;

}

#custom p .sekoumovbox{
	width:375px;
	height:105px;
	clear:both;
}

#custom p .sekoumovbox img{
	float:left;
	margin-top:5px;
	margin-left:10px;
}

/*0710追加モデルハウスメニュー*/
#mhlink{
	width:760px;
	height:60px;
	margin:10px auto 5px auto;
	display:block;
}

#mhlink a{
	width:120px;
	float:left;
	margin:0;
	color:#79C8F9;
	text-decoration:underline;
	text-align:left;
}
#modelhouse p.toplink a{
	width:120px;
	margin:0;
	color:#79C8F9;
	text-decoration:underline;
}


#modelhouse p.toplink a:hover,
#mhlink a:hover{
	text-decoration:none;
}

/* 注文住宅事例（showcase.html）用スタイル */
#sclink{
	width:760px;
	margin:10px auto 5px auto;
	display:block;
}

#sclink a{
	width:120px;
	float:left;
	margin:0;
	color:#79C8F9;
	text-decoration:underline;
	text-align:left;
}
#showcase p.toplink a{
	width:120px;
	margin:0;
	color:#79C8F9;
	text-decoration:underline;
}
#backShowcase {
	width:760px;
	display:block;
	text-align: right;
	margin: 10px auto 5px;
}
#showcase .box{
	width:760px;
	padding-top:15px;
	clear: both;
	margin: 15px auto 0;
}
#showcase .box .mainphoto{
	width:306px;
	margin-right:20px;
	float: left;
}
#showcase .box .mainphoto table{
	border-collapse: collapse;
	width: 306px;
	margin-top:10px;
}
#showcase .box .mainphoto td.left{
	font-size: 12px;
	color: #666666;
	text-align: left;
	white-space: nowrap;
	padding-right: 10px;
	border-right: 1px solid #b2b2b2;
}
#showcase .box .mainphoto td.center{
	font-size: 12px;
	color: #d70000;
	text-align: left;
	white-space: nowrap;
	padding-left: 10px;
}
#showcase .box .mainphoto td.right{
	font-size: 12px;
	color: #d70000;
	text-align: right;
	white-space: nowrap;
}
#showcase .box .mainphoto p{
	font-size: 10px;
	line-height: 100%;
	color: #FFFFFF;
	background-color: #777777;
	width:306px;
	margin-top: 10px;
	padding:3px;
}
#showcase .box .cont{
	float:left;
}
#showcase .box .cont h3{
	background:#CCCCCC;
	color:#4E4E4E;
	width:434px;
	text-align:left;
	font-size:14px;
}
#showcase .box .cont td{
	font-size: 12px;
}
#showcase .box .photo{
	float:left;
	width:430px;
}
#showcase .box .mapmov{
	float:left;
	width:430px;
	height:22px;
	margin:8px 0;
}
#showcase p.toplink{
	width:760px;
	display:block;
	text-align:right;
	margin:2px auto;
	clear:both;
}
#showcase .listphoto{
	width:160px;
	float:left;
}
#showcase .listtxt{
	width:600px;
	float:left;
}
#showcase .listtxt2{
	width:375px;
	float:left;
}
#showcase .price{
	width:150px;
	float:right;
	margin-top: 10px;
}
#showcase .listtxt p{
	margin:0 10px;
}
#showcase .listtxt .linkBtn{
	margin-top: 30px;
}
#showcase .listtxt .linkBtn2{
	float: left;
	padding-left:15px;
	margin: 30px 0px 0px 300px;
}
#showcase .listtxt .linkBtn3{
	margin: 30px 0px 0px 0px;
}
#showcase .listtxt2 .linkBtn{
	float: right;
}
#showcase .listtxt p.area1{
	font-size: 10px;
	font-weight: bold;
	width:160px;
	float:left;
}
#showcase .listtxt p.area{
	font-size: 10px;
	font-weight: bold;
	width:280px;
	float:left;
}
#showcase .listtxt p.catch{
	color: #1670D9;
	font-size: 14px;
	font-weight: bold;
}
#showcase .listtxt2 p.catch{
	color: #1670D9;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}


/* ***********************************************************************
	地図
*********************************************************************** */


/* ***********************************************************************
	hack
*********************************************************************** */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#content-inner:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#content-inner { display:inline-table; }

/* Mac IE には適用させない \*/
* html #content-inner { height:1px; }
#content-inner { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#wrapper:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#wrapper { display:inline-table; }

/* Mac IE には適用させない \*/
* html #wrapper { height:1px; }
#wrapper { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.box:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.box { display:inline-table; }

/* Mac IE には適用させない \*/
* html .box { height:1px; }
.box { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
.text01 {
	width: 550px;
	font-size: 85%;
	color: #333333;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}