@import "extension/init/std.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: #bab395;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
		font-family: sans-serif;
	}
	.page {
		color: #333333;
		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: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		float: left;
	}
	.contentTitle {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 35px;
	}
	.sectionTitle {
		margin-bottom: 30px;
	}
	.box .title {
		margin-bottom: 15px;
	}
	.box .title10 {
		margin-bottom: 10px;
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

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

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

/**
 * 4. Layout
 */
 	body.base .page {
 		background: #bab395 url(../imgs/bg.gif) repeat-x left top;
 	}
 	body.base .page#index {
 		background: #bab395 url(../imgs/bg-index.gif) repeat-x left top;
 	}
	body #gHeader {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
	}
	body #gHeader #gNav {
		height: 90px;
		overflow: hidden;
	}
	body #gHeader #gNavList {
		width: 781px;
		height: 90px;
		float: right;
	}
	body #gHeader #gNav li {
		float: left;
	}
	body #mainContent {
		width: 970px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
		background: transparent url(../imgs/container-bg.gif) repeat-y left top;
		text-align: left;
	}
	body #mainContentInner01 {
		background: transparent url(../imgs/container-bg-top.gif) no-repeat left top;
	}
	body #mainContentInner02 {
		background: transparent url(../imgs/container-bg-bottom.gif) no-repeat left bottom;
		padding: 45px 35px;
	}
	body #fWrap {
		background: #bab395 url(../../imgs/fwrap.gif) repeat-x left top;
	}
	body #gFooter {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
	}
	body #gFooter #fNav {
		position: relative;
		height: 15px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 25px;
		color: #8c8564;
	}
	body #gFooter #fNav a {
		color: #4c462e;
		text-decoration: none;
	}
	body #gFooter #fNav strong,
	body #gFooter #fNav a:hover {
		color: #694119;
	}
	body #gFooter #fNav a:hover {
		text-decoration: underline;
	}
	body #gFooter #fNav #pagetop {
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	body #gFooter #fNav #pagetop a {
		padding-left: 15px;
		background: transparent url(../imgs/blt-pagetop.gif) no-repeat left center;
	}
	body #gFooter #fNav #pagetop a:hover {
		background: transparent url(../imgs/blt-pagetop_ov.gif) no-repeat left center;
	}
	body #gFooter #company {
		margin-top: 18px;
		padding-bottom: 30px;
	}
	body #gFooter #copyright {
		margin: 38px 0 0;
		padding-bottom: 20px;
		text-align: center;
	}
/**
 * 5. EachPageStyle
 */
/* pageID */
	body #flashArea {
		height: 405px;
		width: 100%;
	}
	body #topSWF {
		margin: 0 auto;
		width: 900px;
		padding: 200px 30px 0;
	}
/* pop01 */
	body .pop01 {
		background: transparent url(../imgs/pop-bg.gif) repeat-x left top;
	}
	body .pop01 h1 {
		width: 590px;
		margin: 0 auto;
	}
	body .pop01 #mainContent {
		width: 590px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
		background: transparent url(../imgs/pop-container-bg.gif) repeat-y left top;
		text-align: left;
	}
	body .pop01 #mainContentInner01 {
		background: transparent url(../imgs/pop-container-bg-top.gif) no-repeat left top;
	}
	body .pop01 #mainContentInner02 {
		background: transparent url(../imgs/pop-container-bg-bottom.gif) no-repeat left bottom;
		padding: 25px;
	}
	body#popSpecial,
	body#popSpecial .pop01 {
		background: url(../../misc_special/imgs/bg.gif) repeat center top;
	}
	body#popSpecial #container {
		margin: 0 auto;
		padding-bottom: 20px;
		width: 960px;
		text-align: center;
	}
	body#final .BTNbox {
		position: relative;
		width: 730px;
	}
	body#final .BTN {
		position: absolute;
	}
/* roomplan */
	.price {
		color: #9a3a1a;
		font-weight: bold;
		font-size: 14px;
		padding-top: 3px;
	}
	.price span {
		font-size: 12px;
	}
	body.pop .price {
		width: 580px;
		margin: 0 auto;
		text-align: center;
		line-height: 30px;
		color: #fff;
		background-color: #000;
	}
	.planBox {
		position: relative;
		width: 286px;
	}
	.planBtn {
		position: absolute;
		top: 357px;
		left: 16px;
	}
	.planTxtBtn {
	position: absolute;
	top: 187px;
	left: 1px;
	}
	.kagu {
		position: absolute;
		top: -30px;
		right: 246px;
	}
/* popRoomplan */
	body #popRoomplan .spec {
		margin-bottom: 30px;
	}
	body #popRoomplan .madori {
		margin-bottom: 30px;
		text-align: center;
	}
/* outline */
	body #outline #outlinetable{
		border: 1px solid #cbc6a4;
	}
	body #outline #outlinetable th{
		background-color: #efecda;
		padding: 10px 0 10px 20px;
		width: 177px;
		border-bottom: 1px solid #cbc6a4;
		font-weight: normal;
	}
	body #outline #outlinetable td{
		background-color: #ffffff;
		padding: 10px 0 10px 20px;
		border-bottom: 1px solid #cbc6a4;
	}
	body #outline #innertable td {
		background: none;
		margin: 0px;
		padding: 0px;
		border: none;
	}
/* floationgBnr */
	#float {
		position: absolute;
		right: 30px;
		top: 135px;
		height: 200px;
		width: 210px;
	}
	#floatArea {
		position: absolute;
		left: 0px;
		top: 0px;
		height: 200px;
		width: 210px;
		z-index: 999;
		cursor: move;
		background: url(../imgs/pop-bt-01.gif) no-repeat center top;
	}
/* svcFooterArea */
	#svcFooterArea {
		padding: 15px 0 20px;
		background: #ffffff url(extension/svc/svc-bg-ftrArea.gif) repeat-x center top;
		text-align: center;
	}
	#svcBtArea {
		margin-bottom: 35px;
	}
/* index */
	body #index #topImg {
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	body #index .info {
		padding-top: 18px;
		text-align: center;
		background: url(../../imgs/bg-info.gif) repeat-x center top;
	}