@charset "shift_jis";

/*
########################################################

  Top Contents style

########################################################
*/

#topcontents {
	width: 860px;
	margin: 0px auto;
	zoom: 100%;
	background-image: url(../img/bg_topcontents.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#topcontents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}



/*
########################################################

  Top Header style

########################################################
*/

#topheader {
	width: 860px;
	height: 390px;
	background-image: url(../img/bg_topheader.png);
	background-repeat: no-repeat;
	background-position: left center;
	zoom: 100%;
}
#topheader:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#topheader h1 {
	padding-top: 15px;
	margin-left: 35px;
}

#topheader #headerTitle {
	zoom: 100%;
}
#topheader #headerTitle:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#topheader #headerLeft {
	width: 500px;
	float: left;
}

#topheader #headerLeft div {
	margin-left: 45px;
	margin-top: 5px;
}
#topheader #headerLeft div#messageArea {
	width: 497px;
	height:71px;
	margin-top: 0px;
	background-image: url(../img/top_img02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#topheader #headerLeft div#messageArea p {
	font-size: 12px;
	padding-top: 43px;
	padding-left: 15px;
	padding-right: 15px;
}

#topheader #headerLeft div#messageArea span {
	font-size:9px;
}

#topheader #headerRight {
	width: 280px;
	float: right;
}

#topheader #headerRight #coopCI {
	margin: 17px 0px 0px 91px;
}

#topheader #headerRight #ecoCount #Count1 p ,
#topheader #headerRight #ecoCount #Count2 p ,
#topheader #headerRight #ecoCount #Count1 span ,
#topheader #headerRight #ecoCount #Count2 span {
	display: none;
}
#topheader #headerRight #ecoCount #familyTotalCount {
	font-size: 34px;
	text-align: right;
	width: 178px;
	position: relative;
	left: 15px;
	top: 50px;
	vertical-align: text-botom;
	font-family: Arial, Helvetica, sans-serif;
}
#topheader #headerRight #ecoCount #familyCount {
	font-size: 14px;
	text-align: right;
	width: 168px;
	position: relative;
	left: 15px;
	top: 48px;
	vertical-align: text-botom;
	font-family: Arial, Helvetica, sans-serif;
}
#topheader #headerRight #ecoCount #co2Count {
	font-size: 28px;
	text-align: right;
	width: 178px;
	position: relative;
	left: 15px;
	top: 82px;
	font-family: Arial, Helvetica, sans-serif;
}



/*
########################################################

  Top Header in >> Top Menu style

########################################################
*/

#topmenu {
	width: 820px;
	padding-top: 7px;
	margin: 0px auto;
	zoom: 100%;
}

#topmenu:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#topmenu ul li {
	float: left;
}
#topmenu ul li#topmenuHowto {
	padding-left: 7px;
	padding-right: 5px;
}
#topmenu ul li#topmenuForm {
	padding-left: 10px;
}
#topmenu ul li#topmenuEarthsos {
	padding-top: 9px;
	padding-left: 5px;
}
#topmenu ul li#topmenuContact {
	padding-top: 1px;
	padding-left: 21px;
}


/*
########################################################

  Top Menu style

########################################################
*/

#topmenu {
}

#topmenu li#topmenuHowto{
	padding-left: 11px;
}


/*
########################################################

  Top Footer style

########################################################
*/

#footer {
	width: 860px;
	zoom: 100%;
	background-color: #FFFFFF;
}
#footer:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#footer ul {
	padding: 20px 0px 7px 2px;
	zoom: 100%;
}
#footer ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#footer ul li {
	font-size: 70%;
	float: left;
	display: inline;
	margin-right: 15px;
}

#footer ul li a {
	background-image: url(../img/footer_arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 7px;
	color: #333333;
	text-decoration: underline;
}

#footer ul li a:hover {
	color: #CC0000;
	text-decoration: none;
}