@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, p, hr, ul, ol, li, form, img {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

img {
	vertical-align: bottom;
	border: none;
}

.noborder {
	border: none !important;
}

.nospace {
	margin: 0 !important;
}

.nowrap {
	white-space: nowrap;
}

.none {
	display: none;
}

.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block }
/* End hide from IE-mac */

/* 基本設定
----------------------------------------------------------------------------------------------------*/

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.imgLeft {
	float: left;
	padding: 0 20px 20px 0;
}

.imgRight {
	float: right;
	padding: 0 0 20px 20px;
}

.left,
.left1,
.left2,
.left3 {
	float: left;
}

.right,
.right1,
.right2,
.right3 {
	float: right
}

.marginB10 {
	margin: 0 0 10px;
}

.marginB15 {
	margin: 0 0 15px;
}

.marginB20 {
	margin: 0 0 20px;
}

.marginB25 {
	margin: 0 0 25px;
}

.marginB30 {
	margin: 0 0 30px;
}

body {
	width: 100%;
	text-align: center;
	background: #DFDFDF;
	color: #666666;
}

#bg1 {
	background: #FFFFFF url(../common/com_bg01.gif) no-repeat;
	background-position: center top;
}

#bg2 {
	background: #FFFFFF;
}

#body {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* ヘッダー
----------------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	height: 165px;
	margin: 0 0 40px;
	background: url(../common/com_bg04.gif) repeat-x;
	background-position: left bottom;
}

#topNavi {
	width: 100%;
	height: 40px;
	background: url(../images/top_bg02.gif) no-repeat;
	background-position: center top;
}

#topNavi2 {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#header h1 {
	position: absolute;
	left: 0;
	top: 70px;
	width: 178px;
	height: 66px;
}

#header h2 {
	position: absolute;
	right: 15px;
	top: 103px;
	width: 396px;
	height: 18px;
}

#header .bt1 {
	position: absolute;
	right: 213px;
	top: 40px;
	width: 202px;
	height: 39px;
}

#header .bt2 {
	position: absolute;
	right: 11px;
	top: 40px;
	width: 202px;
	height: 39px;
}

.headNavi {
	position: absolute;
	left: 0;
	top: 0;
	width: 960px;
	height: 40px;
	overflow: hidden;
}

#topNavi .headNavi {
	top: 4px;
}

.headNavi li a {
	position: absolute;
	display: block;
	top: 0;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
}

.headNavi .n1 a {
	left: 0;
	width: 167px;
	background: url(../common/com_nv01.gif) no-repeat;
}

.headNavi .n2 a {
	left: 167px;
	width: 115px;
	background: url(../common/com_nv02.gif) no-repeat;
}

.headNavi .n3 a {
	left: 282px;
	width: 116px;
	background: url(../common/com_nv03.gif) no-repeat;
}

.headNavi .n4 a {
	left: 398px;
	width: 102px;
	background: url(../common/com_nv04.gif) no-repeat;
}

.headNavi .n5 a {
	left: 500px;
	width: 102px;
	background: url(../common/com_nv05.gif) no-repeat;
}

.headNavi .n6 a {
	left: 602px;
	width: 178px;
	background: url(../common/com_nv06.gif) no-repeat;
}

.headNavi .n7 a {
	left: 780px;
	width: 180px;
	background: url(../common/com_nv07.gif) no-repeat;
}

.headNavi .at a,
.headNavi a:hover {
	background-position: 0 -40px;
}


/* フッター
----------------------------------------------------------------------------------------------------*/

#ptbt {
	position: absolute;
	right: 0;
	top: 50px;
	width: 29px;
	height: 128px;
}

#footerBg {
	width: 100%;
	background: url(../common/com_bg03.gif) repeat-x #DFDFDF;
	background-position: left top;
	text-align: center;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: left;
}

#footer ul {
	margin: 0 0 10px;
}

#footer ul li {
	display: inline;
	margin: 0 1em 0 0;
	padding: 0 0 0 1em;
	border-left: 1px solid #666666;
}

#footer ul .first {
	padding: 0;
	border-left: none;
}

#footer address {
	margin: 0 0 5px;
	font-size: 0;
}

#footer p {
	margin: 0 0 10px;
}

/* トップページ
----------------------------------------------------------------------------------------------------*/

.topimage {
	margin: 0 0 25px;
}

#top .box1 {
	margin: 0 0 20px;
	padding: 0 15px 0 40px;
}

#top .box1 .left {
	width: 660px;
}

#top .news {
	margin: 0 0 15px;
	padding: 0;
	background: url(../images/top_bg01.gif) no-repeat;
	background-position: left top;
}

#top .news .left1 {
	font-size: 0;
}

#top .news #newsD {
	width: 600px;
}

#top .news #newsD li {
	padding: 5px 0;
}

#top .box1 .right .text {
	margin: 0 0 10px 5px;
}

#topfooterBg {
	width: 100%;
	background: url(../images/top_bg03.gif) repeat-x #DFDFDF;
	background-position: left top;
	text-align: center;
}

#top .box2 {
	margin: 0 0 15px;
}


/* ハウスメーカー
----------------------------------------------------------------------------------------------------*/

#house {
	text-align: left;
}

#house h3 {
	margin: 0 0 45px;
}

#house .contentsFrame1 {
	height: 15px;
	background: url(../images/hou_bg01.gif) no-repeat;
	background-position: left top;
	font-size: 0;
}

#house .contentsFrame2 {
	height: 10px;
	margin: 0 0 20px;
	background: url(../images/hou_bg03.gif) no-repeat;
	background-position: left top;
}

#house .contentsFrame3 {
	height: 15px;
	background: url(../images/hou_bg04.gif) no-repeat;
	background-position: left top;
	font-size: 0;
}

#house .contentsFrame4 {
	height: 10px;
	margin: 0 0 20px;
	background: url(../images/hou_bg06.gif) no-repeat;
	background-position: left top;
}

#house .box1 {
	position: relative;
	padding: 0 5px 0 0;
	background: url(../images/hou_bg02.gif) repeat-y;
	background-position: left top;
}

#house .box2 {
	position: relative;
	padding: 0 5px 0 0;
	background: url(../images/hou_bg05.gif) repeat-y;
	background-position: left top;
}

#house .left1 ,
#house .left2 ,
#house .right1 {
	width: 305px;
}

#house .left1 {
	margin: 0 20px 0 0;
}

#house .frame {
	padding: 0 15px;
}

#house h4 {
	margin: 10px 0 15px;
}

#house .text {
	padding: 0 0 50px;
}

#house .btn1 {
	padding: 0 26px;
}

#house .btn1 img {
	position: absolute;
	bottom: 0;
	width: 223px;
	height: 38px;
}

/* 区画図概要
----------------------------------------------------------------------------------------------------*/

#landplan {
	margin: 0 0 30px;
	text-align: left;
}

#landplan h3 {
	margin: 0 0 45px;
}

#landplan .textCenter {
	margin: 0 0 30px;
}

#landplan .box1 {
	margin: 0 0 20px;
}

#landplan .box1 .left {
	width: 340px;
	border-collapse: collapse;
}

#landplan .box1 .right {
	width: 600px;
	border-collapse: collapse;
}

#landplan .box1 .baseHight {
	height: 120px;
}

#landplan .box1 th ,
#landplan .box1 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#landplan .box1 th {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

#landplan .box1 .left th {
	background: #E9ECBD;
}

#landplan .box1 .right th {
	background: #E1ECBD;
}

#landplan .box1 td {
	text-align: right;
	vertical-align: top;
}

#landplan .box1 .bGray td {
	background: #EFEFEF;
}

#landplan .box1 .num {
	text-align: center;
}

/* 360°パノラマで体験
----------------------------------------------------------------------------------------------------*/

#panorama {
	margin: 0 0 30px;
	text-align: left;
}

#panorama h3 {
	margin: 0 0 45px;
}

/* 周辺施設・環境紹介
----------------------------------------------------------------------------------------------------*/

#facility {
	margin: 0 0 30px;
	text-align: left;
}

#facility h3 {
	margin: 0 0 45px;
}

#facility h4 {
	margin: 0 0 30px;
}

#facility h5 {
	margin: 0 0 10px;
}

#facility .box2 {
	margin: 0 0 30px;
}

#facility .box3 {
	margin: 0 0 50px;
}

#facility .box3 .left1 {
	width: 372px;
	margin: 0 20px 0 0;
}

#facility .box3 .left2 {
	width: 176px;
	margin: 0 20px 0 0;
}

#facility .box4 {
	margin: 0 0 50px;
}

#facility .box4 .left {
	width: 176px;
	margin: 0 20px 0 0;
}

#facility .box4 .right {
	width: 372px;
}

#facility .box4 .margin {
	margin: 0 20px 0 0;
}


/* コンセプト
----------------------------------------------------------------------------------------------------*/

#concept {
	margin: 0 0 30px;
	text-align: left;
}

#concept h3 {
	margin: 0 0 45px;
}

#concept .box1 {
	position: relative;
	margin: 0 0 50px;
}

#concept .box1 h4 {
	margin: 0 0 10px;
}

#concept h5 {
	margin: 0 0 10px;
}

#concept h6 {
	color: #A7C73A;
	margin: 0 0 0.5em;
}


#concept .box1 p {
	margin: 0 220px 0 0;
}

#concept .box1 .img {
	position: absolute;
	width: 167px;
	height: 266px;
	margin: 0;
	top: 210px;
	right: 30px;
}

#concept .box1 .img img { behavior: url("iepngfix.htc") }

#concept .box2 {
	margin: 0 0 20px;
}

#concept .box2 .left {
	width: 306px;
	margin: 0 20px 0 0;
}

#concept .box2 .right {
	width: 306px;
}

#concept .box3 .left {
	width: 320px;
}

#concept .box3 .right {
	width: 620px;
}

#concept .box4 .left,
#concept .box4 .right {
	width: 300px;
}

/* 生活施設
----------------------------------------------------------------------------------------------------*/

#living {
	margin: 0 0 30px;
	text-align: left;
}

#living h3 {
	margin: 0 0 45px;
}

/* アクセス
----------------------------------------------------------------------------------------------------*/

#access {
	margin: 0 0 30px;
	text-align: left;
}

#access h3 {
	margin: 0 0 45px;
}

#access .box1 {
	position: relative;
	margin: 0 0 20px;
}

#access .box1 .img {
	position:absolute;
	top: 0;
	right: 0;
}

#access .box1 .left {
	width: 630px;
}

#access .box1 .right {
	width: 320px;
	margin: 330px 0 0;
}

#access .box1 .right h4 {
	color: #9BBF20;
}

#access .box1 .right p {
	margin: 0 0 0.5em;
}

#access .box2 {
	margin: 0 0 30px;
}

#access .box2 .left {
	width: 470px;
}

#access .box2 .right {
	width: 460px;
}

#access .box2 .right h4 {
	padding: 15px 0;
}

#access .box2 .right h5 {
	color: #9BBF20;
}

#access .box2 .right p {
	margin: 0 0 0.5em;
}

/* 個人情報の扱いについて
----------------------------------------------------------------------------------------------------*/

#privacy {
	margin: 0 0 30px;
	text-align: left;
}

#privacy h3 {
	margin: 0 0 25px;
}

#privacy h4 {
	padding: 15px 0 1em;
}

#privacy h5 {
	color: #9BBF20;
}

#privacy p {
	padding: 0 0 1em;
}

#privacy ol {
	padding: 0 0 1em 2em;
}

#privacy ol li {
	list-style-type: decimal;
}

#privacy ul {
	padding: 0 0 1em;
}

#privacy ul li {
	float: left;
	width: 300px;
}

/* サイトマップ
----------------------------------------------------------------------------------------------------*/

#sitemap {
	margin: 0 0 30px;
	text-align: left;
}

#sitemap h3 {
	margin: 0 0 45px;
}

#sitemap ul {
	margin: 0 0 1em 3em;
	padding: 0 0 0 2em;
}

#sitemap ul li {
	list-style-type: disc;
}

/* 現地見学事前予約
----------------------------------------------------------------------------------------------------*/

#reserve {
	margin: 0 0 30px;
	text-align: left;
}

#reserve h3 {
	margin: 0 0 45px;
}

#reserve .box1 {
	margin: 0 70px 0;
}

#reserve table {
	width: 820px;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
}

#reserve th,
#reserve td {
	padding: 10px 10px 10px 0;
	border-bottom: solid 1px #ccc;
}

#reserve th {
	text-align: center;
}

#reserve .tel {
	font-weight: bolder;
}

/* 資料請求
----------------------------------------------------------------------------------------------------*/

#inquiry {
	margin: 0 0 30px;
	text-align: left;
}

#inquiry h3 {
	margin: 0 0 45px;
}

#inquiry .box1 {
	margin: 0 120px 0;
}

#inquiry .box2 {
	height: 100px;
	margin: 0 0 30px;
	overflow: auto;
	border: solid 1px #ccc;
}

#inquiry .box2 h4 {
	margin: 0 0 1em;
	padding: 10px 10px 0;
}

#inquiry .box2 ol {
	padding: 10px;
}

#inquiry .box2 ol li {
	padding: 0 0 0 1.5em;
	margin: 0 0 1em 1.5em;
	list-style-type: decimal;
}

#inquiry .box3 {
	padding: 10px;
	margin: 0 0 30px;
	border: solid 1px #ccc;
	background: #F3F3F3;
	text-align: center;
}

#inquiry table {
	width: 720px;
}

#inquiry th,
#inquiry td {
	padding: 10px 10px 10px 0;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

#inquiry th {
	border-top: solid 2px #ccc;
	width: 140px;
}

#inquiry td {
	border-top: solid 1px #ccc;
}

#inquiry #copyright {
	display: none;
}

#inquiry #back {
	background: url(../images/inq_bt03.jpg) no-repeat;
	width: 208px;
	height:	48px;
	padding: 0;
	overflow: hidden;
	border: none;
	text-indent: -9999px;
}

#inquiry #submit {
	background: url(../images/inq_bt02.jpg) no-repeat;
	width: 208px;
	height:	48px;
	padding: 0;
	overflow: hidden;
	border: none;
	text-indent: -9999px;
}

#inquiry .ERR {
	color: #CC0000;
}