@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/logtag.css";
@import "extension/ci/ci.css";
/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 18px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/**
 * 4. Layout
 */
	body #container {
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	
	/* header */
	
	#header {
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 20px;
	}
	
	h1 {
		float: left;
		width: 166px;
		height: 41px;
		border-right: 1px solid #4c4c4c;
		padding-top: 19px;
		padding-left: 20px;
	}
	
	#headerTxt {
		float: left;
		width: 423px;
		padding-top: 15px;
		padding-left: 15px;
		color: #333333;
		font-size: 10px;
		line-height: 1.5;
	}
	
	#headerTxt a {
		color: #333333;
	}
	
	#headerNav {
		float: right;
		width: 340px;
		padding-top: 9px;
		padding-right: 20px;
		text-align: right;
	}
	
	#headerNav li {
		display: inline;
	}
	
	#headerNav .detail {
		overflow: hidden;
		height: 12px;
		padding-bottom: 9px;
	}
	
	#headerNav .detail li {
		margin-left: 19px;
	}
	
	#headerNav .request {
		overflow: hidden;
		height: 30px;
	}
	
	#headerNav .request li {
		margin-left: 10px;
	}
	
	/* global navi */
	
	#nav {
		height: 59px;
		margin-bottom: 14px;
		background-image: url(../imgs/bg_nav.gif);
		background-repeat: repeat-x;
		text-align: center;
	}
	
	#nav ul {
		width: 1000px;
		margin: 0 auto;
	}
	
	#nav li {
		display: inline;
	}
	
	/* main */
	
	#main {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		padding: 0 20px 0;
	}
	
	h2 {
		margin-bottom: 25px;
	}
	
	#main .section {
		clear: both;
		width: 900px;
		margin-right: auto;
		margin-left: auto;
	}
	
	h3 {
		margin-bottom: 30px;
	}
	
	p {
		/*margin-bottom: 30px;*/
		color: #666666;
	}
	
	/* footer */
	
	#footer {
		clear: both;
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		padding: 0 50px 30px;
	}
	
	#footer li {
		display: inline;
	}
	
	#footer .request {
		height: 52px;
		text-align: center;
	}
	
	#footer .request li {
		padding: 0 4px;
	}
	
	#footer .nav {
		display: inline;
		float: left;
		width: 800px;
		margin-top: 30px;
		color: #999999;
	}
	
	#footer .nav a {
		color: #666666;
	}
	
	#footer .nav a:hover {
		color: #5b2820;
		text-decoration: none;
	}
	
	#footer .nav .on span {
		color: #5b2820;
		font-weight: bold;
	}
	
	#toTop {
		display: block;
		float: right;
		width: 82px;
		margin-top: 30px;
	}
	
	/* contact */
	
	#contact {
		clear: both;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		padding: 0 20px 25px;
	}
	
	#contactNav {
		float: left;
		width: 701px;
		height: 83px;
		border-top: 1px solid #d8d8d8;
		padding-top: 16px;
		padding-right: 16px;
		padding-left: 5px;
	}

	#contactNav .contact {
		float: left;
	}

	#contactNav ul {
		float: right;
		width: 106px;
	}

	#contactNav li {
		height: 18px;
		font-size: 1px;
		line-height: 1px;
	}
	
	#qr {
		float: right;
		width: 206px;
		border: 1px dotted #808080;
		padding: 1px 1px 1px 14px;
		color: #666666;
		font-size: 10px;
		line-height: 2;
	}
	
	#qr img {
		float: right;
	}
	
	#qr div {
		margin-top: 20px;
	}
	
	#qr a {
		color: #666666;
	}
	
	#contactBnr {
		clear: both;
	}

	#contactBnr li {
		display: inline;
		margin-right: 10px;
	}

/**
 * 5. EachPageStyle
 */
 
	/* トップ */
	
	#top #main {
		width: auto;
		height: 597px;
		padding: 0;
		background-image: url(../../imgs/bg_main.jpg);
		background-position: 0 100%;
		background-repeat: repeat-x;
	}
	
	
	#top #flashcontent #content {
		padding: 200px 0px 150px;
		height: 500px;
		margin:0 auto;
		width: 800px;
		text-align: center;
	}
	#misc_modelroom #flashcontent #content {
		padding: 200px 0px 150px;
		margin:0 auto;
		width: 800px;
		text-align: center;
	}
	#top .nonFlashArea {
		width: 1000px;
		margin: 0 auto;
		text-align: center;
	}
	#top #container {
		padding-top: 15px;
		background: url(../../imgs/bg-flash.gif) repeat-x center top;
	}
	#top #contact {
		padding: 23px 20px 25px;
	}
	
	/* 居室へのこだわり */
	
	#point .panel {
		position: relative;
		width: 900px;
		margin-bottom: 25px;
		background-repeat: no-repeat;
	}
	
	#point #panel01 { height: 584px; background-image: url(../../point/imgs/bg-40b.gif);}
	#point #panel02 { height: 584px; background-image: url(../../point/imgs/bg-40d.gif);}
	#point #panel03 { height: 479px; background-image: url(../../point/imgs/bg-60h.gif);}
	
	#point .panel h4 {
		position: absolute;
		top: 21px;
		left: 20px;
	}
	
	#point .point01 { position: absolute; top: 123px; left: 20px; }
	#point .point02 { position: absolute; top: 123px; left: 265px; }
	#point .point03 { position: absolute; top: 274px; left: 20px; }
	#point .point04 { position: absolute; top: 274px; left: 265px; }
	#point .point05 { position: absolute; top: 425px; left: 20px; }
	#point .point06 { position: absolute; top: 425px; left: 265px; }
	
	#point .panel h5 {
		margin-bottom: 10px;
	}
	
	#point #panel03 {
		margin-bottom: 57px;
	}
	
	/* デザイン */
	
	#design .image01,
	#design .image02,
	#design .note {
		color: #999999;
		font-size: 10px;
		text-align: right;
		line-height: 10px;
	}
	
	#design .image01 img,
	#design .image02 img {
		margin-bottom: 4px;
	}
	
	#design #section01 {
		margin-bottom: 50px;
	}
	
	#design #section01 .image01 {
		margin-bottom: 40px;
	}
	
	#design #section01 .panel {
		margin-bottom: 30px;
	}
	
	#design #section01 .panel img {
		margin-left: 25px;
		float: right;
	}
	
	#design h4 {
		margin-bottom: 20px;
	}
	
	#design #section01 .image02 div {
		float: left;
		width: 450px;
		margin-bottom: 20px;
	}
	
	#design #section02 {
		margin-bottom: 60px;
	}
	
	#design #section02 .image01 {
		margin-bottom: 40px;
	}
	
	#design #section02 .panel {
		margin-bottom: 40px;
	}
	
	#design #section02 .image02 {
		float: right;
		width: 270px;
		margin-left: 30px;
	}
	
	#design .note {
		clear: both;
		padding-top: 20px;
	}
	
	/* 間取り */
	
	#plan .section {
		margin-bottom: 60px;
	}
	#plan .section h4 {
		margin-bottom: 20px;
	}
	
	#plan .panel {
		position: relative;
		width: 440px;
		height: 399px;
		background-repeat: no-repeat;
	}
	
	#plan #panel01 { float: left; margin-bottom: 50px; background-image: url(../../plan/imgs/index/bg-01.gif);}
	#plan #panel02 { float: left; margin-bottom: 40px; background-image: url(../../plan/imgs/index/bg-02.gif);}
	#plan #panel03 { float: left; background-image: url(../../plan/imgs/index/bg-03.gif);}
	#plan #panel04 { float: left; margin-bottom: 40px; background-image: url(../../plan/imgs/index/bg-04.gif);}
	#plan #panel05 { float: left; margin-bottom: 40px; background-image: url(../../plan/imgs/index/bg-05.gif);}
	#plan #panel06 { float: right; margin-bottom: 50px; background-image: url(../../plan/imgs/index/bg-06.gif);}
	#plan #panel07 { float: right; margin-bottom: 40px; background-image: url(../../plan/imgs/index/bg-07.gif);}
	#plan #panel08 { float: left; margin-bottom: 40px; background-image: url(../../plan/imgs/index/bg-08.gif);}
	
	#plan .panel h3 {
		position: absolute;
		top: 28px;
		left: 25px;
	}
	.price {
		font-weight: bold;
		color: #F00;
		font-size: 14px;
	}
	.price span {
		font-weight: bold;
		color: #F00;
		font-size: 12px;
		line-height: 18px;
	}
	#plan .panel .price {
		position: absolute;
		top: 400px;
		right: 0;
	}
	#plan .panel .btn {
		position: absolute;
		bottom: 23px;
		left: 25px;
	}
	
	/* セキュリティ・構造 */

	#security .section,
	#structure .section {
		margin-bottom: 60px;
	}
	
	#security h4,
	#structure h4 {
		padding-bottom: 20px;
	}
	
	#security p,
	#structure p {
		margin-bottom: 0;
		padding-bottom: 15px;
	}
	
	#security .holder440L,
	#security .holder440R,
	#structure .holder440L,
	#structure .holder440R {
		float: left;
		width: 440px;
		padding-bottom: 40px;
	}
	
	#security .holder180L,
	#security .holder180R,
	#structure .holder180L,
	#structure .holder180R {
		float: left;
		width: 180px;
		border: 1px solid #cdcdcd;
		padding: 14px;
	}
	
	#security .holder440L,
	#security .holder180L,
	#structure .holder440L,
	#structure .holder180L {
		margin-right: 20px;
	}

	#security h5,
	#structure h5 {
		margin-bottom: 12px;
	}

	#security .note,
	#structure .note {
		padding-top: 5px;
		color: #999999;
		font-size: 10px;
		text-align: right;
		line-height: 10px;
	}
	
	* html #security .note,
	* html #structure .note {
		padding-top: 2px;
	}
	
	/* セキュリティ */

	#security .image {
		float: right;
		width: 210px;
		margin-left: 20px;
	}
	
	#security #panel07 {
		padding-bottom: 15px;
	}
	
	/* 構造 */
	
	#structure em {
		color: #cc3333;
		font-style: normal;
	}
	
	#structure .holder286L,
	#structure .holder286R {
		float: left;
		width: 286px;
		padding-bottom: 40px;
	}
	
	#structure .holder286L {
		margin-right: 21px;
	}

	#structure .holder256 {
		width: 256px;
		border: 1px solid #cdcdcd;
		padding: 14px;
	}
	
	#structure .header593 {
		float: left;
		width: 593px;
		padding-bottom: 40px;
	}
	
	#structure #panel06 .image {
		float: right;
		margin-left: 25px;
	}
	
	#structure #panel06 p {
		padding-bottom: 0;
	}
	
	#structure #panel06 .note {
		padding-top: 0;
		padding-left: 1em;
		text-indent: -1em;
		text-align: left;
		line-height: 1.5;
	}
	
	#structure #panel08 {
		padding-bottom: 40px;
	}
	
	#structure #panel08 .image {
		float: right;
		margin-left: 25px;
	}
	
	#structure #panel10 p {
		padding-bottom: 0;
	}
	
	#structure #panel10 .note {
		padding-top: 0;
		text-align: left;
		line-height: 1.5;
	}
	
	/* 立地＆アクセス */
	
	#location #section01 {
		margin-bottom: 50px;
	}
	
	#location #panel01 {
		margin-bottom: 40px;
	}
	
	#location #panel01 .holder {
		float: left;
		width: 471px;
	}
	
	#location #panel01 h3 {
		margin-bottom: 0;
	}
	
	#location #panel01 .image {
		float: left;
	}
	
	#location #main p {
		margin-bottom: 20px;
	}
	
	#location #panel02 {
		margin-bottom: 20px;
	}
	
	#location #panel02 .image {
		float: left;
	}
	
	#location #panel02 .holder {
		float: left;
		width: 458px;
	}
	
	#location #section02 {
		margin-bottom: 40px;
	}
	
	#location #panel03 .holder {
		float: left;
		width: 375px;
	}
	
	#location #panel03 .imageLeft {
		float: left;
	}
	#location #panel03 .imageTop {
		margin-bottom: 7px;
	}
	#location #panel03 .image {
		float: right;
	}
	#location .note {
		color: #999999;
		font-size: 10px;
		text-align: right;
		line-height: 10px;
	}
	
	#location #flash {
		margin-bottom: 50px;
		padding: 0 30px;
	}
	
	/* popup */
	
	#pop_map #container,
	#pop_plan #container {
		width: 600px;
		padding: 30px 20px;
		margin: 0 auto;
	}
	#bigMadori #pop_plan #container {
		width: 870px;
		padding: 30px 20px;
		margin: 0 auto;
	}
	#pop_map #header,
	#pop_map #main,
	#pop_map #contact,
	#pop_map #footer,
	#pop_plan #header,
	#pop_plan #main,
	#pop_plan #contact,
	#pop_plan #footer {
		width: auto;
	}
	
	#pop_map h1 {
		float: none;
		width: auto;
		height: auto;
		border-right-style: none;
		padding-top: 0;
		padding-left: 0;
	}
	
	#pop_map #header {
		padding-bottom: 15px;
	}
	
	#pop_plan h1 {
		float: left;
		width: 166px;
		height: auto;
		border-right-style: none;
		padding-top: 0;
		padding-bottom: 7px;
		padding-left: 0;
	}
	
	#pop_plan .request {
		float: right;
		width: 300px;
		text-align: right;
	}
	
	#pop_plan .request li {
		display: inline;
		margin-left: 10px;;
	}
	
	#pop_plan h2 {
		margin-bottom: 0;
	}
	#bigMadori #pop_plan h2 {
		float: right;
		margin-bottom: 0;
	}
	
	#pop_map #main,
	#pop_plan #main {
		position: relative;
		margin-bottom: 30px;
		padding: 0;
	}
	
	#pop_plan #planHolder {
		border: 1px solid #cccccc;
		text-align: center;
	}
	
	#pop_plan #back {
		position: absolute;
		top: 318px;
		left: -1px;
	}
	
	#pop_plan #next {
		position: absolute;
		top: 318px;
		right: 0;
	}
	
	* html #pop_plan #next {
		right: 20px;
	}
	
	#pop_map .image {
		margin-bottom: 10px;
	}
	
	#pop_map #footer,
	#pop_plan #footer {
		border-bottom: 1px solid #d8d8d8;
		padding-bottom: 20px;
		text-align: center;
	}
	
	#pop_map #footer li,
	#pop_plan #footer li {
		padding: 0 15px;
	}
	
	#pop_map #contact,
	#pop_plan #contact {
		padding: 15px 0 0;
		text-align: center;
	}
	
	#pop_plan #ciFooterArea {
		padding: 20px 0 0 95px;
		background-image: none;
	}

/* floatBnr */
	#float,
	#floatArea {
		width: 185px;
		height: 200px;
	}
	#float {
		position: absolute;
		right: 10px;
		top: 354px;
	}
	#top #float {
		top: 100px;
	}
	#floatArea {
		position: absolute;
		left: 0px;
		top: 0px;
		cursor: move;
		background: url(../imgs/floatbnr/img-01.gif) no-repeat left top;
	}
	#floatBt {
		position: absolute;
		left: 13px;
		top: 85px;
	}
	#floatClose {
		position: absolute;
		right: 8px;
		top: 0px;
		margin-bottom: 0;
	}