@charset "UTF-8";
/*###############################################
 Name: base.css
 Version: 1
 Author: ECS
 URL: http://www.web-ecs.com/

 Copyright (C) ECS All Rights Reserved.
#################################################*/


/* common
*******************/
html	{ overflow-y: scroll;height:100%;margin-bottom:1px;}
body	{ text-align:center; padding-bottom:40px; background-color:#EEF0E6;}
body#top{}
body#newwindow{background:#EEF0E6 url("../images/logo.gif") 40px 20px no-repeat; padding:80px 0 0;}
body#newwindowSimple{background:#EEF0E6 url("../images/logo.gif") 10px 10px no-repeat; padding:70px 0 0;}
dd		{ margin-bottom:10px;}
legend	{ font-size:144%; padding:0 10px;}
fieldset{ border:3px double #DADADA; padding:10px; margin:20px 0;}
.aC		{ text-align:center;}
.aL		{ text-align:left;}
.aR		{ text-align:right;}
.vM		{ vertical-align:middle;}
.fL		{ float:left;}
.fR		{ float:right;}
.clear	{ clear:both;}
.bgWH	{ background-color:#FFFFFF;}
.imgR	{ float:right; margin:0 0 10px 15px;}
.imgBox	{ float:right; margin:0 0 10px 15px; font-size:85%; color:#666666; line-height:1.4;}
.imgBox img{ margin:2px 0;}
iframe	{ margin:0; padding:0; border:0; overflow:auto;}


/* テンプレート
*******************/
#container	{ width:760px; margin:0 auto; text-align:left; background:url("../images/main_mid.gif") 0 0 repeat-y;}
#header		{ padding:0 0; height:140px; background:url("../images/header_bg.jpg") 0 0 no-repeat; position: relative;}
#mainimg	{ clear:both; background:#EEF0E6; padding-bottom:20px;}
#top #header	{ height:362px; background:url("../images/top_header_bg.jpg") 0 0 no-repeat;}
#top #mainimg	{ clear:both; background:#EEF0E6; padding-bottom:0;}
#content_area{ background:url("../images/main_top.gif") 0 0 no-repeat; padding:20px;}

#main_left	{ float:left; width:160px;}
#main_content	{ float:right; width:540px;
				min-height:300px;
				height: auto !important;
				height: 300px;
}

#logo		{ float:left; clear:both; padding-left:33px; padding-top:19px;}
#logo a 	{ display:block; overflow:hidden; width:280px; height:45px; background:url("../images/logo.gif") 0 0 no-repeat;
			  padding:45px 0 0 0;
			  height:0px !important;
			  height /**/:45px; /* for IE5/Win only */
			 }
#btn_toppage,
#btn_sitemap { float:right; padding:0 0 0 0;}
#btn_toppage a:hover img,
#btn_sitemap a:hover img	{ filter:Alpha(opacity=85); -moz-opacity: 0.75; opacity: 0.75;}

#top_btn_sitemap {position:absolute;right:15px; top:15px;}
#top_btn_sitemap a
			{ display:block; overflow:hidden; width:70px; height:13px; background:url("/images/top_btn_sitemap.gif") 0 0 no-repeat;
			  padding:13px 0 0 0;
			  height:0px !important;
			  height /**/:13px; /* for IE5/Win only */
			 }
#top_btn_sitemap a:hover{ background-position:0 -13px;}




/* フッタ */
#footer			{ padding:0 0 20px; font-size:85%; background:#FFFFFF url("../images/main_btm.gif") left bottom no-repeat;}
#footcontent	{ padding:45px 0 0 20px; background:url("../images/main_midbtm.gif") 0 0 no-repeat;}
#top #footcontent	{ padding:15px 0 0 20px; background:none; border-top:1px solid #EEF0E6;}
#copyright		{ float:left; color:#999999; padding:3px 0 1px;}
#pagetop		{ float:right; text-decoration:none; background:#EEF0E6; padding:3px 10px 1px 7px;}
#pagetop a		{ color:#666666; text-decoration:none;}
#pagetop a:hover{ color:#999999;}

/* トップページ */
#top_content_area{ background:#FFFFFF url("../images/main_top.gif") 0 0 no-repeat; padding:20px; margin:0 0;}
#top_content_area h3 a:hover{ color:#15B3E3;}
#top_left	{ float:left; width:456px;}
#top_right	{ float:right; width:244px;}

.readbox	{ padding:15px 0 0;}
.dotline	{ background:#FFFFFF url("../images/dotline.gif") 0 0 repeat-x; padding-top:20px;}

/* ナビ
*******************/
/* ヘッダナビ */
#headnavi1		{ float:left; width:9em; border-left:1px solid #DADADA;}
#headnavi2		{ float:right; width:9em; border-right:1px solid #DADADA;}
#headnavi1 li	{ height:20px; border-right:1px solid #DADADA;}
#headnavi2 li	{ height:20px; border-left:1px solid #DADADA; float:right;}
#headnavi1 a,
#headnavi2 a	{ height:19px; color:#999999; text-decoration:none; font-size:85%; line-height:2; display:block; padding:0 20px; text-align:center;}
* html #headnavi1 a{ line-height:1.6;}
* html #headnavi2 a{ line-height:1.6;}
#headnavi1 a:hover,
#headnavi2 a:hover	{ color:#15B3E3; text-decoration:none; background-color:#FBFBFB;}

/* グローバルナビ */
#gnavi 			{ position: absolute; top:89px; clear:both;}
#top_gnavi 			{ position: absolute; top:310px; clear:both;}

#gnavi li,	#top_gnavi li	{ width:152px; height:40px; display:inline;}
#gnavi li a,#top_gnavi li a	{ display:block; float:left; overflow:hidden; width:152px; height:40px; background-image:url("../images/gnavi.gif");
				  padding:40px 0 0 0;
				  height:0px !important;
				  height /**/:40px; /* for IE5/Win only */
				 }
#top_gnavi li#gnavi_information a,
#gnavi li#gnavi_information a	{ background-position:0 0;}
#top_gnavi li#gnavi_company a,
#gnavi li#gnavi_company a		{ background-position:-152px 0;}
#top_gnavi li#gnavi_report a,
#gnavi li#gnavi_report a		{ background-position:-304px 0;}
#top_gnavi li#gnavi_facilities a,
#gnavi li#gnavi_facilities a	{ background-position:-456px 0;}
#top_gnavi li#gnavi_contact a,
#gnavi li#gnavi_contact a		{ background-position:-608px 0;}

#gnavi li#gnavi_information a.active{ background-position:-0 -60px;}
#gnavi li#gnavi_company a.active	{ background-position:-152px -60px;}
#gnavi li#gnavi_report a.active	{ background-position:-304px -60px;}
#gnavi li#gnavi_facilities a.active{ background-position:-456px -60px;}
#gnavi li#gnavi_contact a.active	{ background-position:-608px -60px;}

#top_gnavi li#gnavi_information a:hover,
#gnavi li#gnavi_information a:hover	{ background-position:0 -120px;}
#top_gnavi li#gnavi_company a:hover,
#gnavi li#gnavi_company a:hover	{ background-position:-152px -120px;}
#top_gnavi li#gnavi_report a:hover,
#gnavi li#gnavi_report a:hover		{ background-position:-304px -120px;}
#top_gnavi li#gnavi_facilities a:hover,
#gnavi li#gnavi_facilities a:hover	{ background-position:-456px -120px;}
#top_gnavi li#gnavi_contact a:hover,
#gnavi li#gnavi_contact a:hover		{ background-position:-608px -120px;}
/* サブナビ */
#cate_company,#cate_facilities,#cate_report,
#cate_contact,#cate_information,#cate_sitemap
	{ display:block; overflow:hidden; width:160px; height:51px; background:url("../images/category.gif") no-repeat 0 0;
	  padding:51px 0 0 0;
	  height:0px !important;
	  height /**/:51px; /* for IE5/Win only */ 
	 }
#cate_company		{ background-position:0 0;}
#cate_facilities	{ background-position:-160px 0;}
#cate_report		{ background-position:-320px 0;}
#cate_contact		{ background-position:0px -60px;}
#cate_information	{ background-position:-160px -60px;}
#cate_sitemap		{ background-position:-320px -60px;}
#subnavi	{ background:url("../images/sub_bg.gif") center top repeat-y; padding:0 1px;}
#subnavi li	{ background:url("../images/sub_line.gif") center bottom no-repeat; padding-bottom:2px; border-top:1px solid #FFFFFF;}
#subnavi li a	{ display:block; padding:5px 8px; text-decoration:none; font-size:85%; line-height:1.1;}
* html #subnavi li a	{ font-size:78%;}
#subnavi li.active a,
#subnavi li a:hover	{ background:url("../images/sub_bg_on.gif") 0 0 repeat-y;}
#subnavi li a span	{ background:url("../images/sub_arrow.gif") 0 center no-repeat; padding:1px 0 1px 17px; padding-left:16px; display:block;}
#subnavi li.active a span,
#subnavi li a:hover span { background:url("../images/sub_arrow_on.gif") 0 center no-repeat; color:#FFFFFF;}
#subnavi li.subcate { background:url("../images/category_sub.gif") no-repeat 0 0;}
#subnavi li.subcate .subcate_title { text-align:center; display:block; height:27px; padding:8px 0 0; color:#fff;}
* html #subnavi li.subcate .subcate_title	{ height:35px;}
#subnavi li ul.video li a span	{ display:block; height:auto; background:url("../images/icn_video.gif") 0 center no-repeat !important; padding:0 0 5px 22px;}


/* 各ページ
*******************/
/*トップ*/
#top_left h3	{ font-size:122%; font-weight:normal; padding:0 10px; background:url("../images/bar_toppage.gif") 0 0 no-repeat;
				min-height:30px;
				height: auto !important;
				height: 30px;}
#top_left h3 a	{ color:#666666; text-decoration:none; margin-top:5px;}
#top_newslist li{ border-bottom:1px solid #EAECE2;}
* html #top_newslist li{ padding:5px 0 0;}
*+html #top_newslist li{ padding:5px 0 0;}
#top_newslist a{ padding:5px 5px; display:block; text-decoration:none; color:#666666;}
#top_newslist a:hover{ color:#006699; background-color:#F9F9F9;}
#top_newslist img{ vertical-align:top; margin:0 7px 0 5px;}
#top_bnrlist li	{ margin-bottom:5px;}
#top_bnrlist li a:hover img	{ filter:Alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}



/* 施設 */
.contentbox	{ padding:20px 0;}
.contentbox p	{ margin-bottom:8px;}
.contentbox li	{ list-style:outside disc; margin-left:20px;}
.contentbox ul	{ margin-bottom:8px;}
.contentLbox{ width:250px; float:left; padding:20px 0;}
.contentRbox{ width:250px; float:right; padding:20px 0;}
.contentLbox h2,
.contentRbox h2{ font-size:114%;}
.graybox	{ border:3px double #FFFFFF; background-color:#F2F2F2; margin-bottom:20px;}
.graybox h3	{ color:#666666; border-left:4px solid #99B92A; padding:4px 8px 2px;}
.styleRed .graybox h3	{ color:#666666; border-left:4px solid #DE004B; padding:4px 8px 2px;}
.styleBlue .graybox h3	{ color:#666666; border-left:4px solid #2B6696; padding:4px 8px 2px;}
.graybox dt	{ font-weight:bold;}
.graybox dd	{ padding-left:8px; margin-bottom:3px; border-bottom:1px dotted #999999;}
.specLbox	{ float:left; width:225px; padding:20px 15px 20px 25px;}
.specRbox	{ float:right; width:225px; padding:20px 25px 20px 15px;}
* html .specLbox	{ width:265px;}
* html .specRbox	{ width:265px;}
.specbox	{ padding:20px 25px 20px 15px;}
.specbox li	{ list-style:outside disc; margin-left:20px;}

.ecobox		{ color:#FFFFFF; background:url("/system/thermal/images/eco_boxmid.gif") 0 0 repeat-y;}
.ecobox h4	{ color:#FFFFFF; font-size:270%; font-weight:normal; display:inline;}
.ecoTable,.biogasTable	{ color:#FFFFFF; margin:0 25px;}
.ecoTable td{ padding:3px 0;}
.biogasbox		{ color:#FFFFFF; background:url("/system/bio/images/biogas_boxmid.gif") 0 0 repeat-y;}
.biogasbox h4	{ color:#FFFFFF; font-size:270%; font-weight:normal; display:inline;}

.title				{ font-size:182%; padding:3px 25px; margin-bottom:10px;
					  background:url("../images/bar_title_green.gif") 0 0 no-repeat;}
.styleRed .title	{ background:url("../images/bar_title_red.gif") 0 0 no-repeat;}
.styleBlue .title	{ background:url("../images/bar_title_blue.gif") 0 0 no-repeat;}
.styleRed h2		{ border-left:4px solid #DE004B;}
.styleRed h3		{ font-size:129%; color:#DE004B;}
.styleBlue h2		{ border-left:4px solid #2B6696;}
.styleBlue h3		{ font-size:129%; color:#2B6696;}
.styleGreen h3		{ font-size:129%;}
/* サイトマップ */
.sitemaplist li	{ margin:5px 0; border-top:1px solid #DADADA; padding:7px 8px 2px;}
.sitemaplist li li{ padding:3px 8px 3px 16px;}
* html .sitemaplist li li{ padding:5px 8px 1px 16px;}
*+html .sitemaplist li li{ padding:5px 8px 1px 16px;}
.sitemaplist li a{ background:url("../images/sub_arrow.gif") 0 center no-repeat; padding-left:17px; display:block;}
.sitemaplist li a:hover{ color:#15B3E3;}


/* newwindow */
.newwin_content	{ background-color:#FFFFFF; border-top:3px double #DCD8D4; border-bottom:3px double #DCD8D4; }
#newwindow p	{ margin-top:20px;}
.winclose		{ text-align:center; border-top:1px solid #EEF0E6; padding:10px 0 15px;}
.newwin_title	{ margin:10px 40px; padding:0 10px 3px; border-bottom:1px solid #EEF0E6; font-size:182%; text-align:left;}
#newwindow #main_content{ float:none; margin:0 auto; text-align:left; padding:0;}
#newwindow .contentbox	{ padding:0 0 10px;}
#newwindowSimple .title { text-align:left; height:34px; margin:0; padding-bottom:0; padding-top:0; font-size:1.2em; line-height:2.2em;}

/*各ボタン用*/
.graybox .btn_flow,
.graybox .btn_video{ margin:0 auto;}
.btn_contact	{ width:18em; background:url("../images/btn_default_l.gif") 0 0 no-repeat; padding:0;}
.btn_flow		{ width:25em; background:url("../images/btn_flow_l.gif") 0 0 no-repeat; padding:0;}
.btn_video		{ width:25em; margin:10px 0; background:url("../images/btn_video_l.gif") 0 0 no-repeat; padding:0;}
.btn_contact a,
.btn_flow a,
.btn_video a	{ height:40px; padding-right:10px; background:url("../images/btn_flow_r.gif") right top no-repeat; margin:0 0 0 40px; display:block;}
.btn_contact a	{ margin:0 0 0 10px;}
.btn_flow a span,
.btn_video a span{ padding:11px 5px; display:block;}
.btn_contact a span{ padding:11px 5px; display:block; text-align:center; background:url("../images/sub_arrow.gif") 15px center no-repeat; }
a.arrow{ background:url("../images/sub_arrow.gif") 0 center no-repeat; padding-left:17px; display:block;}
a.arrow:hover{ color:#15B3E3;}
.icn_video { background:url("../images/icn_video.gif") 0 center no-repeat; padding-left:22px; padding-top:3px; padding-bottom:3px;}

/* テーブル
*******************/
/* スペック */
.basicTable		{ width:100%; border-top:1px solid #DADADA;}
.basicTable th	{ padding:4px 8px; vertical-align:top; border-bottom:1px solid #DADADA; background-color:#F2F2F2; font-weight:bold;}
.basicTable td	{ padding:4px 8px; vertical-align:top; border-bottom:1px solid #DADADA;}
.dataTable		{ width:100%; border-right:1px solid #EAEAEA; margin-top:10px;}
.dataTable thead{ border-bottom:3px double #CCCCCC; background-color:#FAFAFA;}
.dataTable	{}
.styleBlue .dataTable tr:hover	{ background-color:#FAFAFF;}
.styleRed .dataTable tr:hover	{ background-color:#FFFAFA;}
.styleGreen .dataTable tr:hover	{ background-color:#FAFFFA;}
.dataTable th	{ padding:3px 5px; border-left:1px solid #FFFFFF; border-bottom:1px solid #DADADA; background-color:#F2F2F2; font-weight:bold;}
.dataTable thead th	{ background-color:#EAEAEA;}
.dataTable td	{ padding:3px 5px; border-left:1px solid #EAEAEA; border-bottom:1px solid #DADADA;}
/* お問い合わせフォーム */
.formTable		{ width:100%; border-top:1px solid #DADADA;}
.formTable th	{ padding:4px 8px; vertical-align:top; border-bottom:1px solid #DADADA; background-color:#F2F2F2; font-weight:bold;}
.formTable td	{ padding:4px 8px; vertical-align:top; border-bottom:1px solid #DADADA;}
.atte1			{ background-color:#FFFFFF; padding:4px 4px 2px; font-weight:normal; font-size:85%; color:#FF0000;}



/* フォント
*******************
font用
*******************
  px  percent
  ------------
  10  77	85
  11  85	92
  12  92	100
  13  100	107
  14  107	114
  15  114	122
  16  122	129
  17  129	136
  18  136	144
  19  144	152
  20  152	159
  21  159	167
  22  167	174
  23  174	182
  24  182	189
  25  189	197
  26  197
********************/
body		{ font-size:12px; line-height:1.5; color:#4D4D4D; font-family: "Times New Roman","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック"; }
* html body	{ font-size:78%;}
* html table { font-size:100%; line-height:1.5;}
* html .title{ line-height:1.3;}
*+html .title{ line-height:1.3;}
strong		{ font-weight:bold;}

h2		{ font-size:182%; border-left:3px solid #99B92A; padding:2px 0 0 8px; margin-bottom:10px;}
h3		{ font-size:114%; color:#97BC3D; margin-bottom:5px; font-weight:bold;}
.lTxt	{ font-size:114%;}
.sTxt	{ font-size:85%;}
.clrRed		{ color:#DE004B;}
.clrGreen	{ color:#99B92A;}
.clrBlue	{ color:#2B6696;}
h2.clrRed 	{ border-left:4px solid #DE004B;}
h2.clrGreen	{ border-left:4px solid #99B92A;}
h2.clrBlue	{ border-left:4px solid #2B6696;}
h2.clrGray	{ border-left:4px solid #B1B1B1;}
h2.clrRed a{ text-decoration:none; color:#DE004B;}
h2.clrGreen a{ text-decoration:none; color:#99B92A;}
h2.clrBlue a{ text-decoration:none; color:#2B6696;}
h2.clrGray a{ text-decoration:none; color:#666666;}

a			{ color:#006699;}
a:link 		{ color:#006699;}
a:visited	{ color:#006699;}
a:hover 	{ text-decoration:none;}
a:active 	{ color:#006699;}

h2,
.title				{ font-weight:bold;}


/* Hack 
*******************/
.pkg:after			{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg			{ display: inline-block; }
/* no ie mac ¥*/
* html .pkg			{ height: 1%; }
.pkg				{ display: block; }
/* */
*+html .pkg			{ height:1%;}