@charset "UTF-8";


/* ***
 *	page guide
 *	index
 * ***/


/* ***
 *	page guide
 * ***/
div.pageGuide{
	width:710px;
	margin-bottom:60px;
}

div.pageGuide ol{
	word-spacing: -1em;
	display: table;
	display: block\9;

	width:717px;
	margin-right:-7px;
	overflow: hidden;
	_zoom: 1;
}

div.pageGuide ol > li{
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;

	width:232px;
	margin-right:7px;
	font-size: 14px;
	font-size: 1.4rem;
}

div.pageGuide ol > li > dl{
	width:232px;
}

div.pageGuide ol > li > dl dt{
	width:232px;
	height:60px;
}

div.pageGuide ol > li > dl dt a{
	position: relative;
	display:block;
	padding:2px 0 0;
	background:#e0f0d1;
	color:#45942b;
	font-size: 22px;
	font-size: 2.2rem;
	line-height:58px;
	text-align:center;
}

/*
div.pageGuide ol > li > dl dt a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width:13px;
	height:13px;
	margin-top:-7px;
	background:url(/~himi/common/images/link_arrow.png) left top no-repeat;
	z-index: 1;
}
*/

div.pageGuide ol > li > dl dt a:hover{
	background:#45942b;
	color:#fff;
}

div.pageGuide ol > li > dl dd{
	padding:10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.5;
	text-align: justify;
}

/* onpage
-------------------------------------------------------*/
div.pageGuide ol > li > dl.onpage dt a{
	background:#45942b;
	color:#fff;
}

/* ***
 *	index
 * ***/
ul.photos{
    display: table;
	width:710px;
	margin-bottom:45px;
	list-style-type:none;
}

ul.photos li{
	display: table-cell;
	line-height:0;
}

ul.photos li:first-child{
	padding-right:30px;
}

	ul.photos li.first-child{ /*IE-expression (first-child) */
		padding-right:30px;
	}

	ul.photos li{ /* IE-expression (first-child) */
		behavior: expression(
		this.className += (this.previousSibling == null) ? " first-child" : "",
		this.style.behavior = "none"
		);
	}

div.outline > ul > li > img{
	margin-bottom:45px;
}

div.officehours ul{
	word-spacing: -1em;
	display: table;
	display: block\9;
	font-size:0;

	width:710px;
	list-style-type:none;
}

div.officehours ul li{
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;

	width:340px;
}

div.officehours ul li:nth-child( 2n+1 ){
	margin-right:30px;
}

div.officehours ul ol li{
	font-size: 14px;
	font-size: 1.4rem;
}

div.officehours dl{
	width:340px;
}

	div.officehours dl:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div.officehours dl{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div.officehours dl{
		zoom: 1;
	}

div.officehours dl dt{
	float:left;
	width:110px;
	padding:9px 0 0;
	color:#45942b;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:bold;
	line-height:1.8;
}

div.officehours dl dd{
	border-top:2px #45942b solid;
	padding:7px 0 30px 120px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height:2.0;
}

div.paycontents dl dt{
	width:100%;
	margin-bottom:15px;
	padding:20px 0 0;
	border-top: 1px #a3ca95 solid;
	color:#45942b;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight:bold;
	line-height:1.0;
}

div.paycontents dl dd{
	position:relative;
	padding:0 280px 35px 15px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.5;
}

div.paycontents dl dd span{
	position:absolute;
	top:0;
	right:0;
	width:265px;
}

/* floor
-------------------------------------------------------*/
ul#floorList{
	width:710px;
	padding-bottom:40px;
	list-style-type:none;
}

ul#floorList > li{
	position: relative;
	width:710px;
	margin-bottom:20px;
}

ul#floorList > li > dl{
	display:table;
	width:100%;
	height:55px;
	border:1px #5e76ff solid;
}

ul#floorList > li > dl dt,
ul#floorList > li > dl dd{
	display:table-cell;
	vertical-align:middle;
}

ul#floorList > li > dl dt{
	width:90px;
	background:#5e76ff;
	text-align:center;
}

ul#floorList > li > dl dd{
	width:620px;
	padding:0 20px;
	color:#909090;
	font-size: 20px;
	font-size: 2.0rem;
	line-height:1.0;
}

ul#floorList > li > dl::before {
	content: "";
	position: absolute;
	top: 21px;
	right: 25px;
	display: block;
	width:13px;
	height:13px;
	background:url(/~himi/common/images/link_arrow.png) left top no-repeat;
	z-index: 1;
}

ul#floorList > li > dl.active::before {
	content: "閉じる";
	position: absolute;
	top: 18px;
	right: 15px;
	display: block;
	width:50px;
	height:18px;
	background:#ff480f;
	color:#fff;
	font-size: 11px;
	font-size: 1.1rem;
	line-height:18px;
	text-align:center;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	z-index: 1;
}

ul#floorList > li:hover{
	cursor: pointer;
}

ul#floorList > li > p{
	position: relative;
	width:100%;
	height:55px;
	padding:0 30px;
	background:#e0f0d1;
	border:1px #c7dfbf solid;
	color:#45942b;
	font-size: 20px;
	font-size: 2.0rem;
	line-height:55px;
}

ul#floorList > li > p::before {
	content: "";
	position: absolute;
	top: 21px;
	right: 25px;
	display: block;
	width:13px;
	height:13px;
	background:url(/~himi/common/images/link_arrow.png) left top no-repeat;
	z-index: 1;
}

ul#floorList > li > p.active::before {
	content: "閉じる";
	position: absolute;
	top: 18px;
	right: 15px;
	display: block;
	width:50px;
	height:18px;
	background:#ff480f;
	color:#fff;
	font-size: 11px;
	font-size: 1.1rem;
	line-height:18px;
	text-align:center;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	z-index: 1;
}

div.floor{
	display:none;
	padding:50px 0 20px;
}

	div.floor:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div.floor{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div.floor{
		zoom: 1;
	}

div.floor p{
	float:left;
	width:580px;
	line-height:0;
}

div.floor div.sideList{
	float:right;
	width:130px;
}

div.floor div.sideList ul{
	width:130px;
	padding:7px 0 15px;
	list-style-type:none;
}

div.floor div.sideList ul li{
	position: relative;
	margin-bottom:0;
	padding:3px 0 3px 18px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height:1.3;
}

div.floor div.sideList ul li::before {
	content: "■";
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	width:13px;
	height:13px;
	font-size: 13px;
	font-size: 1.3rem;
	z-index: 1;
}

div.floor div.mapList{
	clear:both;
	width:100%;
	padding:20px 0 0;
}

div.floor div.mapList > ul{
	display: inline-block;
	width: 11em;
	list-style-type: none;
	vertical-align: top;
}

	div.floor div.mapList > ul:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div.floor div.mapList > ul{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div.floor div.mapList > ul{
		zoom: 1;
	}

div.floor div.mapList > ul > li{
	position: relative;
	float: left;
	width: 140px;
	padding: 3px 0 0 18px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
}

div.floor div.mapList > ul > li::before {
	content: "■";
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	width:13px;
	height:13px;
	font-size: 13px;
	font-size: 1.3rem;
	z-index: 1;
}

div.floor div.mapList > ul > *:first-child + * {
	width:310px;
}

div.floor div.mapList > ul > li > ul{
	padding:5px 0 0;
	list-style-type:none;
}

	div.floor div.mapList > ul > li > ul:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div.floor div.mapList > ul > li > ul{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div.floor div.mapList > ul > li > ul{
		zoom: 1;
	}

div.floor div.mapList > ul > li > ul > li{
	margin:0;
	padding:3px 0;
}

	div.floor div.mapList ul > li > ul.oneColm{
		width:140px;
	}

	div.floor div.mapList ul > li > ul.oneColm li{
		width:100%;
	}

	div.floor div.mapList ul > li > ul.twoColm{
		width:310px;
	}

	div.floor div.mapList ul > li > ul.twoColm li{
		float:left;
		width:155px;
	}

li.color_cyan::before {
	color:#44c5b1;
}
li.color_gray::before {
	color:#d5d5d5;
}
li.color_palegreen::before {
	color:#c3e6e0;
}
li.color_yellow::before {
	color:#fef667;
}
li.color_paleblue::before {
	color:#def2f3;
}
li.color_orange::before {
	color:#fc9b00;
}
li.color_green::before {
	color:#47ad6e;
}
li.color_purple::before {
	color:#9c73b7;
}
li.color_scarlet::before {
	color:#ed5b44;
}
li.color_green2::before {
	color:#70ae29;
}

li.color_a::before {
	color:#80d6bd;
}
li.color_b::before {
	color:#bb1b4b;
}
li.color_c::before {
	color:#fb9ca4;
}
li.color_d::before {
	color:#018ec6;
}
li.color_e::before {
	color:#9c73b7;
}
li.color_f::before {
	color:#e65da3;
}
li.color_g::before {
	color:#ffc853;
}
li.color_h::before {
	color:#ff7719;
}
li.color_k::before {
	color:#47c9fa;
}

ol.leveld{
	float:right;
}

div.garden{
	display:none;
	padding:30px 0 0;
}

	div.garden:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div.garden{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div.garden{
		zoom: 1;
	}

div.garden > p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.5;
}

div.sponsor{
	float:left;
	width:360px;
}

div.sponsor > p{
	margin-bottom:40px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.5;
}

div.sponsor > p.notes{
	margin-bottom:0;
	color:#45942b;
	font-size: 13px;
	font-size: 1.3rem;
	line-height:1.5;
}

div#container div.sponsor > h3{
	margin-bottom:20px;
	padding:0 18px;
	background:#45942b;
	color:#fff;
	font-size: 20px;
	font-size: 2.0rem;
	line-height:48px;
}

div.sponsor > ul{
	width:360px;
	margin-bottom:35px;
	border-bottom:1px #45942b solid;
	list-style-type:none;
}

div.sponsor > ul li{
	padding:6px 15px 4px;
	border-top:1px #45942b solid;
	font-size: 18px;
	font-size: 1.8rem;
	line-height:1.5;
}

ul.gardenPhoto{
	float:right;
	width:305px;
	list-style-type:none;
}

ul.gardenPhoto li{
	margin-bottom:15px;
	line-height:0;
}

/* service
-------------------------------------------------------*/
div.serviceList{
	width:710px;
	margin-bottom:50px;
	border-bottom: 1px #a3ca95 solid;
}

div.serviceList > dl > dt{
	position: relative;
	padding:15px 0 5px 70px;
	border-top: 1px #a3ca95 solid;
	color:#45942b;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight:bold;
	line-height:1.0;
	letter-spacing:0.2em;
}

div.serviceList > dl > dt span{
	position: absolute;
	top:8px;
	left:0;
	display: inline-block;
	width:55px;
	height:33px;
	background:#5e76ff;
}

div.serviceList > dl > dd{
	padding:10px 0 40px;
}

div.serviceList > dl > dd > dl{
	width:100%;
}

	div.serviceList > dl > dd > dl:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div.serviceList > dl > dd > dl{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div.serviceList > dl > dd > dl{
		zoom: 1;
	}

div.serviceList > dl > dd > dl > dt{
	float:left;
	width:265px;
	padding:0;
	line-height:0;
}

div.serviceList > dl > dd > dl > dd{
	padding:0 0 0 285px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height:1.6;
}