@charset "UTF-8";


/* ヘッダー（Header） ---------------------------------------------------------------------------------- */

/* 共通 */
#top-head .logo {
	float: left;
	font-size: 36px;
	display: block;
    	text-indent: -9999px;
   	background: url(../../img/header/Logo.png) no-repeat;
}

/* 1025px以上 ---------------------------------------------------------------------------------- */
@media print, screen and (min-width: 1025px) {
 
#top-head {
	width: 100%;
	height: 124px;
	position: fixed;
	z-index: 999;
	background: url(../../img/header/Bg.png) repeat;
	padding: 30px 0 0 0;
}
 
#top-head .logo {
	width: 379px;
	height: 90px;
	margin: 2px 0 0 20px;
	background-size: 379px 90px !important;
}

#top-head .nav01 {
	list-style: none;
	float: left;
	width: 320px;
	padding: 18px 0 0 40px;
}

#top-head ul.nav01 li {
	position: relative;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}

#top-head ul.nav01 li.nav01_01 a {
	display: block;
	width: 125px;
	height: 15px;
	background: url(../../img/header/Nv01.png) no-repeat;
}

#top-head ul.nav01 li.nav01_02 a {
	display: block;
	width: 189px;
	height: 15px;
	background: url(../../img/header/Nv02.png) no-repeat;
}

#top-head ul.nav01 li.nav01_03 a {
	display: block;
	width: 137px;
	height: 15px;
	background: url(../../img/header/Nv03.png) no-repeat;
}

#top-head ul.nav02 {
	float: right;
	width: 240px;
	margin: 30px 0 0 0;
}

#top-head ul.nav02 li {
	float: left;
}

#top-head ul.nav02 .about a {
	display: block;
	text-indent: -9999px;
	width: 84px;
	height: 31px;
	background: url(../../img/header/aboutus.png) no-repeat;
}

#top-head ul.nav02 .contact a {	
	display: block;
	text-indent: -9999px;
	width: 121px;
	height: 31px;	
	background: url(../../img/header/contact.png) no-repeat;
}

#top-head ul li a {
	padding: 0 0 0 0;
}

}


/* 1024px以下 ---------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (min-width: 641px) {

#top-head {
	width: 100%;
	height: 90px;
	position: fixed;
	z-index: 999;
	background: url(../../img/header/Bg.png) repeat;
}

#top-head .logo {
	width: 260px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	text-align: center;
	background-size: 260px auto;
	position: absolute;
	top: 15px;
}
.btn {
	background:transparent url(../../img/header/btn.png) no-repeat;
	display: block;
	width: 45px;
	height: 45px;
	background-size: 90px 45px;
	position: absolute;
	top:22px;
	right:20px;
	cursor: pointer;
	z-index: 200;
}
.peke {
	background-position: -45px 0;
}
.drawr {
	display: none;
	background-color:rgba(0,0,0,0.6);
	position: absolute;
	top: 0px;
	right:0;
	width:260px;
	padding:60px 0 20px 20px;
	z-index: 100;
}
#menu, #menu li {
	margin:0;
	padding:0;
	list-style:none;
}
#menu li {
	width:260px;
}
#menu li a {
	color:#fff;
	display: block;
	padding: 15px;
	text-decoration: none;
}
#menu li a:hover {
	color:#317309;
}
.drawr .nav01 {
	padding: 0 0 50px 0;
	border-bottom: 1px solid #fff;
}
}


/* 640px以下 ---------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {

#top-head {
	background: url(../../img/header/Bg.png) repeat;
        width: 100%;
        height: 90px;
        z-index: 999;
        position: fixed;
}
#top-head .logo {
	width: 240px;
	margin: 0 0 0 5px;
	padding: 0 0 10px 0;
	text-align: center;
	background-size: 240px auto;
	position: absolute;
	top: 17px;
}
.btn {
	background:transparent url(../../img/header/btn.png) no-repeat;
	display: block;
	width: 45px;
	height: 45px;
	background-size: 90px 45px;
	position: absolute;
	top:22px;
	right:20px;
	cursor: pointer;
	z-index: 200;
}
.peke {
	background-position: -45px 0;
}
.drawr {
	display: none;
	background-color:rgba(0,0,0,0.6);
	position: absolute;
	top: 0px;
	right:0;
	width:260px;
	padding:60px 0 20px 20px;
	z-index: 100;
}
#menu, #menu li {
	margin:0;
	padding:0;
	list-style:none;
}
#menu li {
	width:260px;
}
#menu li a {
	color:#fff;
	display: block;
	padding: 15px;
	text-decoration: none;
}
#menu li a:hover {
	color:#317309;
}
.drawr .nav01 {
	padding: 0 0 50px 0;
	border-bottom: 1px solid #fff;
}
}


/* ページの先頭へ（PageTop） --------------------------------------------------- */

#PageTop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
}

/* 640px以下 */
@media(max-width:640px) {
#PageTop {
	right: 10px !important;
}
}


/* Footer ---------------------------------------------------------------------------------- */

/* 共通 */
.footerwrap {
	position: relative;
}
footer p {
	text-align: center;
	color: #fff;
}
#Footer .Nav {
	padding: 15px 0 15px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
footer .Nav a {
	display: block;
	color: #fff;
	text-decoration: none !important;
	font-weight: bold;
}
footer .Nav a:hover {
	color: #006935;
}


/* 1025px以上 ---------------------------------------------------------------------------------- */
@media print, screen and (min-width: 1025px) {

.footerwrap {
	height: 880px;
	position: relative;
}

#Footer {
	padding: 60px 0 0 0;
	text-align: center !important;
	max-height: 880px;
	min-height: 500px;
	background: url(../../img/footer/Bg.png) no-repeat;
	background-size:cover;
}

#Footer .Nav li {
	display: inline-block;
	margin: 0 0 0 40px;
}

#Footer .Nav li:last-child {
	margin: 0 40px 0 40px;
}

#Footer .Copyright {
	left: 33%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}

#Footer .Logo {
	margin: 0 0 40px 0;
}

#Footer p {
	text-align: center !important;
}

#Footer p img {
	width: 202px;
	height: 177px;
}

#Footer .Nav li {
	padding: 20px 0 20px 0;
}
}


/* 1024px以下---------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (min-width: 641px) {

#Footer {
	padding: 30px 0 0 0;
	text-align: center !important;
	background: url(../../img/footer/Bg.png) no-repeat bottom;
	background-size: cover;
}

#Footer .Nav li {
	display: inline-block;
	margin: 0 0 0 40px;
}

#Footer .Nav li:last-child {
	margin: 0 40px 0 40px;
}

.footerwrap {
	position: relative;
	max-height: 680px;
	min-height: 400px;
}

#Footer .Copyright {
	left: 24%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}

#Footer .Logo {
	margin: 0 0 30px 0;
}

#Footer p {
	text-align: center !important;
}

#Footer p img {
	width: 202px;
	height: 177px;
}

#Footer .Nav li {
	padding: 20px 0 20px 0;
}
}

/* 640px以下---------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {

#Footer {
	padding: 30px 0 0 0;
	width: 100%;
	background: url(../../img/footer/Bg_sp.png) no-repeat;
	background-size: cover;
	text-align: center !important;
}

.footerwrap {
	position: relative;
	max-height: 600px;
	min-height: 500px;
}

#Footer .Logo {
	margin: 0 0 30px 0;
}

#Footer .Nav {
	padding: 10px 0 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#Footer .Nav li {
	display: inline-block;
	margin: 0 0 0 10px;
}

#Footer .Nav li a {
	font-size: 85%;
}

#Footer .Nav li:last-child {
	margin: 0 10px 0 10px;
}

#Footer .Copyright {
	position: absolute;
	bottom: 20px;
	text-align: center;
	font-size: 90%;
	width:80%:
}
}