@charset "UTF-8";
.inNav { 
	width: 100%;
	background: url(../img/innavi.png);
	height: 61px;
	border-top: 1px solid #e0e1dd;
	border-bottom: 4px solid #93c543;
	margin-top: 5px;
}
#container {
font-size: 100%;
}
.spCon {
	display: none;
}
li.text {
	padding-top: 7px;
}
#ecoNavOut { width: 980px;margin: 0 auto; }

.eco_menu li { display: inline;list-style-type:none; }
.eco_menu li a,
.eco_menu li span {
	display: block;
	float: left;
	height: 61px;
	text-indent:-9999em;
	text-decoration:none;
	background-image: url(../img/innav_bg.png);
	background-repeat : no-repeat;
	overflow:hidden;
}

#menu_01 a { background-position: 0px 0px;width: 153px; }
#menu_02 a { background-position: -153px 0;width: 153px; }
#menu_03 a { background-position: -306px 0px;width: 154px; }
#menu_04 a { background-position: -460px 0px;width: 153px; }
#menu_05 a { background-position: -613px 0px;width: 153px; }
#menu_06 span { background-position: -766px 0px;width: 214px; }

#menu_01 a:hover {background-position: 0px -61px;}
#menu_02 a:hover {background-position: -153px -61px; }
#menu_03 a:hover {background-position: -306px -61px; }
#menu_04 a:hover {background-position: -460px -61px; }
#menu_05 a:hover {background-position: -613px -61px; }

/*#menu_06 a:hover {background-position: -766px -61px; }*/

#menu_01 .crnt,
#menu_01 .crnt:hover { background-position: 0px -122px;width: 153px;}
#menu_02 .crnt,
#menu_02 .crnt:hover { background-position: -153px -122px;width: 153px; }
#menu_03 .crnt,
#menu_03 .crnt:hover { background-position: -306px -122px;width: 154px; }
#menu_04 .crnt,
#menu_04 .crnt:hover { background-position: -460px -122px;width: 153px; }
#menu_05 .crnt,
#menu_05 .crnt:hover { background-position: -613px -122px;width: 153px; }
/*#menu_06 .crnt,
#menu_06 .crnt:hover { background-position: -766px -122px;width: 214px; }*/
#category_title {
	font-size: 106.25%;
	font-weight: bold;
	float: left;
	border-left: 8px solid #f00;
	padding: .1em 0 .1em 10px;
	line-height: 1.2;
	margin-top: 5px;
}

@media only screen and (max-width: 640px) {

	html, .eco_section_05 { zoom: 1; }
	a, img { -webkit-tap-highlight-color: rgba(0,0,0,0); }
	a:hover { background: rgba(0,0,0,0); }

	#category_title {
		margin: 0;
		padding: 0;
		font-size: normal;
		font-weight: normal;
		float: none;
		border-left: none;
		line-height: 1;
	}
	#category_title img {
		width: 100%;
		max-width: 99999px;
		height: auto;
		vertical-align: bottom;
	}
	.pcCon { display: none; }
	.spCon { display: inline; }
	.ecoSlid { width: 100%; }
	.ecoSlidIn { width: 100%; }

	.ecoSlid .txt {
		display: block;
		height: 60px;
		padding-top: 8px;
		color: #58ae24;
		font-size: 12px;
		text-align: center;
		display: inline-block;
		margin: 0 auto;
		text-indent: 28px;
		position: relative;
		z-index: -10;
		line-height: 26px;
		letter-spacing: 0px;
	}
	.ecoSlid .txt.long {
		letter-spacing: -1px;
	}
	.ecoSlid .txt.long {
		letter-spacing: -1px;
	}
	.ecoSlid .spSlidBg01 { background: url(../img/sp_slide_icon01.gif) no-repeat 0 8px; }
	.ecoSlid .spSlidBg02 { background: url(../img/sp_slide_icon02.gif) no-repeat 0 8px; }
	.ecoSlid .spSlidBg03 { background: url(../img/sp_slide_icon03.gif) no-repeat 0 8px; }
	.ecoSlid .txt span {
		color: #58ae24;
		font-size: 16px;
		letter-spacing: 0px;
	}
	.sp_slideBtn {
		width: 100%;
		height: 68px;
		margin: -128px 0 20px;
		background-image: url(../img/sp_pre.gif),url(../img/sp_next.gif);
		background-repeat: no-repeat,no-repeat;
		background-position: top left,top right;
		border-bottom: 1px solid #dae7cf;
		position: relative;
		z-index: 0;
	}
	.ecoMain {
		background: none;
		width: 100%;
	}
	.eco_section_01,
	.eco_section_02,
	.eco_section_03,
	.eco_section_04 {
		width: 100%;
		text-align: center;
	}
	.eco_section_01 {
		background: url(../img/sp_section_01.png) no-repeat;
		background-size: 100%;
	}
	.eco_section_02 {
		background: url(../img/sp_section_02.png) no-repeat;
		background-size: 100%;
	}
	.eco_section_03 {
		background: url(../img/sp_section_03.png) no-repeat;
		background-size: 100%;
	}
	.eco_section_04 {
		background: url(../img/sp_section_04.png) no-repeat;
		background-size: 100%;
	}
	.eco_section_01Inner,
	.eco_section_02Inner,
	.eco_section_03Inner,
	.eco_section_04Inner {
		position: absolute;
		top: 12%;
		left: 0;
		text-align: center;
		z-index: 100;
		width: 100%;
	}
	.sectionBtn {
		position: relative;
		z-index: 200;
		margin: 0;
		padding: 0;
		line-height: 0;
	}
	.sectionBtn img {
		margin: 0;
		padding: 0;
		line-height: 0;
		vertical-align: bottom;
	}
	h2.ecotit2 {
		width: 100%;
		background-position: 40% 2px;
		font-size: 14px;
		text-align: center;
		margin-top: 0;
	}
	h2.ecotit2:before {
		top: 0;
		width: 12px;
		height: 12px;
		background-size: 100% auto;
	}
	h2.ecotit3 {
		width: 95%;
		margin: 20px auto 15px;
		font-size: 18px;
	}
	h2.ecotit4 {
		width: 95%;
		padding-top: .4em;
		font-size: 18px;
	}
	h2.ecotit4 span {
		font-size: 14px;
		padding-left: 0;
		padding-right: 12px;
		background: url(../img/sp_topic_arr.png) no-repeat 100% .22em;
		background-size: 10px auto;
	}
	.topicBg .topicInner .row .date {
		padding-left: 14px;
		background: url(../img/sp_topic_arr.png) no-repeat 0 0;
		background-size: 10px auto;
	}
	.eco_section_05 .ecoLink li {
		font-size: 12px;
	}
	.eco_section_05 .ecoLink li h2 {
		font-size: 13px;
	}
	.topicBg .topicInner .row a {
		font-size: 12px;
	}
	.topicBg .topicInner .row a h2 {
		font-size: 12px;
	}

	div#global_footer,
	#fnWrapper,
	#mobileSafari,
	#fnWrapper { display: none; }

	* html .spCon { display: none; }
	#header_breadcrumbs {
		display: none;
	}

}