@charset "utf-8";
/* CSS Document */

/* デフォルトスタイル
-----------------------*/
html,body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,a,
header,footer,nav,section,table,tr,td{
	padding:0;
    margin:0;
	border-collapse:collapse;
	border:none;
	outline:none;
	font-size:medium;
}
header,footer,nav,section{display:block;}
input, textarea{box-sizing: border-box;}
a:hover { opacity:0.7; }
html { opacity:0;}
body{
	color:#333; /* 文字色 */
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background:#fff;
}
a:hover { opacity:0.7; }
.clearText {
	display:block;
	height: 0px;
	margin: 0;
	padding: 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.font2 { font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;  }
/* ヘッダー */
div#headerbox {
	width:100%;
	height:95px;
	margin: 0 auto;
	position: relative;
}
	div#headerbox a#logo {
		display: block;
		width:75px;
		height:45px;
		position: absolute;
		top:25px;
		left:80px;
	}
	div#headerbox a#logo:hover { opacity: 0.7; }
/* チェックボックス */
input.check {
	display: none;
}
/* サイドメニューボタン */
div.menubtn {
	width:56px;
	height:59px;
	position: fixed;
	top:20px;
	left:15px;
	z-index: 30;
	background: url(../images/cmn/menubtn_bg.png);
}
div.menubtn:hover { opacity: 0.7; }
	div.menubtn div.mizu {
		width:48px;
		height:42px;
		position: absolute;
		top:4px;
		left:4px;
		overflow: hidden;
		z-index: 35;
	}
		div.menubtn div.mizu img {
			display: block;
			position: absolute;
			top:42px;
			-webkit-transition: all 1s;
			transition: all 1s;
		}
	div.menubtn img.oke {
		display: block;
		position: absolute;
		top:0;
		z-index: 40;
	}
	div.menubtn label.menu-btn {
		display: block;
		width:56px;
		height:56px;
		position: absolute;
		top:0;
		left:2px;
		z-index: 50;
	}
		label.menu-btn:hover span.bar {
			opacity: 0.7;
		}
		span.bar {
			position: absolute;
			top:17px;
			left: 11px;
			display: block;
			width: 30px;
			height: 2px;
			background: #fff;
			-webkit-transition: all .5s;
			transition: all .5s;
			-webkit-transform-origin: left top;
			-ms-transform-origin: left top;
			transform-origin: left top;
		}
		span.bar.middle {
			top: 23px;
			opacity: 1;
		}
		span.bar.bottom {
			top: 29px;
			-webkit-transform-origin: left bottom;
			-ms-transform-origin: left bottom;
			transform-origin: left bottom;
		}
/* サイドメニュー */
div#menuBox {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 980px;
	height: 0px;
	padding: 0px 0;
	background: url(../images/cmn/menubg.png);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	opacity: 0;
	z-index: 20;
	box-shadow:5px 0px 10px;
	overflow: hidden;
}
	div#menuBox a {
		display:block;
		width:90%;
		max-width: 980px;
		height:55px;
		margin: 0 auto 5px auto;
		line-height:55px;
		text-decoration:none;
		color:#fff;
		font-size: 14px;
		letter-spacing:2px;
		text-indent: 10px;
		text-align: center;
		border-bottom: #ccc 1px solid;
	}
	div#menuBox p.catebtn  {
		display:block;
		width:180px;
		height:35px;
		margin: 0 auto 5px auto;
		line-height:35px;
		color:#fff;
		font-size: 14px;
		letter-spacing:1px;
		text-indent: 10px;
		border-bottom:#fff 1px solid;
		position: relative;
	}
		div#menuBox p.catebtn img {
			display: block;
			width: 10px;
			position: absolute;
			top:10px;
			right: 5px;
		}
		div#menuBox p.catebtn img:nth-of-type(1) { display: none;}
		div#menuBox p.catebtn img:nth-of-type(2) { display: block;}
	div#menuBox div.catebox {
		display: none;
	}
/* -- チェックをつけた場合 */
input.check:checked ~ div#menuBox {
	height:100%;
	padding-top: 80px;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 20;
}
	input.check:checked ~ div.menubtn label.menu-btn span.bar.top {
		top:13px;
		left:17px;
		width: 27px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	input.check:checked ~ div.menubtn label.menu-btn span.bar.middle {
		opacity: 0;
	}
	input.check:checked ~ div.menubtn label.menu-btn span.bar.bottom {	
		width: 27px;
		top: 32px;
		left:17px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
		input.check:checked ~ div.menubtn div.mizu img { top:0;}
/* お問い合わせボタン */
a#contactbtn {
	display: block;
	text-decoration: none;
	width:165px;
	height:35px;
	position: fixed;
	color: #333;
	top:0;
	right:0;
	box-shadow:5px 1px 10px;
	z-index: 20;
}
/* フッター */
div#footerbox01 {
	width:100%;
	max-width: 980px;
	background: url(../images/cmn/footerbg.png) repeat-x;
}
	div#footerbox01 div.center {
		width:100%;
		max-width:980px;
		margin: 0 auto;
		padding: 30px 0;
		box-sizing: border-box;
		position: relative;
	}
		div#footerbox01 div.center a.flogo {
			display: block;
			width:56px;
			height: 23px;
			position: absolute;
			top:30px;
			left:15px;
		}
		div#footerbox01 div.center a.flogo img { width:100%;}
		div#footerbox01 div.center div.tenantinfobox {
			width:100%;
			max-width:820px;
			box-sizing: border-box;
			border-left: #e0e0e0 1px solid;
			padding-left: 115px;
		}
			div#footerbox01 div.center div.tenantinfobox p {
				line-height: 20px;
				font-size: 14px;
				letter-spacing: 1px;
			}
				div#footerbox01 div.center div.tenantinfobox p span {
					line-height: 25px;
					font-size: 14px;
					letter-spacing: 1px;
				}
				div#footerbox01 div.center div.tenantinfobox p a {
					text-decoration: none;
					margin-left: 2px;
					font-size: 14px;
					letter-spacing: 1px;
					color: #7F1922;
				}
				div#footerbox01 div.center div.tenantinfobox p a.ftel { color: #333;}
					div#footerbox01 div.center div.tenantinfobox p.femail a img {
						height:15px;
						margin-left: 5px;
						margin-right: 5px;
					}
div#footerbox02 {
	width:100%;
	max-width:980px;
	height:40px;
	background: #333;
	box-sizing: border-box;
	padding: 0;
}
	div#footerbox02 div.fmenubox {display: none;}
	div#footerbox02 small {
		display: block;
		width:100%;
		height:40px;
		color: #676767;
		font-size: 12px;
		letter-spacing: 1px;
		text-align: center;
		box-sizing: border-box;
		line-height: 40px;
	}