@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";

/**
 * 2. html, body
 */
	body {
		background-color: #000;
	}
	.page {
		background: #000 url(../imgs/bg.gif) repeat-x center top;
		color: #333333;
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 20px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #333;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		text-decoration: none;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
		position: absolute;
		top: 3px;
		left: 20px;
		font-size: 10px;
		line-height: 15px;
		color: #fff;
	}
	.contentTitle {
		/*dont use <h2> selector*/
		margin-bottom: 20px;
	}
	.sTitle {
		/*dont use <h3> selector*/
		margin-bottom: 15px;
	}
	.title {
		/*dont use <h4> selector*/
		margin-bottom: 15px;
	}

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

/**
 * 4. Layout
 */
	body #container {
		background: url(../imgs/bg-header.jpg) no-repeat center top;
	}

	body #container-new {
		background: none;
	}

	body #containerInner01 {
		width: 920px;
		margin-left: auto;
		margin-right: auto;
	}
	body #containerInner02 {
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	body #gHeader {
		height: 110px;
		position: relative;
	}
	body #gFooter {}
	
/* .logo */
	.logo {
		position: absolute;
		top: 24px;
		left: 20px;
	}
	
/* #hNav */
	#hNav {
		position: absolute;
		top: 21px;
		right: 20px;
	}
	#hNav li {
		float: left;
	}
	
/* #gNav */
	#gNav li {
		float: left;
	}
	#gNav img {
		vertical-align: bottom;
	}
	
/* #mainContent */
	body.base #mainContent {
		padding-bottom: 20px;
		background-color: #292929;
		border-bottom: #4d4d4d 1px solid;
	}
	
/* .content */
	.content {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	
/* panorama */
	#panorama {
	position: absolute;
	left: 10px;
	top: 10px;
	}
	#panorama-banner {
		position: relative;
	}
	
/* ftrPrivacy */
	.ftrPrivacy {
		margin-top: 5px;
		text-align: right;
	}
	.ftrPrivacy a {
		padding-left: 10px;
		color: #ccc;
		font-size: 10px;
		background: url(../imgs/bg-privacy.gif) no-repeat left top;
	}

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

/* .breadTxt */
	.breadTxt {
		color: #999;
		margin-left: 30px;
		margin-bottom: 20px;
		padding-top: 10px;
		font-size: 10px;
		line-height: 15px;
	}
	.breadTxt a {
		color: #999;
	}

/* .wBox */
	.wBox {
		width: 860px;
		padding: 25px 20px 50px;
		background-color: #fff;
	}

/**
 * 5. EachPageStyle
 */
/* pageID */
	
/* index */
	#index #flashArea {
		height: 576px;
		background: url(../../imgs/bg-main-new-01.jpg) no-repeat center top;
	}
	#index #flashArea #content {
		width: 920px;
		margin: 0 auto;
	}
	#index #innerWrap {
		width: 920px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	#index #gHeader {
		height: 461px;
		position: relative;
	}
	#index #mainContent {
		background-color: #191919;
		padding: 10px 20px 20px;
	}
	#index #TopicArea .TopicBox {
		float: left;
		position: relative;
	}
	#index #TopicArea .TopicBox .Topicbtn {
		position: absolute;
	}
	
	#index #InfoArea .InfoBox {
		float: left;
		position: relative;
		margin-right: 8px;
		width: 274px;
	}
	#index #InfoArea .InfoBox.last {
		margin-right: 0;
		width: 315px;
	}
	#index #InfoArea .InfoBox .Infobtn {
		position: absolute;
		top:55px;
		left:20px;
	}
	#index #popUpArea {
		margin-bottom: 10px;
	}
	#index #popUpArea .fr {
		padding-top: 21px;
	}
	#index #popUpArea img {
		vertical-align: bottom;
	}
	/* info */
	.info {
		float: left;
		width: 556px;
		background: url(../../imgs/bg-info.gif) repeat-y center top;
	}
	.infoInner {
		margin: 0 auto 15px auto;
		width: 466px;
		height: 158px;
		border: #7f9db9 1px solid;
		padding: 19px;
		background-color: #ffffff;
		overflow-y: scroll;
	}
	.infoInner li {
		margin-bottom: 5px;
		float: left;
		width: 345px;
		color: #333;
	}
	.infoInner li.date {
		width: 101px;
		color: #666;
	}
	.infoInner a {
		color: #333;
	}
	
	.InfoBox03 {
		position: relative;
		width: 315px;
	}
	.InfoBox03 .Infobtn {
		width: 275px;
		position: absolute;
		top: 65px;
		left: 20px;
	}
	
/* misc_campaign */
	#pop #container.campaignBg {
		background: url(../imgs/pop_campaign/bg.jpg) no-repeat center top;
	}
	#pop #gHeader {
		height: 120px;
		position: relative;
	}
	#pop #containerInner01 {
		width: 840px;
	}
	#pop .logo {
		left: 40px;
	}
	#pop .siteTitle {
		/*dont use <h1> selector*/
		left: 40px;
	}
	#pop #hNav {
		top: 21px;
	}
	#pop #mainContent {
		width: 820px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
		border: none;
		background-color: #292929;
	}
	#pop .section {
		width: 760px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		padding: 25px 20px 50px 20px;
	}
	#pop #gFooter {
		width: 780px;
		margin: 0 auto 25px auto;
	}

/* access */
	#access .divGrp1 {
		position: relative;
	}
	#access .divGrp1 .child {
		position: absolute;
		left: 565px;
		top: 315px;
	}

/* location */
	#location .wBox {
		background-color: #1f1c14;
		color: #cccccc;
	}

/* outline */
	#outline #outlineTable td,
	#outline #outlineTable th {
		padding: 15px 20px;
		border-top: 1px solid #eae6d5;
	}
	#outline #outlineTable th {
		width: 150px;
		background: #f4f2ea;
		font-weight: normal;
	}

/* 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;
	}


/* pop */
	body.pop {
		background: #000;
	}
	body.pop .page {
		background: url(../imgs/pop/bg-top.gif) repeat-x 50% 0;
	}
	.pop #container {
		margin: 0 auto;
	}

	/* map */
	#map #container {
		width: 630px;
		background: url(../../misc_map/imgs/bg-container-all.gif) repeat-y 0 0;
	}
	#map #container .bgTop {
		background: url(../../misc_map/imgs/bg-container-top.gif) no-repeat 0 0;
	}
	#map #container .bgBottom {
		padding: 20px 25px 75px 25px;
		background: url(../../misc_map/imgs/bg-container-bottom.gif) no-repeat 0 100%;
	}

	/* misty */
	#misty #container {
		width: 830px;
		background: url(../../misc_misty/imgs/bg-container-all.gif) repeat-y 0 0;
	}
	#misty #container .bgTop {
		background: url(../../misc_misty/imgs/bg-container-top.gif) no-repeat 0 0;
	}
	#misty #container .bgBottom {
		padding: 20px 40px 75px 40px;
		background: url(../../misc_misty/imgs/bg-container-bottom.gif) no-repeat 0 100%;
	}

	/* madori */
	#madori {
		background: url(../../roomplan/imgs/pop/bg-top.gif) repeat-x left top;
	}
	#madori #container {
		width: 590px;
		background: url(../../roomplan/imgs/pop/bg-container-all.gif) repeat-y 0 0;
	}
	#madori #container .bgTop {
		background: url(../../roomplan/imgs/pop/bg-container-top.gif) no-repeat 0 0;
	}
	#madori #container .bgBottom {
		padding: 20px 25px 90px 25px;
		background: url(../../roomplan/imgs/pop/bg-container-bottom.gif) no-repeat 0 100%;
	}
	body #madori .imgArea {
		position: relative;
		width: 540px;
	}
	body #madori .imgArea .point {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.new{color:#cc0000; font-weight:bold;}

/* gallery */

	body #gallery .snavArea {
		background-color: #000;
		width: 860px;
		padding-top: 9px;
		background-image: url(../../common/imgs/snav_bg.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}

/* gooddesign */
	body #gooddesign .wBox {
		padding: 20px;
		background-color: #000;
	}

/* floting bnr */
	#FbrClose {
		position:absolute;
		top: -12px;
		left: 0px;
		font-size: 0;
		line-height: 0;
	}

/* community */
	#community .block {
		position: relative;
		width: 860px;
	}
	#community .blocks {
		display: none;
	}
	#community #point01 {
		display: block;
	}
	#community .block ul {
		position: absolute;
		top: 11px;
		left: 120px;
		width: 630px;
	}
	#community .block li {
		float: left;
		padding-right: 10px;
	}
	#community .block li img {
		vertical-align: top;
	}
	
/* service01 */
	#service01 .wBox {
		padding: 10px 10px 30px 10px;
		width: 880px;
	}

/* util */
	.wd240 { width: 240px; }