@charset "utf-8";


/* --------------------------------
	energy styles
-------------------------------- */
/* bg */
#bg_top { background: url(../images/bg_top.jpg) repeat-x; }
#body { min-height: 2084px; }

/* #main_visual */
#main_visual { height: 376px; position:relative; }
#main_visual #main_visual01 { position:absolute; top:51px; left:46px; z-index:5; }
#main_visual #main_visual02 { position:absolute; top:27px; left:46px; z-index:10;}

#main_visual01 img,#main_visual02 img{ display:none;}

/* #lead */
#lead { padding: 4px 59px 70px 63px; }
#lead_txt { float: left; width: 520px; padding:16px 0 0 0; }
#lead .box_right { float: right; padding: 49px 0 0 0; width:231px;}
#lead p.txt { line-height: 2.15; padding: 0 0 30px 0; font-size: 81.3%; }

/* #article01 */
#article01 { width: 774px; margin: 0 auto; padding: 0 0 104px 0; }
#article01 h4 { padding: 0 0 20px 0; }
#article01 h5 { padding: 0 0 10px 0; font-weight: bold; }
#article01 .txt { padding: 0 0 40px 0; }
#article01_pic { position: relative; width: 834px; margin-left: -60px; background: url(../images/bg_pic.gif) no-repeat 60px top; }
#article01_pic .article01_pic { float: left; padding-left: 60px; }
#article01_pic .article01_pic .pic { padding: 10px 0 0 0; }
#article01_pic .note { width: 206px; padding: 30px 0 0 0; text-align: center; }

/* #article02 */
#article02 { width: 774px; margin: 0 auto; padding: 0 0 78px 0; }
#article02 h4 { padding: 0 0 20px 0; }
#article02 h5 { padding: 0 0 10px 0; font-weight: bold; }
#article02 .txt { padding: 0 0 40px 0; }

#article02 #cap{ padding: 0 0 0 39px; width:695px; }
#article02 #cap .box_left { position:relative; float:left; width:266px;}
#article02 #cap .box_left p.bg {}
#article02 #cap .box_left p.on { position:absolute; left:0; top:0; }
#article02 #cap .box_right { position:relative; float:right; width:379px; height:210px; }
#article02 #cap .box_right p { position:absolute; left:0; top:0; }

/* #article03 */
#article03 { width: 774px; margin: 0 auto; padding: 0 0 78px 0; }
#article03 h4 { padding: 0 0 20px 0; }
#article03 h5 { padding: 0 0 10px 0; font-weight: bold; }
#article03 .box_left { float: left; width: 312px; }
#article03 #movie_area { width: 312px; height: 175px; }
#article03 .box_right { float: right; width: 439px; }
#article03 .txt { padding: 0 0 8px 0; }

/* #article04 */
#article04 { width: 774px; margin: 0 auto; padding: 0 0 78px 0; }
#article04 h4 { padding: 0 0 20px 0; }
#article04 h5 { padding: 0 0 10px 0; font-weight: bold; }
#article04 .txt { padding: 0 0 13px 0; }
