@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/thickbox.css";

/**
 * 2. html, body
 */
	body {
		background-color: #000000;
	}
	body.pop {
		background: #ffffff;
	}
	.page {
		color: #333333;
		background-color: #000000;
		background-image: url(../imgs/bg.gif);
		background-repeat: repeat-x;
		background-position: center top;
		font-size: 12px;
		line-height: 18px;
	}
	.pop#misc_valentine {
		background: #ffffff url(../../misc_campain/imgs/bg.gif) repeat-x center top;
	}
	.pop#misc_interview {
		background: #ffffff url(../../misc_interview/imgs/bg.gif) repeat-x center top;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #666666;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #666666;
		background-position: bottom right;
		text-decoration: none;
	}
	a:active {}

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

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

/* position */
	.parent {
		position: relative;
	}
	.child {
		position: absolute;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 940px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/bg-container.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #containerInner01 {
		background: transparent url(../imgs/bg-top.gif) no-repeat center top;
	}
	body #containerInner02 {
		padding: 0 10px 10px;
		background: transparent url(../imgs/bg-bottom.gif) no-repeat center bottom;
	}
	body #gHeader {
		position: relative;
	}
	body #gHeader #gNav {
		background: transparent url(../imgs/nav-bg.gif) repeat-x left top;
	}
	body #gHeader #gNavBox{
		margin: 0 auto;
		width: 861px;
	}
	body #gHeader #hdrBts {
		position: absolute;
		right: 20px;
		top: 15px;
	}
	body #gHeader .text {
		position: absolute;
		left: 130px;
		top: 15px;
		color: #fff;
		font-size: 10px;
	}
	body #gHeader .hasSnav {
		position: relative;
	}
	body #gHeader .hasSnav .snavbt {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: none;
		background: transparent url(../imgs/space.gif) repeat left top;
	}
	body #gHeader .hasSnav:hover .snavbt {
		display: block;	
	}
	body #mainContent {
		width: 860px;
		margin: 0 auto;
	}
	body .snavTop {
		margin-bottom: 30px;
		background: transparent url(../imgs/snav-top-bg.gif) no-repeat left top;
	}
	body .snavBottom {
		margin-top: 30px;
		background: transparent url(../imgs/snav-bottom-bg.gif) no-repeat left top;
	}
	body #gFooter {}
	body #gFooter #copyright {
		clear: both;
		position: relative;
		height: 110px;
		background: transparent url(../imgs/copyright.gif) no-repeat left top;
		text-align: left;
		text-indent: -9999px;
		overflow: hidden;
	}
	#ftBnr {
		position: absolute;
		left: 20px;
		top: 15px;
		width: 290px;
		text-indent: 0px;
	}
	#ftrCompany {
		position: absolute;
		right: 20px;
		top: 18px;
		text-indent: 0px;	
	}
/**
 * 5. EachPageStyle
 */
/* pageID */
	body #index .siteTitle {
		display: none;
	}
	body.inPage #gHeaderWrapper {
		position: fixed !important;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 200px;
		z-index: 100;
	}
	body.inPage #gHeader {
		width: 920px;
		margin: 0 auto;
		padding: 0 10px;
	}
	body.inPage .headerImg {
		width: 920px;
		position: relative;
		height: 75px;
		background: transparent url(../imgs/header-bg.jpg) no-repeat left top;
	}
	body.inPage .siteTitle {
		position: absolute;
		left: 20px;
		top: 10px;
	}
	body.inPage #navBottom {
		height: 
	}
	body.inPage #mainContent {
		padding-top: 146px;
	}

	body.inPage #fNav {
		height: 43px;
		padding: 16px 20px;
		margin-top: 70px;
		background: #f2f2f2;
	}
	body.inPage #contact {
		position: relative;
	}
	body.inPage #contact #ftrBts {
		position: absolute;
		right: 30px;
		top: 40px;
	}
	body.inPage #contact #ftrUrl {
		position: absolute;
		left: 20px;
		top: 19px;
	}
	
	
	body #outline #outlineTable td,
	body #outline #outlineTable th {
		padding: 15px 20px;
		border-top: 1px solid #eae6d5;
	}
	body #outline #outlineTable th {
		width: 150px;
		background: #f4f2ea;
		font-weight: normal;
	}
	
/* privacy */
	#privacy {
		background: #ffffff;
	}
	#privacy .page {
		background: none;
	}
	#privacy #container {
		width: 580px;
		padding: 10px;
	}
	#privacy strong {
		color: #000000;
		text-decoration: underline;
	}
	#privacy a:hover strong {
		color: #000000;
		text-decoration: none;
	}

/* map */
	body.pop {
		background: #ffffff !important;
	}
	#map {
		border-top: 3px solid #000000;
		background: none;
	}
	#map #container {
		width: 580px;
		padding: 27px 10px 10px;
	}
	#map #mainContent {
		width: auto;
	}
	
	#access .divGrp1 {
		position: relative;
	}
	#access .child {
		position: absolute;
		left: 565px;
		top: 315px;
	}

/* roomplan */
	body #roomplan .section {
		background: #f4f2ea url(../../roomplan/imgs/bg-section.gif) repeat-x 0 0;
		border: 1px #eae6d5 solid;
		padding: 27px 12px 23px 23px;
		text-align: center;
	}
	body #roomplan #ground {
		width: 410px;
	}
	
/* view gallery */
	body #view .snavArea {
		background-color: #000;
		width: 860px;
		padding-top: 9px;
		background-image: url(../../view/imgs/snav_bg.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	body #view .snavBox {
		width: 670px;
		margin: 0 auto;
	}
	
	body #view .snavArea td {
		padding-right: 3px;
		padding-left: 2px;
	}
/* history */
	body #history {
		color: #cccccc;
	}
	body #history #container {
		background-image: url(../../history/imgs/bg-container.gif);
	}
	body #history #containerInner01 {
		background: transparent url(../../history/imgs/bg-top.gif) no-repeat center top;
	}
	body #history #containerInner02 {
		background: transparent url(../imgs/bg-bottom.gif) no-repeat center bottom;
	}
/* misc_valentine */
	#misc_valentine #container {
		background: #ffffff url(../../misc_campain/imgs/bg-main.gif) repeat-y center top;
		width: 810px;
		margin: 0 auto;
		text-align: left;
	}
	#misc_valentine #containerInner01 {
		background: #ffffff url(../../misc_campain/imgs/bg-top.gif) no-repeat center top;
		padding-top: 25px;
		padding-right: 30px;
		padding-left: 30px;
	}
	#misc_valentine a,
	#misc_valentine a:hover {
		color: #333333;
		font-size: 10px;
		line-height: 15px;
	}
	#misc_valentine a:hover {
		text-decoration: none;
	}
	#misc_valentine .price {
		font-size: 12px;
		line-height: 18px;
		color: #FF0000;
		text-align: right;
	}
	
/* misc_interview */
	#misc_interview #container {
		background: url(../../misc_interview/imgs/bg-main.gif) repeat-y center top;
		width: 810px;
		margin: 0 auto;
		text-align: center;
	}
	#misc_interview #containerInner01 {
		background: url(../../misc_interview/imgs/bg-top.gif) no-repeat center top;
		padding-top: 20px;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
	}
	#misc_interview a,
	#misc_interview a:hover {
		color: #333333;
		font-size: 10px;
		line-height: 15px;
	}
	#misc_interview a:hover {
		text-decoration: none;
	}

/* pop madori */
	body #madori {
		background: #ffffff url(../../roomplan/imgs/pop/bg-pop.gif) repeat-x left top !important;
		text-align: center;
	}
	body #madori #container {
		width: 580px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	body #madori .imgArea {
		position: relative;
		width: 540px;
	}
	body #madori .imgArea .point {
		position: absolute;
		top: 0px;
		left: 0px;
	}