@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: #0f1b3c url(../imgs/bg.gif) repeat-x left top;
	}
	body.pop {
		background: #0f1b3c;
	}
	.page {
		color: #cccccc;
		font-size: 12px;
		line-height: 18px;
	}

/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #cccccc;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #dccb91;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {
	}

/* heading */
	.siteTitle {
		position: absolute;
		top: 14px;
		left: 13px;
	}
	.section .title {
		margin-bottom: 30px;
	}
	.section .className {
		/*dont use <h4> selector*/
		margin-bottom: 20px;
	}
	.section h5 {
		margin-bottom: 15px;
	}
/*	body #equipment h5 {
		margin-bottom: 10px;
	}*/

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

/**
 * 4. Layout
 */
	body #container {
		width: 920px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
		padding-bottom: 20px;
	}
	body #containerInner01 {
		background: transparent url(../imgs/bg-top.gif) no-repeat center top;
	}

/*header*/
	body #gHeader {
		position: relative;
		width: 920px;
		margin-bottom: 40px;
	}
	#hdrBt {
		position: absolute;
		top: 15px;
		right: 20px;	
	}
	#gNavList li {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	#gNavList li a {
		display: block;
		overflow: hidden;
	}
	#gNavList li img {
		vertical-align: top;
	}

/*main contetn*/
	#mainContent {
		clear: both;
		width: 880px;
		margin-right: auto;
		margin-left: auto;
	}

/*footer*/
	body #gFooter {
		width: 920px;
		margin-right: auto;
		margin-left: auto;
	}
	/*footer nav*/
	#fNav {
		position: relative;
		width: 880px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	#pageTop {
		position: absolute;
		top: 0;
		right: 0;
	}

	/*contact*/
	body #contact {
		clear: both;
		position: relative;
		width: 920px;
		margin-bottom: 15px;
	}
	#ftrContact {
		background: url(../imgs/ftr-contact.gif) no-repeat center top;
		width: 920px;
		height: 73px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	#ftrBt {
		position: absolute;
		top: 41px;
		right: 20px;
	}
	#ftrLink {
		border: 1px #2e3957 solid;
		margin-top: 20px;
	}
	#ftrLink li {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	#ftrLink li a {
		display: block;
		overflow: hidden;
		color: #818ba6;
		font-size: 10px;
		line-height: 14px;
		text-decoration: none;
		text-align: center;
		width: 305px;
		padding: 5px 0;
	}
	#ftrLink li#border a {
		width: 306px;
		border-left: 1px #2e3957 solid;
		border-right: 1px #2e3957 solid; 
	}
	#ftrLink li a:hover {
		background: #1f2a49;
	}

	/*footer logo*/
	body #ftrLogo {
		clear: both;
		display: block;
		position: relative;
		width: 920px;
		padding-top: 16px;
	}
	#logo01 {
		position: absolute;
		top: 0;
		left: 376px;
	}
	#logo02 {
		position: absolute;
		top: 0;
		left: 538px;
	}
	#logo03 {
		position: absolute;
		top: 0;
		left: 628px;
	}
	#logo04 {
		position: absolute;
		top: 0;
		left: 796px;
	}
	#copyright {
		background: url(../imgs/ftr-copyright.gif) no-repeat left top;
		width: 335px;
		height: 10px;
		text-indent: -9999px;
	}

/* pop */
	body.pop #footer {
		background: url(../imgs/bg-pop-footer.gif) repeat-x left top;
		padding-bottom: 20px;
	}

	/* privacy */
	body.pop#privacy .page {
		padding-bottom: 20px;
		color: #333333;
	}
	body.pop#privacy #container {
		width: 729px;
		background: #ffffff;
		border: 1px #d4d4d4 solid;
		border-top: none;
		padding: 15px 10px 30px;
	}
	body.pop#privacy #mainContent {
		width: 707px;
		background: transparent;
		border: 1px #d4d4d4 solid;
		padding: 10px;
	}
	body.pop#privacy #textArea {
		background: #eeeff1;
		padding: 10px;
		font-size: 12px;
		line-height: 18px;
	}
	#privacy #textArea li {
		text-indent: -1em;
		padding-left: 1em;
	}
	#privacy #textArea strong {
		font-size: 14px;
		line-height: 18px;
	}
	body.pop#privacy #contactArea {
		background: #ffffff;
		padding: 10px;
	}
	#privacy #contactArea .title {
		font-weight: bold;
		color: #ffffff;
		background: #333f67;
		padding: 8px 8px 8px 12px;
		margin-bottom: 10px;
	}
	#privacy #contactArea strong {
		font-size: 12px;
	}
	#privacy #contactArea span {
		font-size: 10px;
		line-height: 14px;
	}

	/* map */
	body.pop#map #container {
		width: 610px;
		padding:0;
	}
	body.pop#map #mainContent {
		width: 520px;
		margin: 30px auto;
	}

	/* madori */
	body.pop#madori #container {
		width: 610px;
		padding:0;
	}
	body.pop#madori #mainContent {
		position: relative;
		width: 560px;
		margin: 50px auto;
	}
	body.pop#madori .btNext {
		position: absolute;
		top: 452px;
		right: -23px;
	}
	body.pop#madori .btBack {
		position: absolute;
		top: 452px;
		left: -23px;
	}
	body.pop#madori .btReserve {
		position: absolute;
		top: -38px;
		right: 0px;
	}
	body.pop#madori #madoriArea {
		background: #0f1b3c;
		padding: 1px;
		border: 2px #38425d solid;
		margin-bottom: 5px;
	}
	body.pop#madori #whiteArea {
		background: #ffffff;
		text-align: center;
		padding: 40px 0;
	}

/**
 * 5. EachPageStyle
 */
/* pageID */
	#flashContent {
		height: 410px;
		margin-bottom: 20px;
		position: relative;
		width: 920px;
	}
	#flashAreaTxt {
		padding-top: 90px;
	}
	#flashAreaTxt h1 {
		font-weight: bold;
		font-size: 14px;
	}
	body #pageIndex {
		background: #0f1b3c url(../../imgs/bg.gif) repeat-x left top;
	}
	body #pageIndex #gHeader {
		margin-bottom: 0;
	}
	body#madori .price,
	body#madori .priceN,
	body#roomplan .price,
	body#roomplan .priceN {
		font-weight: bold;
		padding-top: 3px;
	}
	
	body#madori .price,
	body#madori .priceN {
		margin-bottom: 10px;
	}
	
	body#roomplan .priceN,
	body#madori .priceN {
		color: #dccb91;
	}

/* outline */
	#companyLogo {
		margin: 30px auto 0;
		padding: 9px;
		width: 680px;
		border: 1px solid #999999;
		text-align: center;
		background: #ffffff;
	}