@charset "UTF-8";

/*
ベースカラーメモ

*/

/*----------------------------------------------------
	共通
----------------------------------------------------*/
#wrap-contents p{
	text-indent: 1em;
	font-size:12px; /* rem非対応ブラウザ用 */
	font-size:1.2rem;
	text-align: justify;
	/*text-shadow:1px 1px 0px #fff;*/
}

/*----------------------------------------------------
	header#globalHeader
----------------------------------------------------*/
header#globalHeader {
}
header#globalHeader .inner {
	height: 46px;
	padding: 30px 5px 40px;
}
/* logo */
header#globalHeader h1{
	float: left;
	margin-right: 60px;
}
.ie6 header#globalHeader h1{
	margin-right: 30px;
}
/* nav */
.globalNav{
	padding-top: 15px;
	height: 15px;
}

.globalNav li{
	float: left;
	height: 15px;
}
.globalNav li a{
	display: block;
	height: 15px;
	background: url(../images/header/nav.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.globalNav li.link01 a{
	width: 280px;
}
.globalNav li.link02 a{
	width: 185px;
	background-position: -280px 0;
}
.globalNav li.link03 a{
	width: 158px;
	background-position: -465px 0;
}
.globalNav li.link01 a:hover{	background-position: 0 -15px;}
.globalNav li.link02 a:hover{	background-position: -280px -15px;}
.globalNav li.link03 a:hover{	background-position: -465px -15px;}

/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
footer#globalFooter {
}
footer#globalFooter .inner {
}

/*----------------------------------------------------
	article#contentsMain
----------------------------------------------------*/
#contentsMain{
}

/*----------------------------------------------------
	#wrap-lead
----------------------------------------------------*/
#wrap-lead{
	min-height: 614px;
	/* ie6 */
	height: auto !important;
	height: 614px;
}

/*	header#lead
----------------------------------------------------*/
#lead{
	position: relative;
}
#lead h1,
#lead p{
	position: absolute;
	display: block;
	text-indent: -9999px;
	background: url(../images/contentsMain/txt_ttl.gif) no-repeat;
}
#lead h1{
	background-position: 0 0; width: 54px; height: 356px;
	top: 0;
	right: 50px;
}
#lead p{
	background-position: -62px 0; width: 224px; height: 358px;
	top: 30px;
	right: 150px;
}
 
/*	sec#prTop
----------------------------------------------------*/
#prTop{
	position: relative;
	width: 588px;
}
#prTop h2{
	display: block;
	background: url(../images/contentsMain/img_tltip.png) no-repeat -182px 0;
	width: 192px;
	height: 62px;
	text-indent: -9999px;
	position: absolute;
	top: 420px;
	left: -20px;
}
#prTop h3{
	width: 228px;
	height: 114px;
	background: url(../images/contentsMain/prTop_ttl.jpg) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 480px;
	left: 26px;
}
#prTop p{
	padding-left: 270px;
}

/*----------------------------------------------------
	#wrap-sub
----------------------------------------------------*/
#wrap-sub{
	position: relative;
}
/*	sec#prSub
----------------------------------------------------*/
#prSub{
	float: right;
	overflow: hidden;
	padding-bottom: 70px;
}
#prSub h2{
	display: block;
	background: url(../images/contentsMain/img_tltip.png) no-repeat -424px 0;
	width: 191px;
	height: 68px;
	text-indent: -9999px;
	position: absolute;
	top: -80px;
	right: 50px;
}
.ie6 #prSub{
	zoom:1;
}
.wrap-wrap-eco{
	width: 500px;
	margin-right: -16px;
}
.wrap-eco{
	width: 234px;
	float: left;
	margin-right: 16px;
	position: relative;
}
#pr_05 span.png{
	display: block;
	background: url(../images/contentsMain/img_imgs.png) no-repeat;
	background-position: 0 -97px; width: 152px; height: 87px;
	position: absolute;
	bottom: -70px;
	right: 0;
}
span.img{
	display: block;
	width: 234px;
	height: 206px;
	text-indent: -9999px;
	background: url(../images/contentsMain/prSub_photo.jpg) no-repeat;
	overflow: hidden;
	margin-bottom: 8px;
}
#pr_02 span.img{	background-position: 0 0;}
#pr_03 span.img{	background-position: -235px 0;}
#pr_04 span.img{	background-position: 0 -206px;}
#pr_05 span.img{	background-position: -235px -206px;}

span.ttl{
	display: block;
	height: 23px;
	text-indent: -9999px;
	background: url(../images/contentsMain/txt_ttl.gif) no-repeat;
	overflow: hidden;
	margin: 0 auto;
}
#pr_02 span.ttl{	width: 102px; background-position: -320px 0;}
#pr_03 span.ttl{	width: 142px; background-position: -320px -23px;}
#pr_04 span.ttl{	width: 82px; background-position: -320px -46px;}
#pr_05 span.ttl{	width: 121px; background-position: -320px -69px;}


.wrap-eco p{
	padding: 8px 24px 24px;
}

/*----------------------------------------------------
	#sidebar
----------------------------------------------------*/
#sidebar{
	padding: 13px 0 0 50px;
	width: 399px;
}

/*	aside#eco
----------------------------------------------------*/
#eco{
	display: block;
	width: 399px;
	height: 323px;
	background: url(../images/contentsMain/back_eco.gif) no-repeat 0 0;
	margin-bottom: 16px;
	position: relative;
	padding: 80px 0 0 16px;
}

.thumbs{
	position: relative;
	margin-bottom: 0;
	z-index: 100;
}
.thumbs li.fst{
	position: absolute;
	top: 0;
	left: 0;
}
.thumbs li.lst{
	position: absolute;
	top: 0;
	left: 80px;
}
.thumbs li a{
	margin-right: 8px;
	display: block;
	width: 71px;
	height: 29px;
	background: url(../images/contentsMain/eco_btn.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
}
.thumbs li a.link_01{	background-position: 0 0;}
.thumbs li a.link_02{	background-position: -71px 0;}
.thumbs li a.link_01:hover{	background-position: 0 -29px;}
.thumbs li a.link_02:hover{	background-position: -71px -29px;}

.thumbs li.pager-active a.link_01{	background-position: 0 -29px;}
.thumbs li.pager-active a.link_02{	background-position: -71px -29px;}


#wrap-slide{
	width: 359px;
}
.ie6 #slide-contents,
.ie7 #slide-contents{
	margin-top: 40px;
}
/*	#other-link
----------------------------------------------------*/
aside#other-link{
}

.footerNav li{
	margin-bottom: 16px;
	position: relative;
}
.footerNav li a{
	display: block;
	width: 399px;
	height: 110px;
	background: url(../images/contentsMain/sidebar_bnr.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.footerNav li.link01 a{
}
.footerNav li.link02 a{
	background-position: 0 -110px;
}
.footerNav li.link03 a{
	height: 116px;
	background-position: 0 -220px;
}
.footerNav li.link01 a:hover{	background-position: -399px 0;}
.footerNav li.link02 a:hover{	background-position: -399px -110px;}
.footerNav li.link03 a:hover{	background-position: -399px -220px;}

.sprite-img_link_tltip{ 
	display: block;
	background: url(../images/contentsMain/img_tltip.png) no-repeat 0 0;
	width: 132px;
	height: 51px;
	text-indent: -9999px;
	position: absolute;
	top: -32px;
	left: -20px;
}

/*	address#contact
----------------------------------------------------*/
address#contact{
}


/* sprite */
.sprite-img li{
	display: block;
	background: url(../images/contentsMain/img_imgs.png) no-repeat;
	position: absolute;
}
.sprite-img li.sprite-img_bird{ 
	background-position: 0 0; width: 60px; height: 47px;
	bottom: 200px;
	left: -60px;
} 
.sprite-img li.sprite-img_jam{ 
	background-position: 0 -97px; width: 152px; height: 87px;
	bottom: -50px;
	right: 0;
}
.sprite-img li.sprite-img_vege{
	background-position: 0 -529px; width: 91px; height: 83px;
	top: 150px;
	right: 430px
} 

.sprite-img li.sprite-img_tree{
	background-position: 0 -234px; width: 91px; height: 103px; 
	top: -100px;
	left: -20px;
} 
.sprite-img li.sprite-img_tree2{
	background-position: 0 -387px; width: 72px; height: 92px;
	top: 0;
	left: 0;
	display: none;
}