@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;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #64d2e5;
		text-decoration: underline;
		font-weight: bold;
	}
	a:visited {}
	a:hover {
		color: #666;
		background-position: bottom right;
		text-decoration: none;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		/*dont use <h2> selector*/
		margin-bottom: 40px;
	}
	.section .title {
		/*dont use <h3> selector*/
		margin-bottom: 35px;
	}
	.section h4 {
		/*dont use <h4> selector*/
		margin-bottom: 25px;
	}
	.section h5 {
		/*dont use <h5> selector*/
		margin-bottom: 20px;
	}
	

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

/**
 * 4. Layout
 */
	body #container {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}
	body .section {
		width: 880px;
		margin-left: auto;
		margin-right: auto;
	}
	body #gHeader {
		margin-bottom: 30px;
	}
	body #hNav {
		height: 33px;
		margin-bottom: 4px;
	}
	body #hNav ul {
		float: right;
		width: 564px!important;
		width: 567px;
	}
	body #hNav li {
		float: left;
		height: 33px;
		margin-left: 7px!important;
		margin-left: 6px;
	}
	body #gNav {
		height: 51px;
		margin-top: 20px;
	}
	body #gNav li {
		float: left;
		height: 51px;
	}
	body .snav {
		float: right;
	}
	body .snav ul {
		height: 35px;
	}
	body .snav li {
		float: left;
		margin-left: 7px!important;
		margin-left: 5px;
	}
	
	body #gFooter {
		padding-top: 30px;
		margin-top: 50px;
	}
	#ftrBnrArea {
		margin-top: 30px;
		border-top: 1px solid #ccc;
		padding-top: 40px;
	}

	
/**
 * 5. CI
 */	
	/* cihead */
	#ciHead {
		height: 45px;
		margin-bottom: 40px;
	}
	.ciText {
		/* padding */ 
		padding-top: 10px;
	}
	.ciText a {
		/* color */
		color: #64d8e5;
	}
	
	/* ciFooterArea */
	#ciFooterArea {
		/* padding  margin */
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 17px;
		border-top: #ccc 1px solid;
	}
	
/**
 * 6. EachPageStyle
 */
 /* index */
 	body #index #gHeader {
		margin-bottom: 20px;
	}
	body #index #ciHead {
		margin-bottom: 0;
	}
	body #index  #gFooter {
		width: 960px;
		padding-top: 0;
		margin-top: 0;
		border-top: none;
	}
	body #index #flashArea {
		clear: both;
		height: 500px;
		width: 960px;
		margin: 0 auto;
		text-align: center;
	}
	body #index #flashContent {
		margin: 0 auto;
		width: 960px;
	}
	body #index .nonFlashContent {
		text-align: center;
		padding: 40px;
	}

 /* layout */
	#pagetop {
		text-align: right;
		margin-top: 60px;
	}
	
	#contact {
		width: 516px;
		background-image: url(../imgs/bg-k_y.gif);
		background-repeat: repeat-y;
		background-position: right top;
	}
	#contact a {
		color: #c63604;
		text-decoration: underline;
	}
	#contact a:hover {
		color: #c63604;
		text-decoration: none;
	}
	#contact #mailLink,
	#contact #mapLink {
		color: #c63604;
		font-size: 10px;
		line-height: 18px;
		font-weight: bold;
		padding-left: 16px;
	}
	#contact #mailLink {
		background-image: url(../imgs/bg-mail.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#contact #mapLink {
		background-image: url(../imgs/bg-map.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}

/* flash */
	.flashArea .flashBox {
		padding: 20px;
		width: auto;
		text-align: center;
	}
	.flashArea .flashBox h1,
	.flashArea .flashBox p {
		margin-bottom: 15px;
	}

/* box01 */	
	.box01 {
		padding: 10px 0 35px 0;
	}

/* box02 */	
	.box02 {
		padding: 10px 0 20px 0;
	}

/* k */	
	.k-side {
		padding: 10px 0;
		text-align: center;
		background-image: url(../imgs/bg-k_y.gif);
		background-repeat: repeat-y;
		background-position: right top;
	}
	.k-side-left {
		background-image: url(../imgs/bg-k_y.gif);
		background-repeat: repeat-y;
		background-position: left top;
	}
	.k-top {
		text-align: center;
		padding-top: 40px;
		background-image: url(../imgs/bg-k_x.gif);
		background-repeat: repeat-x;
		background-position: left top;
	}

/* irodoriArea */
	.irodoriArea .irodoriBox {
		position: relative;
	}
	.irodoriArea .irodoriBox .txt,
	.irodoriArea .irodoriBox .caption {
		position: absolute;
	}
	.irodoriArea .irodoriBox .txt {
		left: 5px;
		top: 110px;
		width: 430px;
		text-align: left;
	}
	.irodoriArea .irodoriBox .caption {
		right: 5px;
		top: 535px;
		width: 430px;
		text-align: right;
	}

/* locationBox01 */
	.locationBox01 {
		padding-right: 7px;
		background-image: url(../imgs/bg-k_y.gif);
		background-repeat: repeat-y;
		background-position: 218px top;
	}
	.locationBox01 .caption {
		margin: 2px 0 20px;
		text-align: right;
	}
	.locationBox01 h5 {
		margin-bottom: 24px;
	}
	.locationBox01 .txt {
		margin: 0 5px;
	}
	.noBorder {
		padding-right: 0;
		background-image: none;
	}

/* roomBox */
	.roomBox {
		position: relative;
		width: 380px;
	}
	.roomBox .btn {
		position: absolute;
		left: 106px;
		top: 551px;
	}

/* pop:sizeW600 */
	.page-pop {
		padding: 0 0 20px;
	}
	.page-pop #gHeader {
		margin-bottom: 15px;
	}
	.page-pop #container {
		width: 600px;
	}
	.page-pop #gFooter {
		padding-top: 30px;
	}
	.page-pop #gFooter #contact {
		padding: 0;
		width: 290px;
		text-align: left;
	}
	.page-pop .btnArea {
		margin-bottom: 30px;
		padding-top: 30px;
		border-top: 1px solid #ccc;
		text-align: center;
	}
	.page-pop #fNav li {
		float: none;
		display: inline;
		
	}
	.madoriArea {
		position: relative;
		width: 600px;
		text-align: center;
	}
	.btnNextBack {
		position: absolute;
		top: 276px;
		left: 0;
	}
	.btnNextNext {
		position: absolute;
		top: 276px;
		right: 0;
	}
	/** pop-event **/
	#event.page-pop #gHeader {
		margin-bottom: 40px;
		padding-top: 30px;
	}
	#event.page-pop .Tbox {
		padding-bottom: 20px;
		margin-bottom: 55px;
		border-bottom: 1px solid #ccc;
	}
	#event.page-pop .Tbox .inBox {
		padding-left: 40px;
		color: #333333;
	}
	#event.page-pop .Tbox h3 {
		border-bottom: 3px solid #ccc;
		font-weight: bold;
	}
	#event.page-pop .Tbox span {
		color: #999999;
	}
	#event.page-pop .Tbox h3 {
		line-height: 20px;
		margin-bottom: 25px;
	}
	#event.page-pop .Tbox h3 span {
		color: #c63604;
	}
/* miscLife */
	#miscLife #container {
		padding: 30px 0 0;
		width: 880px;
	}
	#miscLife #container .nav a,
	#miscLife #container .nav a:hover {
		padding-left: 10px;
		margin-left: 10px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		background: url(../../location/imgs/pop/bg-txtlink.gif) no-repeat left top;
	}
	#miscLife #container .nav a:hover {
		color: #64d8e5;
		font-weight: normal;
		text-decoration: none;
		background: url(../../location/imgs/pop/bg-txtlink.gif) no-repeat left 2px;
	}
	#miscLife #gFooter {
		padding-top: 50px;
		margin-top: 20px;
		border-top: #ccc 1px solid;
	}
	#miscLife .contactBg {
		background: url(../imgs/bg-pop-contact.gif) repeat-x center top;
	}
	#miscLife #mainContent table.lifeBox td {
		padding:4px 1px 2px 3px;
		font-size: 10px;
		line-height: 15px;
	}

	#miscLife #mainContent table.lifeBox tr.odd {
		background: #f5f5f5;
	}
	#miscLife .lifeBox .name {
		width: 188px;
	}
	#miscLife .lifeBox .meter {
		width: 115px;
	}
	#miscLife .lifeBox .address {
		width: 85px;
	}
	#miscLife .lifeBox .tel {
		width: 82px;
	}
	#miscLife .lifeBox .time {
		width: 354px;
	}
	
/* miscStyle */
	#miscStyle #mainTitle {
		position: relative;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#miscStyle #btTop {
		position: absolute;
		top: 45px;
		right: 7px;
	}
	#miscStyle #container{
		padding-bottom: 20px;
	}
	#miscStyle .styleBox {
		background:url(../../misc_style/common/bg-main.gif) repeat-y center top;
	}
	#miscStyle .innerStyleBox01 {
		background:url(../../misc_style/common/bg-top.gif) no-repeat center top;
	}
	#miscStyle .innerStyleBox02 {
		padding: 50px 0 0;
		background:url(../../misc_style/common/bg-bottom.gif) no-repeat center bottom;
	}
	#miscStyle .styleBox .section {
		width: 860px;
		font-size: 10px;
		line-height: 15px;
	}
	#miscStyle .section.dot {
		background: url(../../misc_style/common/dot.gif) repeat-x left bottom;
	}

/* misc5point */
	#misc5point h4 {
		margin-bottom: 15px;
	}
	#misc5point #pagetop {
		clear: both;
		width: 900px;
		margin: 0 auto 30px;
	}
	#misc5point #head {
		background-color: #d00941;
		text-align: center;
		margin-bottom: 19px;
	}
	#misc5point #nav {
		border-bottom: 1px solid #d00941;
		margin-bottom: 50px;
	}
	#misc5point #nav ul {
		width: 508px;
		margin: 0 auto;
		height: 29px;
	}
	#misc5point .navFL li {
		float: left;
	}
	#misc5point #container {
		width: 100%;
	}
	#misc5point .section {
		width: 100%;
		background: transparent url(../../misc_5point/imgs/bg-section.gif) repeat-x left top;
		padding-top: 40px;
	}
	#misc5point .section .box {
		width: 900px;
		margin: 0 auto;
	}
	#misc5point .photoBox {
		width: 820px;
		padding: 40px 40px 30px;
		background-color: #f5f5f5;
	}
	#misc5point .photoList ul {
		width: 910px;
	}
	#misc5point .photoList li {
		float: left;
		padding-right: 10px;
	}
	
/* carBox */
	#miscMap .carBox {
		font-size: 10px;
		line-height: 15px;
		border: #1ac1d3 solid 1px;
	}
	
/* floatingBnr */
	#float {
		position: absolute;
		top: 325px;
		right: 50px;
		width: 180px;
		height: 223px;
	}
	#float .child {
		position: absolute;
		left: 18px;
	}
	#floatBtn {
		cursor: move;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 180px;
		height: 223px;
		z-index: 999;
	}

/* madori */
	.priceplan {
		padding: 15px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		width:420px;
		border: #CCC solid 1px;
		text-align: left;
		color: #333;
		display: none;
	}