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

/* 
========================================
universal reset
========================================
 */
* {
	margin: 0;
	padding: 0;
	min-height:1px;
}

ol, ul, li { margin:0; padding:0; }
li { list-style:none; }
h1, h2, h3, p { margin:0; padding:0; }
hr { display: none; }
a { text-decoration:none; }
a:hover { color:#CC3300; text-decoration:underline; }
/*Hidden Mac IE\*/
a { text-decoration:none; overflow:hidden; }
/**/


/* 
========================================
Base layout
========================================
 */
 
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	text-align:center;
}

#shadow {
	background-image: url(../top_img/bg_shadow.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 850px;
	padding: 0 10px;
	margin:0 auto;
	text-align:center;
}

#header {
	width: 850px;
	height: 140px;
	background-image: url(../common_img/header_bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	background-color: #9FF;
}

#contents {
	height:  auto;
	width: 800px;
	margin: 0 auto;
	margin-bottom: 10px;
	clear: both;
}

#rightArea {
	width: 270px;
	height: auto;
	float: right;
}

#leftArea {
	width: 510px;
	height: auto;
	float:left;
}

#footer {
	height: auto;
	width: 850px;
	background-color: #1E4EFF;
	background-image: url(../common_img/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}




/* 
========================================
Decoration
========================================
 */

/* Header */
#backIndex a{
	display: block;
	width: 295px;
	height: 55px;
	background-image: url(../common_img/btn_top.gif);
	background-position: left top;
	text-indent: -9999px;
}

#backIndex a:hover{
	background-position: left bottom;
}

#english {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color: #333333;
	width:540px;
	margin-top: 5px;
	font-size: 92%;
	padding-left: 290px;
}

#headerNavi {
	width:555px;
	height:45px;
	margin-left: 295px;
}

#navigation {
	position: absolute;
	display: block;
	margin: 0;
	width: 555px;
	height: 45px;
}

#navigation em {
	float: left;
	list-style: none;
	text-indent: -9999px;
}

#navigation a {
	text-decoration: none;
	display: block;
	height:45px;
	background-image: url(../common_img/head_navi.gif);
	background-position: left top;
}

#menu01 a { width: 105px; background-position: 0 0; }
#menu02 a { width: 110px; background-position: -105px 0; }
#menu03 a { width: 97px; background-position: -215px 0; }
#menu04 a { width: 97px; background-position: -312px 0; }
#menu05 a { width: 146px; background-position: -409px 0; }

#menu01 a:hover { width: 105px; background-position: 0 -90px; }
#menu02 a:hover { width: 110px; background-position: -105px -90px; }
#menu03 a:hover { width: 97px; background-position: -215px -90px; }
#menu04 a:hover { width: 97px; background-position: -312px -90px; }
#menu05 a:hover { width: 146px; background-position: -409px -90px; }

#menu01on a { width: 105px; background-position: 0 -45px; }
#menu02on a { width: 110px; background-position: -105px -45px; }
#menu03on a { width: 97px; background-position: -215px -45px; }
#menu04on a { width: 97px; background-position: -312px -45px; }
#menu05on a { width: 146px; background-position: -409px -45px; }


#headerNavi_e {
	width:555px;
	height:45px;
	margin-left: 295px;
}

#navigation_e {
	position: absolute;
	display: block;
	margin: 0;
	width: 555px;
	height: 45px;
}

#navigation_e em {
	float: left;
	list-style: none;
	text-indent: -9999px;
}

#navigation_e a {
	text-decoration: none;
	display: block;
	height:45px;
	background-image: url(../common_img/head_navi_e.gif);
	background-position: left top;
}

#menu06 a { width: 184px; background-position: 0 0; }
#menu07 a { width: 183px; background-position: -184px 0; }
#menu08 a { width: 188px; background-position: -367px 0; }


#menu06 a:hover { width: 184px; background-position: 0 -90px; }
#menu07 a:hover { width: 183px; background-position: -184px -90px; }
#menu08 a:hover { width: 188px; background-position: -367px -90px; }


#menu06on a { width: 184px; background-position: 0 -45px; }
#menu07on a { width: 183px; background-position: -184px -45px; }
#menu08on a { width: 188px; background-position: -367px -45px; }



/* Water Level */
#waterlevelBox {
	width: 270px;
	height: 173px;
	background-image: url(../top_img/bg_waterlevel.gif);
	clear: both;
}

#date {
	width:230px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.8em;
	line-height: 1.1em;
	color: #333333;
	text-align: right;
	padding-top: 25px;
}
*:lang(ja) #date {
	width:250px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.8em;
	line-height: 1.1em;
	color: #333333;
	text-align: right;
	padding-top: 25px;
}
#date:empty {
	width:250px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.8em;
	line-height: 1.1em;
	color: #333333;
	text-align: right;
	padding-top: 25px;
}

#valueBox {
	width:230px;
	text-align: right;
}
*:lang(ja) #valueBox {
	width:250px;
	text-align: right;
}
#valueBox:empty {
	width:230px;
	text-align: right;
}

#value {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 1em;
	color: #1E4EFF;
	font-weight: bold;
}

#level {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 2.5em;
	color: #1E4EFF;
	font-weight: bolder;
}

#wrap01 {
	width:200px;
	height:18px;
}

/* safari only \*/
html:\66irst-child #btnBox{
	position: absolute;
	display: block;
	height: 18px;
	margin-left: 55px;
}
/* end */

#btnBox {
	position: absolute;
	display: block;
	height: 18px;
	margin-left: -80px;
}
*:lang(ja) #btnBox {
	position: absolute;
	display: block;
	height: 18px;
	margin-left: 53px;
}
#btnBox:empty {
	position: absolute;
	display: block;
	height: 18px;
	margin-left: 53px;
}



#btnBox em {
	float: left;
	list-style: none;
	text-indent: -9999px;
}

#btnBox a {
	text-decoration: none;
	display: block;
	width:98px;
	height:32px;
	margin-top:5px;
	background-image: url(../top_img/btn_waterlevel_new.gif);
	background-position: left top;
}

#btn01 a { background-position: 0 0; }
#btn02 a { background-position: -97px 0; }

#btn01 a:hover { background-position: 0 -32px; }
#btn02 a:hover { background-position: -97px -32px; }



/* NEWS */
#chapNews {
	height: 30px;
	width: 270px;
	background-image:  url(../top_img/chap_news.gif);
}

#oldNews ul {
	margin-left: 147px;
	list-style: none;
	text-indent:-9999px;
}

#oldNews li,#oldNews a {
	display: block;
	width: 123px;
	height: 30px;
}

#oldNews a {
 	text-decoration: none;
	background-image:   url(../top_img/btn_news.gif);
	background-repeat: no-repeat;
}

#btnNews a:hover {
	background-position: 0px -30px;
}

#newsBox {
	width: 258px;
	height: 310px;
	text-align: left;
	padding:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	overflow: auto;
}

#newsBox a{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.7em;
	line-height: 1.2em;
}

#newsBox p{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.7em;
	line-height: 1em;
	color: #FF0000;
	margin-top: 10px;
	margin-bottom: 5px;	
}

#newsBox h2{
	display:none;
	}


/*Column*/

#chapColumn {
	margin-top:15px;
	height: 30px;
	width: 270px;
	background-image:  url(../top_img/chap_column.gif);
}

#columnBox {
	width: 258px;
	height: 310px;
	text-align: left;
	padding:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	overflow: auto;
}

#columnBox a{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.8em;
	line-height: 1.2em;
}

#columnBox p{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.7em;
	line-height: 1em;
	color: #FF0000;
	margin-top: 10px;
	margin-bottom: 5px;	
}

#columnBox h2{
	display:none;}

/*Banner Area*/
#download a {
	display: block;
	width: 270px;
	height: 60px;
	background-image: url(../top_img/bnr_download.gif);
	text-indent: -9999px;
	margin-top:10px;
	text-decoration: none;
}







#photo {
	width:508px;
	height:248px;
	border: 1px solid #666666;
	margin-bottom: 15px;
}

#contentsMenu {
	width: 510px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 20px;
	clear: both;
}

.boxWrap01 {
	width: 150px;
	height: auto;
	float: left;
	text-align: left;
}

.boxWrap02 {
	width: 340px;
	height: auto;
	float:right;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.boxWrap02A {
	width: 340px;
	height: auto;
	float:right;
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.boxWrap03 {
	width: 340px;
	height: auto;
	float:right;
	text-align: left;
}

#line {
	width: 340px;
	height: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	float:right;
	padding-left:15px;
}

.chap01 {
	margin-bottom: 15px;
}

.chap01 h2{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 1em;
	color: #0033FF;
	width: 130px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: 1E4EFF;
	border-left-color: #1E4EFF;
	text-indent: 5px;
	margin-bottom: 15px;
	background-color: #CCFFFF;
	font-weight: normal;
	line-height: 1.5em;
}

.boxA ul li {
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.75em;
	color: #000000;
	background-image:   url(../common_img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 18px;
	width: 120px;
	height: auto;
	margin-bottom: 5px;
}

.boxDemae {
	width: 135px;
	height: 35px;	
}

.boxDemae a {
	display: block;
	width: 135px;
	height: 25px;
	background-image: url(../top_img/bnr_demae.bmp);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
}

.boxKeiyaku {
	width: 135px;
	height: 35px;	
}

.boxKeiyaku a {
	display: block;
	width: 135px;
	height: 25px;
	background-image: url(../top_img/bnr_keiyaku.bmp);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
}

.boxzensya_nyusatu {
	width: 135px;
	height: 35px;
}
.boxzensya_nyusatu a {
	display: block;
	width: 135px;
	height: 25px;
	background-image: url(../top_img/bnr_zensya_nyusatu.bmp);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
}

.chap02 {
	width: 335px;
	height: auto;
	text-align: left;
	position:relative;
}

.chap02 h2{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 1em;
	color: #0033FF;
	width: 335px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: 1E4EFF;
	border-left-color: #1E4EFF;
	text-indent: 5px;
	margin-bottom: 15px;
	background-color: #CCFFFF;
	font-weight: normal;
	line-height: 1.5em;
}

.chap03 {
	width: 760px;
	height: auto;
	text-align: left;
	position:relative;
}

.chap03 h2{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 1em;
	color: #0033FF;
	width: 760px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: 1E4EFF;
	border-left-color: #1E4EFF;
	text-indent: 5px;
	margin-bottom: 15px;
	background-color: #CCFFFF;
	font-weight: normal;
	line-height: 1.5em;
}

/* Back Number Roll Over */
#accessMap ul {
	list-style: none;
	text-indent:-9999px;
	position: absolute;
	top: 0px;
	left: 220px;
}

#accessMap li,#accessMap a {
	display: block;
	width: 120px;
	height: 19px;
}

#accessMap a {
 	text-decoration: none;
	background-image:   url(../top_img/btn_accessmap.gif);
	background-repeat: no-repeat;
}

#btnMap a:hover {
	background-position: 0px -19px;
}

.boxB {
	float: left;
}

.listA li.normal{
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.75em;
	color: #000000;
	background-image:   url(../common_img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-indent: 18px;
	width: 187px;
	height: auto;
	padding-bottom: 10px;
}

.listA2 li{
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.75em;
	color: #000000;
	background-image:   url(../common_img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-indent: 18px;
	width: 335px;
	height: auto;
	padding-bottom: 10px;
}

.listA3 li{
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.75em;
	color: #000000;
	background-image:   url(../common_img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-indent: 18px;
	width: 750px;
	height: auto;
	padding-bottom: 10px;
}

.sublist{
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.75em;
	line-height:1.5em;
	color: #000000;
	width: 167px;
	height: auto;
	padding-left:18px;
	padding-bottom: 5px;
	background-image: url(../common_img/arrow04.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}


.boxC {
	float: right;
}

.listB li {
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.75em;

	color: #000000;
	background-image:   url(../common_img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left:18px;
	width: 130px;
	height: auto;
	padding-bottom: 10px;
}

#subContentsA {
	width: 335px;
	height: auto;
	margin-right: 10px;
	float: left;
}

#chapSowkan {
	width: 335px;
	height: 26px;
	background-image: url(../top_img/cap_sowkan.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#sowkanBox img{
	width:335px;
	height: auto;
	border: none;
}

#subContentsB {
	width: 162px;
	height: auto;
	float: right;
}

#chapKankou {
	width: 162px;
	height: 26px;
	background-image: url(../top_img/cap_sightseeing.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#kankouBox {
	width:154px;
	height: auto;
	padding: 3px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.9em;
	line-height: 1.2em;
	color: #333333;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

#kankouBox a{
	display: block;
	width: 154;
	height: 121px;
	background-image: url(../top_img/img_kankou.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subContentsC {
	width: 335px;
	height: auto;
	margin-right: 10px;
	float: left;
}

#subContentsC img{
	width:335px;
	height: auto;
	border: none;
}


#bannerArea {
	width: 162px;
	height: auto;
	margin-top:5px;
	float: right;
}

#bannerArea  img {
	width: 162px;
	height: 40px;
	border: 0;
}










/* Footer */
#pagetop a{
	display: block;
	width: 160px;
	height: 17px;
	background-image: url(../common_img/btn_pagetop.gif);
	background-position: left top;
	text-indent: -9999px;
	margin-left: 690px;
}

#pagetop a:hover{
	background-position: 0 17px;
}

#pagetop_e a{
	display: block;
	width: 160px;
	height: 17px;
	background-image: url(../common_img/btn_pagetop_e.gif);
	background-position: left top;
	text-indent: -9999px;
	margin-left: 690px;
}

#pagetop_e a:hover{
	background-position: 0 17px;
}



#footer p{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color: #FFFFFF;
	font-size: 0.7em;
}

#wrap02 {
	width: 800px;
	margin-top: 10px;
}

#plugin a{
	display: block;
	width: 88px;
	height: 31px;
	background-image: url(../common_img/get_flash.gif);
	background-position: left top;
	text-indent: -9999px;
	margin-left: 25px;
	float: left;
}

#footerNavi {
	margin:10px 0;
	padding: 0;
	font-size: 0.7em;
}

#footerNavi li {
	display: inline;
	margin: 0;
	padding: 0;
	border-right: 1px solid #999999;
	list-style-type: none;
}

#footerNavi li.bnone {
	border-right: none;
}

#footerNavi a {
	margin: 0 0.5em;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color: #FFFFFF;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#contents:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#contents { display:inline-table; }

/* Mac IE には適用させない \*/
* html #contents { height:1px; }
#contents { display:block; }
/* */


#contentsMenu:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#contentsMenu { display:inline-table; }

/* Mac IE には適用させない \*/
* html #contentsMenu { height:1px; }
#contentsMenu { display:block; }
/* */


#hallBox:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#hallBox { display:inline-table; }

/* Mac IE には適用させない \*/
* html #hallBox { height:1px; }
#hallBox { display:block; }
/* */

#adobe{
	clear:both;
	font-size:69%;
	overflow:hidden;
	text-align: left;
	}

#adobe img{
	float:left;
	border:none;
	margin-right: 5px;
	}

#adobe .pdf_dl,
#adobe .flash_dl{
	overflow:hidden;
	float:left;
	width:390px;
	padding: 5px;
	}