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

	ベルメゾンの森トップページ

	Last update : 2010.1.6
	mio urakami

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

	2-0 visual setting
		2-1 titlearea
		2-2 flasharea
		2-3 leadarea
		2-4 参加方法エリア共通設定
		2-5 苗木を購入する
		2-6 お家で育てる
		2-7 マータイさんへの寄付だけで参加
		2-8 寄付
		2-9 banner
  --------------------------------------------*/

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

#titlearea{
	position:relative;
	background:url("../images/logo.gif") no-repeat 17px 3px;
}


/*サイトタイトルエリア*/
#h1area{
	float:left;
	width:694px;
	padding:19px 0 31px 0;
	text-align:right;
}

/*カウンターエリア*/
#counterarea{
	float:right;
	width:200px;
	padding:33px 0 39px 0;
	background:url("../images/back_period.jpg") no-repeat 0 7px;
}

/*リード文のエリア*/
#leadarea{
	float:left;
	width:647px;
	padding:6px 0 13px 0;
}

/*お客様からのお便りボタンエリア*/
#btnreview{
	float:right;
	width:257px;
}

/*参加方法1、2ブロック*/
#step0102{
	float:left;
	width:631px;
}

/*参加方法1苗木購入*/
#step01a{
	float:left;
	width:270px;
}

/*参加方法2育てる*/
#step02a{
	float:left;
	width:360px;
}

#step02a .leadblock{
	float:left;
	width:166px;
}

/*育て方相談コーナー*/
#step02a #howtoarea{
	float:left;
	width:178px;
	background:url("../images/p_bellmo_study.jpg") no-repeat right bottom;
}

/*参加方法1寄付だけで参加*/
#step01b{
	float:left;
	width:322px;
}

#step01b .lead{
	float:left;
	width:134px;
}

#step01b .btn{
	float:left;
	width:164px;
}

/*参加方法2グリーンスティック*/
#step02b{
	float:left;
	width:302px;
}

#step02b .lead{
	float:left;
	width:149px;
}

#step02b .photo{
	float:left;
	width:128px;
}

/*参加方法3*/
#step03{
	float:left;
	width:265px;
}

/*-----float clear----------------------*/
#flasharea, #entry, #stepb, #banner, .footparts{
	clear:both;
}

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

/*------------------------------------------------
  2-1 titlearea
------------------------------------------------*/

#h1area p.period{
	padding:12px 81px 0 0;
}

#counterarea h2{
	text-align:right;
	padding:0 80px 9px 0;
}

#counterarea p{
	text-align:right;
	padding:0 80px 4px 0;
}

/*------------------------------------------------
  2-2 flasharea
------------------------------------------------*/

#flasharea{
	padding:0 0 15px 17px;
}

/*------------------------------------------------
  2-3 leadarea
------------------------------------------------*/

#leadarea h2{
	padding:6px 0 15px 21px;
}

#leadarea p{
	padding:0 0 0 21px;
	line-height:1.8;
}

/*------------------------------------------------
  2-4 参加方法エリア共通設定
------------------------------------------------*/

#entry{
	margin:0 0 0 17px;
}

/*-----背景設定---------------*/

#stepa, #stepb{
	width:631px;
}

#stepa{
	background:url("../images/back_step01a.gif") repeat-y left top;
}

#stepb{
	margin-top:14px;
	background:url("../images/back_step01b.gif") repeat-y left top;
}

#step03{
	background:url("../images/back_step03.gif") repeat-y left top;
}

/*-----テキスト設定---------------*/
#entry .lead p{
	line-height:1.8;
}

#entry #stepb .lead p{
	line-height:1.5;
}

/*-----リスト設定---------------*/

#entry ul{
	margin:0.7em 2px 0.7em 0;
	padding:0 0 0 2px;
	list-style:none;
}

#entry li{
	margin:3px 0;
	padding-left:10px;
	background:url("../images/arw_purple.jpg") no-repeat left 5px;
	line-height:1.2;
}

/*------------------------------------------------
  2-5 苗木を購入する
------------------------------------------------*/

#entry #step01a .lead{
	margin:12px 27px 10px 10px;
}

#entry #step01a .btnarea{
	margin:5px;
}

/*------------------------------------------------
  2-6 お家で育てる
------------------------------------------------*/

#step02a .lead{
	margin:12px 21px 20px 0;
}

#howtoarea{
	padding:12px 0 29px 0;
}

#howtoarea .lead{
	margin:6px 6px 6px 2px;
}

#step02a ul li{
	margin:5px 0;
}

#step02a ul.index li{
	margin:7px 0;
	padding-left:15px;
	background:url("../images/ico_dot_purple.jpg") no-repeat 0 4px;
}

/*------------------------------------------------
  2-7 マータイさんへの寄付だけで参加
------------------------------------------------*/

#entry #stepb .lead p{
	margin:18px 11px 0 12px;
	line-height:1.5;
}

#step01b .btn{
	margin-top:16px;
}

/*------------------------------------------------
  2-8 寄付
------------------------------------------------*/

#step03 .lead{
	margin:12px 15px 10px 10px;
}

#step03 .donation{
	margin:23px 0;
	text-align:center;
}

/*-----キャンペーンのご報告-------------------*/

#step03 #report{
	padding-bottom:10px;
	border-bottom:1px solid #e0a1d0;
}

#step03 #report h3{
	padding:15px 0 16px 12px;
	background:url("../images/border_step03.gif") no-repeat center top;
}

#step03 #report .lead, #step03 #report p.new, #step03 #report ul{
	margin-left:18px;
}

#step03 #report li{
	margin:10px 0;
}

/*-----参加者からのお便り-------------------*/

#step03 #userletter{
	padding:15px 0 25px 15px;
	background:#f6eaf3 url("../images/back_userletter.gif") no-repeat left bottom;
}

#entry #userletter h3{
	padding-bottom:16px;
}

#entry #userletter li{
	background:url("../images/arw_purple02.jpg") no-repeat left 5px;
}

#entry #userletter p.btn{
	margin-top:16px;
}

/*------------------------------------------------
  2-9 banner
------------------------------------------------*/

#banner{
	padding:20px 0 0 17px;
}

#banner img{
	margin-right:13px;
}