@charset "UTF-8";

/*
	Theme Name: Green
	Theme URI: http://green.webdesignrecipes.com/
	Description: WordPress Corporate Theme
	Version: 2.2
	Author: Nori Takahashi
	Author URI: http://webdesignrecipes.com/
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
}

img{ vertical-align: bottom; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}


/****************************************

	1.Main Layout

*****************************************/

body{
    background: #fbfbf3;
    color: #333;
	font-size: 14px;
    font-family:
    	Verdana, Arial,
    	'ヒラギノ角ゴ Pro W3',
    	'Hiragino Kaku Gothic Pro',
    	Osaka,
    	'ＭＳ Ｐゴシック',
    	sans-serif;
    line-height: 160%;
}

#container,
.wrapper{
	margin:0 auto;
	width:960px;
}

#container{
	overflow: hidden;
}

#header{
	height: 145px;
	background: #fff;
}

#main{
	clear: both;
}


/****************************************

	2. General Setting

*****************************************/

a {
	outline: 0 none;
	color: #59a80f;
}

	a:hover,
	a:active{
		color: #44810c;
	}

.clear{
	display: block;
	clear: both;
}

.hidden { display: none; }

.right-align{ text-align: right;}

.center-align{ text-align: center;}

ul{
	margin-left: 18px;
	list-style-image: url(images/list.png);
}

	li{ margin: 5px 0; }

strong{ font-weight: bold ;}

small,
.small{
	font-size: 80%;
}

.medium{ font-size: 90%; }

.large{
	font-size: 140%;
	line-height: 1.8 !important;
}

.serif{ font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; }


/****************************************

	3. Header

*****************************************/

#header .wrapper{
	overflow: hidden;
	padding: 13px 10px 18px 10px;
	width: 940px;
	height: 67px;
}

#logo{
	float: left;
	margin-top: 20px;
	width: 331px;
	height: 44px;
}

	#logo a{
		display: block;
		width: 100%;
		height: 100%;
		background: url(images/logo.png) no-repeat 0 0;
		text-indent: -9999px;
	}

#sub-navi{
	float: right;
	width: 609px;
}

#sub-navi ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

	#sub-navi ul ul {
		display: none;
	}

	#sub-navi li{
		float: right;
		margin: 0 0 0 30px;
		padding: 0;
	}

		#sub-navi a{
			display: block;
			padding-left: 50px;
			height: 18px;
			background: url(images/link.png) no-repeat 0 0;
			color: #333;
			text-decoration: none;
			line-height: 18px;
		}

#searchform{
	position: relative;
	float: right;
	margin-top: 25px;
	width: 177px;
	height: 24px;
	background: url(images/search-form.jpg) no-repeat 0 0;
}

	.widget_search #searchform{
		float: none;
	}

	#s{
		margin-left: 5px;
		width: 148px;
		height: 100%;
		border: 0 none;
		background: none;
	}

	#searchsubmit{
		position: absolute;
		right: 0;
		width: 24px;
		height: 24px;
		border: 0 none;
		background: none;
		text-indent: -9999px;
		cursor: pointer;
	}


/****************************************

	4. Global Navi

*****************************************/

#navi{
	position: relative;
	z-index: 10;
	height: 57px;
	background: url(images/navi-bg.png) repeat-x 0 0;
}

	#navi ul{
		margin: 0 auto;
		width: 940px;
		list-style: none;
		list-style-image: none;

	}

		#navi ul ul{
			display: none;
		}

	#navi li{
		float: left;
		margin: 0;
		padding: 0;
		width: auto;
		height: 57px;
	}

		#navi li a{
			display: block;
			padding-top: 7px;
			width: 157px;
			height: 50px;
			background: url(images/navi-bg-normal.png) no-repeat 0 0;
			color: #333;
			text-align: center;
			text-decoration: none;
			text-shadow: 0 1px #fff;
			font-weight: bold;
		}

			#navi li a span{
				display: block;
				color: #59a80f;
				text-transform: uppercase;
				font-family: 'Josefin Sans', sans-serif;
				line-height: 1;
			}

			#navi li.first,
			#navi li.last{
				width: 156px;
			}

			#navi li.first a,
			#navi li.first.last a{ background: url(images/navi-bg-first.png) no-repeat 0 0; }

			#navi li.last { background: url(images/navi-bg-last.png) no-repeat 0 0; }

			#navi li a:hover { background-position: 0 -57px !important;}

			#navi li.current-menu-item a,
			#navi li.current_page_parent a,
			#navi li.current-page-ancestor a{ background-position: 0 -115px !important; }

			.post-type-archive-information #navi li.current_page_parent a,
			.single-information #navi li.current_page_parent a,
			.single-product #navi li.current_page_parent a,
			.tax-roomtype #navi li.current_page_parent a,
			.tax-item #navi li.current_page_parent a { background-position: 0 0 !important; }


			.post-type-archive-information #navi li.current_page_parent a:hover,
			.single-information #navi li.current_page_parent a:hover,
			.single-product #navi li.current_page_parent a:hover,
			.tax-roomtype #navi li.current_page_parent a:hover,
			.tax-item #navi li.current_page_parent a:hover{ background-position: 0 -57px !important; }


/****************************************

	5. Main Visual（top.php）

*****************************************/

#main-visual{
	margin-bottom: 40px;
	height: 326px;
	background: url(images/main-image-bg.png) repeat-x 0 0;
}

	#main-visual .wrapper{
		position: relative;
		margin: 0 auto;
		width: 940px;
	}

		#main-visual .wrapper img{
			position: absolute;
			top: 0;
			left: 0;
		}

		#information{
			position: absolute;
			top:20px;
			right: 0;
			overflow: hidden;
			padding: 15px 4px 15px 15px;
			width: 201px;
			height: 250px;
			background: url(images/information.png) no-repeat 0 0;
		}

			#information h2{
				height: 18px;
				background: url(images/header-information.png) no-repeat 0 0;
				text-indent: -9999px;
			}

				#information .right-align{
					padding-right: 15px;
					font-size: 80%;
				}

					#information a{	color: #59a80f;}
						#information a:hover{color: #44810c;}
						#information span{font-size: 80%;}

				div.scroll{
					overflow-y: scroll;
					margin: 10px 0 0;
					height: 195px;
				}

				#information ul{
					overflow: hidden;
					margin: 0;
					padding: 0;
					list-style: none;
					list-style-image: none;
				}

					#information li{
						margin: -2px 0 0;
						padding: 0;
						border-top : 1px solid #dadada;
					}

						#information li a{
							display: block;
							padding: 7px 5px;
							padding-left: 15px;
							border-top: 1px solid #fff;
							background: url(images/list.png) no-repeat 2px 14px;
							color: #555;
							text-decoration: none;
							text-shadow: 0 1px #fff;
						}

							#information li a:hover{ background:  #fbfbf3 url(images/list.png) no-repeat 2px 14px;}


/****************************************

	6. top.php

*****************************************/

#bannar{
	margin-top: 100px;
	margin-bottom: 5px;
	width: 220px;
	height: 75px;
	background: url(images/bannar.png) no-repeat 0 0;
	text-indent: -9999px;
}

	.subtitle{
		color: #59a80f;
		vertical-align: baseline;
		text-transform: uppercase;
		font-family: 'Josefin Sans', sans-serif;
		line-height: 1;
	}

		*:first-child+html .subtitle{
			vertical-align: top;
		}

#business-outline-1,
#business-outline-2,
#business-outline-3{
	position: relative;
	margin-bottom: 10px;
	padding: 15px;
	width: 430px;
	height: 164px;
	background: url(images/outline-1.png) no-repeat 0 0; /* インテリアの製造販売 */
	cursor: pointer;
}

	#business-outline-2{ background: url(images/outline-2.png) no-repeat 0 0; /* インテリアコーディネイト */ }
	#business-outline-3{
		width: 190px;
		height: 368px;
		background: url(images/outline-3.png) no-repeat 0 0; /* レンタル観葉植物 */
	}

	#business-outline-1:hover,
	#business-outline-2:hover{background-position: 0 100%;}
	#business-outline-3:hover{background-position: 100% 0;}

		#business-outline-1 img,
		#business-outline-2 img{
			float: left;
			margin-right: 10px;
			width: 190px;
			height: 120px;
		}

		#business-outline-3 img{
			margin-bottom: 10px;
			width: 194px;
			height: 120px;
		}

/* heading */
#business-outline-1 h3,
#business-outline-2 h3,
#business-outline-3 h3{
	margin: 0 0 0 40px;
	height: 21px;
	text-indent: -2px;
	letter-spacing: -.1em;
	font-size: 18px;
}


#business-outline-1 h4,
#business-outline-2 h4,
#business-outline-3 h4{ margin-left: 40px;}

	#business-outline-1 .link,
	#business-outline-2 .link,
	#business-outline-3 .link,
	.products .link{
		position: absolute;
		right:15px;
		bottom:15px;
		display: block;
		width: 47px;
		height: 18px;
		background: url(images/link.png) no-repeat 0 0;
		text-indent: -9999px;
	}

#business-outline-2{margin-bottom: 40px;}

/* products */
.products{
	position: relative;
	margin-bottom: 20px;
	padding: 15px;
	width: 270px;
	height: 116px;
	background: url(images/products.png) no-repeat 0 0;
	cursor: pointer;
}

	.products:hover,
	.products-s:hover{background-position: 0 100%;}

	.products h3{
		margin: 0;
		height: 20px;
		font-size: 18px;
	}

		.products hgroup{
			float: left;
			margin-bottom: 10px;
			width: 140px;
			zoom: 1;
		}

		.products img{
			float: right;
			margin-left: 10px;
			width: 117px;
			height: 117px;
		}
		.products .link{right: 145px;}

.products-s{
	position: relative;
	margin-bottom: 10px;
	padding: 15px;
	width: 270px;
	height: 36px;
	background: url(images/products-s.png) no-repeat 0 0;
	cursor: pointer;
}
	.products-s hgroup{
		zoom: 1;
	}

	.products-s h3,
	.products-s h4{
		float: left;
		margin: 0;
		width: auto;
		height: 22px;
		zoom: 1;
	}

		.products-s h3{
			margin-right: 20px;
			font-size: 18px;
			line-height: 22px;
		}

		.products-s h4{
			position: relative;
			top: 3px;
		}

			.products-s p{
				clear: both;
			}


/****************************************

	7. breadcrumb & Main Heading

*****************************************/

#breadcrumb{
	overflow: hidden;
	margin-bottom: 30px;
	padding: 10px 10px 0 0;
}

#breadcrumb ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

	#breadcrumb li{
		float: left;
		margin-right: 15px;
		width: auto;
	}

		#breadcrumb a{
			display: block;
			float: left;
			width: auto;
			line-height: 20px;
		}

		#breadcrumb .home,
		.sidebar-navi .home a{
			padding-left: 22px;
			background: url(images/icon-home.png) no-repeat 0 50%;
		}

#page-title,
hgroup.related{
	float: left;
	margin: 0 0 20px 0;
	padding: 0 20px 0 10px;
	width: auto;
	height: 30px;
	background: url(images/border.png) repeat-x 0 50%;
}

	hgroup.related{margin-top: 20px;} /* 関連記事 */
		*:first-child+html hgroup.related {margin-bottom: 0px;}
		*:first-child+html .home .page-title-wrap {margin-bottom:20px; }

	#page-title h2,
	hgroup.related h2{
		display: block;
		float: left;
		margin: 0 0 0 20px;
		padding: 0 10px;
		height: 30px;
		height: 31px;
		background: #fbfbf3;
		font-size: 24px;
		line-height: 30px;
	}

		#page-title h3,
		hgroup.related h3{
			float: left;
			margin-top: 7px;
			padding-right: 10px;
			background: #fbfbf3;
			color: #59a80f;
			text-transform: uppercase;
			text-shadow: 0 1px #fff;
			font-size: 18px;
			font-family: 'Josefin Sans', sans-serif;
			line-height: 18px;
		}

			*:first-child+html #page-title h3,
			*:first-child+html hgroup.related h3{
				margin-top: 3px;
			}


/****************************************

	8. Main

*****************************************/

body.home.blog #container { /* パンくずなどがない場合 */
	margin-top: 40px;
}

.box-top{
	height: 6px;
	background: url(images/box-top.png) no-repeat 0 0;
}

.box-middle{
	overflow: hidden;
	padding: 40px 50px;
	background:#fff url(images/box-middle.png) repeat-y 0 0;
}

.box-bottom{
	margin-bottom: 25px;
	height: 6px;
	background: url(images/box-bottom.png) no-repeat 0 0;
}

.post h3{
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 12px;
	background: url(images/header-border.png) repeat-x 0 100%;
	font-weight: normal;
	font-size: 24px;
}

	.post h3~h3{margin-top: 40px;}

.post p{
	margin-bottom: 2em;
	line-height: 1.6;
}

	.post ul,
	.post ol,
	.post dl{
		margin-bottom: 1.5em;
	}

		.post ol{margin-left: 25px;}

	.post dt{
		margin: 10px 0;
		font-weight: bold;
	}

		.post dd{
			margin-bottom: 5px;
			margin-left: 25px;
			padding-left: 12px;
			background: url(images/list.png) no-repeat 0 50%;
		}

	blockquote{
		margin-bottom: 1.5em;
		padding: 20px 0 0 30px;
		background: url(images/quote-top.png) no-repeat 0 0;
	}

		blockquote > div{
			overflow: hidden;
			padding: 0 2em 0;
			background: url(images/quote-bottom.png) no-repeat 100% 100%;
		}

	.post .links{
		margin-left: 0;
		padding-left:0;
		list-style: none;
		list-style-image: none;
	}

		.post .links a{
			padding-left: 35px;
			background: url(images/link-s.png) no-repeat 0 4px;
		}

			.post .links a:hover{background-position: 0 -84px;}

.post a {
	outline: 0 none;
	color:#fd738a;
	text-decoration: underline;
}

	.post a:hover,
	.post a:active{
		color: #c65a6c;
	}


.post,
.sticky{
	overflow: hidden;
	padding-bottom: 30px;
}

.box-middle .post h3,
.single-post h3{
	margin-bottom: 5px;
}
	.post h3 a{
		text-decoration: none;
	}

	.post time,
	.single-information .post-date{ /* single-post っていうクラスは、body にもあるので注意！ */
		display: block;
		margin-bottom: 1.5em;
		color: #8e8e8e;
	}
		.single-information .post-date{
			margin-bottom: 2em;
		}

		article.single-post .post-date {
			float: left;
		}

	.post .right-align{
		clear: both;
		margin-bottom: 0;
	}

	.post .eyecatch,
	div.single-post .eyecatch{
		float: left;
		clear: both;
		margin-right: 20px;
		padding: 3px;
		width: 214px;
		height: 130px;
		border: 1px solid #dadada;
	}

		.post .eyecatch img,
		div.single-post .eyecatch img{
			width: 214px;
			height: 130px;
		}

		div.single-post h3,
		.single-information h3{margin-bottom: 5px;}

		div.single-post .post-date{float: left;}

		.single-post .post-categories{ /* ブログのカテゴリー */
			float: right;
			margin: 0;
			padding: 0;
			list-style: none;
			list-style-image: none;
		}

			.post-categories li{
				float: left;
				margin-top: 0;
				margin-left: 10px;
			}

			.metabox div{float: right;}

				.metabox span{
					float: left;
					color: #8e8e8e;
				}

		.post-navi{
			clear: both;
			overflow: hidden;
			padding-top: 30px;
		}

			#prev{
				float: left;
				width: 50%;
			}

				#prev a{
					display: block;
					float: left;
					width: auto;
				}

			#next{
				float: right;
				width: 50%;
			}

				#next a{
					display: block;
					float: right;
					width: auto;
				}

.post .page{
	overflow: hidden;
	margin-bottom: 30px;
}

.single-products .post img{
	padding: 3px;
	width: 292px;
	height: 191px;
	border: 1px solid #dadada;
}

/* ページ内のボックス */
.box-half{
	overflow: hidden;
	margin-bottom: 20px;
	padding: 18px;
	width: 254px;
	height: 62px ;
	background: url(images/290.png) no-repeat 0 0;
	cursor: pointer;
}

	.box-half hgroup{
		float: left;
		width: 139px;
	}

		.box-half h4{
			height: 19px;
			font-size: 16px;
		}

		.box-half h5,
		.box-full h5{
			color: #59a80f;
			text-transform: uppercase;
			font-family: 'Josefin Sans', sans-serif;
		}

		.box-half p{margin-bottom: 0;}

.box-half img{
	float: right;
	margin-left: 10px;
	width: 95px;
	height: 62px;
}

.box-half.left{float: left;}
.box-half.right{
	float: right;
	margin-left: 20px;
}

.box-full{
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 18px;
	width: 564px;
	height: 117px ;
	background: url(images/600.png) no-repeat 0 0;
	cursor: pointer;
}

	.box-full hgroup{
		float: left;
		width: 357px;
	}

		.box-full h4{
			margin-bottom: 3px;
			height: 21px;
			font-size: 20px;
		}

.box-full img{
	float: right;
	margin-left: 22px;
	width: 175px;
	height: 117px;
}

.box-full a{
		position: absolute;
		right:220px;
		bottom:15px;
		display: block;
		width: 47px;
		height: 18px;
		background: url(images/link.png) no-repeat 0 0;
		text-indent: -9999px;
}

.tax-roomtype .box-link,
.tax-item .box-link,
.related .box-link{
	margin-bottom: 40px;
	cursor: pointer;
}

	.tax-room-type .box-link:hover,
	.tax-item .box-link:hover{cursor: pointer;}

.box-s-top{
	height: 6px;
	background: url(images/box-s-top.png) no-repeat 0 0;
}

	.box-link:hover .box-s-top{background-position: 0 100%;}

.box-s-middle{
	position: relative;
	padding: 15px;
	background: url(images/box-s-middle.png) repeat-y 0 0;
}

	.box-link:hover .box-s-middle{background: url(images/box-s-hover-middle.png) repeat-y 0 0;}

.box-s-bottom{
	height: 6px;
	background: url(images/box-s-bottom.png) no-repeat 0 0;
}

	.box-link:hover .box-s-bottom{background-position: 0 100%;}

	.box-s-middle img{
		position: absolute;
		top:-2px;
		left: 4px;
		width: 212px;
		height: 131px;
	}

		.box-s-middle h3{
			margin-top: 124px;
			font-size: 18px;
		}

			*:first-child+html .box-s-middle h3{
				margin-top: 134px;
			}

		.box-s-middle p{
			margin-bottom: 2em;
			font-size: 14px;
		}

			.excerpt{ margin-bottom: 30px;}

		.box-s-middle .link{
			position: absolute;
			right:15px;
			bottom:10px;
			margin-bottom: 0;
			text-indent: -9999px;
		}

			.box-s-middle .link a{
				display: block;
				width: 47px;
				height: 18px;
				background: url(images/link.png) no-repeat 0 0;
			}

	.box-half:hover,
	.box-full:hover{background-position: 0 bottom;}

	.box-full:hover{
		background-position: 0 -153px ;
	}

	.box-half:hover{
		background-position: 0 -98px;
	}

	h4.subtitle {
		line-height: 1.5;
	}

		*:first-child+html h4.subtitle{
			position: relative;
			top:-4px;
		}


/****************************************

	9. Sidebar

*****************************************/

#local-navi{
	position: relative;
	overflow: hidden;
	padding: 3px 3px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #59a80f;
}

	*:first-child+html #local-navi{
		border-bottom: 3px solid #59a80f;
	}

#local-navi hgroup{
	margin:132px 15px 5px 15px;
}

	*:first-child+html #local-navi hgroup{ margin-top: 134px;}

#local-navi h2{
	height: 18px;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
}

#local-navi h3{
	color: #e2ff9e;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
}

	#local-navi .eyecatch img{
		position: absolute;
		top:3px;
		left: 3px;
		width: 214px;
		height: 132px;
	}

	.sidebar-navi{
		margin-bottom: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #fff;
	}

		.sidebar-navi ul,
		.sidebar-navi li{
			margin: 0;
			padding: 0;
			list-style: none;
			list-style-image: none;
		}

			.sidebar-navi li{
				margin-top: -1px;
				border-top: 1px solid #dadada;
			}

		.sidebar-navi a,
		.sidebar-navi span{
			display: block;
			padding: 10px;
			text-decoration: none;
		}

			.sidebar-navi span.date{
				padding: 0;
				font-size: 80%;
			}

		.sidebar-navi a.header{
			padding: 15px 10px;
			border-top: 1px solid #fff;
			background: #fff url(images/local-header-bg.png) no-repeat 100% 100%;
			color: #44810c;
			text-decoration: none;
		}

				.sidebar-navi a.header span{
					float:left;
					margin-right: 3px;
					padding: 0;
					width: 19px;
					height: 19px;
					background: url(images/arrow.png) no-repeat 0 -14px;
				}

					.sidebar-navi a.header:hover span{
						background: url(images/arrow.png) no-repeat -20px -14px;
					}

					.sidebar-navi a.ui-state-active,
					.sidebar-navi a.header:hover{
						background: #fbfbf3 url(images/local-header-bg.png) no-repeat 100% 100%;
					}

						.sidebar-navi a.ui-state-active{
							border: 0 none;
						}

					.sidebar-navi a.ui-state-active span,
					.sidebar-navi a.ui-state-active:hover span{
						background-position: 0px 6px;
					}

			.ui-state-active{ cursor: text;} /* アコーディオン */

		.sidebar-navi .child{ overflow: visible;}

			.sidebar-navi .child li{ margin-top: 0;}



			.sidebar-navi .child a{
				padding-left: 45px;
				background: url(images/link-s.png) no-repeat 10px 16px;
			}

				.sidebar-navi .child a:hover{
					background:  #fbfbf3 url(images/link-s.png) no-repeat  10px -72px;
				}

			.sidebar-navi .brother a,
			.sidebar-navi .roomtype ul a,
			.sidebar-navi .item ul a{
				padding-left: 35px;
				background: url(images/line.png) no-repeat -20px -72px;
			}

				.sidebar-navi .brother a:hover,
				.sidebar-navi .roomtype ul a:hover,
				.sidebar-navi .item ul a:hover,
				.sidebar-navi li.current-cat a:hover{
					background: #fbfbf3 url(images/line.png) no-repeat -20px 5px;
				}

		.sidebar-navi > ul li:first-child,
		.sidebar-navi > ul li:first-child a.header{
			border-top: 0 none;
		}

				.sidebar-navi li:first-child a.header{
					-webkit-border-radius: 3px 3px 0 0;
					-moz-border-radius: 3px 3px 0 0;
					border-radius: 3px 3px 0 0;
				}

		.blog-category .cat-item a:hover{
			background: #fbfbf3;
		}

		.sidebar-navi .current span,
		.sidebar-navi li.current-cat a{
			padding-left: 35px;
			background: url(images/line.png) no-repeat -20px 5px;
			color: #000;
			font-weight: bold;
		}
		

/****************************************

	10. footer

*****************************************/

#footer{
	margin-top: 80px;
	padding-top: 38px;
	background: url(images/footer-top.png) repeat-x 50% 0;
}

#white-bg{ background: #fff;}

#footer-area{
	position: relative;
	top:-60px;
	overflow: hidden;
	margin-bottom: 10px;
	background: url(images/social-bg.png) no-repeat 10px 0;
}

	#footer .offset{
		margin-top: 60px;
		margin-bottom: 40px;
	}

#footer-navi{
	overflow: hidden;
	margin-bottom: 20px;
}

#footer-navi ul{
	list-style: none;
	list-style-image: none;
}

	#footer-navi ul ul{
		display: none;
	}

	#footer-navi li{
		float: left;
		margin-right: 50px;
		font-weight: bold;
	}

	#footer-navi a{
		display: block;
		text-decoration: none;
		font-weight: bold;
		line-height: 26px;
	}

	#footer-navi ul li:first-child a{
		padding-left: 30px;
		background: url(images/home-m.png) no-repeat 0 50%;
	}

.column a{
	display: block;
	text-decoration: none;
	font-weight: bold;
}

	#footer-navi a:hover,
	.column a:hover{
		text-decoration: underline;
	}

	.column ul{
		list-style: none;
		list-style-image: none;
	}

		.column ul ul {
			margin-bottom: 32px;
			list-style-image: url(images/list.png);
		}

		.column ul ul a{
			font-weight: normal;
		}

#footer .widget {
	padding: 20px;
}

	#footer .widget h2{
		margin-bottom: 5px;
		font-size: 18px;
	}

#bottom{
	margin-top: -80px;
	background: url(images/footer-bottom.png) repeat-x 50% 0;
	color: #fff;
}
	#bottom .wrapper{
		padding: 50px 0 20px;
		width: 940px;
	}



/****************************************

	11. Tab

*****************************************/

#tabs{
	overflow: hidden;
}

.ui-tabs-hide {
	display: none;
}

#tabs ul {
	overflow: hidden;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	padding:0 30px;
	background: url(images/header-border.png) repeat-x 0 100%;
	list-style: none;
	list-style-image: none;
}

	#tabs ul li{
		position: relative;
		float: left;
		margin-bottom: 0;
		width: 270px;
		height: 65px;

	}

		#tabs ul a{
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
		}

			#tabs li.room-type a{
				background: url(images/tab.png) no-repeat 0 0;
			}

			#tabs li.room-type a:hover{
				background: url(images/tab.png) no-repeat 0 -130px;
			}

			#tabs .item a{
				background: url(images/tab.png) no-repeat -270px -65px;
			}

			#tabs .item a:hover{
				background: url(images/tab.png) no-repeat -270px -195px;
			}

			#tabs ul li.ui-tabs-active a,
			#tabs ul li.ui-tabs-active a:hover{
				background-position: -270px 0;
				cursor: inherit;
			}

			#tabs ul li.ui-tabs-selected.item a{
				background-position: 100% 0;
			}


/****************************************

	12. contact form

*****************************************/

.wpcf7,
.half{
	float: left;
	width: 47%;
}
.wpcf7{
	margin-right: 5% !important;
}
.wpcf7 input[type="text"],
.wpcf7 textarea {
	padding: 5px;
	width: 270px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
	-moz-box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
	box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
	color: #555;
}

.wpcf7 textarea{
	overflow: auto;
}
	.wpcf7 label{
		display: block;
	}
		.req{
			color: #fd738a;
			vertical-align: super;
			font-size: 80%;
		}

		#captcha-text{
			width: 199px;
		}

.wpcf7-submit{
	width: 161px;
	height: 46px;
	border: 0;
	background: url(images/button.png) no-repeat 0 0;
	color: #fff;
	text-indent: .5em;
	letter-spacing: .5em;
	font-size: 16px;
	cursor: pointer;
}
	.wpcf7-submit:hover{
		background-position: 0 100%;
	}
		.wpcf7-submit:active{
			position: relative;
			top:1px;
		}


/****************************************

	13. Table

*****************************************/

table{
	width: 100%;
	border-collapse: separate;
}

th,td{
	padding: .5em 1em;

}
th{
	border-left: 3px solid #59a80f;
	background: #eeffcc;
	color: #222;
	text-indent: .5em;
	text-shadow: 0 1px #fff;
	letter-spacing: .5em;
}

td{
	border-bottom: 1px solid #dadada;
}


.post p.alignleft{
	width: auto !important;
}


.single-product table{
	clear: both;
	margin-left: 330px;
	width: 270px;
	border-collapse: separate;
}


.single-product th{
	border-left: 3px solid #59a80f;
	background: #eeffcc;
	color: #222;
	text-indent: .5em;
	text-shadow: 0 1px #fff;
	white-space:nowrap;
	letter-spacing: .5em;
}
	.single-product th.head{
		padding-top: 1em;
		padding-left: 0;
		border-left: 0 none;
		background: 0 none;
		text-align: left;
		text-indent: 0;
	}



/****************************************

	14. Other

*****************************************/

.single-product .post p{
	overflow: hidden;
}

.single-product .post img {
	padding: 3px;
	width: 292px;
	height: 191px;
	border: 1px solid #dadada;
}

#totop{
	float: right;
	padding-left: 30px;
	background: url(images/to-top.png) no-repeat 0 0;
	color: #59a80f;
	text-decoration: none;
	font-size: 18px;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 24px;
}
	#totop:hover{
		background-position: 0 100%;
		color: #44810c;
	}


/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}



/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  clear: both;
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

.page-template-blog-php .push_3,
.page-template-blog-php .pull_9,
.single-format-standard .push_3,
.single-format-standard .pull_9,
.category .push_3,
.category .pull_9,
.blog .push_3,
.blog .pull_9{
	position: static;
}


/****************************************

	15. clearfix

*****************************************/

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
	display: block;
  visibility: hidden;
	clear: both;
	height: 0 !important;
	content: "";
	font-size: 0;
}

.clearfix,
.container_12 {
  display: inline-block;
}

.clearfix,
.container_12 {
  display: block;
}


/****************************************

	16. wp_pagenavi

*****************************************/

.wp-pagenavi {
	clear: both;
	overflow: hidden;
	font-size: 18px;
	font-family: 'Josefin Sans', sans-serif;
}

	.wp-pagenavi .pages{
		display: none;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		display: block;
		float: left;
		margin-left: 5px;
		padding: 3px 3px 0;
		padding-top: 3px;
		min-width: 29px;
		height: 29px;
		border: 1px solid #dadada;
		color: #59a80f;
		vertical-align: bottom;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 1px #fff;
		white-space: nowrap;
		line-height:30px;
	}

		.wp-pagenavi a:hover{
			background: #59a80f;
			color: #fff;
			text-shadow: none;
		}
		.wp-pagenavi span.current {
			background: #fff;
			text-shadow: none;
			font-weight: bold;
		}


/****************************************

	17. Misc

*****************************************/

.alignright{
	float: right;
	margin-bottom: 1em;
	margin-left: 30px;
	width: auto;
}

.alignleft{
	float: left;
	margin-right: 30px;
	margin-bottom: 1em;
	width: auto;
}

.aligncenter{
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.wp-caption,
.gallery-caption,
.wp-caption-text{
	font-size: 90%;
}

*:first-child+html img.ie{
	padding-top: 10px !important;
}

*:first-child+html .post h3~h3,
*:first-child+html .post-date{
	margin-bottom: 20px !important;
}