/* ecocycle css style */

@charset "Shift_JIS";

/*
-----------------------------------------------------
last-updated: 2005/10/11
Copyright (c) 2005 AccessNetJohoGiken.
All Right Reserved.
-----------------------------------------------------
*/

/* -- all -- */
* {
	margin: 0px;
	padding: 0px;
}

p,
address {
	font-size: 80%;
}

address {
	font-style: normal;
}

.pagetop {
	text-align: right;
	margin: 15px 0px 20px 0;
	padding: 0px;
}


/* -- layout -- */
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: center;
	background-image:  url(../e_images/body-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

div#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 750px;
	text-align: left;
}

div#contentsArea {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 750px;
}

div#cMainArea {
	margin: 0px;
	padding: 0px;
	width: 560px;
	float: left;
}

div#cSubArea {
	margin: 0px;
	padding: 0px;
	width: 190px;
	float: right;
}

div#headerArea {
	margin: 0px;
	padding: 0px;
	width: 750px;
}

div#footerArea {
	margin: 0px;
	padding: 30px 0px 30px 0px;
	width: 750px;
	clear: both;
}

/* -- footerArea -- */
#footerArea p {
	line-height: 2em;
	text-align: center;
}

#footerArea address {
	font-size: 80%;
	text-align: center;
	margin: 10px 0px 0px 0px;
	padding: 4px 0px;
	color: #FFFFFF;
	letter-spacing: 0.03em;
	background-color: #9DB87F;
}

/* -- Navi1 globalNaviArea -- */
#globalNaviArea {
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 20px;
	list-style:none;
}

#globalNaviArea li {
	display: inline;
}

#globalNaviArea li a {
	height: 20px;
	display:block; /* ボックス化 */
	text-indent:-9999px;
	overflow:hidden; /* ボックスからテキストがはみ出したら表示しない */
	float:left; /* WIN opera対策 */
}

#n1 a{
	background:  url(../e_images/navi1_01.gif) no-repeat 0px 0px;
}

#n2 a{
	background:  url(../e_images/navi1_02.gif) no-repeat 0px 0px;
}

#n3 a{
	background:  url(../e_images/navi1_03.gif) no-repeat 0px 0px;
}

#n4 a{
	background:  url(../e_images/navi1_04.gif) no-repeat 0px 0px;
}

#n5 a{
	background:  url(../e_images/navi1_05.gif) no-repeat 0px 0px;
}

#n6 a{
	background:  url(../e_images/navi1_06.gif) no-repeat 0px 0px;
}

#n1 a,
#n2 a,
#n3 a,
#n4 a,
#n5 a,
#n6 a {
	width:125px;
}

#n1 a:hover,
#n2 a:hover,
#n3 a:hover,
#n4 a:hover,
#n5 a:hover,
#n6 a:hover {
	background-position: 0px -20px;
}

/* -- Navi2 headerNaviArea -- */
#headerNaviArea {
	margin: 0px 0px 0px 620px;
	padding: 0px;
	width: 130px;
	height: 20px;
	list-style:none;
	top: 18px;
	position: absolute;
}

#headerNaviArea li {
	display: inline;
}

#headerNaviArea li a {
	height: 20px;
	display:block; /* ボックス化 */
	text-indent:-9999px;
	overflow:hidden; /* ボックスからテキストがはみ出したら表示しない */
	float:left; /* WIN opera対策 */
}

#n7 a{
	width: 55px;
	background:  url(../e_images/navi2_01.gif) no-repeat 0px 0px;
}

#n8 a{
	width: 75px;
	background:  url(../e_images/navi2_02.gif) no-repeat 0px 0px;
}

#n7 a:hover,
#n8 a:hover {
	background-position: 0px -20px;
}

/* -- Navi3 contactNavi -- */
#contactNavi {
	padding: 0px;
	position: absolute;
    top: 2px;
    margin-left: 624px;
}

/* -- cSubArea -- */
h3.banner {
	text-align: center;
	margin: 0px 0px 20px 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}

#cSubArea ul {
	margin: 0px 0px 20px 0px;
	padding: 5px;
	list-style-type: none;
	background-image:  url(../e_images/sub-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#cSubArea ul li {
	font-size: 80%;
	line-height: 1.4em;
	background-image:  url(../e_images/icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
}

#cSubArea h4 {
    margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.4em;
}

#cSubArea p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#cMainArea li {
	line-height: 1.4em;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	list-style-type: none;
	background-image:  url(../e_images/q.gif);


}