@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 {
	width: 630px;
	position: fixed;
	top: 10px;
	left: 50%;
	margin-left: -310px;
	z-index: 9999;
	display: none;
/* 	border: 1px solid #000000; */
}
nav {
}
nav ul {
	list-style-type: none;
}
nav ul li {
	display: table-cell;
}
nav ul li a {
	display: block;
}
nav ul li img {
	width: 100%;
}
	/*
	========================================
	トップ
	*/
	#page01 {
		position: relative;
	}
	#page01-title {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -250px;
		margin-left: -140px;
		opacity: 0;
		z-index: 99999;
	}
	#page01-img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -230px;
		margin-left: -280px;
		z-index: 9999;
	}

	#page01-title img {
		width: 80%;
	}
	#page01-img img {
		width: 80%;
	}
	/*
	========================================
	農家さん達の想い
	*/
	.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: -250px;
		margin-left: 160px;
		opacity: 0;
	}
	.page02 #page02-text {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 0px;
		margin-left: -270px;
		opacity: 0;
	}
	#page02-title img {
		width: 60%;
	}
	#page02-text img {
		width: 60%;
	}
	/*
	========================================
	おいしさのひみつ
	*/
	.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: -230px;
		margin-left: -300px;
		z-index: 9999;
		opacity: 0;
	}
	#page03-text {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 60px;
		margin-left: 10px;
		opacity: 0;
	}
	#page03-img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -180px;
		margin-left: -250px;
	}

	#page03-title img {
		width: 60%;
	}
	#page03-text img {
		width: 60%;
	}
	#page03-img img {
		width: 60%;
	}
	/*
	========================================
	しあわせの時間
	*/
	.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: -200px;
		margin-left: -240px;
	}
	#page04-text {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 110px;
		margin-left: -20px;
	}
	#page04-title img {
		width: 60%;
	}
	#page04-text img {
		width: 60%;
	}


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

	}
	#page05-img01 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -230px;
		margin-left: -270px;
	}

	#page05-title img {
		width: 60%;
	}
	#page05-img01 img {
		width: 60%;
	}

	/*
	========================================
	お買いもの
	*/
	.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: -230px;
		margin-left: -280px;
	}
	#page06-img01 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -150px;
		margin-left: -230px;
	}
	#page06-img02 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -250px;
		margin-left: 70px;
	}
	#page06-button {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -30px;
		margin-left: 40px;

	}
	#page06-ban01 {
		position: fixed;
	/* 	top: 50%; */
		left: 50%;
		bottom: 0;

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


	#page06-title img {
		width: 60%;
	}
	#page06-img01 img {
		width: 60%;
	}
	#page06-img02 img {
		width: 60%;
	}
	#page06-button img {
		width: 60%;
	}
	#page06-ban01 img {
		width: 60%;
	}
	#page06-ban02 img {
		width: 60%;
	}
	#page06-ban03 img {
		width: 60%;
	}

	/*
	========================================
	フッター
	*/
	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: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	#footer-left {
		display: table-cell;
	}
	#footer-right {
		display: table-cell;
	}

	#footer-box img {
		width: 80%;
	}
	.clear {
		clear: both;
	}