@charset "UTF-8";
/**
 * 【公開WEB】
 * 石川県河川情報
 * 共通CSS
 */
/* ------------------------Common Style */
body{
	background: #fff;
	font-size: 12px;
}
h1 {
	background: none;
}
table{
	border-collapse: collapse;
}
table thead th{
	border: 1px solid #a4b9cb;
}
table td{
	border: 1px solid #a4b9cb;
	border-right-width: 0;
}
a{
	text-decoration: underline;
}
table th a, table td a{
	color: #005c82;
	text-decoration: underline;
}
div.contentsDetail a{
	color: #005c82;
	text-decoration: underline;
}
/*=======================
	Header
	+ Global Navigation
	+ topicPathBox
	+ headerNews
  =======================*/
div#header{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	z-index: 100;
	background: none;
}
div.newsBox,div.globalNavi,div.topicPathBox{
	position: relative;
	width: 100%;
}
/*globalNavi*/
div.globalNavi{
	position: relative;
	height: 41px;
	padding: 0;
	background: #ffffff;
	margin: 0 auto;
	width: 1008px;
	border-bottom: none;
}
/* system title */
h1 {
	width: 206px;
	padding: 0;
	height: 41px;
	text-align: left;
	background: url(../public_images/common/imgDotLineY.png) repeat-y right top;
}
h1 span{
	background: url(../public_images/common/imgH1.png) no-repeat 8px 7px;
}
h1 img{
	margin:7px 0 0 8px ;
}
div.globalNavi a,
div.globalNavi span{
	display: block;
	padding: 12px 0 0 0;
	color:#000000;
	text-decoration: none;
	width: 100%;
	height: 29px;
}
div.globalNavi span{
	cursor: default;
}
div.globalNavi ul li a:hover{
	color: #0086c7;
}
/* ul.naviBtn -----------------------グロナビ左 */
div.globalNavi ul.naviBtn{
	list-style: none;
	position: absolute;
	top: 0;
	left: 204px;
	border-right: none;
}
div.globalNavi ul.naviBtn li{
	display: inline-block;
	width: 105px;
	background: url(../public_images/common/imgDotLineY.png) repeat-y right top;
	height: 41px;
	text-align: center;
	top:0;
	font-size: 15px;
	float: left;
}
div.globalNavi ul.naviBtn li a:before,
div.globalNavi ul.naviBtn li span:before {
	content:none;
}
div.globalNavi ul.naviBtn li.on a,
div.globalNavi ul.naviBtn li.on span{
	background: #006cb1;
	color: #ffffff;
	margin-left: -1px;
}
div.globalNavi ul.naviBtn li#top a,
div.globalNavi ul.naviBtn li#top span{
	background: url(../public_images/common/iconHome.png) no-repeat 19px 15px;
	width:94px;
	letter-spacing: 3px;
	padding: 12px 0 0 10px;
}
div.globalNavi ul.naviBtn li.on#top a,
div.globalNavi ul.naviBtn li.on#top span{
	background: url(../public_images/common/iconHome_on.png) no-repeat 19px 15px #006cb1;
}
/* ul.naviLink -----------------------グロナビ右 */
div.globalNavi ul.naviLink{
	position: absolute;
	top: 0;
	right: 0;
}
div.globalNavi ul.naviLink li{
	display: inline-block;
	width: auto;
	height: 41px;
	text-align: center;
	top:0;
	font-size: 12px;
	float: left;
	margin-right: 20px;
	padding-left: 20px;
}
div.globalNavi ul.naviLink li#landslide{
	background: url(../public_images/common/iconSabo.png) no-repeat 0px 12px;
}
div.globalNavi ul.naviLink li#dictionary{
	background: url(../public_images/common/iconDictionary.png) no-repeat 0 10px;
}
div.globalNavi ul.naviLink li#cautionMenu{
	background: url(../public_images/common/iconHins.png) no-repeat 0px 10px;
}
div.globalNavi ul.naviLink li#help{
	background: url(../public_images/common/iconHelp.png) no-repeat 0px 10px;
	margin-right: 30px;
	padding-left: 0px;
	width: 20px;
}
div.globalNavi ul.naviLink li#help:hover{
	background: url(../public_images/common/iconHelp_on.png) no-repeat 0px 10px;
}
/* div.topicPathBox -----------------------パンくず */
div.topicPathBox{
	background: #dbe1e6;
	border-top: 1px solid #c0cbcf;
	border-bottom: 3px solid #1d83c5;
}
div.topicPathBox ul.topicPath{
	list-style: none;
	margin: 0 auto;
	padding: 0 0 0 21px;
	height: 20px;
	width: 987px;
}
div.topicPathBox ul.topicPath li{
	display: inline-block;
	font-size: 12px;
	margin: -3px 0 0;
}
div.topicPathBox ul.topicPath li:before{
	content: "＞";
	padding: 0 5px;
}
div.topicPathBox ul.topicPath li:first-child:before{
	content: none;
}
div.topicPathBox ul.topicPath li#toplist{
	background: url(../public_images/common/iconHomeS.png) no-repeat 0 3px;
	padding: 0 0 0 16px;
}
/* div.headerNews -----------------------緊急新着情報 */
div.headerNews{
	height: 30px;
	font-size: 12px;
	margin: 0 auto;
	width: 1008px;
	padding-top: 2px;
	box-shadow:none;
}
p.newsLogo{
	height: 22px;
	letter-spacing: 2px;
	line-height:1.8em;
}
p.newsLogo_no{
	height: 22px;
	letter-spacing: 2px;
	line-height:1.8em;
}
/*=======================
	main
	+ asideMenu
  =======================*/
#main{
	width: 1008px;
	margin: 0 auto;
	background: none;
	height:auto;
	position: relative;
	margin-bottom: 1px;
	min-height: 879px;
}
/* ----------------------Clickable Map */
.citySelect-map{
	margin-top:15px;
	height: 167px;
}
/*=======================
	main
	+ contents
		+ dataMenuBox
		+ dataBox
  =======================*/
.contents{
	padding-top: 10px;
	padding-left: 10px;
	height: 100%;
}
/* div.dataMenuBox ---------------------*/
/* Base */
div.dataMenuBox{
	height: 33px;
}
/* データ種選択メニュー  */
ul.dataSelect{
	top: 9px;
}
.dataSelect li a,
.dataSelect li span{
	height: 23px;
	line-height:25px;
}
/* 更新ボタン */
.reloadBtn{
	position: absolute;
	top: 4px;
	right: 25px;
	width: 27px;
	height: 28px;
	background: url(../public_images/button/reload.png) no-repeat right top;
}
.reloadBtn:hover{
	background-image: url(../public_images/button/reload_on.png);
}
.reloadBtn.top{
	position: absolute;
	top: 2px;
	right: -3px;
}
/* div.dataBox ---------------------*/
.dataHeaderBox,
.dataBox{
	width:100%;
	margin-left: 0;
}
.dataBox{
	margin-top: 10px;
}
/* ------------------------画面タイトル */
h2{
	height:28px;
	line-height: 30px;
}
/* -------------------ページ送り戻し・局選択 */
.pagerBox{
	top: 6px;
}
/* ------------------------
	時刻操作部
 ------------------------- */
.timeBox{
	width: 100%;
}
/* 時刻送り戻し */
.timeChange button{
/*	width:47px;*/
	width:45px;
	height:21px;
	background: url(../public_images/button/timeBtn_public.png) no-repeat 0% 0%;
}
.timeChange button.back{
	background-position: 0px 0px;
}
.timeChange button.back:hover{
	background-position: 0px -21px;
	color:#66b6d7;
}
.timeChange button.back.is-disabled{
	background-position: 0px -63px;
	color:#cdcdcd;
	cursor: default;
}

.timeChange button.forward{
	width:46px;
	background-position: -45px 0px;
}
.timeChange button.forward:hover{
	background-position: -45px -21px;
	color:#66b6d7;
}
.timeChange button.forward.is-disabled{
	background-position: -45px -63px;
	color:#cdcdcd;
	cursor: default;
}

.timeChange button.latest{
	background-position: -91px 0px;
}
.timeChange button.latest:hover{
	background-position: -91px -21px;
	color:#66b6d7;
}
.timeChange button.latest.is-disabled{
	background-position: -91px -63px;
	color:#cdcdcd;
	cursor: default;
}

/*=======================
	footer
  =======================*/
div.footer{
	width: 1008px;
	margin: 0 auto;
	position: relative;
	border-top: 2px solid #3a98cc;
	background: #ffffff;
}

div.footer ul.menu{
	list-style: none;
	padding: 0 0 0 30px;
	height: 13px;
	margin: 10px auto 17px;
	width: 645px;
	background: url(../public_images/common/bgFooterList.png) repeat-y right top;
}

div.footer ul.menu li{
	float: left;
	color: #1f4d77;
	padding: 0 17px;
	background: url(../public_images/common/bgFooterList.png) repeat-y;
	text-align: center;
	font-size: 12px;
	line-height: 13px;
}

div.footer div.addressBox{
	clear: left;
	color: #3a5059;
	background: #ffffff;
	height: 40px;
	padding: 25px 0 0 30px;
	border-top: 1px solid #c7d4de;
}

div.footer div.addressBox div.addressContents{
	width: 570px;
	margin: 0 auto;
}

div.addressBox p.ishikawa{
	vertical-align: middle;
	width: 152px;
	font-size: 14px;
	font-weight: 600;
	float: left;
	height: 31px;
	letter-spacing: 0.1em;
	line-height: 34px;
}

div.addressBox div.address{
	margin: -5px 0 0 155px;
	line-height: 14px;
	height: 31px;
	background: url(../public_images/common/bgFooterAddress.png) repeat-y;
	padding: 0 0 0 20px;
}

div.addressBox div.address p{
	font-size: 12px;
	margin: 0 0 4px 0;
}