@charset "utf-8";

/* ヘッダー
=========================================================================*/
#index .headerInner{
	position:relative;
	margin:0 auto;
	padding:0 0 20px;
	width:900px;
	height:324px;
	text-align:left;
	background:url(../images/header_inner_bg.gif) no-repeat 0 126px;
}
#index .headerInner .newsArea{
	position:absolute;
	top:214px;
	left:0;
	padding:12px 0 0 13px;
	width:656px;
	height:140px;
	background:url(../images/header_news_bg2.gif) no-repeat 0 0;
	/*
	3行用
	background:url(../images/header_news_bg.gif) no-repeat 0 0;
	*/
}
#index .headerInner #earthqueak{
	background:url(../images/header_news_bg.gif) no-repeat 0 0!important;
	padding:25px 20px 25px 20px;
	width:629px;
	height:60px;
	line-height:160%;
}
#index .headerInner .newsArea h2{
	margin:0 0 10px;
}
#index .headerInner .newsArea .newsSection{
	overflow:auto;
	width:643px;
	height:104px;
}
#index .headerInner .newsArea .newsSection dl{
	margin:0 0 5px 2px;
}
#index .headerInner .newsArea .newsSection dt{
	float:left;
	width:90px;
	margin:0 3px 0 0;
	font-size:77%;
	color:#666;
}
#index .headerInner .newsArea .newsSection dd{
	float:left;
	font-size:92%;
	color:#000;
}
#index .headerInner .newsArea .newsSection dd a{
	color:#0F9946;
	
}


/* インデックス
=========================================================================*/
.indexProject{
	margin:0 0 40px 3px;
	width:817px;
}
.indexProject h2{
	margin:0 0 12px;
}
.indexProject .lead{
	margin:0 0 20px 66px;
}
.indexProject .leadSub{
	margin:0 0 12px 66px;
	font-size:107%;
	font-weight:bold;
	color:#11A74D;
}
.indexProject .txt{
	margin:0 0 0 66px;
}
.indexProject .moduleRight{
	margin:58px 0 0;
}
.indexActivity{
	margin:0 0 40px 3px;
	width:750px;
}
.indexActivity .link2{
	margin:0 0 0 66px;
	font-size:92%;
	color:#10A84D;
}
.indexActivity .link2 a{
	color:#10A84D;
}
.indexProject .moduleRight{
	margin:8px 0 0;
}

.grayArea{
	width:820px;
	background:url(/common/images/gray_header_bg.gif) no-repeat 0 0;
}
.grayAreaInner{
	padding:15px 0;
	width:820px;
	background:url(/common/images/gray_footer_bg.gif) no-repeat 0 bottom;
}
#index .satogaerikunIntro{
	overflow:hidden;
	margin:0 0 0 18px;
	width:780px;
}
#index .satogaerikunIntro .image{
	float:left;
	width:151px;
height:145px;
	background:url(../../images/img_satogaerikun.gif) repeat-x 0 0;
text-indent:-1000.0em;
}
#index .satogaerikunIntro .txt{
	float:right;
	width:615px;
	font-size:92%;
	line-height:180%;
}
#index .satogaerikunIntro .txt h3{
	margin:13px 0 20px;
	width:159px;
height:20px;
	background:url(../../images/title_satogaerikun.gif) repeat-x 0 0;
text-indent:-1000.0em;
}


/* 環境貢献活動
=========================================================================*/
.activityMechanism{
	margin:0 0 40px 3px;
	width:800px;
}
.activityMechanism .moduleRight{
	margin:12px 0 0;
}

.activityDonation{
	margin:0 0 40px 3px;
	width:770px;
}
.activityDonation .lead{
	margin:0 0 10px 66px;
}
.activityDonation .moduleRight{
	margin:10px 0 0;
}
.grayMizube{
	margin:0 0 30px;
	clear: both;
}
.mizube{
	overflow:hidden;
	margin:0 0 0 18px;
	width:780px;
}
.mizube .image{
	float:left;
	width:151px;
}
.mizube .txt{
	float:right;
	width:615px;
	font-size:92%;
	line-height:180%;
}
.mizube .txt h3{
	margin:13px 0 20px;
}
.mizube .link a {
	color:#10A84D;
}

.moduleCenter .jissekiImg{
	margin:0 0 10px;
}
.moduleCenter .attention{
	margin:0 0 10px;
	font-size:85%;
	line-height:150%;
}
.activityReport{
	clear:both;
	margin:0 0 40px 3px;
	width:755px;
}
.activityReport .lead{
	margin:0 0 20px 66px;
}
.activityMb24{
	margin-bottom:24px;
}
.activityReport .moduleCenter{
	width: 706px;
	margin-left:66px;
}
.moduleCenter .txt{
	font-size:92%;
	line-height:180%;
}
.activityReport .reportList{
	margin-top: 24px;
	padding: 25px 20px;
	width: 666px;
	height: 65px;
	background:url(../../images/bg_activity_report.gif) left top no-repeat;
}
.activityReport .reportList dl{
	overflow-y:scroll;
	height: 65px;
}
.activityReport .reportList dt{
	color:#666666;
	clear:left;
  	float:left;
  	font-size:77%;
  	width:90px;
  	line-height: 180%;
}
.activityReport .reportList dd{
	margin-left: 90px;
	font-size:92%;
	line-height: 180%
}
.activityReport .reportList dd a,
.activityReport .link a {
	color:#0F9946;
}

/* 回収について
=========================================================================*/
.boxArea{
	margin:0 0 0 3px;
}
.box01{
	margin:0 0 50px 66px;
	width:720px;
}
.box01Left{
	float:left;
}
.box01Right{
	float:right;
	width:490px;
}
.box01Right .txt{
	margin:0 0 12px;
	font-size:92%;
	line-height:180%;
}
.box01Right .grayAreaS{
	padding:0 0 15px;
	background:url(../../images/gray_attention_bg.gif) no-repeat 0 bottom;
}
.box01Right .grayAreaS h3{
	margin:0 0 15px;
}
.box01Right .grayAreaS ol{
	margin:0 0 0 25px;
	padding:0;
	width:420px;
	font-size:92%;
}
.box01Right .grayAreaS li{
	margin:0 0 10px;
	padding:0 0 0 1.1em;
	text-indent:-1.1em;
}
.boxModule{
	clear:both;
	margin:0 0 40px;
}
.boxModule .txt{
	margin:0 0 10px;
	font-size:92%;
	line-height:180%;
}
.boxModule .link{
	font-size:92%;
	color:#10A84D;
	line-height:180%;
}
.boxModule .link a{
	margin:0 2px 0 0;
	color:#10A84D;
}
.boxModule .jissekiImg{
	margin:0 0 10px;
}
.boxModule .attention{
	margin:0 0 10px;
	font-size:85%;
	line-height:150%;
}


/* 里帰りサポーターズ
=========================================================================*/
.subtitle h3{
	font-size: 138%;
	color: #000;
}
.sbox{
	margin:0 0 0 3px;
}

.ttl{
	margin:0 0 10px;
	padding:9px 0 0 64px;
	height:45px;
	background:url(/common/images/title_bg_character.gif) no-repeat 0 0;
}

.subtitle{
	width:813px;
	height:35px;
	margin:53px 0 0 0;
	background:url(../images/green_line.gif) no-repeat 0 bottom;
}

.intro_lead{
	margin:17px 0 0 0;
}

.supporter{
	overflow:hidden;
	*zoom:1; /* for IE6 7 */
	margin:26px 0 26px 0;
}

.icn{
	float:left;
	margin:0 21px 26px 0;
}

.icn_rgt{
	margin:0 0 26px 0;
}

.icn_zero{
	margin:0 21px 0 0;
}

.icn_end{
	margin:0 0 0 0;
}

.claer{
	clear:both;
	margin:26px 0 134px 0;
}




/*201503*/

/* indexヘッダー
=========================================================================*/
#index .header{
	background:#13A94F url(../../images/header_bg01.gif) repeat-x center -50px;
}
#index .headerInner{
	background:none !important;
}
#index .headerInner h1{
	top:18px;
	left:0;
	/* background:url(../../images/header_logo01.gif) no-repeat 0 0; */
	width:659px;
	height:85px;
	/* text-indent:-1000.0em; */
	overflow:hidden;
}
#index .headerInner .satogaerikun{
	top:10px;
	right:28px;
	/* background:url(../../images/header_satogaerikun01.png) no-repeat 0 0; */
	width:156px;
	height:191px;
	/* text-indent:-1000.0em; */
	overflow:hidden;
}
/* subヘッダー
=========================================================================*/

#sub .header{
	background:#13A94F url(../../images/header_bg01.gif) repeat-x center -50px;
}
#sub .headerInner{
	height:191px;
	background:none !important;
}
#sub .headerInner h1{
	top:18px;
	left:0;
}
#sub .headerInner h1 a{
 /* 	background:url(../../images/header_logo01.gif) no-repeat 0 0; */
	width:659px;
	height:85px;
 /* 	text-indent:-1000.0em; */
	overflow:hidden;
}
#sub .headerInner .satogaerikun{
	top:10px;
	right:28px;
 /* 	background:url(../../images/header_satogaerikun01.png) no-repeat 0 0; */
	width:156px;
	height:191px;
 /* 	text-indent:-1000.0em; */
	overflow:hidden;
}
/* ヘッダー
=========================================================================*/
#index .headerInner{
	width:900px;
	height:385px !important;
}
#index .headerInner .newsArea{
	padding-top:14px;
	height:85px;
	background:url(../../images/bg_index_01.gif) no-repeat 0 0;
	top:164px;
}
#index .headerInner #earthqueak{
	padding:18px 20px;
	padding-left:98px;
	height:64px;
	background:url(../../images/bg_index_01.gif) no-repeat 0 0 !important;
}
#index .headerInner #earthqueak p{
	width:543px;
}
#newHead h2{
	float:left;
	top:178px;
	left:13px;
	width:68px;
	position:relative;
	z-index:100;
}
#index .headerInner #whatsnew .newsArea{
	top:278px !important;
}
#index .headerInner .newsArea h2{
	float:left;
	width:68px;
}
#index .headerInner .newsArea .newsSection{
	padding:5px 0 0 10px;
	width:543px;
	float:left;
	height:64px;
}
#index .headerInner .newsArea .newsSection dd{
	width:430px;
}

.info01{
	position:absolute;
	top: 164px;
	width: 629px;
	padding:14px 12px;
	background:url(../../images/bg_index_01.gif) no-repeat 0 0;
}
#index .headerInner .info01 #earthqueak{
	padding:0 0 0 98px !important;
	height:auto  !important;
	background:none !important;
	position:static !important;
}
#index .headerInner .info01 #earthqueak p{
	width:auto  !important;
}
.info01 h2{
	float:left;
	width:68px;
}
.info02{
	position:absolute;
	top:278px;
	width: 629px;
	padding:14px 12px;
	background:url(../../images/bg_index_01.gif) no-repeat 0 0;
}
.info02 h2{
	float:left;
	width:68px;
}
.info02 .newsSection{
	overflow:auto;
	height:104px;
	padding:5px 0 0 10px;
	width:543px;
	float:left;
	height:64px;
}
.info02 .newsSection dl {
    margin: 0 0 5px 2px;
}
.info02 .newsSection dt{
	float:left;
	width:90px;
	margin:0 3px 0 0;
	font-size:77%;
	color:#666;
}
.info02 .newsSection dd{
	float:left;
	font-size:92%;
	color:#000;
	width: 430px;
}
.info02 .newsSection dd a{
    color: #0f9946;
}


#index .headerInner .bnr{
	position:absolute;
	bottom:30px;
	right:0;
}

/* インデックス
=========================================================================*/
.indexMain{
}
.indexMain h2{
	margin:0 0 35px;
}
.indexMain .lead{
	margin:0 0 30px 0;
}
.indexMain .btn{
	width:520px;
	margin:0 0 55px 0;
}
.indexMain .btn li.btn01{
	width:253px;
	float:left;
}
.indexMain .btn li.btn02{
	width:253px;
	float:right;
}
.indexMain .moduleRight{
	margin:55px 0 0;
}


.indexProject{
	margin:0 0 40px 3px;
	width:817px;
}
.indexProject h2{
	margin:0 0 25px;
}
.indexProject .lead{
	margin:0 0 20px 0;
}
.indexProject .leadSub{
	margin:0 0 12px 0;
	font-size:107%;
	font-weight:bold;
	color:#11A74D;
}
.indexProject .txt{
	margin:0 0 0 0;
}
.indexProject .moduleRight{
	margin:15px 0 0;
	width:260px;
	text-align:center;
}

/* 環境貢献活動
=========================================================================*/
.activityDonation .moduleLeft{
	margin:15px 0 0;
	width:430px;
}
.activityDonation .moduleRight .img{
margin-top:25px;
	width:280px;
}
.activityDonation .moduleRight .img01{
float:left;
	width:140px;
}
.activityDonation .moduleRight .img02{
float:right;
	width:94px;
}
.moduleCenter .jissekiImg{
	margin-top:25px;
}
.activityReport .lead{
	margin-bottom:10px;
}

/* 回収について
=========================================================================*/
.boxModule .txt,
.boxModule .link{
	padding-left:60px;
}
/*201503*/


/* 印刷用CSS */
@media print{

/* インデックス
=========================================================================*/
#index .headerInner{
	height:191px !important;
}
#index .headerInner #newHead,
#index .headerInner #whatsnew,
#index .headerInner .bnr{
	display:none;
}

.grayArea{
	width:auto;
	background:none;
}
.grayAreaInner{
	padding:0;
	width:auto;
	background:none;
}

#index .satogaerikunIntro{
	width:817px;
	margin:0;
}
#index .satogaerikunIntro .image{
	width:97px;
height:100px;
text-indent:0;
background:none;
}
#index .satogaerikunIntro .txt{
	width:706px;
}
#index .satogaerikunIntro .txt h3{
	width:143px;
height:20px;
text-indent:0;
background:none;
}
/* subヘッダー
=========================================================================*/
#sub .header{
	background:#13A94F url(../../images/header_bg01.gif) repeat-x center -50px;
}
#sub .headerInner{
	height:191px;
	background:none !important;
}
#sub .headerInner h1{
	top:18px;
	left:0;
 /* 	background:url(../../images/header_logo01.gif) no-repeat 0 0; */
	width:659px;
	height:85px;
 /* 	text-indent:-1000.0em; */
	overflow:hidden;
}
#sub .headerInner .satogaerikun{
	top:10px;
	right:28px;
 /* 	background:url(../../images/header_satogaerikun01.png) no-repeat 0 0; */
	width:156px;
	height:191px;
 /* 	text-indent:-1000.0em; */
	overflow:hidden;
}
/* 環境貢献活動
=========================================================================*/
.activityDonation{
	page-break-before:always;
}
/* 里帰りサポーターズ
=========================================================================*/
.supporter.claer{
	margin-bottom:0;
}
/* 共通
=========================================================================*/
.content .footerNavi{
	height:30px;
}
.info01,
.info02,
.content .footerNavi ul,
.footerInner .pagetop{
	display:none;
}

}