#ttl {
	position: relative;
	background-image: url('../image/constructions/ttl.gif');
	height: 23px;
	width: 725px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-repeat: no-repeat;
}

#subTtl {
	position: absolute;
	top: 12px;
	right: 0px;
	width: 242px;
	height: 31px;
	}

#captionForTtl {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #333333;
	height: 12px;
	width: 717px;
	padding-left: 4px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #666666;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
*html #captionForTtl {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #333333;
	height: 12px;
	width: 629px;
	padding-left: 4px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #666666;
	margin-top: 4px;
	margin-bottom: 8px;
	padding-bottom: 0px;
}

#ctl_area {
	float: left;
	margin-right: 4px;
	font-size: 12px;
}
#ctl_kind {
	float: left;
	margin-right: 4px;
	font-size: 12px;
}
#ctl_price {
	float: left;
	margin-right: 4px;
	font-size: 12px;
}
#ctl_submit {
	float: left;
}
#sideNavi .currency {
	color: #FFFFFF;
	background-color: #666666;
}

#sideNavi .currency a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#dataTable .data {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 16px;
	padding-left: 16px;
}
#dataTable {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: left;
}
#dataTable .data1 {
	font-size: 12px;
	color: #333333;
	background-color: #f8f8f8;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 8px;
	padding-left: 8px;
}
#dataTable .data2 {
	font-size: 12px;
	color: #333333;
	background-color: #dddddd;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 8px;
	padding-left: 8px;
}
#seeker {
	width: 629px;
}
#classChange {
	margin-left: 103px;
}
#controls {
	width: 629px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#pagenation {
	width: 629px;
	margin-top: 16px;
	margin-bottom: 4px;
}
#resultRows {
	font-size: 12px;
	float: left;
}
#prevNext {
	font-size: 12px;
	color: #999999;
	float: right;
}
#noRow {
	font-family: "ヒラギノ角ゴ";
	font-size: 12px;
	font-weight: bold;
	color: #009900;
	text-align: center;
	width: 623px;
	margin-top: 1px;
	padding-top: 32px;
	padding-bottom: 32px;
	border: 1px solid #999999;
	margin-left: 2px;
}

#capForSearcher {
	font-family: "ヒラギノ角ゴ";
	font-weight: bold;
	font-size: 12px;
	color: #444444;
	zzztext-align: center;
	width: 80px;
	height: 30px;
	margin-top: 1px;
	margin-left: 2px;
	float: left;
}

#capForSearcher_cont {
	font-family: "ヒラギノ角ゴ";
	font-size: 12px;
	color: #444444;
	zzztext-align: center;
	width: 543px;
	margin-top: 1px;
	float: left;
}


#prevNextBelow {
	font-size: 12px;
	color: #999999;
	float: right;
	margin-bottom: 32px;
}
.callDetailer {
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline;
	width: 75px;
}
#container_downcast {
	height: 250px;
	width: 430px;
	margin-top: 16px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-bottom: 32px;
}
#contaner_areaList {
	margin-top: 16px;
	height: 250px;
	float: left;
	margin-left: 8px;
	width: 150px;
}
#caption_areaList {
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	color: #666666;
	text-align: center;
	padding: 6px;
	height: 189x;
	width: 150px;
}
#areaList {
	font-size: 12px;
	line-height: 1.3em;
	color: #666666;			
	overflow: auto;
	height: 221px;
	width: 150px;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#side_match {
	margin-top: 4px;
	margin-bottom: 4px;
	clear: left;
	padding-top: 4px;
	font-size: 10px;
	line-height: 1.5em;
	}

*html #side_match {
	margin-top: 4px;
	margin-bottom: 4px;
	clear: left;
	padding-top: 0px;
	}

#side_match img {
	border: 0px;
	}


/*共通フッタナビ*/

#navi_foot {
	clear: left;
	color: #666666;
	width: 838px;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-top: 0px;
}

*html #navi_foot {
	clear: left;
	width: 838px;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-top: 0px;
	}

#navi_foot a {
	font-size: 12px;
	text-decoration: none;
	}

#navi_foot a:hover {
	text-decoration: underline;
}



#side_require {
	margin-top: 4px;
	margin-left: 1px;
	}

#side_require img {
	border: 0px;
	}


#constructions {
	zzzposition: relative;
	}


/* 施工例一覧設定　ここから */

/*
http://suzumoto.net/constructions/index.rexにおいて奇数番目のブロックには、
IE6ハックの記述が必要です。
また、第一ブロックを除く奇数番目のブロックにおいては、clear:left;の記述が必要です。
詳細は以下の記述を参照してください。
*/

#const_example01 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	float: left;
	}

#const_example02 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	float: left;
	}

#const_example03 {/* 一覧No.3 IE6ハック */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	clear: left;
	float: left;
	}

*html #const_example03 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 8px;
	margin-top: 17px;
	clear: left;
	float: left;
	}

#const_example04 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	float: left;
	}

#const_example05 {/* 一覧No.5 IE6ハック */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	clear: left;
	float: left;
	}

*html #const_example05 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 8px;
	margin-top: 17px;
	clear: left;
	float: left;
	}

#const_example06 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	float: left;
	}

#const_example07 {/* 一覧No.7 */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	float: left;
	}

*html #const_example07 {/* 一覧No.7 IE6ハック */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 8px;
	margin-top: 17px;
	clear: left;/* 第一ブロックを除く奇数番目のブロックに記述 */
	float: left;
	}

#const_example08 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	zzzclear: left;
	float: left;
	}

#const_example09 {/* 一覧No.9 */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	clear: left;/* 第一ブロックを除く奇数番目のブロックに記述 */
	float: left;
	}

*html #const_example09 {/* 一覧No.9 IE6ハック */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 8px;
	margin-top: 17px;
	clear: left;/* 第一ブロックを除く奇数番目のブロックに記述 */
	float: left;
	}

#const_example10 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	float: left;
	}

#const_example11 {/* 一覧No.11 */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	clear: left;/* 第一ブロックを除く奇数番目のブロックに記述 */
	float: left;
	}

*html #const_example11 {/* 一覧No.11 IE6ハック */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 8px;
	margin-top: 17px;
	clear: left;/* 第一ブロックを除く奇数番目のブロックに記述 */
	float: left;
	}

#const_example12 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	float: left;
	}

#const_example13 {/* 一覧No.13 */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	clear: left;/* 第一ブロックを除く奇数番目のブロックに記述 */
	float: left;
	}

*html #const_example13 {/* 一覧No.13 IE6ハック */
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 8px;
	margin-top: 17px;
	clear: left;/* 第一ブロックを除く奇数番目のブロックに記述 */
	float: left;
	}

#const_example14 {
	background-image: url('../image/constructions/sumb_bgcommon.gif');
	position: relative;
	width: 337px;
	height: 106px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	zzztext-align: center;
	margin-left: 17px;
	margin-top: 17px;
	float: left;
	}




#sumb {
	position: absolute;
	height: 90px;
	width: 120px;
	top: 6px;
	left: 6px;
	padding: 1px;
	border: 1px solid #dddddd;
	}

#sumb img {
	border: 0px;
	}

#caption {
	position: absolute;
	zzzheight: 90px;
	width: 200px;
	top: 35px;
	left: 136px;
	line-height: 1.3em;
	}

#sumbName {
	position: absolute;
	top: 12px;
	left: 135px;
	font-size: 16px;
	font-weight: bolder;
	}

#constructions a {
	text-decoration: none;
	color: #82A8FF;
	}

#constructions a:visited {
	text-decoration: none;
	color: #82A8FF;
	}

#constructions a:hover {
	text-decoration: underline;
	color: #ff9966;
	}
/* 施工例一覧設定　ここまで */




/* 自社物件詳細 */
#detail_container {
	width: 709px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}

#detail_tab {
	margin-top: 17px;
	height: 19px;
	}

#detail_content {
	position: relative;
	width: 709px;
	height: 550px;
	background-color: #50464b;
	}

#detail_content_h620 {
	position: relative;
	width: 709px;
	height: 620px;
	background-color: #50464b;
	}

#detail_content_h800 {
	position: relative;
	width: 709px;
	height: 800px;
	background-color: #50464b;
	}

#detail_content08 {
	position: relative;
	width: 709px;
	height: 1590px;
	background-color: #50464b;
	}

#detail_content09 {
	position: relative;
	width: 709px;
	height: 1190px;
	background-color: #50464b;
	}

#detail_content_ns {
	position: relative;
	width: 709px;
	height: 400px;
	background-color: #50464b;
	}


#detail_bell {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 171px;
	height: 104px;
	zzzz-index: -999;
	}

#detail_img_main {
	position: absolute;
	width: 300px;
	height: 225px;
	padding: 1px;
	border: 1px solid #dddddd;
	top: 16px;
	left: 16px;
	}

#detail_img_main300 {
	position: absolute;
	width: 300px;
	height: 300px;
	padding: 1px;
	border: 1px solid #dddddd;
	top: 16px;
	left: 16px;
	}

#detail_staff {
	background-image: url('../image/constructions/detail_staff.gif');
	position: absolute;
	top: 257px;
	left: 16px;
	width: 300px;
	height: 245px;
	}

#detail_staff_ns {
	background-image: url('../image/constructions/detail_staff.gif');
	position: absolute;
	top: 0px;
	left: 332px;
	width: 300px;
	height: 245px;
	}


#detail_comment {
	position: absolute;
	top: 89px;
	left: 7px;
	width: 263px;
	height: 134px;
	padding: 8px;
	font-size: 14px;
	color: #333333;
	line-height: 1.8em;
	}

#detail_img_sub {
	position: absolute;
	zzztop: 263px;
	top: 16px;
	left: 332px;
	zzzwidth: 300px;
	height: auto;
	zzzpadding: 8px;
	}

#cap_sub {
	width: 176px;
	background-color: #32292D;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	}

#backward {
	position: absolute;
	bottom: 8px;
	right: 8px;
	}


#const_example_detail_01 {
	padding-right: 4px;
	padding-bottom: 2px;
	float: left;
	}
#const_example_detail_02 {
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_03 {
	clear: left;
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_04 {
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_05 {
	clear: left;
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}

#const_example_detail_06 {
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_07 {
	clear: left;
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_08 {
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_09 {
	clear: left;
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_10 {
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_11 {
	clear: left;
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_12 {
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_13 {
	clear: left;
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}
#const_example_detail_14 {
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}

*html #const_example_detail_dm {
	width: 180px;
	height: 162px;
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}

*html #const_example_detail_dm01 {
	width: 180px;
	height: 105px;
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
	}

