@charset "utf-8";
/* CSS Document */

/* ===================================================== */
/* top page style */
/* ===================================================== */

/* ==================
 header
------------------ */
#header{
	width:880px;
	padding:18px 0 0 0;
	background:none;
}
h1{
	padding:0 0 0 10px;
}

#container{
	width:880px;
	height:100%;
	margin:0 auto;
	background:none;
}

/* ==================
 flash area
------------------ */
#flaArea h2{
	font-weight:100;
}



/* ==================
 main
------------------ */
.btnlist ul{
	margin:0 0 0 5px;
}
.btnlist ul li{
	float:left;
}
.btnlist ul li a{
	display:block;
	width:290px;
	height:100px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.btnlist ul li a:hover, .btnlist ul li a:active{
	background-position:0 -100px;
}
.btnlist ul li#smartbtn a{
	background-image:url(../../img/btn_smartgrid.jpg);
}
.btnlist ul li#futurebtn a{
	background-image:url(../../img/btn_future.jpg);
}
.btnlist ul li#world a{
	background-image:url(../../img/btn_world.jpg);
}



/* ===================================================== */
/* CLEAR */
/* ===================================================== */


/* ==================
 main
------------------ */
.btnlist ul{
	min-height:1%;
}
.btnlist ul:after{
/* for modern browser */ 
	content: "";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
} 

* html .btnlist ul{/* for IE */ 
/*\*/height:1%;/* for WinIE*/ 
display:inline-table;/* for MacIE*/ 
}

body*.btnlist ul:after{
	content: ".";
}