@charset "UTF-8";

/******************************************************
*	
*	1. common style
*	2. index style
*	3. detail style
*	
******************************************************/


/*  1. common style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#alpha {
}

#gamma img {
	display: block;
	margin-bottom: 10px;
}

#beta #sNavi ul.child {
	margin-top: -6px;
	padding: 0 0 10px 18px;
	border-bottom: none;
}

#beta #sNavi ul.child li {
	margin-top: 6px;
	font-size: 77%;
	line-height: 100%;
	color: #333;
}

#beta #sNavi ul.child li a { color: #333; text-decoration: none; padding: 2px;}
#beta #sNavi ul.child li a:link { color: #333; text-decoration: none;}
#beta #sNavi ul.child li a:visited { color: #333; text-decoration: none;}
#beta #sNavi ul.child li a:active { color: #333; text-decoration: none;}
#beta #sNavi ul.child li a:hover { color: #fff; text-decoration: none; background: #a5accf;}
#beta #sNavi ul.child li a.current { color: #fff; text-decoration: none; background: #a5accf;}
#beta #sNavi ul.child li a.current:link { color: #fff; background: #a5accf;}
#beta #sNavi ul.child li a.current:visited { color: #fff; background: #a5accf;}
#beta #sNavi ul.child li a.current:active { color: #fff; background: #a5accf;}
#beta #sNavi ul.child li a.current:hover { color: #fff; background: #a5accf;}





/*  2. index style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#index #alpha {
}

#index #alpha #wrapper {
	padding: 24px 0 24px 12px;
	background: url(../../../energy/img/index_bg.gif) repeat left top;
}

#index #alpha #ct1 {
}

#index #alpha #ct1 ul li {
	display: inline;
	float: left;
}

#index #alpha #ct2 {
	margin-top: 20px;
	padding: 12px 0 12px 10px;
	background: #fffeee;
}

#index #alpha #ct2 ul {
	margin-top: 10px;
}

#index #alpha #ct2 ul {
	width: 474px;
	margin-top: 10px;
}

#index #alpha #ct2 ul li {
	display: inline;
	float: left;
}





/*  3. detail style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#detail #bodySec {
	margin-top: 0;
}

#detail #beta {
	margin-top: -30px;
}

#detail #alpha {
}

#detail #alpha #summary {
	min-height: 223px;
	_height: 223px;
	padding: 21px 0 32px 48px;
	background: url(../../../energy/img/e02_summary_bg.gif) no-repeat left top;
}

#detail #alpha #summary ul {
	margin: 26px 0 0 -18px;
}

#detail #alpha #summary ul li {
	display: inline;
	float: left;
	margin-left: 18px;
}

#detail #alpha #wrapper {
	padding: 0 10px;
}

#detail #alpha #wrapper .column-left,
#detail #alpha #wrapper .column-right {
	zoom:1;/*for IE 5.5-7*/
}
#detail #alpha #wrapper .column-left:after,
#detail #alpha #wrapper .column-right:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0.1px;
    clear: both;
    font-size: 0.1em;
    line-height: 0;
}
* html #detail #alpha #wrapper .column-left,
* html #detail #alpha #wrapper .column-right {
	display: inline-block;
}
/* no ie mac \*/
* html #detail #alpha #wrapper .column-left,
* html #detail #alpha #wrapper .column-right { height: 1%; }
#detail #alpha #wrapper .column-left,
#detail #alpha #wrapper .column-right { display: block; }
/* */

#detail #alpha #wrapper .column-left .text {
	display: inline;
	float: left;
	width: 460px;
	margin-top: -10px;
}

#detail #alpha #wrapper .column-left .pht {
	display: inline;
	float: right;
	width: 170px;
}

#detail #alpha #wrapper .column-right .text {
	display: inline;
	float: right;
	width: 460px;
	margin-top: -10px;
}

#detail #alpha #wrapper .column-right .pht {
	display: inline;
	float: left;
	width: 170px;
}

#detail #alpha #wrapper .column-left h2,
#detail #alpha #wrapper .column-right h2 {
	margin-top: 10px;
}

#detail #alpha #wrapper .column-left p,
#detail #alpha #wrapper .column-right p {
	margin-top: 10px;
	font-size: 95%;
}