@charset "utf-8";

/******************************************************************* 
@This stylesheet Information{
	Setting of: index page(HOME)
		import
		#topArea setting
		#contents setting
			#mainContents setting
				#graph setting
				#topic setting
				#alert setting
				#seminar setting
				#pastRelease setting　※未使用（2011/05/19削除）
			#subContents setting
				#indexNews setting
				#banner setting
	Last modified: 2011/10/04
}
*******************************************************************/

/*===============================================
	@import setting
================================================*/
@import url('common.css');


/*===============================================
	#topArea setting
================================================*/
#topArea{
width:950px;
padding:19px 0 10px 0;
background:#486C18 url("../../img/bg_index_toparea.jpg") no-repeat top center;
}
#awardsIndex{
float:left;
width:270px;
padding-top:111px;
}
#awardsIndex dt img{
vertical-align:bottom;
}

ul#mainNavi{
float:right;
width:190px;
}


/*===============================================
	Contents setting
================================================*/
#contents{
width:950px;
background:#486C18 url("../../img/bg_index_contents.jpg") no-repeat right top;
}

/* #mainContents setting ---------------------------------------------------- */
#mainContents{
float:right;
width:576px;
margin-left:-362px;/*for IE6,7 print*/
margin-bottom:20px;
padding:0 12px 26px 0;
background:url("../../img/bg_index_maincontents_btm.jpg") no-repeat left bottom;
}

#mainContents .entry_area{
width:576px;
background:#fff url("../../img/bg_index_maincontents_mid.jpg") repeat-y left top;
}
#mainContents .entry{
width:544px;
padding:16px 16px 0;
background:url("../../img/bg_index_maincontents_top.jpg") no-repeat left top;
}

/* ▼「FIAP」概要：電力使用抑制対応グラフに差し替えた為、使っていない。 */
dl#latestReleaseInfo{
width:544px;
padding-bottom:7px;
border-bottom:1px solid #333;
}
dl#latestReleaseInfo dt{
float:left;
padding-top:3px;
width:150px;
}
dl#latestReleaseInfo dd{
float:left;
width:394px;
font-size:large;
}
dl#latestReleaseSummary{
width:544px;
padding-top:10px;
background-color:#fff;
}
dl#latestReleaseSummary dt{
float:left;
width:150px;
padding-bottom:7px;
}
dl#latestReleaseSummary dd{
float:left;
width:394px;
}
dl#latestReleaseSummary .morelink{
margin-top:1em;
}
dl#latestReleaseSummary .morelink a,
#alert .morelink a,
#pastRelease .morelink a{
padding-right:30px;
background: url("../img/arrow2.gif") no-repeat right center;
}
/* ▲「FIAP」概要：電力使用抑制対応グラフに差し替えた為、使っていない。*/

/*--- #graph setting ---*/
#graph .graphHeader{
display:block;
padding-bottom:15px;
background:url("../img/bg_graph_h.png") no-repeat left bottom;
}
#graph h3,
#graph h4{
float:left;
vertical-align:bottom;
}
#graph h3{
padding-right:1em;
}
#graph h4{
padding-top:0.25em;
font-size:90%;
}
#graph .update{
margin-top:-3px;
margin-bottom:10px;
padding:0;
font-size:75%;
color:#2C9F7D;
}
#graph ul{
width:100%;
}
#graph li,
#graph dl,
#graph dt,
#graph dd,
#graph .caption span{
float:left;
line-height:1.0;
}
#graph .date,
#graph .place{
padding:3px;
height:26px;
color:#fff;
text-align:center;
}
#graph .date{
margin-right:1px;
width:70px;
background-color:#397893;
}
#graph .date span,
#graph .place span{
display:inline-block;
vertical-align:top;
}
#graph .date span#graphday,
#graph .place span{
margin:-3px 0;
padding-left:3px;
font-size:240%;
}
#graph .place{
width:95px;
background-color:#9FC639;
}
#graph .place span{
padding-right:3px;
}
#graph .conditions dt{
padding-top:16px;
padding-right:3px;
width:140px;
text-align:right;
vertical-align:bottom;
}
#graph .conditions dd{
padding-right:10px;
font-size:80%;
}
#graph .conditions dd p{
padding-bottom:0;
}
#graph .conditions dd span.graphtotal{
display:inline-block;
margin-right:1px;
padding-top:1px;
padding-left:1px;
width:14px;
height:20px;
line-height:20px;
text-align:center;
font-size:190%;
font-weight:bold;
color:#fff;
background-color:#666;
background:url("../img/bg_graphtotal.png") no-repeat right top;
}
#graph .twitter{
padding:4px 0 0 10px;
line-height:0.9;
border-left:1px solid #ccc;
}
#graph .twitter a{
display:block;
width:45px;
padding:2px 25px 0 0;
height:26px;
color:#999;
text-decoration:none;
background:url("../img/icon_twitter.png") no-repeat right top;
}
#graph .twitter a span{
display:none;
}
#graph .caption{
clear:both;
margin-top:15px;
}
#graph .caption span,
#graph .caption dl{
padding-bottom:1px;
}
#graph .caption .yesterday{
padding-left:40px;
width:238px;
}
#graph .caption .today01{
padding-left:5px;
color:#393;
border-left:1px solid #666;
}
#graph .caption .today02,
#graph .caption .target{
display:inline-block;
font-size:90%;
vertical-align:middle;
}
#graph .caption .today02{
padding-left:10px;
width:80px;
}
#graph .caption .target{
float:right;
padding-right:25px;
}
#graph .caption .target dt{
margin-top:5px;
width:15px;
border-top:2px solid #D5006A;
}
#graph .caption .target dt span{
display:none;
}
#graph .caption .target dd{
padding-left:5px;
}
#graph .canvas{
position:relative;
}
#graph .canvas a{
text-decoration:none;
}
#graph .canvasCaption{
margin-top:-0.5em;
padding-bottom:0.5em;
color:#393;
text-align:center;
}

/*--- #topic setting ---*/
#topic{
padding:33px 15px 4px !important;
width:545px !important;
background:url("../../img/bg_index_maincontents_space.jpg") no-repeat left top !important;
}
#topic a{
display:block;
width:545px;
background-repeat:no-repeat;
background-position:center top;
}
#topic h3,
#topic h4,
#topic p{
visibility:hidden;
}
#topic a.bnr_20110921{
height:109px;
background-image:url("../../news/img/bnr_20110921-pressrelease.jpg");
}
#topic a.bnr_20110831,
#topic a.bnr_20110930{
height:34px;
}
#topic a.bnr_20110831{
background-image:url("../../activities/img/bnr_20110831_002-report.jpg");
}
#topic a.bnr_20110930{
background-image:url("../../activities/img/bnr_20110930_1-report.jpg");
}
#topic ul li{
margin-top:8px;
}

/*--- #alert setting ---*/
#alert{
padding:29px 10px 16px !important;
width:555px !important;
background:url("../../img/bg_index_maincontents_space.jpg") no-repeat left top !important;
}
#alert .alertHeader{
overflow:hidden;
height:50px;
background:url("../../alert/img/bg_alertHeader.jpg") no-repeat left top;
}
#alert .alertHeader h3{
visibility:hidden;
}

#alert li{
clear:left;
overflow:hidden;
background:url("../../img/linedot1.jpg") repeat-x scroll left top transparent;
margin-left:76px;
padding-top:12px;
}
#alert li:first-child{
background:none;
}
#alert li a{
float:left;
text-decoration:none;
}
#alert li span{
display:block;
width:80px;
font-size:75%;
}
#alert li span.revision{
*vertical-align:top;/* IE 7 and below */
*display:inline;/* IE 7 and below */
display:inline-block;
*margin-bottom:0;/* IE 7 and below */
margin-bottom:0.5em;
margin-left:0.5em;
width:auto;
}
#alert li span.revision2{
display:inline-block;
margin-top:0.2em;
margin-bottom:0.5em;
width:auto;
}

#alert .alertTopics{
margin:16px 6px 0;
border-top:1px solid #91A856;
}
#alert .alertTopics h4{
padding:8px 0;
font-weight:normal;
color:#69920F;
}
#alert .alertTopics h4,
#alert .alertTopics li{
margin-left:70px;
}
#alert .alertTopics li.morelink{
padding-top:8px;
padding-bottom:6px;
background:url("../../img/linedot1.jpg") repeat-x scroll left top transparent;
}
#alert .alertTopics li.morelink a{
margin-left:80px;
}

/*--- #seminar setting ---*/
#seminar{
padding:35px 16px 22px;
background:url("../../img/bg_index_maincontents_space.jpg") no-repeat left top;
}
#seminar h3{
padding-bottom:6px;
border-bottom:3px solid #69920F;
}
#seminar p{
padding-top:0.5em;
}
#seminar table{
width:100%;
border-collapse:collapse;
border:1px solid #A7B19C;
}
#seminar th,
#seminar td{
font-size:80%;
}
#seminar th.title,
#seminar td.title,
#seminar th.lecturer,
#seminar td.lecturer{
border-left:1px dotted #A7B19C;
}
#seminar td.lecturer{
text-align:right;
}
#seminar th{
padding:6px 2px;
text-align:center;
}
#seminar td{
padding:6px;
border-top:1px solid #A7B19C;
}
#seminar td a{
text-decoration:none;
}
#seminar td span{
display:block;
width:80px;
font-size:95%;
}

/*--- #pastRelease setting ---*/
#pastRelease{
padding:29px 16px 22px;
background:url("../../img/bg_index_maincontents_space.jpg") no-repeat left top;
}
#pastRelease th{
width:170px;
padding:8px 10px 8px 0;
background:url("../../img/linedot1.jpg") repeat-x left bottom;
font-weight:normal;
}
#pastRelease th img{
margin:0 0 0 15px;
vertical-align:middle;
}
#pastRelease td{
width:364px;
padding:8px 0;
background:url("../../img/linedot1.jpg") repeat-x left bottom;
}


/* #subContents setting ---------------------------------------------------- */
#subContents{
float:left;
width:362px;
font-size:90%;
line-height:1.25;
}
#subContents dl{
width:341px;
min-height:380px;
padding:0 12px 20px 9px;
background:url("../../img/bg_news.jpg") no-repeat left top;
}
#subContents dt{
width:304px;
padding:5px 5px 0 32px;
}
#subContents dl .date{
float:left;
display:block;
}
#subContents dl dt img{
float:right;
display:block;
}

/*--- #indexNews setting ---*/
#subContents dl#indexNews a:link,
#subContents dl#indexNews a:visited{text-decoration:none}
#subContents dl#indexNews a:hover,
#subContents dl#indexNews a:active{color:#ccc;text-decoration:underline}
#subContents dl#indexNews .readmore{
text-decoration:underline;
margin-left:1em;
}
#subContents dl#indexNews img{
vertical-align:middle;
margin-left:7px;
}
#subContents dl#indexNews dd{
width:304px;
padding:5px 5px 5px 32px;
border-bottom:1px solid #A7B19C;
}
#subContents dl#indexNews dt:nth-of-type(3){
border-top:1px solid #A7B19C;
}
#subContents dl#indexNews dt.ep-monitor,
#subContents dl#indexNews dt.live-e{
padding-right:0;
float:left;
}
#subContents dl#indexNews dt.ep-monitor img,
#subContents dl#indexNews dt.live-e img{
float:none;
margin-left:0;
}
#subContents dl#indexNews dd.ep-monitor,
#subContents dl#indexNews dd.live-e{
padding-left:5px;
width:auto;
border-bottom:none;
}
#subContents dl#indexNews dt.ep-monitor{
width:225px;
height:105px;
}
#subContents dl#indexNews dt.ep-monitor img{
width:220px;
height:105px;
}
#subContents dl#indexNews dd.ep-monitor{
margin-left:257px;
min-height:105px;
}
#subContents dl#indexNews dt.live-e,
#subContents dl#indexNews dd.live-e{
border-top:1px solid #A7B19C;
}
#subContents dl#indexNews dt.live-e{
clear:left;
padding-right:0;
width:65px;
height:57px;
}
#subContents dl#indexNews dt.live-e img{
width:60px;
height:57px;
}
#subContents dl#indexNews dd.live-e{
margin-left:97px;
min-height:57px;
}
#subContents dl#indexNews dd.live-e span{
display:block;
padding-bottom:5px;
}
#subContents dl#indexNews dd.live-e a{
text-decoration:underline;
}

/*--- #banner setting ---*/
#subContents #banner{
padding:0 12px 20px 9px;
}
#subContents #banner a{
display:block;
text-indent:-1000em;
overflow:hidden;
cursor:pointer;
}
#subContents #banner a,
#subContents #banner a:link,
#subContents #banner a:visited,
#subContents #banner a:active,
#subContents #banner a:hover,
#subContents #banner a:focus{
outline:none;
}
#subContents #banner li#optimal_green a{
width:229px;
height:70px;
background:url("../../img/optimal_green_banner.png") no-repeat left top;
}
* html #subContents #banner li#optimal_green a{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/optimal_green_banner.png',sizingMethod='crop');
} 

/*end*/