@charset "utf-8";

/* EXTERIOR
----------------------------------------*/

#bg {background: #f4f4f2 url(../img/bg_header.jpg) center top no-repeat;}

#bgbox {background: url(../img/bg_box.jpg) right top no-repeat;}

.laybox {
	position: relative;
	height: 836px;}

#box01 {background: url(../img/bg_box01.jpg) left 10px no-repeat;}
#box02 {
	margin-top: 30px;
	background: url(../img/bg_box02.jpg) left 10px no-repeat;}

.exbox {
	position: absolute;
	width: 540px;}

.exbox h3 {margin-bottom: 15px;}
.exbox h4 {margin-bottom: 30px;}

.exbox div {
	height: 280px;
	overflow: hidden;}

.exbox ul li p {margin-bottom: 1.5em;}

.exbox ul li span img {margin: 0 4px 15px 0;}
.exbox ul li span a img {border: 2px solid #ccc;}
.exbox ul li span a:hover img {border: 2px solid #900;}

.lookph {
	width: 89px;
	margin-top: -40px;
	margin-left: 320px;
	text-indent: -9999px;
	z-index: 1000;}

.lookph a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 24px;
	padding-top: 24px;
	background-image: url(../img/lookph.jpg);}

.lookph a {background-position: 0 0;}
.lookph a:hover { background-position: -89px 0;}

.backtext {
	width: 89px;
	margin-top: -50px;
	margin-left: 320px;
	text-indent: -9999px;
	z-index: 1000;}

.backtext a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 24px;
	padding-top: 24px;
	background-image: url(../img/backtext.jpg);}

.backtext a {background-position: 0 0;}
.backtext a:hover { background-position: -89px 0;}

#exterior01,#exterior03 {left: 360px; top: 35px;}
#exterior02,#exterior04 {left: 20px; top: 520px;}