@charset "utf-8";

/** -------------------------------- **
	wrapper指定
*** ----------------------------------------------------------------- ***/

#wrapper {
	width:100%;
	margin:0;
	padding:8px 0 0;
	text-align:left;
	background:url(../img/bg_town.png) center bottom repeat-x;
	background-attachment: fixed;
}

/** -------------------------------- **
	header指定
*** ----------------------------------------------------------------- ***/

#header {width:1000px; margin:0 auto; position:relative;}
#header h1 {width:130px; margin:0 auto; position:relative; z-index:9;}
#header .hdSubNav {position:absolute; right:0; top:33px;}
#header .hdSubNav li {float:left; padding-right:20px; padding-left:12px; font-size:1.2em; background:url(../img/iconArr01.gif) left 4px no-repeat;}
#header .hdSubNav li:last-child {padding-right:0;}

#header .version {position:absolute; left:30px; top:33px;}

/** -------------------------------- **
	glNav指定
*** ----------------------------------------------------------------- ***/

#glNav {
	width:100%;
	height:68px;
	margin:10px auto 0px auto;
	padding:4px 0px 0px;
	background:url(../img/bgNav.png) left top repeat-x;
}

#glNav ul {
width:988px; margin:0 auto;
padding-left:208px;
}
#glNav ul li {
	float:left;
	height:59px;
	font-size:1%;
	line-height:1%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#glNav ul li a {display:block; height:59px;}

/* -------------------------------------------------------------- 
	glNav 画像指定
-------------------------------------------------------------- */
#glNav ul li.glNav01 {width:68px; background:url(../img/glNav01_on.jpg) no-repeat;}
#glNav ul li.glNav01 a {width:68px; background:url(../img/glNav01.jpg) no-repeat;}

#glNav ul li.glNav02 {width:85px; background:url(../img/glNav02_on.jpg) no-repeat;}
#glNav ul li.glNav02 a {width:85px; background:url(../img/glNav02.jpg) no-repeat;}

#glNav ul li.glNav03 {width:68px; background:url(../img/glNav03_on.jpg) no-repeat;}
#glNav ul li.glNav03 a {width:68px; background:url(../img/glNav03.jpg) no-repeat;}

#glNav ul li.glNav04 {width:68px; background:url(../img/glNav04_on.jpg) no-repeat;}
#glNav ul li.glNav04 a {width:68px; background:url(../img/glNav04.jpg) no-repeat;}

#glNav ul li.glNav05 {width:95px; background:url(../img/glNav05_on.jpg) no-repeat;}
#glNav ul li.glNav05 a {width:95px; background:url(../img/glNav05.jpg) no-repeat;}

#glNav ul li.glNav06 {width:85px; background:url(../img/glNav06_on.jpg) no-repeat;}
#glNav ul li.glNav06 a {width:85px; background:url(../img/glNav06.jpg) no-repeat;}

#glNav ul li.glNav07 {width:68px; background:url(../img/glNav07_on.jpg) no-repeat;}
#glNav ul li.glNav07 a {width:68px; background:url(../img/glNav07.jpg) no-repeat;}

#glNav ul li.glNav08 {width:85px; background:url(../img/glNav08_on.jpg) no-repeat;}
#glNav ul li.glNav08 a {width:85px; background:url(../img/glNav08.jpg) no-repeat;}

#glNav ul li.glNav09 {width:68px; background:url(../img/glNav09_on.jpg) no-repeat;}
#glNav ul li.glNav09 a {width:68px; background:url(../img/glNav09.jpg) no-repeat;}

#glNav ul li.glNav10 {width:85px; background:url(../img/glNav10_on.jpg) no-repeat;}
#glNav ul li.glNav10 a {width:85px; background:url(../img/glNav10.jpg) no-repeat;}

/* Hover & Active
--------------------------------------------- */
#vision #glNav ul li.glNav01 a,
#activity #glNav ul li.glNav02 a,
#electricity #glNav ul li.glNav03 a,
#construction #glNav ul li.glNav04 a,
#circumference #glNav ul li.glNav05 a,
#information #glNav ul li.glNav06 a,
#realEstate #glNav ul li.glNav07 a,
#energy #glNav ul li.glNav08 a,
#distribution #glNav ul li.glNav09 a,
#others #glNav ul li.glNav10 a,
#glNav ul li a:hover {background:none;}


/** -------------------------------- **
	container指定
*** ----------------------------------------------------------------- ***/
#container {
	width:900px;
	margin:0 auto;
	padding:40px 0 0;
}

#container .attention {
	padding:0 0 60px;
	color:#C00;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}


/* -------------------------------------------------------------- 
	localNav指定
-------------------------------------------------------------- */
#container #localNav {width:100%; margin-bottom:10px;}
#container #localNav li {position:relative; float:left; width:30%; margin-right:10px; font-size:1.4em; text-align:center;}
#container #localNav li img {position:absolute; top:94%; left:46%;}


/* vision
--------------------------------------------- */
#vision #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#BCE1DF; border:3px solid #BCE1DF;}
#vision #localNav li.on a,
#vision #localNav li a:hover {background:#ffffff; border:3px solid #BCE1DF; text-decoration:none;}

/* activity
--------------------------------------------- */
#activity #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#BCE1DF; border:3px solid #BCE1DF;}
#activity #localNav li.on a,
#activity #localNav li a:hover {background:#ffffff; border:3px solid #BCE1DF; text-decoration:none;}

/* electricity
--------------------------------------------- */
#electricity #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#FCD68C; border:3px solid #FCD68C;}
#electricity #localNav li.on a,
#electricity #localNav li a:hover {background:#ffffff; border:3px solid #FCD68C; text-decoration:none;}

/* construction
--------------------------------------------- */
#construction #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#F5AF7E; border:3px solid #F5AF7E;}
#construction #localNav li.on a,
#construction #localNav li a:hover {background:#ffffff; border:3px solid #F5AF7E; text-decoration:none;}

/* circumference
--------------------------------------------- */
#circumference #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#F3A9C9; border:3px solid #F3A9C9;}
#circumference #localNav li.on a,
#circumference #localNav li a:hover {background:#ffffff; border:3px solid #F3A9C9; text-decoration:none;}

/* information
--------------------------------------------- */
#information #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#CFA7CD; border:3px solid #CFA7CD;}
#information #localNav li.on a,
#information #localNav li a:hover {background:#ffffff; border:3px solid #CFA7CD; text-decoration:none;}

/* realEstate
--------------------------------------------- */
#realEstate #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#9BB9E1; border:3px solid #9BB9E1;}
#realEstate #localNav li.on a,
#realEstate #localNav li a:hover {background:#ffffff; border:3px solid #9BB9E1; text-decoration:none;}

/* energy
--------------------------------------------- */
#energy #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#8DCCF0; border:3px solid #8DCCF0;}
#energy #localNav li.on a,
#energy #localNav li a:hover {background:#ffffff; border:3px solid #8DCCF0; text-decoration:none;}

/* distribution
--------------------------------------------- */
#distribution #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#94D1CA; border:3px solid #94D1CA;}
#distribution #localNav li.on a,
#distribution #localNav li a:hover {background:#ffffff; border:3px solid #94D1CA; text-decoration:none;}

/* others
--------------------------------------------- */
#others #localNav li a {display:block; width:auto; height:100%; padding:8px 30px; color:#444444; background:#C0DDA3; border:3px solid #C0DDA3;}
#others #localNav li.on a,
#others #localNav li a:hover {background:#ffffff; border:3px solid #C0DDA3; text-decoration:none;}


/* -------------------------------------------------------------- 
	mainPage指定
-------------------------------------------------------------- */
#container .mainPage a:hover img { -moz-opacity:0.7; opacity:0.7; filter: alpha(opacity=70); }

/* Flash
--------------------------------------------- */
#container .mainFlash {width:898px; height:598px; border:none;}


/* -------------------------------------------------------------- 
	pageing指定
-------------------------------------------------------------- */
#container .pageing {padding:15px; height:36px; background:#343434;}
#container .pageing li {float:left; width:145px;}
#container .pageing li:last-child {float:right;}
#container .pageing li.firstList {float:left;}


/* -------------------------------------------------------------- 
	pagetop指定
-------------------------------------------------------------- */
.pagetop {width:900px; text-align:right; padding-top:60px; font-size:1.2em;}
.pagetop a {padding-left:12px; background:url(../img/iconArr02.gif) left 4px no-repeat;}
.pagetop a:hover {color:#0094d3;}


/** -------------------------------- **
	Footer指定
*** ----------------------------------------------------------------- ***/
#footer {
	width:100%;
height:120px;
	margin:30px auto 0;
	padding:20px 0;
	color:#ffffff;
	text-align:center;
	background:url(../img/bgFooter.jpg) top left repeat-x #009FDE;
}

#footer .footNav {font-size:1.2em; line-height:2.5;}
#footer .footNav a:link {text-decoration:underline; color:#fff;}
#footer .footNav a:visited {text-decoration:underline; color:#fff;}
#footer .footNav a:hover, #footer .footNav a:active {text-decoration:none; color:#fff;}

#footer .copy {font-size:1.2em; padding-top:20px;}