@charset "utf-8";

/*--------------------------------------------------------*/
/* アースデイマネーWEBサイト [トップページ用CSS]
/* http://www.earthdaymoney.org/
/* 2011.1.26 - Y.Kasahara
/*--------------------------------------------------------*/

/*----- base ---------------------------------------------*/

body	{
	margin:0px;padding:0px;
	font-size:12px;color:#555555;line-height:1.5em;
	background-image:url(../img/body_bg.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

/*----- top pege contents --------------------------------*/

#topContents01	{
	z-index:3;
	position:relative;
	min-height:410px;
	height:auto !important;
	height:520px;
	vertical-align:top;
	width:980px;margin:0px auto 5px auto;padding:0px;
	background-image:url(../img/top_bg_01.gif);
}
#topContents02	{
	z-index:3;
	position:relative;
	min-height:660px;
	height:auto !important;
	height:640px;
	vertical-align:top;
	width:980px;margin:0px auto 20px auto;padding:0px;
	background-image:url(../img/top_bg_02.gif);
}

/* top information */
#topInformation	{
	float:left;
	width:320px;margin:0px;padding:0px;
}
#topInformation table	{
	margin:10px 2px 5px 2px;
}
.topInfoText	{
	margin:0px 0px 0px 25px;padding:0px 0px 0px 0px;
	/*border-left:1px solid #CCCCCC;*/
}
.topInfoText h4	{
	margin:0px 20px 3px 0px;
	font-size:14px;line-height:1.4em;color:#FF66A3;
}
.topInfoText p	{
	margin:0px 15px 3px 0px;
	font-size:12px;line-height:1.4em;
}

/* top market index */
#topMarket	{
	float:left;
	width:320px;margin:0px 0px 0px 10px;padding:0px;
}
.topMarketTime	{
	margin:10px 10px 0px 10px;padding:0px;
	font-size:14px;font-weight:bold;color:#007FFF;
}
#topMarket	h4	{
	margin:10px 10px 0px 10px;padding:5px 7px;
	font-size:14px;line-height:1.4em;color:#000000;
	border:1px solid #CCCCCC;background-color:#E5E5E5;
}
.topMarketData	{
	margin:0px 10px;padding:9px 7px 7px 7px;
	border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;
	font-size:10px;
}
.topMarketNumber	{font-size:16px;font-weight:bold;color:#007FFF;}
.topMarketgraph	{
	/*margin:5px 10px 0px 10px;padding:0px;*/
    margin:0px; padding:0px;
	border-bottom:1px dotted #CCCCCC;
}

/* top voice */
#topVoice	{
	float:right;
	width:320px;margin:0px;padding:0px;
}
iframe	{
	width:316px;height:260px;margin:0px 2px;
	border:none;overflow-y:hidden;
}

/* top projects */
#topProject	{
	float:left;
	width:320px;margin:0px;padding:0px;
}
.topProjectCatch	{
	margin:10px 10px 0px 10px;padding:0px;
	font-size:12px;font-weight:bold;color:#000000;
	line-height:1.3em;
}
#topProject	h4	{
	margin:10px 10px 0px 10px;padding:5px 7px;
	font-size:14px;line-height:1.4em;color:#000000;
	border:1px solid #CCCCCC;background-color:#E5E5E5;
}
.topProjectList	{
	margin:0px 10px;padding:9px 9px 9px 9px;
	border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;
}
.topProjectSide	{
	float:left;text-align:left;
	width:80px;margin:0px;padding:0px;
	line-height:1.4em;font-size:10px;color:#FFA400;
}
.topProjectText	{
	float:right;
	width:185px;margin:0px;padding:0px;
}
.topProjectText h5	{
	height:42px;margin:0px;
	font-size:14px;line-height:1.4em;color:#FF66A3;
}
.topProjectText h5 img	{
	float:left;
	margin:0px 5px 15px 0px;
}
.topProjectText p	{
	margin:4px 0px 0px 0px;
	line-height:1.4em;
}

/* top shops */
#topShop	{
	float:left;
	width:320px;margin:0px 0px 0px 10px;padding:0px;
}
.topShopCatch	{
	margin:10px 10px 0px 10px;padding:0px;
	font-size:12px;font-weight:bold;color:#000000;
	line-height:1.3em;
}
#topShop	h4	{
	margin:10px 10px 0px 10px;padding:5px 7px;
	font-size:14px;line-height:1.4em;color:#000000;
	border:1px solid #CCCCCC;background-color:#E5E5E5;
}
.topShopList	{
	margin:0px 10px;padding:9px 9px 9px 9px;
	border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;
}
.topShopSide	{
	float:left;text-align:left;
	width:80px;margin:0px;padding:0px;
	line-height:1.4em;font-size:10px;color:#007FFF;
}
.topShopText	{
	float:right;
	width:185px;margin:0px;padding:0px;
}
.topShopText h5	{
	height:42px;margin:0px;
	font-size:14px;line-height:1.4em;color:#FF66A3;
}
.topShopText h5 img	{
	float:left;
	margin:0px 5px 15px 0px;
}
.topShopText p	{
	margin:4px 0px 0px 0px;
	line-height:1.4em;
}

/* top partners & Network */
#topNetwork	{
	float:right;
	width:320px;margin:0px;padding:0px;
}
#topPartner	{
	width:320px;margin:0px;padding:0px;
	background-image:url(../img/top_bg_partner.gif);
}
.topPartnerCatch	{
	margin:10px 10px 10px 10px;padding:0px;
	font-size:12px;font-weight:bold;color:#000000;
	line-height:1.3em;
}
.topPartnerList	{
	margin:0px 10px 10px 10px;padding:9px 9px 9px 9px;
	border:1px solid #CCCCCC;
}
.topPartnerSide	{
	float:left;text-align:left;
	width:80px;margin:0px;padding:0px;
	line-height:1.4em;font-size:10px;color:#FFA400;
}
.topPartnerText	{
	float:right;
	width:185px;margin:0px;padding:0px;
}
.topPartnerText h5	{
	height:42px;margin:0px;
	font-size:14px;line-height:1.4em;color:#FF66A3;
}
.topPartnerText h5 img	{
	float:left;
	margin:0px 5px 15px 0px;
}
.topPartnerText p	{
	margin:4px 0px 0px 0px;
	line-height:1.4em;
}
.topNetworkCatch	{
	margin:10px 10px 10px 10px;padding:0px;
	font-size:12px;font-weight:bold;color:#000000;
	line-height:1.3em;
}
.topNetworkList	{
	margin:0px 10px 10px 10px;padding:9px 9px 9px 9px;
	border:1px solid #CCCCCC;
}
.topNetworkSide	{
	float:left;text-align:left;
	width:80px;margin:0px;padding:0px;
	line-height:1.4em;font-size:10px;color:#FFA400;
}
.topNetworkText	{
	float:right;
	width:185px;margin:0px;padding:0px;
}
.topNetworkText h5	{
	height:42px;margin:0px;
	font-size:14px;line-height:1.4em;color:#FF66A3;
}
.topNetworkText h5 img	{
	float:left;
	margin:0px 5px 15px 0px;
}
.topNetworkText p	{
	margin:4px 0px 0px 0px;
	line-height:1.4em;
}

/* top common */
#topContents01 h2		{
	margin:0px;padding:0px;
}
#topContents01 h2 img	{vertical-align:top;}
#topContents01 h3	{
	height:21px;margin:0px 2px;padding:9px 5px 7px 10px;
	font-size:16px;color:#000000;
	border-bottom:1px solid #EEEEEE;
}
#topContents02 h2		{
	margin:0px;padding:0px;
}
#topContents02 h2 img	{vertical-align:top;}
#topContents02 h3	{
	height:21px;margin:0px 2px;padding:9px 5px 7px 10px;
	font-size:16px;color:#000000;
	border-bottom:1px solid #EEEEEE;
}

/* contents footer */

#topContentsFooter	{
	position:absolute;bottom:0;
	width:300px;height:18px;margin:10px 0px 0px 0px;padding:4px 10px;
	text-align:right;color:#FFFFFF;
}
#topContentsFooter a:link		{color:#FFFFFF;text-decoration:none;}
#topContentsFooter a:visited	{color:#FFFFFF;text-decoration:none;}
#topContentsFooter a:hover		{color:#FFFFFF;text-decoration:underline;}

.topInformationFooter	{background-image:url(../img/top_bottom_01.gif);}
.topMarketFooter		{background-image:url(../img/top_bottom_02.gif);}
.topVoiceFooter			{background-image:url(../img/top_bottom_03.gif);}
.topProjectFooter		{background-image:url(../img/top_bottom_04.gif);}
.topShopFooter			{background-image:url(../img/top_bottom_05.gif);}
.topNetworkFooter		{background-image:url(../img/top_bottom_07.gif);}

.topPartnerFooter		{
	width:300px;height:18px;margin:0px;padding:4px 10px;
	text-align:right;color:#FFFFFF;
	background-image:url(../img/top_bottom_06.gif);
}
.topPartnerFooter a:link	{color:#FFFFFF;text-decoration:none;}
.topPartnerFooter a:visited	{color:#FFFFFF;text-decoration:none;}
.topPartnerFooter a:hover	{color:#FFFFFF;text-decoration:underline;}


#topContentsMain	{
	float:right;
	width:580px;margin:0px;padding:0px;
	background-color:#FFFFFF;
}
#topContentsMain p	{
	margin-bottom:15px;
	line-height:1.5em;
}

/*----- end. ---------------------------------------------*/