@charset "UTF-8";


body {
	margin:0;
	padding:0;
	text-align:center;
	color:#333333;
	background:#003300 url(http://eco-one.net/img/bg_main.gif) repeat-y center top;
}
img {
	border:0;
	display:block;
}
p {
	font-size:80%;
	line-height:160%;
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
	line-height:120%;
	margin:0;
	padding:0;
}
form {
	margin:0;
	padding:0;
}
.cl {
	clear:both;
}

/* link */
/* -------------------------------------------------------- */
a {
	text-decoration:none;
}
a:link , a:visited {
	color:#003300;
	background:#f0f0f0;
}
a:hover , a:active {
	color:#008800;
	background:#f0f0f0;
}
h3 a:link , h3 a:visited {
	color:#ffffff;
	background:#115511;
}
h3 a:hover , h3 a:active {
	color:#ddeedd;
	background:#115511;
}
#news a:link , #news a:visited , #information a:link , #information a:visited {
	color:#003300;
	background:#ddeedd;
}
#news a:hover , #news a:active , #information a:hover , #information a:active {
	color:#008800;
	background:#ddeedd;
}



/* header */
/* -------------------------------------------------------- */
#header {
	width:740px;
	text-align:left;
	margin:0 auto;
}
#header div.lbox {
	width:400px;
	float:left;
}
#header div.lbox p {
	font-size:100%;
	font-weight:bold;
	line-height:110%;
	margin:10px 0 0 0;
}
#header div.rbox {
	width:340px;
	padding:18px 0 0 0;
	float:right;
}
#header div.rbox p {
	text-align:right;
}
#header h1 {
	font-size:90%;
	color:#ddeedd;
	margin:3px 0 0 0;
	background:#003300 url(http://eco-one.net/img/top_image.jpg) no-repeat left top;
	border-bottom:solid 1px #115511;
}


/* main */
/* -------------------------------------------------------- */
#main {
	width:740px;
	text-align:left;
	margin:0 auto;
}

#sitemap {
	margin:0;
}
#sitemap ul {
	font-size:80%;
	margin:0;
	padding:0;
}
#sitemap ul li {
	margin:10px 0 0 0;
	padding:0 0 0 15px;
	background:url(http://eco-one.net/img/icon_01.gif) no-repeat left top;
}
#sitemap ul.sub {
	font-size:100%;
}
#sitemap ul.sub li {
	margin:0 0 0 0;
	padding:2px 0 0 10px;
	background:url(http://eco-one.net/img/spacer.gif);
}
#sitemap span {
	font-weight:bold;
}

#subnavi {
	font-size:80%;
	text-align:left;
	margin:5px 0 0 0;
}
#subnavi li {
	display:inline;
	margin:0 15px 0 0;
}
#subnavi li a {
	padding:0 0 0 14px;
	background:url(http://eco-one.net/img/icon_01.gif) no-repeat left top;
}

#news {
	margin:4px 0 0 0;
	padding:0 0 8px 0;
	background:#ddeedd;
	border-right:solid 1px #bbccbb;
	border-bottom:solid 1px #bbccbb;
}
#news ul {
	font-size:80%;
	line-height:120%;
	margin:0 10px;
}
#news ul li {
	margin:0 0 0 0;
	padding:5px 0 2px 0;
	border-bottom:dotted 1px #115511;
}


/* navi */
/* -------------------------------------------------------- */
#navi {
	width:180px;
	float:left;
}

#navi ul {
	font-size:80%;
	font-weight:bold;
	line-height:120%;
	margin:0;
	padding:0;
}
#navi ul li {
	margin:5px 0 0 0;
	padding:0;
}
#navi ul li a {
	display:block;
	color:#003300;
	padding:1px 0 1px 5px;
	background:#f0f0f0;
}
#navi ul li a:hover {
	color:#003300;
	background:#ccddcc;
}
#navi ul.sub {
	font-size:100%;
	font-weight:normal;
	margin:0 0 0 12px;
	padding:0;
}
#navi ul.sub li {
	margin:0;
	padding:0;
}
#navi ul.sub li a {
	display:block;8
	padding:0 0 2px 3px;
	color:#003300;
	background:#f0f0f0;
	border-bottom:dotted 1px #115511;
}
#navi ul.sub li a:hover {
	color:#003300;
	background:#ccddcc;
}
#navi ul.sub2 {
	font-size:60%;
	font-weight:normal;
	margin:0 0 0 12px;
	padding:0;
	line-height:120%;
}

#navi ul.sub2 li {
	margin:0;
	padding:0;
}
#navi ul.sub2 li a {
	display:block;8
	padding:0 0 2px 3px;
	color:#003300;
	background:#f0f0f0;
	border-bottom:dotted 1px #115511;
}
#navi ul.sub2 li a:hover {
	color:#003300;
	background:#ccddcc;
}

#search {
	margin:15px 0 0 0;
	padding:4px 0 10px 10px;
	background:#115511;
	border-right:solid 1px #003300;
	border-bottom:solid 1px #003300;
}
#search input.box {
	width:120px;
	margin:0 5px 0 0;
	vertical-align:top;
}

#information {
	margin:5px 0 0 0;
	padding:0 0 6px 0;
	background:#ddeedd;
	border-right:solid 1px #bbccbb;
	border-bottom:solid 1px #bbccbb;
}
#information p {
	font-size:70%;
	line-height:120%;
	padding:5px 5px 0 5px;
}

p#feeds {
	font-size:70%;
	text-align:center;
	margin:20px 0 0 0;
	padding:2px;
	border:dotted 1px #558855;
}

p#ccl {
	font-size:70%;
	line-height:110%;
	margin:20px 0 0 0;
	padding:4px;
	border:dotted 1px #558855;
}


/* footer */
/* -------------------------------------------------------- */
#footer {
	width:740px;
	text-align:center;
	margin:0 auto;
	padding:40px 0 0 0;
}
#footer p {
	padding:5px 0;
}
#footer p.bttop {
	font-size:70%;
	text-align:right;
	padding:0 0 5px 0;
	background:url(http://eco-one.net/img/line_01.gif) no-repeat left bottom;
}
#footer address {
	font-size:80%;
	font-style:normal;
	padding:10px 0;
}
#footer p.by {
	font-size:70%;
	text-align:right;
	color:#666666;
	padding:5px 0;
	background:#f0f0f0;
}
#footer p.by a:link , #footer p.by a:visited {
	color:#666666;
	background:#f0f0f0;
}
#footer p.by a:hover , #footer p.by a:active {
	color:#333333;
	background:#f0f0f0;
}


/* contents */
/* -------------------------------------------------------- */
#contents {
	width:530px;
	float:right;
	text-align:left;
}

#contents p {
	margin-top:6px;
}

#contents img {
	margin-top:8px;
	border:solid 1px #115511;
}

#contents #panlist {
	font-size:70%;
	margin:0;
	padding:2px 0 0 0;
	border-bottom:dotted 1px #115511;
}

#contents h2 {
	font-size:100%;
	color:#003300;
	margin:10px 0 0 0;
	padding:12px 0 5px 35px;
	background:#f0f0f0 url(http://eco-one.net/img/bg_h2.gif) no-repeat left top;
}
#contents h3 {
	font-size:90%;
	color:#ffffff;
	margin:25px 0 0 0;
	padding:3px 12px 1px 12px;
	background:#115511 url(http://eco-one.net/img/bg_h3.gif) repeat-y left top;
	border-right:solid 1px #003300;
	border-bottom:solid 1px #003300;
}
#contents h4 {
	font-size:80%;
	color:#003300;
	margin:20px 0 0 0;
	padding:0 0 0 14px;
	background:#f0f0f0 url(http://eco-one.net/img/icon_01.gif) no-repeat left top;
}
.ri {
	text-align:right;
	padding-right:5px;
}
.ri1 {
	text-align:right;
	padding-right:5px;
	padding-bottom:5px;
	border-bottom:dotted 1px #115511;
}


/* trackback/comment */
/* -------------------------------------------------------- */
#contents form#comments_form {
	margin:0 5px 0 0;
}
#contents fieldset {
	margin:40px 0 0 0;
	padding:10px;
	border:dotted 1px #115511;
}
#contents fieldset legend {
	font-size:80%;
	font-weight:bold;
	color:#003300;
	padding:0 6px;
	background:#ffffff;
}
#contents fieldset p {
	padding:0;
}
#contents fieldset div.lbox {
	width:80px;
	padding:10px 0;
	float:left;
}
#contents fieldset div.lbox p {
	font-size:80%;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:2px 0 0 0;
}
#contents fieldset div.rbox {
	width:370px;
	padding:10px 0;
	float:left;
}
#contents fieldset div.rbox input {
	width:350px;
}
#contents fieldset textarea {
	width:470px;
}
#contents p.tra {
	color:#003300;
	margin:20px 5px 0 0;
	padding:5px 15px;
	border:solid 1px #bbccbb;
	background:#ddeedd;
}
blockquote {
	font-size:80%;
	color:#cc0000;
	background:#f0f0f0;
}
.module-header{
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    border-left: 5px solid #36414d;
    padding: 5px;
    color: #fff;
    background: #a3b8cc;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.module-content {
    position: relative;
    margin: 5px 10px 20px 10px;
    font-size: 14px;
}