@charset "utf-8";
/* CSS Document */

#mainBlock,
#contentsBlock {
	width		: auto !important;
}

#mainBlock {
	background		: transparent url(../../../mori/img/bg_mori_001_2.png) no-repeat 50% 140px  !important;
}

/*#mainSection {
	width		: 1350px !important;
	margin		: 0 auto;
	background	: transparent url(../../img/bg_mori_001_2.png) no-repeat center top;
}*/

#mainContents {
	background	: #ffffff;
	max-width		: 950px;
	width: 100%;
	margin		: 0 auto;
	padding		: 20px;
}

	#mainContents .imgbox {
		max-width			: 910px;
		width: 100%;
		margin			: 0 auto;
		padding-bottom	: 5px;
	}

	.imgbox .imgL {
		max-width		: 410px;
		width: 100%;
	}
	
		.imgL h3 {
			float	: left;
			line-height: 1;
			margin-bottom: 10px;
		}
		
		.imgL #lead_txt {
			clear		: both;
			margin-top	: 0;
			text-align	: left;
			font-size	: 1.0em;
			line-height	: 1.5;
		}
		
	.imgbox .imgR {
		max-width		: 490px;
		width: 100%;
		margin-left	: 0 !important;
	}
	
		.imgR #lead_txt2 {
			text-align	: left;
			max-width		: 265px;
			width: 100%;
			margin-top	: -65px;
			margin-left	: 105px;
			line-height	: 1.5;
		}
		
#mainContents ul.about_tab {
	width	: 740px;
	margin	: 20px auto 0;
}

#mainContents ul.about_tab li {
	background-image: url(../../../mori/about/img/tab_about.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

#mainContents ul.about_tab li.end {
	margin-right	: 0 !important;
}

#mainContents ul.about_tab li#tab01 {
	width: 78px;
	height: 47px;
	background-position: 0 0;
}

#mainContents ul.about_tab li#tab01:hover,
#mainContents ul.about_tab li.tab01ov {
	width: 78px;
	height: 47px;
	background-position: 0 -47px !important;
}

#mainContents ul.about_tab li#tab02 {
	width: 118px;
	height: 47px;
	background-position: 0 -94px;
}

#mainContents ul.about_tab li#tab02:hover,
#mainContents ul.about_tab li.tab02ov {
	width: 118px;
	height: 47px;
	background-position: 0 -141px !important;
}

#mainContents ul.about_tab li#tab03 {
	width: 198px;
	height: 47px;
	background-position: 0 -188px;
}

#mainContents ul.about_tab li#tab03:hover,
#mainContents ul.about_tab li.tab03ov {
	width: 198px;
	height: 47px;
	background-position: 0 -235px !important;
}

#mainContents ul.about_tab li#tab04 {
	width: 158px;
	height: 47px;
	background-position: 0 -282px;
}

#mainContents ul.about_tab li#tab04:hover,
#mainContents ul.about_tab li.tab04ov {
	width: 158px;
	height: 47px;
	background-position: 0 -329px !important;
}

#mainContents ul.about_tab li#tab05 {
	width: 138px;
	height: 47px;
	background-position: 0 -376px;
}

#mainContents ul.about_tab li#tab05:hover,
#mainContents ul.about_tab li.tab05ov {
	width: 138px;
	height: 47px;
	background-position: 0 -423px !important;
}

.flexslider{
	max-width: 100%;
}


.flexslider a.flex-prev {
	width		: 50px;
	height		: 50px;
	background	: transparent url(../../../mori/about/img/img_about_003.gif) no-repeat 0 0;
	opacity		: 1;
}

.flexslider a.flex-next {
	width		: 50px;
	height		: 50px;
	background	: transparent url(../../../mori/about/img/img_about_004.gif) no-repeat 0 0;
	opacity		: 1;
}

@media screen and (max-width: 956px) {
	#mainContents{
		padding: 20px 25px;
	}
	
	#mainContents .imgbox{
		display: flex;
	}
	
	.imgbox .imgR > .txt_r{
		text-align: left !important;
	}
	
	.imgR #lead_txt2{
		margin-left: 0;
		width: 70%;
		margin-top: -16%;
	}
	
	.about_tab{
		display: none;
	}
	
	.flexslider a.flex-prev{
		background: none;
		left: -39px;
	}
		.flexslider a.flex-prev:before{
			background: none;
			content: "◀";
			font-size: 28px;
			color: #B1CE3F;
		}
	
	.flexslider a.flex-next{
		background: none;
		right: -39px;
	}
		.flexslider a.flex-next:before{
			background: none;
			content: "▶";
			font-size: 28px;
			color: #B1CE3F;
		}
		
	.flexslider a.flex-prev:hover,
	.flexslider a.flex-next:hover{
		text-decoration: none !important;
	}
}

@media screen and (max-width: 478px) {
	#mainContents .imgbox{
		display:block;
	}
}