@charset "utf-8";

/*========================

トップページ

========================*/

/*------------------------
常にインクルードするCSS
------------------------*/
@import "reset.css";
@import "base.css";


/*------------------------
メインイメージ
------------------------*/

#main_img {
  margin: 0px auto;
	padding: 0px;
	width:535px;
	height:342px;
	float:right;
	}


* html #main_img {

	margin: -3px 0px 0px;/*IE6*/
	padding: 0px;
	width:535px;
	height:342px;
	float:right;
	}
	
/*------------------------
コンテンツ
------------------------*/

#top_content {
	width:860px;
	margin: 0 auto;
	padding:0px;
	height:510px;
	background-color:#FFFFFF;
}


/*------------------------
左コンテンツ
------------------------*/

#left_content{
width:313px;
margin:0 auto;
float:left;
}

/*------------------------
TOPICS
------------------------*/


#news {

	float:left;
	width:313px;
	height:100%;
	margin:0px auto;
	padding:0px;
    overflow :hidden;}

:root #news table {
	width:300px;
	margin:10px auto;
	padding:0px;
	border:none;
	}

#news table {
	width:300px;
	margin:10px auto;
	padding:0px;
	border:none;
	}

#news table td {
  padding:3px;
	font-size:92%;
	}

#news table td.date {
	background: url(../img/arrow.jpg) no-repeat 5px 5px;
	text-indent:25px;
	white-space:nowrap;
	vertical-align:text-top;
	}

#news table td.comment {
	border-bottom: 1px dotted #999999;
	}
/*------------------------
右コンテンツ
------------------------*/

#right_content{
width:535px;
margin:0 auto;
float:right;
}

/*------------------------
バナー
------------------------*/
#banner{
width:860px;
height:150px;
margin:0 auto ;
background-color:#FFFFFF; position:relative;}


#banner ul {
	display: block;
	margin: 0px auto;
	width:838px;
	height:55px;
	padding:5px 11px 5px 11px;
	_padding:5px 10px 5px 10px;}

#banner ul.bottom{
	display: block;
	margin: 0;
	width:838px;
	height:63px;
	padding:0 11px 5px 11px;
	_padding:0 10px 5px 10px;}

#banner ul li {
	float: left;
	list-style: none;
	margin:0px 1px;
	_margin:0px 1px;
  padding:0px;
	}
#banner ul li img{ display:inline;}
	
	
/*------------------------
TOPICS
------------------------*/

iframe{ margin:0; padding:0;}


/*------------------------
電力量
------------------------*/
#electric{width:840px; margin:0px auto; padding:10px; background-color:#FFFFFF; line-height:}
.power{ width:390px; float:left; background-color:#E8F2FE; color:#1265FC; padding:10px}
.conversion{ width:390px; float:right; background-color:#E8F2FE; color:#1265FC; padding:10px}
p.cell{ border:#BBD7FB 1px solid; padding:5px; display:inline; background:#FFFFFF; margin:0 10px; color:#666666; font-weight:bold;}
#comment{ width:840px; background-color:#FFFFFF; margin:0px auto; padding:0 10px 10px;}

dl.news_comment{ width:600px; float:left;  font-size:88%; color:#CC0000; margin-left:100px;}
dl.news_comment dt{ width:6.2em; float:left;}
dl.news_comment dd{ margin-left:6.6em;}

p.updated{ width:120px; margin:0px; padding:0; text-align:right; font-size:88%; color:#666666; line-height:130%; float:right}
p.right{ width:840px; margin:0px auto; padding:0 10px 10px; text-align:right; background-color:#FFFFFF; font-size:88%; color:#666666; line-height:130%;}
span.unit{ font-size:92%; line-height:110%;}

p.EcoPointReportLink{ width:270px; margin:0px auto; padding:0; background-color:#FFFFFF; color:#666666; line-height:130%; font-size:77%; position:absolute; top:133px; left:210px;}
* html p.EcoPointReportLink{ font-size:71%;}
head~/* */body p.EcoPointReportLink{ font-size:71%;}

p.EcoPointReportLink a:{text-decoration:none; }
p.EcoPointReportLink a:link{text-decoration:none; }
p.EcoPointReportLink a:visited {text-decoration:none; }
p.EcoPointReportLink a:hover{text-decoration:underline; }
p.EcoPointReportLink a:active{text-decoration:underline; }


/*------------------------
Flash下Info
------------------------*/

ul#InfoBan{ width:525px; margin-left:8px; height:165px;}
ul#InfoBan li{ float:left;}
ul#InfoBan li.First{ width:312px; margin-right:10px;}
ul#InfoBan li.Gallaly{ width:190px; background:black}
ul#InfoBan li img{ vertical-align:bottom;}


ul#InfoBan li.First table td.date {
	background: url(../img/arrow.jpg) no-repeat 5px 5px;
	text-indent:25px;
	white-space:nowrap;
	vertical-align:text-top;
	}