@charset "utf-8";

@media print, screen and (min-width: 641px){

/*		Contents
---------------------------------------------------------------------------

	HOME										[ index.html ]
	今年の発電量								[ year.html ]

------------------------------------------------------------------------ */


/* ========================================================================
		Common
======================================================================== */
body{
	min-width:1200px;
	background:#f6f7f9;
}

#container{
	width:1200px;
	height:652px;
	margin:0 auto;
	background:url(../../img/bg.jpg) no-repeat center bottom;
	position:relative;
}


/* ========================================================================
		header
======================================================================== */
header h1{
	padding:25px 0 22px 110px;
}


/* nav
----------------------------------- */
header nav{
	position:absolute;
	top:25px;
	right:110px;
}

header nav ul{
	overflow:hidden;
}

header nav ul li{
	float:left;
	padding:0 0 0 1px;
}

header nav ul li a{
	display:block;
	width:154px;
	height:46px;
	line-height:46px;
	background:#37bbbd;
	text-align:center;
	font-size:138.5%;
}

header nav ul li a:hover{
	border-bottom:5px solid #0c888d;
}


/* ========================================================================
		contents
======================================================================== */
#contents{
	height:531px;
	overflow:hidden;
}

#contents h2{
	width:315px;
	height:40px;
	line-height:40px;
	background:url(../../img/bg_h2.gif) no-repeat 267px center #0d888d;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	margin:0 0 -26px 130px;
	padding:0 0 0 14px;
	font-size:230.8%;
	font-weight:bold;
	color:#ffffff;
	position:relative;
	z-index:1;
}

#contents h2 span{
	font-size:60%;
}


/* -----------------------------------
	block
----------------------------------- */
#contents .block{
	float:left;
	width:465px;
	padding:24px 0 0 0;
}

#contents .block:first-of-type{
	margin:0 50px 0 110px;
}

#contents .block p{
	padding:0 0 43px 0;
}

#contents .block p.equipment{
	height:349px;
	background:#000000;
	margin:0 0 28px 0;
	padding:8px 8px 0;
	text-align:right;
	font-size:107.7%;
	color:#ffffff;
	line-height:1;
}

#contents .block p.equipment img{
	display:block;
	margin:0 0 10px 0;
}

#contents .block dl{
	overflow:hidden;
	background:url(../../img/bg_white.png);
	margin:0 0 28px 0;
	padding:0 8px;
}

#contents .block dl dt{
	float:left;
	width:239px;
	padding:6px 0;
	font-size:153.8%;
}

#contents .block dl dt img{
	vertical-align:middle;
	margin:0 14px 0 0;
}

#contents .block dl dd{
	float:right;
	width:210px;
	height:65px;
	background:#ffffff;
	margin:8px 0;
	padding:18px 6px 0;
	text-align:right;
	font-size:215.4%;
	font-weight:bold;
}

#contents .block dl dd span{
	font-size:50%;
}


/* -----------------------------------
	graph
----------------------------------- */
#contents .graph{
	width:1100px;
	height:492px;
	margin:0 auto;
	background:url(../../img/bg_year.gif) no-repeat left top #fefeff;
	position:relative;
}

#contents #month{ background-image:url(../../img/bg_month.gif); }
#contents #day{ background-image:url(../../img/bg_day.gif); }

#contents #month_28{ background-image:url(../../img/bg_month_28.gif); }
#contents #month_29{ background-image:url(../../img/bg_month_29.gif); }
#contents #month_30{ background-image:url(../../img/bg_month_30.gif); }
#contents #month_31{ background-image:url(../../img/bg_month_31.gif); }

#contents #day_300 { background-image:url(../../img/bg_day_300.gif); }
#contents #day_500 { background-image:url(../../img/bg_day_500.gif); }
#contents #day_1000{ background-image:url(../../img/bg_day_1000.gif); }


#contents .graph canvas{
	width:974px;
	height:446px;
	margin:0 auto;
	position:absolute;
	bottom:18px;
	left:72px;
}

#contents #year canvas#line{ left:112px; }

#contents #month_28 canvas#bar { left:88px; }
#contents #month_28 canvas#line{ left:88px; padding: 0 15px; }
#contents #month_29 canvas#bar { left:94px;}
#contents #month_29 canvas#line{ left:94px; padding: 0 15px; }
#contents #month_30 canvas#bar { left:77px; }
#contents #month_30 canvas#line{ left:77px; padding: 0 15px; }
#contents #month_31 canvas#bar { left:71px; }
#contents #month_31 canvas#line{ left:71px; padding: 0 15px; }

#contents #day_300 canvas#line{ left:78px; }
#contents #day_300 canvas#bar { height:442px;bottom:19px; }
#contents #day_500 canvas#line{ left:76px; }
#contents #day_500 canvas#bar { height:442px;bottom:19px; }
#contents #day_1000 canvas#line{ left:76px; }
#contents #day_1000 canvas#bar { height:442px;bottom:19px; }

#contents #day canvas#line{ left:76px; }


/* ========================================================================
		footer
======================================================================== */
footer p{
	background:url(../../img/bg_footer.png);
	text-align:center;
	font-size:107.7%;
	color:#ffffff;
	line-height:25px;
}


}