@charset "utf-8";
/* CSS Document */
.sponly { display:none; }
input#menuchecked { display: none; }
/* メニューボタン */
label#menebtn {
	width:41px;
	height:31px;
	position: fixed;
	top:0;
	left:30px;
	z-index: 20;
	overflow: hidden;
	cursor: pointer;
}
label#menebtn:hover { opacity: 0.7; }
	label#menebtn img {
		display: block;
		position: absolute;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
	label#menebtn img.open { top:0; width:41px;}
	label#menebtn img.close { top:100px; width:41px;}
/* 左右ボタン */
a#leftbtn {
	display: block;
	width:41px;
	height:40px;
	position: fixed;
	left:30px;
	z-index: 20;
}
a#rightbtn {
	display: block;
	width:41px;
	height:40px;
	position: fixed;
	right:30px;
	z-index: 20;
}
/* メニュー */
div#menubox {
	width:100%;
	height:0;
	min-width: 940px;
	position: absolute;
	top:0;
	background: url(../images/cmn/menubg.png);
	overflow: hidden;
	-webkit-transition: all 1s;
	transition: all 1s;
	z-index: 10;
}
	div#menubox > img {
		padding: 80px 0 0 0;
		height:0;
	}
	div#menubox a {
		display: block;
		height:55px;
		text-align: center;
		text-decoration: none;
		line-height: 55px;
		color: #333;
		cursor: pointer;
		font-size: 16px;
		letter-spacing: 2px;
	}
	div#menubox a:hover {
		background: url(../images/cmn/menubg02.png);
		color: #fff;
		opacity: 1;
	}
	div#menubox label {
		display: block;
		width:41px;
		height:40px;
		margin: 30px auto 0 auto;
	}
	div#menubox label:hover { opacity: 0.7; }
		div#menubox label img { max-width: 100%; }
/* チェックをつけたとき（メニューを開いたとき）*/
input#menuchecked:checked ~ div#menubox {
	height:100%;
}
input#menuchecked:checked ~ label#menebtn img.open { top:-100px; }
input#menuchecked:checked ~ label#menebtn img.close { top:0; }
input#menuchecked:checked ~ a#leftbtn { display: none; opacity: 0; }
input#menuchecked:checked ~ a#rightbtn  { display: none; opacity: 0;}
/* 共通 */
body {background: url(../images/cmn/bg02.jpg);}
div#contents {
	width:100%;
	min-width: 940px;
}
	div#contents div.center {
		width:100%;
		min-width: 940px;
		margin: 0 auto;
		position: absolute;
		top:0;
	}
		div#contents div.center div.mainContents {
			width: calc(100% - 300px);
			background: #fff;
			margin: 0 auto;
			box-sizing: border-box;
			padding: 90px 0 0 0;
			z-index: 5;
		}
			div#contents div.center div.mainContents img.headerlogo {
				display: block;
				margin: 0 auto;
			}
		div#contents div.center div.mainContents h1 {
			text-align: center;
			font-size: 16px;
			font-weight: normal;
			letter-spacing: 1px;
			margin: 20px 0;
		}
/*　フッター */
div#footerbox {
	width:940px;
	position: absolute;
	bottom:0;
	padding: 10px 0;
}
div#footerbox small {
	display: block;
	font-size: 12px;
	letter-spacing: 2px;
	margin-left: 20px;
}