/* CSS Document */

@charset "UTF-8";

/*---------------------------------------------------

eco.css
 2009.2.18 ベルトーニ

 ----------------------------------------------------*/
 
/* バスラインナップ内部
-----------------------------------------------------*/

#eco div#eco-inside{
	width: 940px;
	margin:5px auto 0 auto;
	padding:0;
}


/*コンセプトバナー
-----------------------------------------------------*/
#eco div#banner-wrap{
/*	width:900px;*/
	height:1px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-indent:-9999px;
} 


#eco div#banner-wrap h1,p{
	overflow:hidden;
}
#eco #main_flash {
	text-align: center;
}


.closepop{
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}



/*レイアウト
-----------------------------------------------------*/
.eco-first-wrapgroup {	
	width:900px;
	height:auto;
	margin:8px auto 0 auto;
	padding:0;
	background-color: #EBE9E9;
	background-image:url(img/right_pattern.gif);
	background-repeat:repeat;
}	
.eco-first-wrapgroup .eco-second-wrap {	
	float: left;
	width: 750px;
	overflow: hidden;
	height:auto;
	background:#fff;
}	
.eco-first-wrapgroup .eco-third-wrap {
	text-align:center;	
	float: left;
	width: 150px;
	overflow: hidden;
	height:auto;
	margin-top:-2px; 
	padding:0;
}	


/*タイトル
-----------------------------------------------------*/
#eco h2.eco-title{
	width:745px;
	height:45px;
	margin:0 0 5px 0 ; 
	background-image:url(img/topbar745_tit_happa.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	padding-left:45px;
	padding-top:8px;
	text-align:left;
}


#eco h2.eco-title2{
	width:745px;
	height:45px;
	margin:20px 0 5px 0 ; 
	background-image:url(img/topbar745_tit_happa.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	padding-left:45px;
	padding-top:8px;
	text-align:left;
}


/*詳細
-----------------------------------------------------*/


/*カーボンオフセットとは*/

#eco div.eco-second-wrap div.carbongroup {
	margin-top:-16px;	
	width: 714px;
}	
.carbongroup .cimg {	
	float: left;
	text-align:left;
	width: 200px;
	overflow: hidden;
}	
.carbongroup .ctext {
	margin-left:12px;
	text-align:left;
	line-height:1.6;
	float: left;
	width: 480px;
	overflow: hidden;
	color:
	#999999;
	font-family:"ＭＳ Ｐゴシック";
	
}

.ctext-a {
font-size:22px;
font-weight:bold;
color:#666666;
}
.ctext-b {
font-weight:bold;
margin-top:10px;
font-size:13px;
line-height:17px;
padding-left:8px;
}
.ctext-c {
margin-top:10px;
font-weight:bold;
font-size:18px;
padding-left:42px;
font-weight:bold;
color:#666666;
}
.ctext-d {
font-weight:bold;
margin-top:10px;
font-size:13px;
padding-left:11px;
}




.startpoint{
	color:#FF639C;
	font-weight:bold;
	font-size:1.7em;
}


/* あなたの参加でCO2 が6％削減できます */
.co2group {	
	width: 730px;
}	
.co2group .coimg {	
	float: left;
	width: 474px;
	overflow: hidden;
}	
.co2group .cobut {	
	float: left;
	margin-left:29px;
	width: 190px;
	overflow: hidden;
}	


.carbonbut a{
margin-top:45px;
width:186px;
height:77px;
text-indent:-9999px;
display: block;
background-image:url(img/farf_of.jpg);
background-repeat:no-repeat;
background-position:top left;
}

.carbonbut a:hover{
background-image:url(img/farf_on.jpg);
background-repeat:no-repeat;
background-position:top left;
}


/*カーボンオフセットに参加しましょう*/

#eco div.eco-second-wrap div.eco-txt{
	width:714px;
	text-align:left;
	line-height:1.6;
	margin:-16px auto 0 auto;
}

#eco div.eco-second-wrap div.eco-txt ul{
	padding-left:20px;
}

#eco div.eco-second-wrap div.eco-txt li{
	list-style:disc;
}

/*カーボンオフセットに参加するには*/

.ecocgroup {	
	width: 714px;
	margin:-16px auto 0 auto;
}	
.ecocgroup .ecoleft {
	margin-top:-8px;
	text-align:left;
	line-height:1.6;
	float: left;
	width: 320px;
	overflow: hidden;
}

.ecocgroup .ecoleft .pointbold{
	color:#FF3399;
	font-weight:bold;
	margin-top:12px;
}
.ecocgroup .ecoleft .point {
	color:#FF3399;
	margin-top:12px;
}	

.ecocgroup .ecoright {
	margin-left:8px;	
	float: left;
	width: 380px;
	overflow: hidden;
}

/*greenbox*/
.ecobox {
	width: 374px;
	text-align:left;
	background-color:#DEEFC6;
	border: 3px #ADC78D solid;
	background-image:url(img/eco_green_back.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.boxtit {
	text-align:center;
	color:#004A22;
	font-size:1.5em;
	padding-top:5px;
}

.boxdatagroup {
	margin-left:15px;
	width: 346px;
	padding:15px 0 10px 0;
	line-height:1.6;
}	
.boxdatagroup .boxleft {
	text-align:left;	
	float: left;
	width: 166px;
	overflow: hidden;
}	
.boxdatagroup .boxright {
	text-align:left;
	margin-left:14px;	
	float: left;
	width: 166px;
	overflow: hidden;
}	

.boxfooter {
	margin-left:16px;
	width: 314px;
	line-height:1.6;
	padding:0 0 15px 0;
}

/*bottom area*/
.areacut{
	text-indent:-9999px;
	margin-top:30px;
	width:646px;
	border-bottom:#EBE9E9 solid 1px;
	height:2px;
}
.ecostagegroup {	
	width:714px;
	text-align:left;
	line-height:1.6;
	margin: 18px auto 20px auto;
}
.ecostagegroup .imgleft {
	text-align:left;	
	float: left;
	width: 200px;
	overflow: hidden;
}
.ecostagegroup .textright {	
	text-align:left;
	margin-left:12px;
	float: left;
	width: 497px;
	overflow: hidden;
	margin-top:-8px;
}


/*別ページ
-----------------------------------------------------*/


/*タイトル*/
#eco h1.eco-title3{
	width:900px;
	height:45px;
	margin:20px auto 0 40px;
	background-image:url(img/title900.gif);
	background-repeat:no-repeat;
	background-position:top left;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	padding-left:45px;
	padding-top:8px;
	text-align:left;
}

/* B */

/*タイトル*/
#eco h1.eco-title3b{
	width:900px;
	height:45px;
	margin:20px auto 0 40px;
	background-image:url(img/topbar900_tit_happa.jpg);
	background-repeat:no-repeat;
	background-position:-2px left;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	padding-left:45px;
	padding-top:8px;
	text-align:left;
	overflow:visible;
}


/* /B */


/*top message
---------------*/


#eco div.eco-message-d{
	width:900px;
	height:auto;
	margin:5px auto 0 auto;
	padding:0 3px;
}

#eco div.eco-message-d h2{
	color:#FF639C;
	font-size:16px;
	margin:0 auto 0 auto;
	padding:0;
	text-indent:0.5em;
	text-align:left;
}

/*text + img group*/
.messagegroup {
	margin-top:12px;
	width: 900px;
	visibility:visible;
	overflow:visible;
	
}	
.messagegroup .mtext {
	text-align:left;	
	float: left;
	width: 625px;
	overflow: hidden;
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
}	

.messagegroup .mtext p{	
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
	visibility:visible;
	overflow:visible;
}

.messagegroup .mimg {	
	float: left;
	width: 265px;
	overflow: hidden;
	margin-left:10px;
}	

#eco div.eco-message-d p{
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
}


/* B */


#eco div.eco-message-d{
	width:900px;
	height:auto;
	margin:5px auto 0 auto;
	padding:0 3px;
}

#eco div.eco-message-d h2{
	color:#FF639C;
	font-size:16px;
	margin:0 auto 0 auto;
	padding:0;
	text-indent:0.5em;
	text-align:left;
}

/*text + img group*/

/* messageBgroup */

.messagebgroup {
	margin-top:12px;
	width: 900px;
	visibility:visible;
	overflow:visible;
	
}	
.messagebgroup .mtext {
	text-align:left;	
	float: left;
	width: 443px;
	overflow: hidden;
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
}	

.messagebgroup .mtext p{	
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
	visibility:visible;
	overflow:visible;
}

.messagebgroup .mimg {	
	float: left;
	margin-left:30px;
	width: 377px;
	overflow: hidden;
	
}	

#eco div.eco-message-d p{
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
}


.decor {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

/* /B */



/* 環境宣言
----------------------------------*/

#eco div.eco-kankyo-d{
	width:900px;
	height:auto;
	margin:-13px auto 0 auto;
	padding:0 3px;
}

#eco div.eco-kankyo-d h2{
	color:#FF639C;
	font-size:16px;
	margin:0 auto 0 auto;
	padding:0;
	text-indent:0.5em;
	text-align:left;
}

/* B */

#eco div.eco-kankyo-d-b{
	width:900px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0 3px;
}

#eco div.eco-kankyo-d-b h2{
	color:#FF639C;
	font-size:16px;
	margin:0 auto 0 auto;
	padding:0;
	text-indent:0.5em;
	text-align:left;
}

/* /B */

/*text + img group*/
.kankyogroup {
	margin-top:12px;
	width: 900px;
	visibility:visible;
	overflow:visible;
	
}	
.kankyogroup .ktext {
	text-align:left;	
	float: left;
	width: 625px;
	overflow: hidden;
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
}	

.kankyogroup .ktext p{	
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
	visibility:visible;
	overflow:visible;
}

.kankyogroup .ktext ol{	
	width:625px;
	height:auto;
	margin:0 auto;
	padding:0;
}

.kankyogroup .ktext li{
	list-style-type:decimal;
	text-align:left;
	margin-left:30px;
	margin-bottom:3px;
	margin-top:3px;
}

.kankyogroup .kimg {	
	float: left;
	width: 265px;
	overflow: hidden;
	margin-left:10px;
}	

.kankyogroup .kimg {	
	float: left;
	width: 265px;
	margin-left:10px;
}	


/* B */

.kankyobgroup {	
	width: 900px;
}	
.kankyobgroup .ktext {	
	float: left;
	width: 349px;
	overflow: hidden;
}	
.kankyobgroup .kimg {	
	float: left;
	width: 532px;
	overflow: hidden;
}	


.kankyobgroup {
	margin-top:12px;
	width: 900px;
	visibility:visible;
	overflow:visible;
	
}	
.kankyobgroup .ktext {
	margin-left:20px;
	text-align:left;	
	float: left;
	width: 520px;
	overflow: hidden;
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
}	

.kankyobgroup .ktext p{	
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
	visibility:visible;
	overflow:visible;
}

.kankyobgroup .ktext ol{	
	width:532px;
	height:auto;
	margin:0 auto;
	padding:0;
}

.kankyobgroup .ktext li{
	list-style-type:decimal;
	text-align:left;
	margin-left:30px;
	margin-bottom:3px;
	margin-top:3px;
}

.kankyobgroup .ktext .qua{
	text-align:center;
	margin-bottom:12px;
	margin-top:12px;
}
.kankyobgroup .kimg {	
	float: left;
	width: 349px;
	overflow: hidden;

}	
/* /B */

/*
カーボンオフセット
--------------------------------------*/


/*タイトル*/
#eco h1.eco-title3{
	width:900px;
	height:45px;
	margin:20px auto 0 40px;
	background-image:url(img/title900.gif);
	background-repeat:no-repeat;
	background-position:top left;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	padding-left:45px;
	padding-top:8px;
	text-align:left;
}


/*CARBON
---------------*/


#eco div.eco-carbon-d{
	width:900px;
	height:auto;
	margin:5px auto 0 auto;
	padding:0 3px;
}

#eco div.eco-carbon-d h2{
	color:#FF639C;
	font-size:16px;
	margin:7px auto 0 auto;
	padding:0;
	text-indent:0.5em;
	text-align:left;
}
#eco div.eco-carbon-d .subtit{
	text-align:left;
	color:#FF639C;
	font-size:13px;
	margin:0 auto 0 auto;
	padding:0;
	text-indent:0.5em;
	text-align:left;
}

.carbongroup {
	margin-top:12px;
	width: 900px;
	text-align:left;
}	
.carbongroup .cscheme {
	margin-left:15px;
	text-align:left;	
	float: left;
	width: 565px;
	overflow: hidden;
	text-indent:0.5em;
	line-height:1.6;
	text-align:left;
}	
.carbongroup .cimage {
	margin-left:40px;	
	float: left;
	width: 234px;
	overflow: hidden;
}	


/*
--------------------------------------*/

.minus{
margin-bottom:7px;
margin-top:-2px;
}


/* flow clear 
--------------------------------------*/
.group:after{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.group{
	display: inline-table;
}
/* Start hides from IE-mac \*/
* html .group{height: 1%;}
.group{display: block;}
/* End hide from IE-mac */
/* flow clear End
--------------------------------------*/
#eco p.ems70000_lead {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
}