@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;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #666666;
		font-size: 12px;
		line-height: 18px;
		background: url(../imgs/bg.gif) repeat-x center top;
	}
	.page#index {
		background: url(../../imgs/bg-main.jpg) no-repeat center top;
	}
	.page#map {
		background: none;
	}
	
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #1db24c;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #1db24c;
		background-position: bottom right;
		text-decoration: none;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		clear: both;
	}
	.section .title {
		margin-bottom: 25px;
	}
	.section .box .title {
		margin-bottom: 10px;
	}
	.section .map .title {
		margin-bottom: 20px;
	}

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

/**
 * 4. Layout
 */
	body #wrap {
		background: url(../imgs/bg-main.jpg) no-repeat center top;
	}
	body #hdrWrap {
		width: 940px;
		margin: 0 auto;
		background: url(../imgs/bg-hdr.jpg) no-repeat center top;
	}
	body #container {
		width: 940px;
		margin: 0 auto;
		background: url(../imgs/bg-container.jpg) no-repeat center top;
		text-align: left;
	}
	body #contactArea {
		border-top: #c7c7c7 1px solid;
		padding-top: 21px;
		width: 697px;
	}
	body #titleArea {
		border-top: #d1d2cf solid 1px;
		padding-bottom: 38px;
		text-align: center;
	}
	/* gNav & contactArea */
	body #gHeader {
		position: relative;
	}
	body #gHeader {
		width: 940px;
		height: 40px;
		margin: 0 auto 10px;
	}
	body #gNav {
		height: 45px;
	}
	body #gHeader #hNavList li,
	body #gHeader #gNavList li,
	body #gFooter #eNavList li {
		float: left;
	}
	body #gHeader #hNavList li img,
	body #gHeader #gNavList li img,
	body #gFooter #eNavList li img {
		vertical-align: top;
	}
	body #gNav {
		position: relative;
		margin: 0 auto;
		height: 45px;
		width: 940px;
	}
	body #gNav li {
		float: left;
		height: 45px;
		overflow: hidden;
	}
	body #hNav {
		height: 40px;
	}
	
	/* new */
	body .new {
		position: absolute;
		top: -6px;
	}
	body .mr {
		right: 421px;
	}
	body .plan {
		right: 344px;
	}
	
	/* panNav */
	body #panNav {
		position: absolute;
		right: 20px;
		top: 78px;
		font-size: 10px;
		line-height: 15px;
	}
	body #panNav a {
		color: #666666;
	}
	body #panNav span {
		color: #1db24c;
		font-weight: bold;
	}
	
	/* hNav & eNav */
	body #gHeader #hNav,
	body #contactArea #eNav {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	body #gHeader #hNav {
		top: 10px;
	}
	body #contactArea #eNav {
		top: 32px;
	}
	body #gHeader #hNavList li {
		margin-left: 10px;
	}
	body #gFooter #eNavList li {
		margin-left: 5px;
	}
	
	body #mainContent {
		clear: both;
		margin-right: 20px;
		margin-bottom: 60px;
		margin-left: 20px;
	}
	
	body #gFooter {}
	body #fNav {
		height: 15px;
		line-height: 15px !important;
		vertical-align: top;
	}

	body #fNav #pagetop {
		position: absolute;
		top: -30px;
		right: 20px;
		color: #666666;
	}
	body #fNav #pagetop a {
		color: #666666;
		padding-left: 17px;
		text-decoration: none;
		background-color: transparent;
		background-image: url(../imgs/blt-pagetop.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	body #fNav #pagetop a:hover {
		color: #1db24c;
		text-decoration: underline;
		background-position: left -15px;
	}
	body #fNavInner {
		position: relative;
		width: 100%;
	}

/**
 * 5. CI
 */	
	/* cihead */
	.ciText {
		color: #666666;
		padding-top: 10px;
		line-height: 15px;
	}
	.ciText a {
		line-height: 15px;
	}
	
	/* ciFooterArea */
	#ciFooterArea {
		margin-top: 20px;
	}
	
/**
 * 6. EachPageStyle
 */
/* #index */
	body #index #hdrWrap {
		background: url(../../imgs/bg-hdr.jpg) no-repeat center top;
	}
	body #index .contentTitle {
		margin-bottom: 30px;
		font-size: 16px;
		font-weight: bold;
	}
	body #index #container {
		background: none;
	}
	body #index #mainContent {
		margin: 0;
		width: 730px;
	}
	body #index #flashArea {
		clear: both;
		height: 400px;
		width: 940px;
		margin: 0 auto 27px;
		text-align: center;
		background: #efefef;
	}
	body #index #flashContent {
		margin: 0 auto;
		width: 940px;
	}
	body #index .nonFlashContent {
		padding: 50px;
		text-align: center;
	}
	body #index .eventInfo li {
		margin-bottom: 5px;
		padding-bottom: 5px;
		font-size: 10px;
		line-height: 15px;
		background: url(../../imgs/border.gif) repeat-x left bottom;
	}
	body #index .eventInfo li.last {
		margin-bottom: 0px;
	}
	body #index .eventInfo li span {
		color: #8ac69d;
	}
	body #index #bnrArea {
		width: 180px;
	}
	body #index #leftArea {
		width: 180px;
	}
	
/* #map */
	body #map #container {
		width: 540px;
		background: none;
	}
	body #map .section {
		margin-top: 25px;
	}

/* popplan */
	body #popplan {
		background: transparent url(../../roomplan/imgs/bg-pop-plan.gif) repeat-x left top;
	}
	body #popplan #container {
		width: 560px;
		background: none;
	}
	body #popplan #madoriBox {
		padding: 30px 0;
		border: 1px solid #e5e5e5;
	}

/* design */
	#design #flashArea {
		height: 574px;
		text-align: center;
	}
	#design .nonFlashContent {
		border: 1px solid #ccc;
		padding-top: 50px;
		padding-bottom: 50px;
	}

/* roomplan */
	.btMadori,
	.btSumi {
		position: absolute;
	}
	.btMadori {
		top: 417px;
		left: 47px;
	}
	.btSumi {
		top: 457px;
		left: 47px;
	}

/* misc_color */
	body #miscColor #container,
	body #miscColor #mainContent {
		width: auto;
		margin: 0 auto;
		text-align: center;
	}
	body #miscColor #mainContent {
		margin: 0;
	}
	body #miscColor #copyrightArea {
		width: 100%;
		padding-bottom: 22px;
		padding-top: 22px;
		text-align: center;
		background: #fff;
	}
	
/* life */
	body #life #titleArea {
	 padding-bottom: 0px;
	}
	
/* modelroom */
	#modelroom #flashArea {
		height: 490px;
		text-align: center;
	}
	#modelroom .nonFlashContent {
		border: 1px solid #ccc;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
/*misc_charm*/
	body .page#charm {
		text-align: center;
		padding-bottom: 20px;
		background: url(../../misc_charm/imgs/bg.jpg) no-repeat center top;
	}
	body #charm #container {
		width: 800px;
		background: none;
	}
	body #charm #mainContent {
		margin: 0 0 20px;
	}
	body #charm .section {
		width: 740px;
		margin-right: auto;
		margin-left: auto;
	}

/*misc_photo*/
	body .page#photo {
		text-align: center;
		padding: 30px 0 20px;
		background: none;
	}
	body #photo #container {
	width: 740px;
	background: none;
	}
	body #photo #mainContent {
		margin: 0 0 20px;
	}
	body #photo #flashArea {
		clear: both;
		height: 490px;
		width: 740px;
		margin: 0 auto 5px;
		text-align: center;
	}
	body #photo #flashContent {
		margin: 0 auto;
		width: 740px;
	}
	body #photo .nonFlashContent {
		padding: 50px;
		text-align: center;
	}
	
/* floationgBnr */
	#float {
		position: absolute;
		top: 180px;
		right: 60px;
		width: 250px;
		height: 189px;
	}
	#index #float {
		left: 60px;
	}
	#floatArea {
		cursor: move;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 250px;
		height: 189px;
		z-index: 999;
	}