@charset "UTF-8";
/**
 * 石川県河川情報
 * 概況図 CSS
 */
/*=======================
	Left Side Contents
	+ 地図  +
  =======================*/
.mapBox{
	position: absolute;
	top:0;
	*left:0;
	left:12px;
	right:12px;
}

/* Added by DuyenHT1 20170305 start */
.mapBox_modified{
	top:-61px;
}
/* Added by DuyenHT1 20170305 end */

.mapBox.river-map {
	left:0;
	width: 592px;
}
/*Add by FPT-ToanNB for i-riverMap-2 [BEGIN] -->*/
.dataHeaderBox.river-map {
	margin-left:0;
}
.dataBox.river-map {
	width: 100%;
	margin-left:0;
}
.mapArea.river-map {
    height: 372px;
}
.mapArea.river-map ul.symbolSelect {
	left: 120px
}
.infoBox.river-map {
    position: relative;
    margin-left: auto;
    margin-right: 17px;
    margin-top: 10px;
}
.mapBox.river-map .rainfall dl.mapLegend dd {
    float: left;
    width: 73px;
}
.mapBox.river-map .stage dl.mapLegend dd {
    width: 101px;
    float: left;
}
.mapBox.river-map .stage .borderT ~ dt {
    margin-left: 0px;
    padding-left: 5px;
}
.mapBox.river-map .stage .borderT ~ dt, .stage .borderT ~ dd {
    border-top: 1px dashed #a4b9cb;
    padding-top: 3px;
}
.mapBox.river-map dl.mapLegend dt {
    margin-left: 0px;
    padding-left: 5px;
}
.mapBox.river-map .legendBox {
	height: auto;
}
.mapBox.river-map .legendBox dt.borderT {
    clear: both;
}
/*Add by FPT-ToanNB for i-riverMap-2 [END] --<*/
.mapArea {
	position: relative;
	top:0;
	left:0;
	margin:0;
	*width: 444px;
	width: 592px;
	height:475px;
	z-index:1;
}
img.symbolData{
 	position:absolute;
 	z-index:2;
}
img.symbolData.symbol_1_10,
img.symbolData.symbol_1_60,
img.symbolData.symbol_2,
img.symbolData.symbol_4_10,
img.symbolData.symbol_4_60,
img.symbolData.symbol_7_10,
img.symbolData.symbol_7_60,
img.symbolData.symbol_12{
 	display: none;
}

/* シンボル画像＠通常時---------------------------------------- */
div.mapArea a.symbol_1_10,
div.mapArea a.symbol_1_60,
div.mapArea a.symbol_2_10,
div.mapArea a.symbol_2_60,
div.mapArea a.symbol_4_10,
div.mapArea a.symbol_4_60,
div.mapArea a.symbol_7_10,
div.mapArea a.symbol_7_60,
div.mapArea a.symbol_12{
	position: absolute;
	display: block;
	z-index: 2;
 	display: none;
 	background-repeat: no-repeat;
 	background-position: left top;
}
/*雨量*/
div.mapArea a.symbol_1_10,div.mapArea a.symbol_1_60{width: 14px;height: 14px;}
div.mapArea a.symbol_1_10.lv_0,div.mapArea a.symbol_1_60.lv_0{background-image: url(../images/icon/iconMap_rainfallLv0.png);}/* 1 > d (無降雨) */
div.mapArea a.symbol_1_10.lv_1,div.mapArea a.symbol_1_60.lv_1{background-image: url(../images/icon/iconMap_rainfallLv1.png);}/* 1 <= d */
div.mapArea a.symbol_1_10.lv_2,div.mapArea a.symbol_1_60.lv_2{background-image: url(../images/icon/iconMap_rainfallLv2.png);}/* 10 <= d */
div.mapArea a.symbol_1_10.lv_3,div.mapArea a.symbol_1_60.lv_3{background-image: url(../images/icon/iconMap_rainfallLv3.png);}/* 20 <= d */
div.mapArea a.symbol_1_10.lv_4,div.mapArea a.symbol_1_60.lv_4{background-image: url(../images/icon/iconMap_rainfallLv4.png);}/* 50 <= d */
div.mapArea a.symbol_1_10.lv_5,div.mapArea a.symbol_1_60.lv_5{background-image: url(../images/icon/iconMap_rainfallLv5.png);}/* 80 <= d */
div.mapArea a.symbol_1_10.lv_-1,div.mapArea a.symbol_1_60.lv_-1{background-image: url(../images/icon/iconMap_rainfall_missing.png);}/* 欠測その他 */
/*水位*/
div.mapArea a.symbol_4_10,div.mapArea a.symbol_4_60{width: 17px;height: 13px;}
div.mapArea a.symbol_4_10.lv_0_up{background-image: url(../images/icon/iconMap_stageLv0_up.png);}
div.mapArea a.symbol_4_10.lv_1_up{background-image: url(../images/icon/iconMap_stageLv1_up.png);}
div.mapArea a.symbol_4_10.lv_2_up{background-image: url(../images/icon/iconMap_stageLv2_up.png);}
div.mapArea a.symbol_4_10.lv_3_up{background-image: url(../images/icon/iconMap_stageLv3_up.png);}
div.mapArea a.symbol_4_10.lv_4_up{background-image: url(../images/icon/iconMap_stageLv4_up.png);}
div.mapArea a.symbol_4_10.lv_7_up{background-image: url(../images/icon/iconMap_stageLv7_up.png);}
div.mapArea a.symbol_4_10.lv_8_up{background-image: url(../images/icon/iconMap_stageLv7_up.png);}
div.mapArea a.symbol_4_10.lv_0_down{background-image: url(../images/icon/iconMap_stageLv0_down.png);}
div.mapArea a.symbol_4_10.lv_1_down{background-image: url(../images/icon/iconMap_stageLv1_down.png);}
div.mapArea a.symbol_4_10.lv_2_down{background-image: url(../images/icon/iconMap_stageLv2_down.png);}
div.mapArea a.symbol_4_10.lv_3_down{background-image: url(../images/icon/iconMap_stageLv3_down.png);}
div.mapArea a.symbol_4_10.lv_4_down{background-image: url(../images/icon/iconMap_stageLv4_down.png);}
div.mapArea a.symbol_4_10.lv_7_down{background-image: url(../images/icon/iconMap_stageLv7_down.png);}
div.mapArea a.symbol_4_10.lv_8_down{background-image: url(../images/icon/iconMap_stageLv7_down.png);}
div.mapArea a.symbol_4_10.lv_-1{background-image: url(../images/icon/iconMap_stage_missing.png);}
div.mapArea a.symbol_4_60.lv_0_up{background-image: url(../images/icon/iconMap_stageLv0_up.png);}
div.mapArea a.symbol_4_60.lv_1_up{background-image: url(../images/icon/iconMap_stageLv1_up.png);}
div.mapArea a.symbol_4_60.lv_2_up{background-image: url(../images/icon/iconMap_stageLv2_up.png);}
div.mapArea a.symbol_4_60.lv_3_up{background-image: url(../images/icon/iconMap_stageLv3_up.png);}
div.mapArea a.symbol_4_60.lv_4_up{background-image: url(../images/icon/iconMap_stageLv4_up.png);}
div.mapArea a.symbol_4_60.lv_7_up{background-image: url(../images/icon/iconMap_stageLv7_up.png);}
div.mapArea a.symbol_4_60.lv_8_up{background-image: url(../images/icon/iconMap_stageLv7_up.png);}
div.mapArea a.symbol_4_60.lv_0_down{background-image: url(../images/icon/iconMap_stageLv0_down.png);}
div.mapArea a.symbol_4_60.lv_1_down{background-image: url(../images/icon/iconMap_stageLv1_down.png);}
div.mapArea a.symbol_4_60.lv_2_down{background-image: url(../images/icon/iconMap_stageLv2_down.png);}
div.mapArea a.symbol_4_60.lv_3_down{background-image: url(../images/icon/iconMap_stageLv3_down.png);}
div.mapArea a.symbol_4_60.lv_4_down{background-image: url(../images/icon/iconMap_stageLv4_down.png);}
div.mapArea a.symbol_4_60.lv_7_down{background-image: url(../images/icon/iconMap_stageLv7_down.png);}
div.mapArea a.symbol_4_60.lv_8_down{background-image: url(../images/icon/iconMap_stageLv7_down.png);}
div.mapArea a.symbol_4_60.lv_-1{background-image: url(../images/icon/iconMap_stage_missing.png);}
/*ダム*/
div.mapArea a.symbol_7_10,div.mapArea a.symbol_7_60{width: 17px;height: 14px;}
div.mapArea a.symbol_7_10.lv_0{background-image: url(../images/icon/iconMap_damLv0.png);}/* 通常 */
div.mapArea a.symbol_7_10.lv_1{background-image: url(../images/icon/iconMap_damLv1.png);}/* 洪水調節準備中 */
div.mapArea a.symbol_7_10.lv_2{background-image: url(../images/icon/iconMap_damLv2.png);}/* 洪水調節中 */
div.mapArea a.symbol_7_10.lv_3{background-image: url(../images/icon/iconMap_damLv3.png);}/* 異常洪水（ダム満水） */
div.mapArea a.symbol_7_10.lv_-1{background-image: url(../images/icon/iconMap_dam_missing_16.png);}/* 欠測 */
div.mapArea a.symbol_7_60.lv_0{background-image: url(../images/icon/iconMap_damLv0.png);}
div.mapArea a.symbol_7_60.lv_1{background-image: url(../images/icon/iconMap_damLv1.png);}
div.mapArea a.symbol_7_60.lv_2{background-image: url(../images/icon/iconMap_damLv2.png);}
div.mapArea a.symbol_7_60.lv_3{background-image: url(../images/icon/iconMap_damLv3.png);}
div.mapArea a.symbol_7_60.lv_-1{background-image: url(../images/icon/iconMap_dam_missing_16.png);}
/*潮位*/
div.mapArea a.symbol_12{width: 16px;height: 16px;}
div.mapArea a.symbol_12.lv_0{background-image: url(../images/icon/iconMap_tide.png);}
div.mapArea a.symbol_12.lv_-1{background-image: url(../images/icon/iconMap_tide_missing.png);}/*  欠測その他 */
/*流域平均雨量*/
div.mapArea a.symbol_2_10,div.mapArea a.symbol_2_60{width: 14px;height: 14px;}
div.mapArea a.symbol_2_10.lv_0,div.mapArea a.symbol_2_60.lv_0{background-image: url(../images/icon/iconMap_aveLv0.png);}/*  1 > d (無降雨)*/
div.mapArea a.symbol_2_10.lv_1,div.mapArea a.symbol_2_60.lv_1{background-image: url(../images/icon/iconMap_aveLv1.png);}/*  1 <= d */
div.mapArea a.symbol_2_10.lv_2,div.mapArea a.symbol_2_60.lv_2{background-image: url(../images/icon/iconMap_aveLv2.png);}/*  10 <= d */
div.mapArea a.symbol_2_10.lv_3,div.mapArea a.symbol_2_60.lv_3{background-image: url(../images/icon/iconMap_aveLv3.png);}/*  20 <= d */
div.mapArea a.symbol_2_10.lv_4,div.mapArea a.symbol_2_60.lv_4{background-image: url(../images/icon/iconMap_aveLv4.png);}/*  50 <= d */
div.mapArea a.symbol_2_10.lv_5,div.mapArea a.symbol_2_60.lv_5{background-image: url(../images/icon/iconMap_aveLv5.png);}/*  80 <= d */
div.mapArea a.symbol_2_10.lv_-1,div.mapArea a.symbol_2_60.lv_-1{background-image: url(../images/icon/iconMap_ave_missing.png);}/*  欠測その他 */

/* シンボル画像＠選択中---------------------------------------- */
div.mapArea a.symbol_1_10.is-selected,
div.mapArea a.symbol_1_60.is-selected,
div.mapArea a.symbol_2_10.is-selected,
div.mapArea a.symbol_2_60.is-selected,
div.mapArea a.symbol_4.is-selected,
div.mapArea a.symbol_12.is-selected{
	position: absolute;
	display: block;
	width: 33px;
	height: 33px;
	z-index: 3;
}
/*雨量*/
div.mapArea a.symbol_1_10.is-selected,div.mapArea a.symbol_1_60.is-selected{width: 33px;height: 33px;margin-top: -10px;margin-left: -10px;}
div.mapArea a.symbol_1_10.lv_0.is-selected,div.mapArea a.symbol_1_60.lv_0.is-selected{background-image:  url(../images/icon/iconMap_rainfallLv0_on.png);}/* 1 > d (無降雨) */
div.mapArea a.symbol_1_10.lv_1.is-selected,div.mapArea a.symbol_1_60.lv_1.is-selected{background-image:  url(../images/icon/iconMap_rainfallLv1_on.png);}/* 1 <= d */
div.mapArea a.symbol_1_10.lv_2.is-selected,div.mapArea a.symbol_1_60.lv_2.is-selected{background-image:  url(../images/icon/iconMap_rainfallLv2_on.png);}/* 10 <= d */
div.mapArea a.symbol_1_10.lv_3.is-selected,div.mapArea a.symbol_1_60.lv_3.is-selected{background-image:  url(../images/icon/iconMap_rainfallLv3_on.png);}/* 20 <= d */
div.mapArea a.symbol_1_10.lv_4.is-selected,div.mapArea a.symbol_1_60.lv_4.is-selected{background-image:  url(../images/icon/iconMap_rainfallLv4_on.png);}/* 50 <= d */
div.mapArea a.symbol_1_10.lv_5.is-selected,div.mapArea a.symbol_1_60.lv_5.is-selected{background-image:  url(../images/icon/iconMap_rainfallLv5_on.png);}/* 80 <= d */
div.mapArea a.symbol_1_10.lv_-1.is-selected,div.mapArea a.symbol_1_60.lv_-1.is-selected{background-image:  url(../images/icon/iconMap_rainfall_missing_on.png);}/* 欠測その他 */
/*水位*/
div.mapArea a.symbol_4_10.is-selected,div.mapArea a.symbol_4_60.is-selected{width: 39px;height: 29px;margin-top: -8px;margin-left: -11px;}
div.mapArea a.symbol_4_10.lv_0_up.is-selected{background-image: url(../images/icon/iconMap_stageLv0_up_on.png);}
div.mapArea a.symbol_4_10.lv_1_up.is-selected{background-image: url(../images/icon/iconMap_stageLv1_up_on.png);}
div.mapArea a.symbol_4_10.lv_2_up.is-selected{background-image: url(../images/icon/iconMap_stageLv2_up_on.png);}
div.mapArea a.symbol_4_10.lv_3_up.is-selected{background-image: url(../images/icon/iconMap_stageLv3_up_on.png);}
div.mapArea a.symbol_4_10.lv_4_up.is-selected{background-image: url(../images/icon/iconMap_stageLv4_up_on.png);}
div.mapArea a.symbol_4_10.lv_8_up.is-selected{background-image: url(../images/icon/iconMap_stageLv7_up_on.png);}
div.mapArea a.symbol_4_10.lv_0_down.is-selected{background-image: url(../images/icon/iconMap_stageLv0_down_on.png);}
div.mapArea a.symbol_4_10.lv_1_down.is-selected{background-image: url(../images/icon/iconMap_stageLv1_down_on.png);}
div.mapArea a.symbol_4_10.lv_2_down.is-selected{background-image: url(../images/icon/iconMap_stageLv2_down_on.png);}
div.mapArea a.symbol_4_10.lv_3_down.is-selected{background-image: url(../images/icon/iconMap_stageLv3_down_on.png);}
div.mapArea a.symbol_4_10.lv_4_down.is-selected{background-image: url(../images/icon/iconMap_stageLv4_down_on.png);}
div.mapArea a.symbol_4_10.lv_8_down.is-selected{background-image: url(../images/icon/iconMap_stageLv7_down_on.png);}
div.mapArea a.symbol_4_10.lv_-1.is-selected{background-image: url(../images/icon/iconMap_stage_missing_up_on.png);}
div.mapArea a.symbol_4_60.lv_0_up.is-selected{background-image: url(../images/icon/iconMap_stageLv0_up_on.png);}
div.mapArea a.symbol_4_60.lv_1_up.is-selected{background-image: url(../images/icon/iconMap_stageLv1_up_on.png);}
div.mapArea a.symbol_4_60.lv_2_up.is-selected{background-image: url(../images/icon/iconMap_stageLv2_up_on.png);}
div.mapArea a.symbol_4_60.lv_3_up.is-selected{background-image: url(../images/icon/iconMap_stageLv3_up_on.png);}
div.mapArea a.symbol_4_60.lv_4_up.is-selected{background-image: url(../images/icon/iconMap_stageLv4_up_on.png);}
div.mapArea a.symbol_4_60.lv_8_up.is-selected{background-image: url(../images/icon/iconMap_stageLv7_up_on.png);}
div.mapArea a.symbol_4_60.lv_0_down.is-selected{background-image: url(../images/icon/iconMap_stageLv0_down_on.png);}
div.mapArea a.symbol_4_60.lv_1_down.is-selected{background-image: url(../images/icon/iconMap_stageLv1_down_on.png);}
div.mapArea a.symbol_4_60.lv_2_down.is-selected{background-image: url(../images/icon/iconMap_stageLv2_down_on.png);}
div.mapArea a.symbol_4_60.lv_3_down.is-selected{background-image: url(../images/icon/iconMap_stageLv3_down_on.png);}
div.mapArea a.symbol_4_60.lv_4_down.is-selected{background-image: url(../images/icon/iconMap_stageLv4_down_on.png);}
div.mapArea a.symbol_4_60.lv_8_down.is-selected{background-image: url(../images/icon/iconMap_stageLv7_down_on.png);}
div.mapArea a.symbol_4_60.lv_-1.is-selected{background-image: url(../images/icon/iconMap_stage_missing_up_on.png);}
/*ダム*/
div.mapArea a.symbol_7_10.is-selected,div.mapArea a.symbol_7_60.is-selected{width: 33px;height: 23px;}
div.mapArea a.symbol_7_10.lv_0.is-selected{background-image: url(../images/icon/iconMap_damLv0_on.png);}/* 異常洪水（ダム満水） */
div.mapArea a.symbol_7_10.lv_1.is-selected{background-image: url(../images/icon/iconMap_damLv1_on.png);}/* 洪水調節中 */
div.mapArea a.symbol_7_10.lv_2.is-selected{background-image: url(../images/icon/iconMap_damLv2_on.png);}/* 洪水調節準備中 */
div.mapArea a.symbol_7_10.lv_3.is-selected{background-image: url(../images/icon/iconMap_damLv3_on.png);}/* 通常 */
div.mapArea a.symbol_7_10.lv_-1.is-selected{background-image: url(../images/icon/iconMap_dam_missing_16_on.png);}/* 欠測 */
div.mapArea a.symbol_7_60.lv_0.is-selected{background-image: url(../images/icon/iconMap_damLv0_on.png);}
div.mapArea a.symbol_7_60.lv_1.is-selected{background-image: url(../images/icon/iconMap_damLv1_on.png);}
div.mapArea a.symbol_7_60.lv_2.is-selected{background-image: url(../images/icon/iconMap_damLv2_on.png);}
div.mapArea a.symbol_7_60.lv_3.is-selected{background-image: url(../images/icon/iconMap_damLv3_on.png);}
div.mapArea a.symbol_7_60.lv_-1.is-selected{background-image: url(../images/icon/iconMap_dam_missing_16_on.png);}
/*潮位*/
div.mapArea a.symbol_12.is-selected{width: 30px;height: 30px;margin-top: -7px;margin-left: -7px;}
div.mapArea a.symbol_12.lv_0.is-selected{background-image: url(../images/icon/iconMap_tide_on.png);}
div.mapArea a.symbol_12.lv_-1.is-selected{background-image: url(../images/icon/iconMap_tide_missing_on.png);}/*  欠測その他 */
/*流域平均雨量*/
div.mapArea a.symbol_2_10.is-selected,div.mapArea a.symbol_2_60.is-selected{width: 33px;height: 33px;margin-top: -10px;margin-left: -10px;}
div.mapArea a.symbol_2_10.lv_0.is-selected,div.mapArea a.symbol_2_60.lv_0.is-selected{background-image: url(../images/icon/iconMap_aveLv0_on.png);}/*  1 > d (無降雨)*/
div.mapArea a.symbol_2_10.lv_1.is-selected,div.mapArea a.symbol_2_60.lv_1.is-selected{background-image: url(../images/icon/iconMap_aveLv1_on.png);}/*  1 <= d */
div.mapArea a.symbol_2_10.lv_2.is-selected,div.mapArea a.symbol_2_60.lv_2.is-selected{background-image: url(../images/icon/iconMap_aveLv2_on.png);}/*  10 <= d */
div.mapArea a.symbol_2_10.lv_3.is-selected,div.mapArea a.symbol_2_60.lv_3.is-selected{background-image: url(../images/icon/iconMap_aveLv3_on.png);}/*  20 <= d */
div.mapArea a.symbol_2_10.lv_4.is-selected,div.mapArea a.symbol_2_60.lv_4.is-selected{background-image: url(../images/icon/iconMap_aveLv4_on.png);}/*  50 <= d */
div.mapArea a.symbol_2_10.lv_5.is-selected,div.mapArea a.symbol_2_60.lv_5.is-selected{background-image: url(../images/icon/iconMap_aveLv5_on.png);}/*  80 <= d */
div.mapArea a.symbol_2_10.lv_-1.is-selected,div.mapArea a.symbol_2_60.lv_-1.is-selected{background-image: url(../images/icon/iconMap_ave_missing_on.png);}/*  欠測その他 */

/* シンボル表示選択 */
.mapArea ul.symbolSelect{
	position:absolute;
	top: 5px;
	left: 5px;
	width:auto;
	height: 25px;
	padding:0 5px;
	font-size: 11px;
	background: #fff;
	border: 1px solid #c3d0db;
	z-index:3;
}
.mapArea ul.symbolSelect li{
	line-height:25px;
}

/* 時間切り替え */
.mapArea ul.timeMode{
	position:absolute;
	*top: 35px;
	top: 8px;
	left: 5px;
}
.mapArea ul li{
	float: left;
}

/*=======================
	Left Side Contents
	+ 凡例  +
  =======================*/
/* base */
.mapExample{
	position: relative;
	*top:5px;
	top:3px;
	left:0px;
	border: 1px solid #a4b9cb;
	box-sizing: border-box;
}
/* 凡例タイトル */
.mapExample h6{
	text-align: center;
	background: #e5eaee;
	width:100%;
	line-height:18px;
	border-bottom: 1px solid #c3d0db;
}

.mapExample h6.fake{
	text-align: left;
	padding-left: 5px;
	width: auto;
	background: #fa9f00; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #fa9f00 , #f8cd50); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #fa9f00, #f8cd50); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #fa9f00, #f8cd50); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #fa9f00 , #f8cd50); /* Standard syntax (must be last) */
}
/* 色凡例 */
.legendBox{
	height:182px;
	*min-width:103px;
	min-width:33%;
	float: left;
	border-left: 1px solid #a4b9cb;
	box-sizing: border-box;
}
.legendBox.rainfall,.legendBox.cameraPoint{
	border-left-width:0;
}
.river-map .legendBox.rainfall {
	width: 33% !important;
	min-width: 33% !important;
}
/* データ種title */
.legendBox p{
	text-align: center;
	background: #e5eaee;
	margin:0 0 5px 0;
	line-height:16px;
}
.legendBox.stage{
	*min-width:133px;
	min-width:33%;
}
.river-map .legendBox.stage {
	width: 42% !important;
	min-width: 42% !important;
}
.legendBox.dam{
	min-width:34%;
}
.river-map .legendBox.dam {
	width: 25% !important;
	min-width: 25% !important;
}
dl.mapLegend dt,
dl.mapLegend dd{
	height: 17px;	/*!!*/
}
dl.mapLegend dt{
	float: left;
	width: 17px;
	margin-left:5px;
}
dl.mapLegend dd{
	text-indent:3px;
	line-height:17px;
}
/* 区切り点線 */
.legendBox .borderT{
	padding:3px 0 0 0;
	border-top: 1px dashed #a4b9cb;
}

/*=======================
	Right Side Contents
	+ 共通部品 +
  =======================*/
.infoBox{
	position: relative;
	width: 412px;
	height:auto;
	margin:10px 0 0 455px;
}

/* 超過一覧／地点詳細 表示デフォルト設定 */
.infoBox .overBox{
	display:block;/* 初期表示ON */
}
.infoBox .detailBox{
	display:none;/* 初期表示OFF */
}
.infoBox #detail_1 .linkBox{
	position:relative;
	top:20px;
}
/* 地点詳細のスピナー */
.infoBox #spinnerBox{
	display:none;/* 初期表示OFF */
	height: 470px;
}
.infoBox #spinnerBox img{
	position: relative;
	top:50%;
	left:50%;
	margin: -16px 0 0 -16px;
}
/* 水位地点詳細のリンク */
.infoBox a{
	color: #005c82;
	text-decoration: underline;
}
/* 事務所名 */
.infoBox h3{
	padding: 0 0 0 9px;
	height: 20px;
	font-size: 17px;
	line-height: 21px;
	letter-spacing: 1px;
	border-left: 6px solid #0086bd;
}
/* -----------------超過一覧・地点詳細タブ */
.infoHeader{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px;
	border-bottom:2px solid #006cb1;
	z-index: 1;
}
/* Added by DuyenHT1 20170305 start  */
.infoHeader_modified_intra {
	width: 438px !important;
}
/* Added by DuyenHT1 20170305 end  */
.infoSelect{
	float:right;
}
.infoSelect li{
	float: left;
	margin-right:1px;
}
.infoSelect li a,
.infoSelect li span{
	display: block;
	width: 74px;
	height: 24px;
	color: #1c486f;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	cursor: pointer;
}

.infoSelect li.leftTab{
	background: url(../images/menu/info_tabL.png) no-repeat;
}
.infoSelect li.leftTab a:hover,
.infoSelect li.leftTab span:hover{
	background: url(../images/menu/info_tabL_hover.png) no-repeat;
}
.infoSelect li.rightTab{
	background: url(../images/menu/info_tabR.png) no-repeat;
}
.infoSelect li.rightTab a:hover,
.infoSelect li.rightTab span:hover{
	background: url(../images/menu/info_tabR_hover.png) no-repeat;
}
/* selected */
.infoSelect li.leftTab.is-selected{
	background: url(../images/menu/info_tabL_on.png) no-repeat;
}
.infoSelect li.rightTab.is-selected{
	background: url(../images/menu/info_tabR_on.png) no-repeat;
}
.infoSelect li.is-selected a,
.infoSelect li.is-selected span{
	color: #fff;
	cursor: default;
}
.infoSelect li.is-selected a:hover,
.infoSelect li.is-selected span:hover{
	background: none;
}
/* disabled */
.infoSelect li.is-disabled span{
	display: block;
	width: 74px;
	height: 24px;
	color: #b2c6d4;
	text-align: center;
	line-height: 24px;
	cursor: default;
}
.infoSelect li.is-disabled span:hover{
	background: none;
}
/*=======================
	Right Side Contents
	+ 共通 観測所ヘッダー +
  =======================*/
/* base */
.pointHeader{
	position: relative;
	width: 100%;
	height: 35px;
	margin: 5px 0 10px 0;
	border-top: 1px solid #c3d0db;
	background: #ecf0f2;
}
/* Added by DuyenHT1 20170305 start */
.pointHeader_modified {
	width: 438px !important;
}

.pointHeader_modified_intra {
	width: 438px !important;
	top: 468px !important;
}
/* Added by DuyenHT1 20170305 end */
/* 観測所名 */
.pointHeader h4{
	text-indent: 45px;
	font-size: 15px;
	letter-spacing: 1px;
	line-height:35px;
	width: 175px;
	height: 35px;
	display: inline-block;
}
.pointHeader h4.rainfall.rewrite{
	height: 62px;
}
.pointHeader h4.rainfall{
	background: #ecf0f2 url(../images/common/pointH4_rainfall.png) no-repeat 5px 50%;
}
.pointHeader h4.ave{
	background: #ecf0f2 url(../images/common/pointH4_ave.png) no-repeat 5px 50%;
}
.pointHeader h4.stage{
	background: #ecf0f2 url(../images/common/pointH4_stage.png) no-repeat 5px 50%;
}
.pointHeader h4.tide{
	background: #ecf0f2 url(../images/common/pointH4_tide.png) no-repeat 5px 50%;
}
.pointHeader h4.warning{
	background: #ecf0f2 url(../images/common/pointH4_warning.png) no-repeat 5px 50%;
}

/* 雨量:丸アイコン */
.pointHeader img{
	vertical-align:middle;
	margin-right:3px;
}
/* 雨量データ名称 */
.pointHeader span.data{
	font-size: 13px;
	display: inline-block;
	vertical-align:middle;
}
/* 単位 */
.pointHeader span.unit{
	float:right;
	font-size:11px;
	margin-top:15px;
}

/* =============================
	Right Side Contents
  	 + 超過一覧 +
   ============================= */
/* 超過なしコメント */
p.notice{
	text-indent:5px;
	margin: 5px 0 15px 0;
}
/* ------------------- 水位警報名ラベル */
/* 一覧:水位超過ラベル */
p.lbl{
	width: 82px;
	height: 22px;
	text-align: center;
	letter-spacing: 2px;
	line-height:12px;
	padding: 5px 0 0 0;
	margin: 10px 0 3px 0;
}
/* 水位局名右サイド:水位超過ラベル */
.pointHeader p.lbl{
	display: inline-block;
	vertical-align:middle;
	margin:0 2px;
}
p.lbl.stageLv8{		/* 堤防高 */ /*Change by FPT DanND 12月20日2016年 for i-riverMap-3 */
	background:url(../images/common/lbl_stageLv7.png) no-repeat;
	color: #fff;
}
p.lbl.stageLv4{		/* 氾濫危険 */
	background: url(../images/common/lbl_stageLv4.png) no-repeat;
	color: #fff;
}
p.lbl.stageLv3{		/* 避難判断 */
	background: url(../images/common/lbl_stageLv3.png) no-repeat;
	color: #000;
}
p.lbl.stageLv2{		/* 氾濫注意 */
	background: url(../images/common/lbl_stageLv2.png) no-repeat;
	color: #000;
}
p.lbl.stageLv1{		/* 水防団 */
	background: url(../images/common/lbl_stageLv1.png) no-repeat;
	color: #fff;
}

/* table 超過局リスト */
.pointTbl{
	width: auto;	/* 幅固定優先 */
	margin: 0 0 12px 0;
	border: 1px solid #a4b9cb;
}
.pointTbl th{
	height: 20px;
	padding: 1px 0 0 0;
	border: 1px solid #a4b9cb;
}
.pointTbl td{
	height: 22px;
	text-align: center;
	border: 1px solid #a4b9cb;
}

/* Added by DuyenHT1 20170221 start */
.pointTbl_modified td{
	text-align: left;
	padding-left: 5px;
}
.pointTable td{
	padding-left: 26px;
}
/* Added by DuyenHT1 20170221 end */

/* 超過雨量リスト headerアイコン */
.pointTbl th span.tblH-rainfall:before{
	/*content:url(../images/common/tblH_rainfall.png); */ /*Remove by FPT DanND 12月20日 for i-riverMap-3 */
	margin-right:5px;
	display: inline-block;
	vertical-align: middle;
}
.pointTbl th span.tblH-sumRain:before{
	/*content:url(../images/common/tblH_sumRain.png); */ /*Remove by FPT DanND 12月20日 for i-riverMap-3 */
	margin-right:5px;
	display: inline-block;
	vertical-align: middle;
}

/* 右寄せ */
.alignColR-tbl tbody td{
	text-align: right;
	padding-right: 5px;
}

/* =============================
	Right Side Contents
  	+ 地点詳細  +
   ============================= */
/* 地点詳細内 表・グラフタイトル */
.infoBox h5{
	text-indent: 12px;
	background: url(../images/common/marker.png) no-repeat 0 2px;
	margin:0 0 5px 0;
}
/* データ保持用の隠しspan */
.detailBox span.hiddenDt{
	display: none;
}
/* 雨量:降雨開始時刻 */
h5 span.rainfall-time{
	float:right;
	font-size:11px;
}

/* table 時系列表 mini */
.pointTimelineTbl{
	width: auto;	/* 幅固定優先 */
	border: 1px solid #a4b9cb;
}
.pointTimelineTbl th{
	height: 20px;
	border: 1px solid #a4b9cb;
}
.pointTimelineTbl td {
	height: 20px;
	text-align: right;
	padding-right:3px;
	border-left: 1px solid #a4b9cb;
}
/* 右サイド補助項目あり (水位上昇下降 など)*/
.pointTimelineTbl td.extCol {
	border-left: none;
	border-left-width: 0;
}

/* Added by DuyenHT1 20170306 start */
.pointTimelineTbl_intra {
	height: 300px !important;
}
/* Added by DuyenHT1 20170306 end */

/* グラフ */
.pointGraphBox{
	min-width: 230px;
	height: 285px;
	float:right;
	position: relative;
}
.pointGraphBox div.graphUnit{
	width: 100%;
	position: relative;
	font-size: 11px;
}
.pointGraphBox div.graphUnit span.unitR{
	position: absolute;
	top:0;
	right: 0;
}
/*グラフ凡例*/
.pointGraphBox div.graphUnit span.ex-rainfall{/* 雨量 */
	display:inline-block;
	height: 10px;
	border-left: 5px solid #4092bc;
	margin-right: 3px;
}
.pointGraphBox div.graphUnit span.ex-rainSum{/* 累加 */
	display:inline-block;
	height: /*2*/8px;
	/*border-left: 10px solid #000;*/
	margin-right: 3px;
	/*vertical-align: middle;*/
	padding-left:14px;
	background: url(../images/icon/ex_rainSum.png) no-repeat;
}
.pointGraphBox div.graphUnit span.ex-stage{/* 水位 */
	display:inline-block;
	height: /*2*/8px;
	/*border-left: 10px solid #4092BC;*/
	margin-right: 3px;
	/*vertical-align: middle;*/
	padding-left:14px;
	background: url(../images/icon/ex_stage.png) no-repeat;
}
.pointGraphBox div.graphUnit span.ex-tide{/* 潮位 */
	display:inline-block;
	height: /*2*/8px;
	/*border-left: 10px solid #0000FF;*/
	margin-right: 3px;
	/*vertical-align: middle;*/

	padding-left:14px;
	background: url(../images/icon/ex_tide.png) no-repeat;

}
.pointGraphBox img{
	/*リアルグラフ投入後、調節して*/
	margin:0 0 10px 0;
}

/* --------------------水位:地点詳細 */
/* 雨量グラフ ２局選択 */
.pointSelect{
	position:absolute;
	top: 0;
	right:0;
	font-size: 0;
}
.pointSelect li{
	display: inline-block;
	text-align: center;
	border-right:1px solid #a2bdd1;
	font-size: 12px;
	line-height: 18px;
	padding: 0 6px;
}
	.pointSelect li:first-child{
		border-left:1px solid #a2bdd1;
	}
.pointSelect li span,
.pointSelect li a {
	display: block;
	width: auto;
	color: #1f4d77;
	text-decoration: underline;
	cursor: pointer;
}
.pointSelect li.is-selected{
	padding: 0 3px;
}
.pointSelect li.is-selected span{
	color: #005c82;
	background: #d9e7ed;
	display: inline-block;
	padding: 0 3px;
	text-decoration: none;
}

/* 水位地点詳細部 */
.pointDetail{
	width:290px;
	height:55px;
	margin: 0 0 15px 0;
}
.pointDetail ul li{
	display: inline-block;
	line-height:20px;
	vertical-align: bottom;
	min-width:45px;
	text-align:center;
}
.pointDetail ul li.bdr{
	border-left: 1px solid #a2bdd1;
	border-right: 1px solid #a2bdd1;
	padding: 0 5px ;
}
/* 水位数値データ */
.pointDetail ul li span.data{
	font-size: 20px;
	margin:0 5px;
}
/* 上昇下降矢印 */
.pointDetail ul li img{
	margin:0 0 0 5px;
	vertical-align: bottom;
}

/* カメラ */
.detailBox .cameraBox {
	width: auto;
	height: 55px;
	margin: 0 0 15px 0;
}
.detailBox .cameraBox a{
	background: url(../images/common/icon_camera_mini.png) no-repeat 0 center;
	padding-left: 15px;
}
.detailBox .cameraBox img{
	border: solid 1px #c3d0db;
	width: 70px;
	height: 47px;
	cursor: pointer;
}
/* 水防FAXボタン */
#detail_4 .suibouBtnArea{
	display:inline-block;
	float:right;
	margin:5px 0px;
}
#detail_4 .suibouBtnArea .funcBtn{
	padding: 0;
	min-width: 68px;
}
/*-------------------関連画面へのリンクボタン */
.linkBox{
	position:absolute;
	top:437px;
	left:0;
	width:100%;
	height: 34px;
	border-top: 2px solid #0086bd;
	border-bottom: 2px solid #0086bd;
}
.linkBox .inner{
	width:100%;
	height: 28px;
	background: #dde5ec;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 4px 0 0 0;
	text-align: center;
}

.rainChartBlock {
	min-height: 165px;
	min-width: 260px;
}

/* CSS legend 1500*/
.mapBox.p1500 dl.mapLegend {
	float: left;
	width: 100%;
	margin-top: 5px;
}
.mapBox.p1500 dl.mapLegend dd.title {
	float: left;
    width: 80px;
}
.mapBox.p1500 dl.mapLegend dd.title font {
	float: right;
}
.mapBox.p1500 dl.mapLegend dt {
	margin-left: 0px !important;
    width: 20px;
}
.mapBox.p1500 dl.mapLegend dd.title.stage {
	height: 50px;
}
.mapBox.p1500 dl.mapLegend dd {
	float: left;
    width: 130px;
}