@charset "utf-8";
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
* {margin: 0;padding: 0;}
html {overflow-y: scroll;}
body {
	line-height: 1.5;
	color: #555555;
	background-color: #F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	line-height: 1.6;
	margin: 0 20px 1.2em 20px;
	font-size: 116%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 20px 0 20px 20px;
	color: #006E2E;
}

h1 {
	font-size: 138.5%;
}

h2 {
	font-size: 123.1%;
	margin: 20px 0 15px 20px;
}

h3 {
	font-size: 131%;
	margin: 20px 0 10px 20px;
}

h4 {
	font-size: 123.1%;
	margin: 20px 0 5px 20px;
}

h5 {
	font-size: 116%;
	margin: 20px 0 5px 20px;
}

h6 {
	font-size: 116%;
	margin: 20px 0 5px 20px;
}

em,
strong {
	font-weight: bold;
}

iframe {
	border: none;
}
a {
	outline: none;
}
a:link {
	color: #005585;
}

a:visited {
	color: #818f98;
}

a:hover {
	color: #80af00;
}
ul,
ol,
dl {
	margin: 1em 20px;
	padding: 1px 0;
	list-style-position: inside;
}

dt {
	font-weight: bold;
	font-size: 123.1%;
}

dd,
li {
	margin: 0.1em 0px 0.1em 10px;
}

li li,
li p {
	font-size: 100%;
}

li ul,
li ol,
li p {
	margin: 0.1em 0px 0.6em 10px;
}

img {
	border: none;
}

img.left {
	float:left;
	margin: 0 8px 8px 0;
}

img.right {
	float:right;
	margin: 0 0 8px 8px;
}

img.block {
	display: block;
	margin: 8px auto;
}

a img {

}

a:hover img {

}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






body {
	width: 100%;
	text-align: center; /* center on ie */
	background:url(images/body_bg.gif) repeat-y #F5F5F5 center;
}
body.event,
body.news {
	text-align: left;
	background:none;
	padding: 10px 0;
}

#container {
	text-align: left;
	margin: 0 auto; /* center on everything else */
	width: 720px;
	background-color: #fdffff;
}

#header {
	position: relative;
	padding: 0;
	height: 65px;
	width: 720px;
	background: url(images/sprite.png) 0px 0px no-repeat;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	display:block;
	height: 65px;
	width: 215px;
	background: url(images/sprite.png) 0px 0px no-repeat;
	text-indent:-34400px;
}
#header address {
	position: absolute;
	margin: 0;
	top: 0px;
	right: 0px;
	display:block;
	height: 65px;
	width: 275px;
	background: url(images/sprite.png) -445px 0px no-repeat;
	text-indent:-34400px;
}

#headerimage {
	margin: 10px 0 10px 0;
	height: 90px;
	overflow:hidden;
}

.index #headerimage {
	height: 200px;
}

#headerimage img {
	margin: -55px 0 0 0;
	float:left;
}

.index #headerimage img {
	margin: 0;
}

#renew {
	float:left;
	position:relative;
	width: 720px;
	background:url(images/news_bg.gif) repeat-y;
	margin-bottom:10px;
	border-bottom: solid 1px #B4B4B4;
}

#content,
.bar  {
	padding-bottom: 30px;
}

.bar p {
	line-height: 1.2;
	margin: 0 15px 0.8em 15px;
	font-size: 108%;
}
.bar a:link    {color: #F9F9F9;}
.bar a:visited {color: #FFFFFF;}
.bar a:hover   {color: #FFFFFF;}
.bar ul,
.bar dl {
	margin: 0 15px 20px 15px;
	font-size: 108%;
}
.bar dt a {text-decoration:none;}
.bar li {
	margin: 0.1em 0px;
}
.bar table {
	margin:1em auto;
}

#bnr {
	height:80px;
	width: 730px;
	clear:both;
	padding-bottom:10px;
	margin-right:-10px;
}
#bnr a,
#bnr img {
	float:left;
}
#footer {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	height: 35px;
	position:relative;
	text-align: center;
	background: url(images/sprite.png) 0px -65px no-repeat;
}

#footer address {
	width: 720px;
	text-align: center;
	color: #F9F9F9;
	line-height: 35px;
	font-size: 77%;
	font-style:normal;
}

#footer a {
	position:absolute;
	right:15px;
	top:0px;
	text-decoration:none;
	color:#F0F5F0;
}

.page-top {
	display: block;
	text-align: right;
	font-size: 77%;
}

#renew iframe {
	width: 358px;
	height: 200px;
	margin-left: 1px;
}

#renew .title {
	width: 360px;
	height: 35px;
	background: url(images/sprite.png) -720px -174px no-repeat;
	text-indent:-34400px;
}
#event,
#news {
	float:left;
	width: 360px;
}
#event .title {}
#news .title {background-position: -1080px -174px;}

#menu,
#wrap {
	width: 240px;
	float:left;
}
#menu {
	background: url(images/menu_bg.gif) center repeat-y;
}
#wrap {
	background: url(images/sprite.png) bottom right no-repeat;
}
.index #menu,
.index #wrap {
	width: 720px;
}
.bar {
	width: 240px;
	padding-top:70px;
	float:left;
	position:relative;
	z-index: 1;
	color: #FAFAFA;
}
.bar .title {
	position:absolute;
	top:0px;
	left:0px;
	width: 240px;
	height: 174px;
	z-index: -1;
	text-indent:-34400px;
}
#information .title {
	background: url(images/sprite.png) -720px 0px no-repeat;
}
#service .title {
	background: url(images/sprite.png) -960px 0px no-repeat;
}
#guide .title {
	background: url(images/sprite.png) -1200px 0px no-repeat;
}

#information table {
	border-top: solid 1px #73AA8A;
	border-right: solid 1px #73AA8A;
}
#information th,
#information td {
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #73AA8A;
	border-left: solid 1px #73AA8A;
}
#information th {
	color: #FAFAFA;
	background-color: #96CDAD;
}
#information td {
	color: #909090;
	background-color: #BAEDD0;
}
#information td iframe {
	width: 98px;
	height: 1.3em;
}
#content {
	width: 480px;
	float:left;
}
.sitemap #content {
	width: 720px;
	float:left;
}
.sitemap #leftul,
.sitemap #rightul {
	width: 298px;
	float:left;
	padding: 10px 0 30px 20px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}
.sitemap #leftul {
	border-right-color:#fdffff;
}
* html .sitemap #leftul,
* html .sitemap #rightul {
	margin-left:10px;
}

.nav {
	margin: 0 20px;
}

h1 {
	background: url(images/sprite.png) 0px -100px no-repeat;
	width: 416px;
	height: 40px;
	line-height: 40px;
	padding-left: 44px;
}

h2 {
	background: url(images/chip_green.gif) left center no-repeat;
	border-bottom: solid 1px #006E2E;
	padding-left: 13px;
}
table {
	width:90%;
	empty-cells: show;
	border-top:1px solid #bbe5c3;
	border-right:1px solid #bbe5c3;
	margin: 0 20px 0.5em 20px;
	/*margin:1em auto;*/
	border-collapse:collapse;
	border-spacing: 0;
}
th,td {
	color:#838383;
	border-bottom:1px solid #bbe5c3;
	border-left:1px solid #bbe5c3;
	padding:.3em 1em;
	text-align:left;
}
th {
	color:#999999;
	background:#dff7e4;
	text-align:center;
}
table.left th,
th.left,
td.left {
	text-align:left;
}
table.center td,
th.center,
td.center {
	text-align:center;
}

.information #menu {
	background-color:#06811D;
}
.information h1,
.information h2,
.information h3,
.information h4,
.information h5,
.information h6,
.information ul {
	color: #006E2E;
}
.information h1 {
	background: url(images/sprite.png) 0px -100px no-repeat;
}
.information h2 {
	background: url(images/chip_green.gif) left center no-repeat;
	border-color: #006E2E;
}
.information .bar ul {
	color: #FFFFFF;
}
.information #menu {
	background-position:left;
}
.information #wrap {
	background-position: -1440px bottom;
}


.service #menu {
	background-color:#4F7BE7;
}
.service h1,
.service h2,
.service h3,
.service h4,
.service h5,
.service h6,
.service ul {
	color: #1E61BE;
}
.service h1 {
	background: url(images/sprite.png) 0px -140px no-repeat;
}
.service h2 {
	background: url(images/chip_blue.gif) left center no-repeat;
	border-color: #1E61BE;
}
.service .bar ul {
	color: #FFFFFF;
}
.service table {
	border-top:1px solid #c6d8f0;
	border-right:1px solid #c6d8f0;
}
.service th, .service td {
	border-bottom:1px solid #c6d8f0;
	border-left:1px solid #c6d8f0;
}
.service th {
	background:#e5effd;
}
.service #menu {
	background-position: center;
}
.service #wrap {
	background-position: -1680px bottom;
}


.guide #menu {
	background-color:#FF9200;
}
#shadowbox_body h2,
#shadowbox_body h3,
#shadowbox_body h4,
.guide h1,
.guide h2,
.guide h3,
.guide h4,
.guide h5,
.guide h6,
.guide ul {
	color: #F97900;
}
.guide h1 {
	background: url(images/sprite.png) 0px -180px no-repeat;
}
#shadowbox_body h2,
.guide h2 {
	background: url(images/chip_orange.gif) left center no-repeat;
	border-color: #F97900;
}
.guide .bar ul {
	color: #FFFFFF;
}
.guide table {
	border-top:1px solid #ffcc9a;
	border-right:1px solid #ffcc9a;
}
.guide th, .guide td {
	border-bottom:1px solid #ffcc9a;
	border-left:1px solid #ffcc9a;
}
.guide th {
	background:#ffebd7;
}
.guide #menu {
	background-position:right;
}
.guide #wrap {
	background-position: -1920px bottom;
}

#map {
	position:relative;
	clear:both;
}
.point {
	display:none;
}

#over {
	position:relative;
	padding-bottom: 5px;
	height:508px;
}
#over a {
	background: url(images/map.jpg) left center no-repeat;
	display:block;
	position:absolute;
	text-indent:-34400px;
}
#over a:hover {
	background: url(images/map_mo.jpg) left center no-repeat;
}
#over a#p01 {
	background-position: -2px -223px;
	left: 2px;
	top: 223px;
	width:171px;
	height:151px;
}
#over a#p02 {
	background-position: -186px -88px;
	left: 186px;
	top: 88px;
	width:216px;
	height:171px;
}
#over a#p03 {
	background-position: -275px -265px;
	left: 275px;
	top: 265px;
	width:152px;
	height:141px;
}
#over a#p04 {
	background-position: -440px -122px;
	left: 440px;
	top: 122px;
	width:121px;
	height:104px;
}
#over a#p05 {
	background-position: -431px -263px;
	left: 431px;
	top: 263px;
	width:88px;
	height:59px;
}
#over a#p06 {
	background-position: -481px -46px;
	left: 481px;
	top: 46px;
	width:132px;
	height:69px;
}
#over a#p07 {
	background-position: -587px -116px;
	left: 587px;
	top: 116px;
	width:131px;
	height:71px;
}
#over a#p08 {
	background-position: -579px -208px;
	left: 579px;
	top: 208px;
	width:71px;
	height:104px;
}
#over a#p09 {
	background-position: -519px -301px;
	left: 519px;
	top: 301px;
	width:46px;
	height:100px;
}
#over a#p10 {
	background-position: -565px -312px;
	left: 565px;
	top: 312px;
	width:152px;
	height:123px;
}