@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/fnav/normal.css";
@import "extension/logtag.css";
@import "extension/ci/ci.css";

/**
 * 2. html, body
 */
	body {
		background: #ffffff;
	}
	.page {
		color: #666666;
		font-size: 12px;
		line-height: 18px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #949494;
		text-decoration: underline;
		outline: none;
		border: none;
	}
	a:visited {}
	a:hover {
		color: #949494;
		text-decoration: none;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		margin-bottom: 30px;
	}
	.sectionTitle {
		margin-bottom: 20px;
	}
	.boxtitle {
		margin-bottom: 12px;
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

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

/* nav */
	.nav li {
		float: left;
	}
	.nav img {
		vertical-align: top;
	}

/* child */
	.child {
		position: absolute;
		top: 0px;
		left: 0px;
	}

/* page top */
	#pTop {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		text-align: right;
	}

/* QR */
	#qrArea {
		_height: 83px;
	}

/* link */
	.link {
		background: url(../imgs/bg-link.gif) no-repeat 0 50%;
		padding-left: 10px;
	}

/* blocks */
	.blocks {
		display: none;
	}

/* mail */
	#contactBox #mailLink {
		position: absolute;
		top: 70px;
		left: 25px;
		color: #c63604;
		font-size: 10px;
		line-height: 18px;
		font-weight: bold;
		padding-left: 16px;
		background-image: url(../imgs/bg-mail.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#contactBox #mailLink a {
		color: #c63604;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 940px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

	body.base #gHeader {
		height: 48px;
		padding-bottom: 10px;
	}
	#hNav {
		float: right;
		width: 436px;
		height: 48px;
	}
	#gNav {
		height: 60px;
		clear: both;
	}

	body #gFooter {
		width: 900px;
		height: 100px;
		margin-right: auto;
		margin-left: auto;
	}
	#contactBox {
		position: relative;
		width: 657px;
	}

/* pop */
	body.pop #container {
		width: 580px;
		padding: 15px 0 20px;
	}

	/* pop madori */
	body.pop #madori #container {
		padding-top: 0;	
	}
	body.pop #madori .madoriArea {
		width: 580px;
		position: relative;
		padding-top: 30px;
		margin-bottom: 30px;
	}
	body.pop .madoriArea .BackBTN {
		position: absolute;
		top: 200px;
		left: -20px;
	}
	body.pop .madoriArea .NextBTN {
		position: absolute;
		top: 200px;
		right: -20px;
	}
	/* pop map */
	body.pop #map .section {
		width: 580px;;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

/**
 * 5. CI
 */	
	/* cihead */
	#ciHead {
		float: left;
		width: 480px;
		height: 48px;
	}
	/* cihead */
	.ciText {
		color: #999999;
		padding-top: 10px;
		line-height: 13px;
	}
	.ciText a {
		color: #999999;
	}
	
	/* ciFooterArea */
	#ciFooterArea {
		padding-top: 11px;
		border-top: 1px #e0e0e0 solid;
		margin-top: 30px;
		clear: both;
		height: 60px;
	}
	
/**
 * 6. EachPageStyle
 */
/* index */
	body #index #noScript {
		text-align: center;
		margin: 0 auto;
		padding: 150px 0 150px;
		width: 940px;
		background: #ededed;
	}
	body #index #gHeader {
		width: 940px;
		padding-bottom: 20px;
		margin: 0 auto;
	}
	body #index #gNav {
		width: 940px;
		margin: 0 auto;
	}
	body #index #container {
		width: 100%;
	}
	body #index .section {
		width: 940px;
		margin-left: auto;
		margin-right: auto;
	}
	body #index .infoArea {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	body #index #slide {
		width: 620px;
		float: left;
		position: relative;
	}
	body #index .thumbList {
		position: absolute;
		top: 305px;
		left: 20px;
	}
	body #index .thumbList li {
		float: left;
	}

/* location */
	.lifeInfoArea div.fr,
	.lifeInfoArea div.fl {
		width: 440px
	}
	.lifeInfoArea img.fl {
		margin-right: 15px;
	}
	.lifeInfoArea div.fr span,
	.lifeInfoArea div.fl span,
	.lifeInfoArea .listArea li span {
		color: #cc0000;
		font-weight: bold;
	}
	.lifeInfoArea ul.listArea {
		width: 900px;
	}
	.lifeInfoArea .listArea li {
		float:left;
		width: 440px;
		padding-bottom: 15px;
		display: block;
	}
	.LifeIINFOBOX {
		clear:both;
	}
		
	
/* modelroom */
	#modelroom #mainContent {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	#modelroom .blocks li {
		margin-left: 12px;
	}
	#modelroom .blocks {
		padding-bottom: 10px;
		clear: both;
	}
	#modelroom .blocks li.first {
		margin-left: 0px;
	}
	#modelroom #block-01 {
		display: block;
	}

/* equipment & quality */
	#equipment #mainContent,
	#quality #mainContent {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.hilite {
		color: #cc0000;
	}

/* plan */
	#plan #CHbox {
		width: 840px;
		padding-right: 30px;
		padding-left: 30px;
		height: 704px;
		background: transparent url(../../plan/imgs/img-04.gif) no-repeat left top;
	}
	.innerFadeA,
	.innerFadeB {
		width: 440px;
		height: 250px;
		margin-top: 40px;
		float: right;
		overflow: hidden;
	}

/* roomplan & madori */
	body #roomplan .price,
	body #madori .price {
		color: #990000;
		text-align: right;
		font-weight: bold;
		padding-top: 5px;
	}
	body #madori .price {
		font-size: 14px;
		line-height: 14px;
		padding-top: 15px;
	}
	body .imgMadori {
		width: 440px;
		position: relative;
	}
	body .btMadori {
		position: absolute;
		top: 190px;
		left: 20px;
	}
	body #madori #block-m {
		display: block;
	}