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

	マータイさんと寄付について

	Last update : 2010.1.6
	mio urakami

	---------------------------
	1-0 structure

	2-0 visual setting
		2-1 ページタイトルエリア
		2-2 マータイさんについて
		2-3 寄付の流れ
  --------------------------------------------*/

/*----------------------------------------------------------------
  1-0 structure
-----------------------------------------------------------------*/

#message #photo{
	float:left;
}

#greenbeltphoto .photo02a{
	width:230px;
	float:left;
}

#greenbeltphoto .photo02b{
	width:471px;
	float:left;
}

#greenbeltphoto .caption01{
	width:115px;
	float:left;
}

#greenbeltphoto .photo02c{
	width:209px;
	float:left;
}

#greenbeltphoto .photo02d{
	width:232px;
	float:left;
}

#greenbeltphoto .caption02{
	width:145px;
	float:left;
}

#gbparea .map{
	width:350px;
	float:right;
}

/*------------------------------------------------
  1-1 float clear
------------------------------------------------*/

#h2lead, #greenbeltphoto .supply, .gbpbtn, #gbparea, #gbparea .photo{
	clear:both;
}

/*----------------------------------------------------------------
  2-0 visual setting
-----------------------------------------------------------------*/

/*------------------------------------------------
  2-1 ページタイトルエリア
------------------------------------------------*/

#h1area{
	margin:0 14px 0 0;
	padding:3px 0 16px 14px;
}

.h1lead{
	width:368px;
	margin:25px 0 0 3px;
	line-height:150%;
	color:#5f7d1d;
}

h1{
	margin:0;
	padding:0;
}

.gbpbtn{
	margin-bottom:20px;
}

/*------------------------------------------------
  2-2 マータイさんについて
------------------------------------------------*/

/*------------------------------------------------
  2-2-1 MOTTAINAIキャンペーンについて
------------------------------------------------*/

#message{
	padding:0 190px 0 199px;
	background:url("../images/green_back.jpg") no-repeat;
}


#message h2{
	margin:0;
	padding:0 0 32px 0;
}

#h2lead{
	padding:0 9px 45px 0;
	color:#784338;
	line-height:190%;
}

#h2lead p{
	line-height:1.8;
}

#message .note{
	margin:1.2em 0 0 0;
	color:#333;
	line-height:150%;
}

/*-----グリーンベルトの活動写真-----------------------*/
#greenbeltphoto{
	margin-left:14px;
}

#greenbeltphoto .caption{
	padding:3px 3px 8px 2px;
	font-size:84%;
	color:#666;
}

#greenbeltphoto .supply{
	text-align:right;
	font-size:84%;
	padding:0 14px 23px 0;
}

/*------------------------------------------------
  2-2-2　MOTTAINAI GREEN PROJECTについて
------------------------------------------------*/

#gbparea{
	margin-left:14px;
	background:url("../images/green_line_gbp.gif") no-repeat 0 0;
}

#gbparea h3{
	margin:0;
	padding:26px 0 0 13px;
}

#gbparea .map{
	padding-bottom:30px;
}

#gbparea .text{
	width:340px;
	padding-top:16px;
}

#gbparea .text p{
	margin:30px 0 30px 23px;
	line-height:1.8;
	color:#784338;
}

#gbparea .supply{
	text-align:right;
	font-size:84%;
	padding:6px 14px 23px 0;
}



/*------------------------------------------------
  2-3 寄付の流れ
------------------------------------------------*/

#flow{
	margin-bottom:20px;
	text-align:center;
}

#flow h2{
	margin:0 0 15px 0;
}

#flow .arw01{
	margin:9px 0 2px 339px;
	text-align:left;
}

#flow .arw02{
	margin:6px 0 18px 0;
}

#flow .note{
	margin-top:12px;
}