@CHARSET "UTF-8";

@font-face {
	font-family: "kmpl";
	src: url("fonts/KozMinPro-Light_0.eot?") format('eot'),
		 url("fonts/KozMinPro-Light_0.woff") format('woff');
}

#wrapp {
	background-color: #fffff1;
}
#container {
	margin-left: auto;
	margin-right: auto;
}
#contents {

}
header {
	position: fixed;
	top: 10px;
	left: 50%;
	margin-left: -430px;
	z-index: 9999;
	display: none;
}
nav {
}
nav ul {
	list-style-type: none;
}
nav ul li {
	display: table-cell;
}
nav ul li a {
	display: block;
}
	/*
	========================================
	トップ
	*/
	#page01 {
		position: relative;
	}
	#page01-title {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -300px;
		margin-left: -220px;
		opacity: 0;
		z-index: 99999;
	}
	#page01-img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -250px;
		margin-left: -300px;
		z-index: 9999;
	}

	/*
	========================================
	農家さん達の想い
	*/
	.page02 {
		background-image: url(../img/page02-back.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.page02 #page02-title {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -460px;
		margin-left: 300px;
		opacity: 0;
	}
	.page02 #page02-text {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 130px;
		margin-left: -530px;
		opacity: 0;
	}
	/*
	========================================
	おいしさのひみつ
	*/
	.page03 {
		position: relative;
		background-image: url(../img/page03-back.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	#page03-title {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -440px;
		margin-left: -440px;
				opacity: 0;
	}
	#page03-text {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 200px;
		margin-left: -450px;
				opacity: 0;
	}
	#page03-img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -350px;
		margin-left: -390px;
	}

	/*
	========================================
	しあわせの時間
	*/
	.page04 {
		position: relative;
		background-image: url(../img/page04-back.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;

	}
	#page04-title {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -360px;
		margin-left: -370px;
				opacity: 0;
	}
	#page04-text {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 260px;
		margin-left: 0px;
		opacity: 0;
	}


	/*
	========================================
	いろいろアレンジ
	*/
	.page05 {
		position: relative;
	}
	#page05-title {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -350px;
		margin-left: -20px;
		opacity: 0;
	}
	#page05-img01 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -350px;
		margin-left: -450px;
		opacity: 0;
	}



	/*
	========================================
	お買いもの
	*/
	.page06 {
		position: relative;
		background-image: url(../img/page06-back.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;

	}
	#page06-title {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -380px;
		margin-left: -400px;
			opacity: 0;
	}
	#page06-img01 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -180px;
		margin-left: -400px;
				opacity: 0;
	}
	#page06-img02 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -280px;
		margin-left: 90px;
				opacity: 0;
	}
	#page06-button {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 50px;
		margin-left: 100px;

	}
	#page06-ban01 {
		position: fixed;
	/* 	top: 50%; */
		left: 50%;
		bottom: 0;
	/* 	margin-bottom: 460px; */
		margin-left: -430px;
		z-index: 999999;
	/* 	border: 1px solid #000000; */
	}
	#page06-ban02 {
		position: fixed;
	/* 	top: 50%; */
		left: 50%;
		bottom: 0;
	/* 	margin-bottom: 460px; */
		margin-left: -120px;
		z-index: 999999;
	/* 	border: 1px solid #000000; */
	}
	#page06-ban03 {
		position: fixed;
	/* 	top: 50%; */
		left: 50%;
		bottom: 0;
	/* 	margin-bottom: 460px; */
		margin-left: 190px;
		z-index: 999999;
	/* 	border: 1px solid #000000; */
	}

	/*
	========================================
	フッター
	*/
	footer {
		position: fixed;
		bottom: 0;
		width: 100%;
	/* 	height: 80px; */
	/* 	margin-left: -430px; */
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 10px solid #97bb2a;
		background-color: #b2d88d;
		z-index: 9999;
	}
	#footer-box {
		width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	#footer-left {
		display: table-cell;
	}
	#footer-right {
		display: table-cell;
	}


	.clear {
		clear: both;
	}