@charset "utf-8";

html { overflow-y:scroll; }

body {
	margin:0;
	padding:0 0 35px 0;
	text-align:center;
	font-size: 75%;
	color:#474747;
	background-color:#ffffff;
}

form,table,th,td,div,p,ul,ol,dl,li,dl,dt,dd {
	border:0px;
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1.70;
	text-align:left;
}

h1,h2,h3,h4,h5 {
	border:0px;
	margin:0px;
	padding:0px;
	font-size:100%;
	text-align:left;
}

body,form,table,th,td,div,p,ul,ol,dl,li,dl,dt,dd,h1,h2,h3,h4,h5 {
		font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,sans-serif;
/*
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,sans-serif;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, "ＭＳ Ｐゴシック", Helvetica, Verdana, sans-serif;
*/
}

ul		{ list-style-type:none; }
img		{ border:0;vertical-align:middle; }
table	{ border-collapse:collapse; }
em		{ font-weight:600; }
sup		{ font-size:0.6em; }
th		{ vertical-align:top;line-height:1.80;font-weight:600; }
td		{ vertical-align:middle;line-height:1.80; }

address,em,th	{ font-style:normal; }
input,select { vertical-align:middle; }

a			{ outline:none; }
a:link		{ color:#4F960D;text-decoration:underline; }
a:visited	{ color:#4F960D;text-decoration:underline; }
a:hover		{ color:#8EC545;text-decoration:none; }

/*---------------------------------------------------------------------------------------------*/

#head {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:25px 0 0 0;
}

	#head h1 {
		position:relative;
		width:100%;
		padding:45px 0 5px 0;
		font-weight:normal;
		font-size:0.85em;
		text-align:right;
		color:#757575;
	}

	#head h1 img {
		position:absolute;
		top:0;
		left:0;
	}

	#head .inqInfoTop {
		position:absolute;
		width:310px;
		height:50px;
		top:28px;
		left:640px;
	}

/*---------------------------------------------------------------------------------------------*/

.goTop {
	clear:both;
	width:100%;
	margin-top:30px;
	text-align:right;
}

	.goTop a {
		padding:0 0 0 27px;
	}

	.goTop a:link		{ color:#8EC545;text-decoration:none;background: transparent url(/cmn/img/pageTopBg.gif) no-repeat 0 50%; }
	.goTop a:visited	{ color:#8EC545;text-decoration:none;background: transparent url(/cmn/img/pageTopBg.gif) no-repeat 0 50%; }
	.goTop a:hover		{ color:#4F960D;text-decoration:none;background: transparent url(/cmn/img/pageTopBgOn.gif) no-repeat 0 50%; }

/*---------------------------------------------------------------------------------------------*/

#foot {
	clear:both;
	width:100%;
	margin-top:30px;
	padding:25px 0 30px 0;
	text-align:center;
	background-color:#F8F5EE;
	border-top:1px solid #F4EEE3;
	border-bottom:1px solid #F4EEE3;
}

	#foot .info {
		position:relative;
		width:960px;
		margin:0 auto;
	}

		#foot em {
			display:block;
			font-size:1.2em;
		}

		#foot .info .bnr {
			position:absolute;
			top:0;
			left:0;
			width:960px;
			text-align:right;
		}

			#foot .info .bnr img {
				margin-left:10px;
			}

	#copyRright {
		padding-top:10px;
		color:#999999;
		font-size:0.9em;
	}

		#copyRright a { cursor:default; }
		#copyRright a:link		{ font-size:0.8em;color:#F8F5EE;text-decoration:none; }
		#copyRright a:visited	{ font-size:0.8em;color:#F8F5EE;text-decoration:none; }
		#copyRright a:hover		{ font-size:0.8em;color:#F8F5EE;text-decoration:none; }

/*---------------------------------------------------------------------------------------------*/

#content {
	width:960px;
	margin:30px auto 0 auto;
}

/*---------------------------------------------------------------------------------------------*/

#left {
	width:295px;
	float:left;
	padding-bottom:35px;
}

	#menu {
		width:295px;
		padding:1px 0 0 0;
		background: transparent url(/cmn/img/mnBgTop.jpg) no-repeat 0 0;

	}

		#menu dl {
			width:233px;
			margin:0;
			padding:0 0 30px 0;
			background: transparent url(/cmn/img/mnBgBtn.jpg) no-repeat 0 100%;
		}

			#menu dl dt a {
				display:block;
				width:190px;
				height:54px;
				line-height:54px;
				padding:0 0 0 43px;
				font-size:1.2em;
				overflow:hidden;
			}

				#menu dl dt a:link		{ color:#8AC43C;text-decoration:none;background: transparent url(/cmn/img/mnBtnBg.jpg) no-repeat 0 100%; }
				#menu dl dt a:visited	{ color:#8AC43C;text-decoration:none;background: transparent url(/cmn/img/mnBtnBg.jpg) no-repeat 0 100%; }
				#menu dl dt a:hover		{ color:#4F960D;text-decoration:none;background: transparent url(/cmn/img/mnBtnBgOver.jpg) no-repeat 0 100%; }

			#menu dl dd a {
				display:block;
				width:177px;
				height:20px;
				line-height:20px;
				padding:5px 0 5px 43px;
			}

				#menu dl dd a:link		{ color:#999999;text-decoration:none;background: transparent url(/cmn/img/mnDdBg.jpg) no-repeat 0 100%; }
				#menu dl dd a:visited	{ color:#999999;text-decoration:none;background: transparent url(/cmn/img/mnDdBg.jpg) no-repeat 0 100%; }
				#menu dl dd a:hover		{ color:#4F960D;text-decoration:none;background: transparent url(/cmn/img/mnDdBgOver.jpg) no-repeat 0 100%; }

			/*-- サブページは、カテゴリ内でのみ表示 --*/
			#menu dl dd { display:none; }

			/*-- simple_smartカテゴリ --*/
			#simple_smart #menu dl dd.ssPg { display:block; }
			#simple_smart #menu dl dt#ss a:link		 { background: transparent url(/cmn/img/mnBtnBgOn.jpg) no-repeat 0 100%; }
			#simple_smart #menu dl dt#ss a:visited	 { background: transparent url(/cmn/img/mnBtnBgOn.jpg) no-repeat 0 100%; }
			#simple_smart #menu dl dt#ss a:hover	 { background: transparent url(/cmn/img/mnBtnBgOnOver.jpg) no-repeat 0 100%; }

			/*-- newly_builtカテゴリ --*/
			#newly_built #menu dl dd.nbPg { display:block; }
			#newly_built #menu dl dt#nb a:link		 { background: transparent url(/cmn/img/mnBtnBgOn.jpg) no-repeat 0 100%; }
			#newly_built #menu dl dt#nb a:visited	 { background: transparent url(/cmn/img/mnBtnBgOn.jpg) no-repeat 0 100%; }
			#newly_built #menu dl dt#nb a:hover	 { background: transparent url(/cmn/img/mnBtnBgOnOver.jpg) no-repeat 0 100%; }

			/*-- renovationカテゴリ --*/
			#renovation #menu dl dd.rePg { display:block; }
			#renovation #menu dl dt#re a:link	 { background: transparent url(/cmn/img/mnBtnBgOn.jpg) no-repeat 0 100%; }
			#renovation #menu dl dt#re a:visited { background: transparent url(/cmn/img/mnBtnBgOn.jpg) no-repeat 0 100%; }
			#renovation #menu dl dt#re a:hover	 { background: transparent url(/cmn/img/mnBtnBgOnOver.jpg) no-repeat 0 100%; }

	#left .info {
		width:220px;
		margin-top:17px;
		font-size:0.9em;
		line-height:1.4em;
	}

	#left .info img {
		padding-bottom:7px;
	}

	#left .btmDot {
		padding-bottom:18px;
		background: transparent url(/cmn/img/dotLine.gif) no-repeat 0 100%;
	}

	#left .bnr {
		margin-top:8px;
		padding-top:50px;
		font-size:0.9em;
		background: transparent url(/cmn/img/dotLine.gif) no-repeat 0 0;
	}

		#left .bnr img {
			margin-top:10px;
		}

		#left .bnr a:link		{ color:#474747;text-decoration:none; }
		#left .bnr a:visited	{ color:#474747;text-decoration:none; }
		#left .bnr a:hover		{ color:#999999;text-decoration:none; }

/*---------------------------------------------------------------------------------------------*/

#main {
	width:660px;
	float:right;
}

	#pan {
		width:658px;
		border:1px solid #E6E6E6;
		font-size:0.9em;
		color:#ffffff;
	}

		#pan dt {
			float:left;
			width:116px;
			padding:1px 0 0 0;
			text-align:center;
			color:#ffffff;
			background-color:#ABD221;
		}

		#pan dd {
			float:left;
			width:520px;
			padding:1px 7px 0 15px;
			color:#999999;
			font-size:0.9em;
		}

			#pan dd  a:link		{ color:#999999;text-decoration:underline; }
			#pan dd  a:visited	{ color:#999999;text-decoration:underline; }
			#pan dd  a:hover	{ color:#999999;text-decoration:none; }

			#pan dd em {
				font-weight:normal;
				color:#000000;
			}

	/*--------------------------------*/

	.worksPg #main p { padding-bottom:20px; }

	/*--------------------------------*/

	#dispBox {
		width:960px;
		height:150px;
		margin:0 auto;
	}

	.worksPg #dispBox {
		width:660px;
		height:375px;
		margin:5px 0 0 0;
		overflow:hidden;
	}

	#ctrlBox {
		display:none;
	}

	/*--------------------------------*/

	#visual h2 {
		position:relative;
		width:960px;
		height:150px;
		margin:0 auto;
		font-weight:600;
		color:#ffffff;
text-shadow: 1px 1px 7px #000;
filter:Shadow(Color=#000000, Strength=10, Direction=135);
	}

			#visual h2 em.ttl {
				display:block;
				position:absolute;
				top:50px;
				left:30px;
				width:900px;
				z-index:2;
				text-align:right;
				font-size:2.6em;
				font-weight:normal;
			}

			#visual h2 em.msg {
				display:block;
				position:absolute;
				top:95px;
				left:30px;
				width:900px;
				z-index:2;
				text-align:right;
				font-size:1.2em;
			}

		#visual h2 img {
			position:absolute;
			top:0;
			left:0;
			z-index:1;
		}

	/*--------------------------------*/

	#main h3 {
		clear:both;
		margin:30px 0 0 0;
		padding:3px 15px;
		font-weight:600;
		background-color:#F2F2F2;
	}

	.worksPg #main h3 {
		position:relative;
		margin:26px 0 0 0;
		padding:0;
		font-weight:normal;
		background-color:#ffffff;
		color:#666666;
	}

		.worksPg #main h3 .mark {
			position:relative;
			top:-10px;
			font-size:1.2em;
		}

		.worksPg #main h3 .name {
			margin-left:8px;
			font-size:2.6em;
			line-height:1.3em;
			font-weight:normal;
			color:#000000;
		}

	/*--------------------------------*/

	.worksPg #main h4 {
		font-size:1.8em;
		color:#000000;
		font-weight:normal;
		padding-top:25px;
	}

	/*--------------------------------*/

	#main .topDot {
		padding-top:22px;
		background: transparent url(/cmn/img/dotLine.gif) repeat-x 0 100%;
	}

	#main .btmDot {
		padding-bottom:22px;
		background: transparent url(/cmn/img/dotLine.gif) repeat-x 0 100%;
	}

	/*----------- 施工事例 -----------*/

		a.goWorks {
			margin-top:20px;
			clear:both;
			display:block;
			position:relative;
			width:660px;
			height:100px;
			color:#fff;
text-shadow: 1px 1px 7px #000;
filter: DropShadow(Color=#999999, OffX=2, OffY=2, Positive=true);
		}

		a.goWorks:link		{ text-decoration:none; }
		a.goWorks:visited	{ text-decoration:none; }
		a.goWorks:hover		{ text-decoration:none; }

				.goWorks .type {
					display:block;
					position:absolute;
					top:17px;
					left:30px;
					width:600px;
					z-index:2;
					text-align:right;
				}

				.goWorks .work {
					display:block;
					position:absolute;
					top:35px;
					left:30px;
					width:600px;
					z-index:2;
					text-align:right;
				}

					.goWorks .work .mark1 {
						position:absolute;
						top:-22px;
						left:200px;
						font-size:4.0em;
						color:#fff;
					}

					.goWorks .work .mark1_s {
						position:absolute;
						top:-22px;
						left:120px;
						font-size:4.0em;
						color:#fff;
					}

					.goWorks .work .mark2 {
						position:relative;
						top:-10px;
						left:-12px;
						font-size:1.5em;
						color:#fff;
					}

					.goWorks .work .name {
						position:relative;
						top:0px;
						left:0px;
						font-size:3.0em;
						font-weight:normal;
						color:#fff;
					}

			a.goWorks img {
				position:absolute;
				top:0;
				left:0;
				z-index:1;
			}

			a.goWorks:hover img {
				filter: alpha(opacity=70);
				-ms-filter: alpha(opacity=70);
				opacity: 0.7;
			}

	/*----------- 施工写真 -----------*/

	.worksBox {
		clear:both;
		width:660px;
		margin-top:20px;
	}

		.worksBox .info1 {
			position:relative;
			float:left;
			width:220px;
			padding-top:50px;
			font-size:1.2em;
			color:#999999;
		}

			.worksBox .info1 .type {
				position:absolute;
				top:54px;
				left:61px;
				font-weight:normal;
				font-size:1.8em;
				line-height:1.1em;
				color:#000000;
			}

			.worksBox .info1 dl.name {
				position:absolute;
				top:100px;
				left:0px;
				width:220px;
			}

				.worksBox .info1 dl.name dt {
					float:left;
					width:60px;
					font-size:0.8em;
					padding:7px 0;
					color:#474747;
					line-height:1.3em;
				}

				.worksBox .info1 dl.name dd {
					float:left;
					width:160px;
					font-size:0.8em;
					padding:7px 0;
					color:#474747;
					line-height:1.3em;
				}

			.worksBox .info1 .cmt {
				position:absolute;
				top:190px;
				left:0px;
				width:220px;
				font-size:0.8em;
				color:#474747;
			}


		.worksBox img.pht {
			display:block;
			float:right;
			width:400px;
		}

		.worksBox img.pht2_1 {
			display:block;
			float:left;
			width:320px;
			padding:20px 20px 0 0;
		}

		.worksBox img.pht2_2 {
			display:block;
			float:left;
			width:320px;
			padding:20px 0 0 0;
		}

		.worksBox .info2 {
			clear:boht;
			position:relative;
			width:660px;
			padding-bottom:10px;
			font-size:1.2em;
			color:#999999;
		}

			.worksBox .info2 .type {
				position:relative;
				top:8px;
				left:14px;
				font-weight:normal;
				font-size:1.8em;
				line-height:1.1em;
				color:#000000;
			}

			.worksBox .info2 dl.name {
				position:absolute;
				top:-3px;
				left:440px;
				width:220px;
			}

				.worksBox .info2 dl.name dt {
					float:left;
					width:60px;
					font-size:0.8em;
					padding:4px 0;
					color:#474747;
					line-height:1.3em;
				}

				.worksBox .info2 dl.name dd {
					float:left;
					width:160px;
					font-size:0.8em;
					padding:4px 0;
					color:#474747;
					line-height:1.3em;
				}

			.worksBox .info2 .cmt {
				padding-top:35px;
				width:220px;
				color:#474747;
			}

	/*--------------------------------*/

	.photoBox {
		width:660px;
		padding:10px 0 0 0;
	}

		.photoBox .left {
			float:left;
			width:320px;
		}

		.photoBox .right {
			float:right;
			width:320px;
		}

		.photoBox p {
			clear:both;
			padding-top:12px;
		}

	/*------------ データ ------------*/

	table.houseData {
		width:660px;
		margin-bottom:25px;
	}

		table.houseData th { padding:2px 10px;vertical-align:middle; }
		table.houseData td { padding:2px 0;vertical-align:middle; }
                             
		table.houseData .glay th,
		table.houseData .glay td {
			background-color:#f5f5f5;
		}

	/*------------- 図面 -------------*/

	.drawing1 {
		width:660px;
		font-size:0.9em;
	}

		.drawing1 .before {
			float:left;
			width:300px;
		}

		.drawing1 .arw {
			float:left;
			width:56px;
			font-size:3.0em;
			font-weight:bold;
			text-align:center;
		}

		.drawing1 .after {
			float:left;
			width:300px;
		}

		.drawing1 .before img,
		.drawing1 .after img {
			border:1px solid #E0E0E0;
		}

		.drawing1 h5 {
			display:inline;
			margin-right:15px;
			font-size:1.5em;
			font-weight:normal;
		}

	.drawing2 {
		width:660px;
		font-size:0.9em;
	}

		.drawing2 img {
			border:1px solid #E0E0E0;
		}

	/*------------- Photo Gallery1 -------------*/

	.gallery1 {
		width:660px;
		height:505px;
		margin-top:10px;
		font-size:0.9em;
	}

	.gallery2 {
		width:660px;
		height:505px;
		margin-top:10px;
		font-size:0.9em;
	}


/*---------------------------------------------------------------------------------------------*/

.sptop5 { margin-top:5px; }
.sptop10 { margin-top:10px; }
.sptop15 { margin-top:15px; }
.sptop20 { margin-top:20px; }
.sptop25 { margin-top:25px; }
.sptop35 { margin-top:35px; }

.spR15	{ margin-right:15px; }

.w150 { width:150px; }
.w200 { width:200px; }
.w290 { width:290px; }


/*----------- clearFix -----------*/

#head:after,
#content:after,
#main:after,
#main .worksBox:after,
#main .worksBox dl.name:after,
#main .worksBox .info2:after,
#main .drawing1:after,
#main .photoBox:after,
#pan:after,
#foot:after {
   content:'';
   display:block;
   clear:both;
}