@charset "shift_jis";
/*------------------------------------------------------------------------------------------
	アースコンサル2内観・外観ページCSSハッキング
------------------------------------------------------------------------------------------*/
/*メインコンテンツ
----------------------------------------------------------------*/
#main {
    margin: 0 auto;
    clear: both;
}
/*イメージギャラリー
----------------------------------------------------------------*/
#navi {
	width: 144px;
	float: left;
	overflow: hidden;
	background-position: 0 0;
}
#navi .pageWrap {
	width: 144px;
	height: 449px;
}
#navi .pageWrap .page {
	width: 144px;
	text-align: center;
}
#navi .pageWrap .page a {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#navi .pageWrap .page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#navi .pageWrap .page td {
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#navi2 {
	width: 144px;
	float: left;
	overflow: hidden;
	background-position: 0 0;
}
#navi2 .pageWrap {
	width: 144px;
	height: 449px;
}
#navi2 .pageWrap .page {
	width: 144px;
	text-align: center;
}
#navi2 .pageWrap .page a {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#navi2 .pageWrap .page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#navi2 .pageWrap .page td {
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#navi3 {
	width: 144px;
	float: left;
	overflow: hidden;
	background-position: 0 0;
}
#navi3 .pageWrap {
	width: 144px;
	height: 449px;
}
#navi3 .pageWrap .page {
	width: 144px;
	text-align: center;
}
#navi3 .pageWrap .page a {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#navi3 .pageWrap .page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#navi3 .pageWrap .page td {
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#navi4 {
	width: 144px;
	float: left;
	overflow: hidden;
	background-position: 0 0;
}
#navi4 .pageWrap {
	width: 144px;
	height: 449px;
}
#navi4 .pageWrap .page {
	width: 144px;
	text-align: center;
}
#navi4 .pageWrap .page a {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#navi4 .pageWrap .page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#navi4 .pageWrap .page td {
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#navi5 {
	width: 144px;
	float: left;
	overflow: hidden;
	background-position: 0 0;
}
#navi5 .pageWrap {
	width: 144px;
	height: 449px;
}
#navi5 .pageWrap .page {
	width: 144px;
	text-align: center;
}
#navi5 .pageWrap .page a {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#navi5 .pageWrap .page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#navi5 .pageWrap .page td {
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#navi6 {
	width: 144px;
	float: left;
	overflow: hidden;
	background-position: 0 0;
}
#navi6 .pageWrap {
	width: 144px;
	height: 449px;
}
#navi6 .pageWrap .page {
	width: 144px;
	text-align: center;
}
#navi6 .pageWrap .page a {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#navi6 .pageWrap .page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#navi6 .pageWrap .page td {
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#navi7 {
	width: 144px;
	float: left;
	overflow: hidden;
	background-position: 0 0;
}
#navi7 .pageWrap {
	width: 144px;
	height: 449px;
}
#navi7 .pageWrap .page {
	width: 144px;
	text-align: center;
}
#navi7 .pageWrap .page a {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#navi7 .pageWrap .page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#navi7 .pageWrap .page td {
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#navi8 {
	width: 144px;
	float: left;
	overflow: hidden;
	background-position: 0 0;
}
#navi8 .pageWrap {
	width: 144px;
	height: 449px;
}
#navi8 .pageWrap .page {
	width: 144px;
	text-align: center;
}
#navi8 .pageWrap .page a {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#navi8 .pageWrap .page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#navi8 .pageWrap .page td {
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
/*大きい画像表示位置
-----------------------------------------------------------------*/
#screen {
	width: 655px;
	height: 449px;
	background-position: left top;
	position: static;
}
#screen img {
	display: block;
	margin: 10px auto 0 10px;
	position: absolute;
}
#screen2 {
	width: 655px;
	height: 449px;
	background-position: left top;
	position: static;
}
#screen2 img {
	display: block;
	margin: 10px auto 0 10px;
	position: absolute;
}
#screen3 {
	width: 655px;
	height: 449px;
	background-position: left top;
	position: static;
}
#screen3 img {
	display: block;
	margin: 10px auto 0 10px;
	position: absolute;
}
#screen4 {
	width: 655px;
	height: 449px;
	background-position: left top;
	position: static;
}
#screen4 img {
	display: block;
	margin: 10px auto 0 10px;
	position: absolute;
}
#screen5 {
	width: 655px;
	height: 449px;
	background-position: left top;
	position: static;
}
#screen5 img {
	display: block;
	margin: 10px auto 0 10px;
	position: absolute;
}
#screen6 {
	width: 655px;
	height: 449px;
	background-position: left top;
	position: static;
}
#screen6 img {
	display: block;
	margin: 10px auto 0 10px;
	position: absolute;
}
#screen7 {
	width: 655px;
	height: 449px;
	background-position: left top;
	position: static;
}
#screen7 img {
	display: block;
	margin: 10px auto 0 10px;
	position: absolute;
}
#screen8 {
	width: 655px;
	height: 449px;
	background-position: left top;
	position: static;
}
#screen8 img {
	display: block;
	margin: 10px auto 0 10px;
	position: absolute;
}