@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;
	height: 42px;
	*padding: 0;
	padding: 0 20px 0 12px;
	*background: #ffffff;
	margin: 0 auto;
	*width: 1008px;
	width: 1212px;
	border-bottom: none;
}
div.globalNavi > div {
	background: #fcbc24;
}
/* 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;
	background: url(../public_images/common/imgH1.png) no-repeat 0px -1px;
}
h1 img{
	margin:7px 0 0 8px ;
}
div.globalNavi a,
div.globalNavi span{
	display: block;
/* 	padding: 12px 0 0 0; */
/* 	color:#000000; */
	color: #602f00;
	text-decoration: none;
	width: 100%;
/* 	height: 29px; */
	height: 41px;
}
div.globalNavi .naviLink a {
	color: #4a4a4a;
}
div.globalNavi span{
	cursor: default;
}
div.globalNavi ul li a:hover{
	*color: #0086c7;
	color: #ffffff;
	*background: #fdc94f;
}
/* ul.naviBtn -----------------------グロナビ左 */
div.globalNavi ul.naviBtn{
	list-style: none;
	position: absolute;
	top: 0;
	left: 218px;/* Change by KienNT37 12月12日 p-riverMap-1 */
	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;
	background: #fffbef;
	*color: #ffffff;
/* 	margin-left: -1px; */
	margin-left: 0;
	width: 104px;
}
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 0; */
}
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;
	background: #fffbef;
}
/* 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: 20px;
	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;
	background: #ffffff;
	border-top: 1px solid #c0cbcf;
	*border-bottom: 3px solid #1d83c5;
	border-bottom: 3px solid #ffa200;
}
div.topicPathBox ul.topicPath{
	list-style: none;
	margin: 0 auto;
	padding: 0 0 0 21px;
	*height: 20px;
	height: 17px;
	*width: 987px;
	width: 1227px;
}
div.topicPathBox ul.topicPath li{
	display: inline-block;
	font-size: 12px;
	margin: 0px 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;
	height: 31px;
	font-size: 12px;
	margin: 0 auto;
	*width: 1008px;
	width: 1212px;
	padding-top: 2px;
	box-shadow:none;
	padding-right: 20px;
    padding-left: 12px;
}
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;
	width: 1244px;
	margin: 0 auto;
	background: none;
	min-height:820px;
	height: auto;
	position: relative;
	margin-bottom: 1px;
	/* min-height: 879px; */
}
/* ----------------------Clickable Map */
.citySelect-map{
	height: 200px;/* Add by KienNT37 12月21日 p-riverMap-1 */
}
/*=======================
	main
	+ contents
		+ dataMenuBox
		+ dataBox
  =======================*/
.contents{
	/* Remove by KienNT37 12月12日 p-riverMap-1 */
	/* padding-top: 10px;
	padding-left: 10px; */
	height: 100%;
}
/* div.dataMenuBox ---------------------*/
/* Base */
/* div.dataMenuBox{
	height: 33px;
} */
/* Added by DuyenHT1 20170301 start*/
div.dataMenuBox_modified{
	height: 27px;
}
div.dataMenuBox_modified_intra{
	width: 1040px !important;
}
/* Added by DuyenHT1 20170301 end*/
/* データ種選択メニュー  */
/* ul.dataSelect{ */
/* 	top: 9px; */
/* } */
/* .dataSelect li a,
.dataSelect li span{
	height: 23px;
	line-height:25px;
} */
/* 更新ボタン */
.reloadBtn{
	position: absolute;
	top: 2px;
	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: 30px;
}
/* div.dataBox ---------------------*/
.dataHeaderBox,
.dataBox{
	width:100%;
	margin-left: 0;
}
/* .dataBox{ */
/* 	*margin-top: 10px; */
/* 	margin-top: 14px; */
/* } */
/* ------------------------画面タイトル */
/* h2{ */
/* 	height:28px; */
/* 	line-height: 30px; */
/* } */
/* -------------------ページ送り戻し・局選択 */
/* .pagerBox{ */
/* 	top: 6px; */
/* } */
/* ------------------------
	時刻操作部
 ------------------------- */
.timeBox{
	width: 100%;
}

/* Added by DuyenHT1 20170305 start */
.timeBox_modified {
	width: 1050px !important;
}
/* Added by DuyenHT1 20170305 end */

/* 時刻送り戻し */
.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: 1212px;
	margin: 0 auto;
	position: relative;
	border-top: 2px solid #ffa200;
	background: #ffffff;
}
/* Modified by DuyenHT1 20170301 start */
div.footer ul.menu{
	list-style: none;
	padding: 0 0 0 30px;
	height: 13px;
	margin: 10px auto 17px auto;
	*width: 645px;
	width: 234px;
	background: url(../public_images/common/bgFooterList.png) repeat-y right top;
}
/* Modified by DuyenHT1 20170301 end */

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;
}

/*Add by FPT - DanND 12月20日 for Rivermap3 Start */
.mainExtend {
	width: 1263px !important;
}
/*Add by FPT - DanND 12月20日 for Rivermap3 End */