/* CSS Document */

/* メインエリア */

#mainArea {
margin:10px 15px;
width:750px;
text-align:left;
}

/* 中部メニュー */

#eco_menu {
	height:30px;
	padding:0px 0px 0px 15px;
	border:0px solid;
	background-color:#FFFFFF;
}

#eco_menu span {
display:none;
}

#eco_menu ul {
	height:30px;
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	border:0px solid;
}

#eco_menu li {
	float: left;
	list-style-type: none;
	padding:0px;
}



#eco_menu #li01 a {
	width:114px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: 0px 0px;
}

#eco_menu #li01 a:hover {
	width:114px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: 0px -30px;
}

#eco_menu #li02 a {
	width:113px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -114px 0px;
}

#eco_menu #li02 a:hover {
	width:113px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -114px -30px;
}

#eco_menu #li03 a {
	width:122px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -227px 0px;
}

#eco_menu #li03 a:hover {
	width:122px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -227px -30px;
}

#eco_menu #li04 a {
	width:94px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -349px 0px;
}

#eco_menu #li04 a:hover {
	width:94px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -349px -30px;
}

#eco_menu #li05 a {
	width:103px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -443px 0px;
}

#eco_menu #li05 a:hover {
	width:103px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -443x -30px;
}

#eco_menu #li06 a {
	width:113px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -546px 0px;
}

#eco_menu #li06 a:hover {
	width:113px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -546px -30px;
}

#eco_menu #li07 a {
	width:91px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -659px 0px;
}

#eco_menu #li07 a:hover {
	width:91px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -659px -30px;
}




#eco_menu #li01_on a {
	width:114px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: 0px -30px;
}

#eco_menu #li02_on a {
	width:113px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -114px -30px;
}

#eco_menu #li03_on a {
	width:122px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -227px -30px;
}

#eco_menu #li04_on a {
	width:94px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -349px -30px;
}

#eco_menu #li05_on a {
	width:103px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -443px -30px;
}

#eco_menu #li06_on a {
	width:113px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -546px -30px;
}

#eco_menu #li07_on a {
	width:91px;
	height:30px;
	display:block;
	background-image:url(./menu_img/eco-menu.jpg);
	background-position: -659px -30px;
}


/* リード文 */

.lead_text {
margin:0;
padding:10px 5px 30px;
font-size:14px;
font-weight:bold;
line-height:1.6em;
letter-spacing:0.1em;
color:#666666;
text-align:left;
}

/* 見出し1 */

.tit01 {
padding:10px 0px;
}

.c01_title01 {
background: url(./img/title_bg02.gif) right bottom no-repeat #97C033;
padding:8px 2px 5px;
font-size:16px;
color:#97C033;
font-weight:bold;
}

.c02_title01 {
background: url(./img/title_bg02.gif) right bottom no-repeat #A3727A;
padding:8px 2px 5px;
font-size:16px;
color:#A3727A;
font-weight:bold;
}

.c03_title01 {
background: url(./img/title_bg02.gif) right bottom no-repeat #8680B8;
padding:8px 2px 5px;
font-size:16px;
color:#8680B8;
font-weight:bold;
}

.c04_title01 {
background: url(./img/title_bg02.gif) right bottom no-repeat #4A95C7;
padding:8px 2px 5px;
font-size:16px;
color:#4A95C7;
font-weight:bold;
}

.c05_title01 {
clear:both;
background: url(./img/title_bg02.gif) right bottom no-repeat #C0A166;
padding:8px 2px 5px;
font-size:16px;
color:#C0A166;
font-weight:bold;
}

.c06_title01 {
background: url(./img/title_bg02.gif) right bottom no-repeat #43AE5A;
padding:8px 2px 5px;
font-size:16px;
color:#43AE5A;
font-weight:bold;
}

.c07_title01 {
background: url(./img/title_bg02.gif) right bottom no-repeat #19BCB8;
padding:8px 2px 5px;
font-size:16px;
color:#19BCB8;
font-weight:bold;
}

/* コンテンツエリア */

.contents_box {
padding:0 10px 10px 10px;
}

.contents_box p{
margin:0;
padding:10px 0;
}

.contents_box div.left{
float:left;
width:350px;
margin-bottom:10px;
}

.contents_box div.right{
float:right;
width:360px;
text-align:center;
margin-top:-15px;
margin-bottom:10px;
}

.contents_box div.full{
margin:0;
width:730px;
text-align:center;
margin-bottom:10px;
}

.contents_box table{
margin:5px auto;
padding:0;
width:90%;
border-collapse:collapse;
}

.contents_box table td{
margin:0;
padding:3px 1em;
font-size:12px;
line-height:1.4em;
text-align:center;
border:#666666 solid 1px;
}

.contents_box table caption {
caption-side:top left;
}

.contents_box table td.no_padding {
padding:0;
}

.contents_box table td.bg_cdd {background-color:#cdd;}
.contents_box table td.bg_cd8 {background-color:#cd8;}
.contents_box table td.bg_cb7 {background-color:#cb7;}
.contents_box table td.bg_a94 {background-color:#a94;}
.contents_box table td.bg_add {background-color:#add;}
.contents_box table td.bg_de9 {background-color:#de9;}
.contents_box table td.bg_0ba {background-color:#0ba;}
.contents_box table td.bg_7a5 {background-color:#7a5;}

.contents_box table td.col_fff {color:#fff;}

.contents_box table td.fw_b {font-weight:bold;}






.contents_box div.tbl_ti {
margin-left:35px;
text-align:left;
font-size:14px;
font-weight:bold;
color:#666666;
}

/* 関連リンク */

#link_area {
clear:both;
margin:0;
padding:0 10px 0 5px;
height:70px;
}



/* テキスト */

.text1 {
font-size:14px;
line-height:1.6em;
letter-spacing:0.1em;
color:#333333;
text-align:left;
}

.text2 {
font-size:12px;
line-height:1.6em;
letter-spacing:0.1em;
color:#333333;
text-align:left;
}

.text3 {
font-size:10px;
line-height:1.6em;
letter-spacing:0.1em;
color:#333333;
text-align:left;
}

/* 画像 */

.img_right {
float:right;
margin:0 0 10px 10px;
}

/* テーブル関連 */

div.eco_table table{
margin:10px;
border-collapse:collapse;
}

div.eco_table td{
padding:3px 0;
border-bottom:#6699CC dotted 1px;
font-size:18px;
line-height:1.4em;
color:#336699;
}

div.eco_table th{
padding:3px 7px;
border-bottom:#6699CC dotted 1px;
font-size:12px;
font-weight:bold;
line-height:1.4em;
color:#336699;
text-align:left;
}



/* リスト関連 */

.ol_10 {
padding:0px;
margin:0px 0px 0px 24px;
font-size:10px;
line-height:1.6em;
letter-spacing:0.1em;
}

.ul_10 {
padding:0px;
margin:0px 0px 0px 0px;
font-size:10px;
line-height:1.6em;
letter-spacing:0.1em;
list-style-type: ;
}

.indent1em {
text-indent:-1em;
margin:0 0 0 1em;
}

.alert {
color:#FF0000;
}

/* マージン調整 */

.mt-20 { margin-top:-20px; }
.mt-15 { margin-top:-15px; }
.mt-10 { margin-top:-10px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }


/* パディング調整 */

p.pt10 { padding-top:10px; }
p.pt20 { padding-top:20px; }
p.pt30 { padding-top:30px; }