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

body {
	background: #fff8e8 !important;;
}

#header_wrap {
	margin	: 0 auto;
}

.crumb{
    margin: 10px 0 5px;
}

h2 {
	float : left;
}

	h3.hd01{
		color: #46a83d;
		font-size: 24px;
	}
	

section.bg_colored {
	background	: #fff8e8;
	padding-top	: 20px;
}

.imgbox {
	width	: 950px;
	margin	: 0 auto;
}

ul.nav_mori {
	float 		: right;
	margin-top	: 6px;
}

ul.nav_mori li {
	float			: left;
	margin-right	: 3px;
}

ul.nav_mori li a {
	background-image	: url('../../mori/img/nav_mori.png');
	background-repeat	: no-repeat;
	display				: block;
	text-indent			: -9999px;
}

ul.nav_mori li#nav_01 a {
	width: 135px;
	height: 30px;
	background-position: 0 0;
}

ul.nav_mori li#nav_01 a:hover {
	width: 135px;
	height: 30px;
	background-position: 0 -30px;
}

body.p_home ul.nav_mori li#nav_01 a {
	width: 135px;
	height: 30px;
	background-position: 0 -60px;
}

ul.nav_mori li#nav_02 a {
	width: 165px;
	height: 30px;
	background-position: 0 -90px;
}

ul.nav_mori li#nav_02 a:hover {
	width: 165px;
	height: 30px;
	background-position: 0 -120px;
}

body.p_about ul.nav_mori li#nav_02 a {
	width: 165px;
	height: 30px;
	background-position: 0 -150px !important;
}

ul.nav_mori li#nav_03 a {
	width: 165px;
	height: 30px;
	background-position: 0 -180px;
}

ul.nav_mori li#nav_03 a:hover {
	width: 165px;
	height: 30px;
	background-position: 0 -210px;
}

body.p_world ul.nav_mori li#nav_03 a {
	width: 165px;
	height: 30px;
	background-position: 0 -240px;
}

ul.nav_mori li#nav_04 a {
	width: 155px;
	height: 30px;
	background-position: 0 -270px;
}

ul.nav_mori li#nav_04 a:hover {
	width: 155px;
	height: 30px;
	background-position: 0 -300px;
}

body.p_memory ul.nav_mori li#nav_04 a {
	width: 155px;
	height: 30px;
	background-position: 0 -330px;
}

#crumb {
	width		: 950px;
	margin		: 10px auto 0;
}
	
article{
	margin	: 0px;
}

	#mainBlock {
		background	: transparent url(../../mori/img/bg_mori_001.png) no-repeat 50% bottom;
		width		: 100% !important;
		margin-top	: 3px;
		max-width: 100%;
	}
	
	#contentsBlock{
		max-width: 100%;
		width		: auto !important;
		margin		: 0 auto;
		float		: none;
	}

section {
	max-width	: 950px;
	width: 100%;
	margin	: 0 auto;
}

#bgGreen {
	width		: 100%;
	height		: 20px;
	background	: #76bf66;
}

#pagetop {
	margin		: 0 auto;
}

footer {
	margin-top	: 0 !important;
    clear: both;
}

	#footer_bg {
		background	: #EDEDED;
		margin		: 0 auto;
	}

.sp_nav_mori{
	display: none;
}

.over:hover{
	opacity: 1;
}

@media screen and (max-width: 956px) {
	body {
		background: none !important;
	}
	
	#mainBlock{
		background-position: top center;
		background-size: cover;
	}

	.crumb{
		display: none;
	}
	
	h2{
		float: none;
		width: 50%;
		margin: 0px auto 20px;
	}
	
	.nav_mori{
		display: none;
	}
	
	.sp_nav_mori{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 40px auto;
		margin-top: 30px;
	}
		.sp_nav_mori li{
			width: 100%;
			background: #fff;
			margin-bottom: 0;
			border-bottom: 1px solid #ccc0a5;
			text-align: left;
		}
		.sp_nav_mori li:first-child{
			border-top: 1px solid #ccc0a5;
		}
		
		.sp_nav_mori li a{
			display: block;
			padding: 15px;
		}
		
		.sp_nav_mori li a:hover{
			text-decoration: none;
		}
		
		#mainContents ul::after{
			content: "";
			display: none !important;
		}
		#crumb {
			display: none;
		}

}