@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-color: #fff;
	}
	body#bgColor {
		background: #f2f0dc;
	}
	.page {
		color: #666666;
		font-size: 12px;
		line-height: 18px;
		background-color: #f2f0dc;
	}
	.page#charm {
		padding-bottom: 10px;
	}
/**
 * 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 {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		/*dont use <h2> selector*/
	}
	.section .title {
		margin-bottom: 20px;
	}
	.section .selectBox .title {
		margin-bottom: 10px;
	}
	.section .locatBox .title,
	.section .locatBox02 .title {
		margin-bottom: 5px;
	}
	#initia .section .title {
		margin-bottom: 40px;
	}
	#madori .contentTitle {
		margin-bottom: 15px;
	}
	#index .contentTitle {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	#index h3.title {
		margin-bottom: 10px;
	}
	.section h4.title {
		margin-bottom: 10px;
	}

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

/**
 * 4. Layout
 */
	body #container {
		position: relative;
		width: 950px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}
	body #containerInner01 {
		background-repeat: repeat-y;
		background-position: center top;
	}
	body #containerInner02 {
		padding-bottom: 30px;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	body #hNav {
		position: absolute;
		top: 10px;
		right: 0px;
	}
	body #hNavList li {
		float: left;
	}
	body #hNavList li#map {
		margin-right: 5px;
		padding-top: 10px;
	}
	body #gHeader {
		height: 40px;
	}
	body #index #gHeader {
		height: 60px;
	}
	body #index #gNav {
		width: 950px;
		display: block;
		position: static;
	}
	body #gNav {
		position: absolute;
		display: none;
		width: 150px;
		top: 80px;
		left: 0px;
	}
	body #snav {
		position: relative;
		width: 800px;
	}
	body #gNav li {
		width: 150px;
		height: 45px;
		overflow: hidden;
	}
	body #index #gNav{
		background: url(../../imgs/bg-nav.gif) repeat-x left top;
		text-align: center;
		padding: 8px 0 7px 0;
		margin-top: 10px;
		width: 100%;
	}
	body #index #mainContent {
		width: 800px;
		margin-left: 0;
	}
	body #mainContent {
		margin-left: 150px;
		width: 800px;
	}
	body #gFooter #fNav-bg {
		background: url(../imgs/bg-fnav.gif) no-repeat left top;
		height: 12px;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	body #gFooter #fNav {
	position: relative;
	padding-top: 70px;
	height: 40px;
	}
	body #gFooter #fNav ul {
		text-align: center;
	}
	body #gFooter #fNav li {
		display: inline;
		float: none;
	}
	body #fNav li.pagetop {
		display: block;
		position: absolute;
		top: 10px;
		right: 0px;
	}
	body #fNav li.pagetop a,
	body #fNav li.pagetop a:hover{
		margin: 0px;
		padding: 0px;
		background: none;
	}
	body .section {
		width: 740px;
		margin-right: auto;
		margin-left: auto;
	}
	body #contact {
		position: relative;
		width: 800px;
		height: 50px;
		margin-top: 30px;
	}
	body #ftrBt {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	body #bnrArea {
		width: 960px;
		margin-top: 20px;
		margin-right: auto;
		margin-left: auto;
		height: 55px;
		text-align: right;
	}
	body #bnrArea li {
		float: right;
		margin-left: 10px;
		height: 55px;
		overflow: hidden;
	}
	body #ftrBtMAp {
		position: absolute;
		top: 12px;
		right: 30px;
	}


/* blog Area*/
	#feed {
		width: 250px;
		height: 240px;
		padding: 10px;
		background: url(../../imgs/bg-feed.gif) no-repeat;
	}
	#feedBox {
		width: 239px;
		height: 208px;
		overflow: auto;
		text-align: left;
		background: #ffffff;
	}
	#feedBox ul {
		margin: 0;
		padding: 5px;
		list-style: none;
	}
	#feedBox li {
		margin: 0;
		padding: 0;
	}
	/* blog option */
	#feedBox span {
		display: block;
		font-size: 10px;
		line-height: 15px;
		margin-bottom: 5px;
	}
	#feedBox span.feedBody {
		margin-bottom: 10px;
	}
	#feedBox span.feedBody a {
		color: #666666;
		text-decoration: none;
	}
	#feedBox span.feedBody a:hover {
		color: #898836;
		text-decoration: underline;
	}
	#feedBox span.feedDate {
		color: #898836;
	}
/**
 * 5. CI
 */	
	/* index info*/
	body #index #newsBox a{
		color: #CC6600;
	}
	body #index #newsBox a:hover{
		color: #c3b36d;
		text-decoration: none;
	}
	/* cihead */
	.ciText {
		padding-top: 13px;
	}
	.ciText a {
		color: #000;
	}
		
	/* ciFooterArea */
	#ciFooterArea {
		/* padding  margin */
	}
	/* ciFooterArea */
	body #map #ciFooterArea {
		padding-top: 10px;
		margin-top: 18px;
	}
	
/**
 * 6. EachPageStyle
 */
/* pageID */
/* index */
	body #index #infoArea {
		text-align: center;
		padding-top: 30px;
	} 
	body #index #newsBox {
		width: 470px;
		padding-left: 15px;
		color: #000;
		font-size: 16px;
		font-weight: bold;
		line-height: 18px;
	}
	body #index .section {
		height: 80px;
		width: 800px;
	}
	body #index #contact {
		width: 398px;
		height: 80px;
		margin-top: 0px;
	}
	body #index #ftrBtMAp {
		top: 23px;
		left: 480px;
	}
	body #index #flashArea {
	clear: both;
	height: 420px;
	width: 950px;
	margin: 0 auto;
	text-align: center;
	}
	body #index #flashContent {
	margin: 0 auto;
	width: 950px;
	}
	body #index .nonFlashContent {
	padding: 100px 0 0;
	text-align: center;
	}
/* select */
	body #select #containerInner01 { background-image: url(../../select/imgs/bg-main.gif);}
	body #select #containerInner02 { background-image: url(../../select/imgs/bg-bottom.gif);}
/* roomplan */
	body #roomplan #containerInner01 { background-image: url(../../roomplan/imgs/bg-main.gif);}
	body #roomplan #containerInner02 { background-image: url(../../roomplan/imgs/bg-bottom.gif);}
	body .price {
			color: #bd2917;
			font-weight: bold;
	}
/* access */
	body #access #containerInner01 { background-image: url(../../access/imgs/bg-main.gif);}
	body #access #containerInner02 { background-image: url(../../access/imgs/bg-bottom.gif);}
/* landscape */
	body #landscape #containerInner01 { background-image: url(../../landscape/imgs/bg-main.gif);}
	body #landscape #containerInner02 { background-image: url(../../landscape/imgs/bg-bottom.gif);}
/* modelroom */
	body #modelroom #containerInner01 { background-image: url(../../modelroom/imgs/bg-main.gif);}
	body #modelroom #containerInner02 { background-image: url(../../modelroom/imgs/ftr-snav-bg.gif);
		padding-top: 5px;
		padding-bottom: 0;

	}
/* quality */
	body #quality #containerInner01 { background-image: url(../../quality/imgs/bg-main.gif);}
	body #quality #containerInner02 { background-image: url(../../quality/imgs/ftr-snav-bg.gif);
		padding-bottom: 2px;}
/* structure */
	body #structure #containerInner01 { background-image: url(../../structure/imgs/bg-main.gif);}
	body #structure #containerInner02 { background-image: url(../../structure/imgs/bg-bottom.gif);}
/* security */
	body #security #containerInner01 { background-image: url(../../security/imgs/bg-main.gif);}
	body #security #containerInner02 { background-image: url(../../security/imgs/bg-bottom.gif);}
/* location */
	body #location #containerInner01 { background-image: url(../../location/imgs/bg-main.gif);}
	body #location #containerInner02 { background-image: url(../../location/imgs/bg-bottom.gif);}
	.locatArea {
		padding-bottom: 8px;
		font-size: 10px;
		border-bottom: #eae5d9 1px solid;
	}
	.section .locatBox,
	.section .locatBox02 {
		width: 315px;
		margin: 0px 0px 15px 0px;
	}
	.section .locatBox02 {
		margin: 0px 0px 10px 0px;
	}
	.lifeinfoBox {
		background: transparent url(../../location/imgs/dot.gif) repeat left top;
	}
	.lifeinfoBox span {
		background: #fff;
	}
	.lifeinfoBox .detail {
		padding-left: 5px;
	}
	.lifeinfoBox .meters {
		width: 3.5em;
	}
	.lifeinfoBox .minutes {
		width: 3em;
	}
	.win .lifeinfoBox .meters {
		width: 3em;
	}
	.win .lifeinfoBox .minutes {
		width: 2.5em;
	}

/* map */
	body #map #container {
		width: 610px;
		text-align: center;
	}
/* madori */
	body #madori #container {
		width: 610px;
		text-align: center;
	}
	body #madori #bgtop{
		background: url(../../roomplan/imgs/pop/bg-top.gif) no-repeat center top;
		margin-bottom: 20px;
	}
	body #madori #bgbottom{
		background: url(../../roomplan/imgs/pop/bg-bottom.gif) no-repeat center bottom;
	}
	body #madori #content{
		background: url(../../roomplan/imgs/pop/bg-container.gif) repeat-y center top;
	}
/* misc_charm */
	body #charm #gHeader {
		padding: 10px 0px;
	}
	body #charm .nav li {
		float: left;
	}
	body #charm #hNav {
		right: -2px;
	}
	body #charm .mainBt li {
		height: 250px;
		overflow: hidden;
	}
	body #charm #container {
		width: 900px;
	}
	body #charm #mainContent {
		width: 900px;
		margin-left: 0px;
	}
	body #charm .close a {
		font-size: 10px;
		line-height: 15px;
		color: #999999;
	}
	body #charm .close a:hover {
		text-decoration: none;
	}
	.blocks {
		background-position: right top;
		background-repeat: no-repeat;
		display: none;
		margin-bottom: 10px;
	}
	/* background */
	.blocks .fl {
		position: relative;
		width: 700px;
	}
	.blocks#block-no01 { background-image: url(../../misc_charm/imgs/bg-nav01.gif);}
	.blocks#block-no02 { background-image: url(../../misc_charm/imgs/bg-nav02.gif);}
	.blocks#block-no03 { background-image: url(../../misc_charm/imgs/bg-nav03.gif);}
	.blocks#block-no04 { background-image: url(../../misc_charm/imgs/bg-nav04.gif);}
	.blocks#block-no05 { background-image: url(../../misc_charm/imgs/bg-nav05.gif);}
	.blocks#block-no06 { background-image: url(../../misc_charm/imgs/bg-nav06.gif);}
	.blocks .child {
		position: absolute;
		top: 15px;
		right: 28px;
	}
	.blocks .sNav {
		padding-top: 5px;
		padding-right: 5px;
		width: 195px;
	}
	#block-no00 {
		display: block;
	}