@charset "UTF-8";
/**
 * 広島県河川情報
 * 概況図 CSS
 * ===== 2021年度リプレース版
 * [A-01] 2022.01.10 地点詳細グラフ用のスピナーのcssを追加
 */
/*=======================
	Left Side Contents
	+ 地図  +
  =======================*/
.mapBox{
	position: absolute;
	top:0;
	left:0;
}
.mapArea {
	position: relative;
	top:0;
	left:0;
	margin:0;
	width: 700px;
	height:440px;
	margin-top: 5px;
}
div.mapArea .js-popup{
 	cursor: pointer;
}

/* シンボル画像＠通常時---------------------------------------- */
div.mapArea .symbol_1_10,
div.mapArea .symbol_1_60,
div.mapArea .symbol_4_10,
div.mapArea .symbol_4_60,
div.mapArea .symbol_7,
div.mapArea .symbol_13,
div.mapArea .symbol_12,
div.mapArea .symbol_90
{
	position: absolute;
	display: block;
	z-index: 2;
 	display: none;
 	background-repeat: no-repeat;
 	background-position: left top;
}
div.mapArea.camera .symbol_90{
	display: block;
	background-size:15px 13px;
}

/*雨量*/
div.mapArea .symbol_1_10,div.mapArea .symbol_1_60{width: 14px;height: 14px;}
div.mapArea .symbol_1_10.lv_0,div.mapArea .symbol_1_60.lv_0{background-image: url(../images/icon/map/rainfallLv0.png);}
div.mapArea .symbol_1_10.lv_1,div.mapArea .symbol_1_60.lv_1{background-image: url(../images/icon/map/rainfallLv1.png);}
div.mapArea .symbol_1_10.lv_2,div.mapArea .symbol_1_60.lv_2{background-image: url(../images/icon/map/rainfallLv2.png);}
div.mapArea .symbol_1_10.lv_3,div.mapArea .symbol_1_60.lv_3{background-image: url(../images/icon/map/rainfallLv3.png);}
div.mapArea .symbol_1_10.lv_4,div.mapArea .symbol_1_60.lv_4{background-image: url(../images/icon/map/rainfallLv4.png);}
div.mapArea .symbol_1_10.lv_5,div.mapArea .symbol_1_60.lv_5{background-image: url(../images/icon/map/rainfallLv5.png);}
div.mapArea .symbol_1_10.lv_-2,div.mapArea .symbol_1_60.lv_-2{background-image: url(../images/icon/map/rainfallLv-2.png);}/* 欠測その他 */
div.mapArea .symbol_1_10.lv_-4,div.mapArea .symbol_1_60.lv_-4{background-image: url(../images/icon/map/rainfallLv-4.png);}/* 閉局・メンテ */
/*水位*/
div.mapArea .symbol_4_10,div.mapArea .symbol_4_60{width: 17px;height: 13px;}
div.mapArea .symbol_4_10.lv_0_up,div.mapArea .symbol_4_60.lv_0_up{background-image: url(../images/icon/map/stageUpLv0.png);}/* 上昇・変化無し */
div.mapArea .symbol_4_10.lv_1_up,div.mapArea .symbol_4_60.lv_1_up{background-image: url(../images/icon/map/stageUpLv1.png);}
div.mapArea .symbol_4_10.lv_2_up,div.mapArea .symbol_4_60.lv_2_up{background-image: url(../images/icon/map/stageUpLv2.png);}
div.mapArea .symbol_4_10.lv_3_up,div.mapArea .symbol_4_60.lv_3_up{background-image: url(../images/icon/map/stageUpLv3.png);}
div.mapArea .symbol_4_10.lv_4_up,div.mapArea .symbol_4_60.lv_4_up{background-image: url(../images/icon/map/stageUpLv4.png);}
div.mapArea .symbol_4_10.lv_0_down,div.mapArea .symbol_4_60.lv_0_down{background-image: url(../images/icon/map/stageDownLv0.png);}/* 下降 */
div.mapArea .symbol_4_10.lv_1_down,div.mapArea .symbol_4_60.lv_1_down{background-image: url(../images/icon/map/stageDownLv1.png);}
div.mapArea .symbol_4_10.lv_2_down,div.mapArea .symbol_4_60.lv_2_down{background-image: url(../images/icon/map/stageDownLv2.png);}
div.mapArea .symbol_4_10.lv_3_down,div.mapArea .symbol_4_60.lv_3_down{background-image: url(../images/icon/map/stageDownLv3.png);}
div.mapArea .symbol_4_10.lv_4_down,div.mapArea .symbol_4_60.lv_4_down{background-image: url(../images/icon/map/stageDownLv4.png);}
div.mapArea .symbol_4_10.lv_-2,div.mapArea .symbol_4_60.lv_-2{background-image: url(../images/icon/map/stageLv-2.png);}/*  欠測その他 */
div.mapArea .symbol_4_10.lv_-4,div.mapArea .symbol_4_60.lv_-4{background-image: url(../images/icon/map/stageLv-4.png);}/*  閉局・メンテ */
/*ダム*/
div.mapArea .symbol_7{width: 17px;height: 13px;}
div.mapArea .symbol_7.lv_0{background-image: url(../images/icon/map/damLv0.png);}
div.mapArea .symbol_7.lv_1{background-image: url(../images/icon/map/damLv1.png);}
div.mapArea .symbol_7.lv_2{background-image: url(../images/icon/map/damLv2.png);}
div.mapArea .symbol_7.lv_3{background-image: url(../images/icon/map/damLv3.png);}
div.mapArea .symbol_7.lv_6{background-image: url(../images/icon/map/damLv0.png);}  /*  最低水位アンダー(平常) */
div.mapArea .symbol_7.lv_-2{background-image: url(../images/icon/map/damLv-2.png);}/*  欠測その他 */
div.mapArea .symbol_7.lv_-4{background-image: url(../images/icon/map/damLv-4.png);}/*  閉局・メンテ */
/*風向風速*/
div.mapArea .symbol_13{width: 18px;height: 18px;}
div.mapArea .symbol_13.lv_0_0{background-image: url(../images/icon/map/wind16Lv0.png);}/* 方位：0(静穏) */
div.mapArea .symbol_13.lv_0_1{background-image: url(../images/icon/map/wind01Lv0.png);}/* 方位：1 */
div.mapArea .symbol_13.lv_1_1{background-image: url(../images/icon/map/wind01Lv1.png);}
div.mapArea .symbol_13.lv_2_1{background-image: url(../images/icon/map/wind01Lv2.png);}
div.mapArea .symbol_13.lv_3_1{background-image: url(../images/icon/map/wind01Lv3.png);}
div.mapArea .symbol_13.lv_4_1{background-image: url(../images/icon/map/wind01Lv4.png);}
div.mapArea .symbol_13.lv_5_1{background-image: url(../images/icon/map/wind01Lv5.png);}
div.mapArea .symbol_13.lv_0_2{background-image: url(../images/icon/map/wind02Lv0.png);}/* 方位：2 */
div.mapArea .symbol_13.lv_1_2{background-image: url(../images/icon/map/wind02Lv1.png);}
div.mapArea .symbol_13.lv_2_2{background-image: url(../images/icon/map/wind02Lv2.png);}
div.mapArea .symbol_13.lv_3_2{background-image: url(../images/icon/map/wind02Lv3.png);}
div.mapArea .symbol_13.lv_4_2{background-image: url(../images/icon/map/wind02Lv4.png);}
div.mapArea .symbol_13.lv_5_2{background-image: url(../images/icon/map/wind02Lv5.png);}
div.mapArea .symbol_13.lv_0_3{background-image: url(../images/icon/map/wind03Lv0.png);}/* 方位：3 */
div.mapArea .symbol_13.lv_1_3{background-image: url(../images/icon/map/wind03Lv1.png);}
div.mapArea .symbol_13.lv_2_3{background-image: url(../images/icon/map/wind03Lv2.png);}
div.mapArea .symbol_13.lv_3_3{background-image: url(../images/icon/map/wind03Lv3.png);}
div.mapArea .symbol_13.lv_4_3{background-image: url(../images/icon/map/wind03Lv4.png);}
div.mapArea .symbol_13.lv_5_3{background-image: url(../images/icon/map/wind03Lv5.png);}
div.mapArea .symbol_13.lv_0_4{background-image: url(../images/icon/map/wind04Lv0.png);}/* 方位：4 */
div.mapArea .symbol_13.lv_1_4{background-image: url(../images/icon/map/wind04Lv1.png);}
div.mapArea .symbol_13.lv_2_4{background-image: url(../images/icon/map/wind04Lv2.png);}
div.mapArea .symbol_13.lv_3_4{background-image: url(../images/icon/map/wind04Lv3.png);}
div.mapArea .symbol_13.lv_4_4{background-image: url(../images/icon/map/wind04Lv4.png);}
div.mapArea .symbol_13.lv_5_4{background-image: url(../images/icon/map/wind04Lv5.png);}
div.mapArea .symbol_13.lv_0_5{background-image: url(../images/icon/map/wind05Lv0.png);}/* 方位：5 */
div.mapArea .symbol_13.lv_1_5{background-image: url(../images/icon/map/wind05Lv1.png);}
div.mapArea .symbol_13.lv_2_5{background-image: url(../images/icon/map/wind05Lv2.png);}
div.mapArea .symbol_13.lv_3_5{background-image: url(../images/icon/map/wind05Lv3.png);}
div.mapArea .symbol_13.lv_4_5{background-image: url(../images/icon/map/wind05Lv4.png);}
div.mapArea .symbol_13.lv_5_5{background-image: url(../images/icon/map/wind05Lv5.png);}
div.mapArea .symbol_13.lv_0_6{background-image: url(../images/icon/map/wind06Lv0.png);}/* 方位：6 */
div.mapArea .symbol_13.lv_1_6{background-image: url(../images/icon/map/wind06Lv1.png);}
div.mapArea .symbol_13.lv_2_6{background-image: url(../images/icon/map/wind06Lv2.png);}
div.mapArea .symbol_13.lv_3_6{background-image: url(../images/icon/map/wind06Lv3.png);}
div.mapArea .symbol_13.lv_4_6{background-image: url(../images/icon/map/wind06Lv4.png);}
div.mapArea .symbol_13.lv_5_6{background-image: url(../images/icon/map/wind06Lv5.png);}
div.mapArea .symbol_13.lv_0_7{background-image: url(../images/icon/map/wind07Lv0.png);}/* 方位：7 */
div.mapArea .symbol_13.lv_1_7{background-image: url(../images/icon/map/wind07Lv1.png);}
div.mapArea .symbol_13.lv_2_7{background-image: url(../images/icon/map/wind07Lv2.png);}
div.mapArea .symbol_13.lv_3_7{background-image: url(../images/icon/map/wind07Lv3.png);}
div.mapArea .symbol_13.lv_4_7{background-image: url(../images/icon/map/wind07Lv4.png);}
div.mapArea .symbol_13.lv_5_7{background-image: url(../images/icon/map/wind07Lv5.png);}
div.mapArea .symbol_13.lv_0_8{background-image: url(../images/icon/map/wind08Lv0.png);}/* 方位：8 */
div.mapArea .symbol_13.lv_1_8{background-image: url(../images/icon/map/wind08Lv1.png);}
div.mapArea .symbol_13.lv_2_8{background-image: url(../images/icon/map/wind08Lv2.png);}
div.mapArea .symbol_13.lv_3_8{background-image: url(../images/icon/map/wind08Lv3.png);}
div.mapArea .symbol_13.lv_4_8{background-image: url(../images/icon/map/wind08Lv4.png);}
div.mapArea .symbol_13.lv_5_8{background-image: url(../images/icon/map/wind08Lv5.png);}
div.mapArea .symbol_13.lv_0_9{background-image: url(../images/icon/map/wind09Lv0.png);}/* 方位：9 */
div.mapArea .symbol_13.lv_1_9{background-image: url(../images/icon/map/wind09Lv1.png);}
div.mapArea .symbol_13.lv_2_9{background-image: url(../images/icon/map/wind09Lv2.png);}
div.mapArea .symbol_13.lv_3_9{background-image: url(../images/icon/map/wind09Lv3.png);}
div.mapArea .symbol_13.lv_4_9{background-image: url(../images/icon/map/wind09Lv4.png);}
div.mapArea .symbol_13.lv_5_9{background-image: url(../images/icon/map/wind09Lv5.png);}
div.mapArea .symbol_13.lv_0_10{background-image: url(../images/icon/map/wind10Lv0.png);}/* 方位：10 */
div.mapArea .symbol_13.lv_1_10{background-image: url(../images/icon/map/wind10Lv1.png);}
div.mapArea .symbol_13.lv_2_10{background-image: url(../images/icon/map/wind10Lv2.png);}
div.mapArea .symbol_13.lv_3_10{background-image: url(../images/icon/map/wind10Lv3.png);}
div.mapArea .symbol_13.lv_4_10{background-image: url(../images/icon/map/wind10Lv4.png);}
div.mapArea .symbol_13.lv_5_10{background-image: url(../images/icon/map/wind10Lv5.png);}
div.mapArea .symbol_13.lv_0_11{background-image: url(../images/icon/map/wind11Lv0.png);}/* 方位：11 */
div.mapArea .symbol_13.lv_1_11{background-image: url(../images/icon/map/wind11Lv1.png);}
div.mapArea .symbol_13.lv_2_11{background-image: url(../images/icon/map/wind11Lv2.png);}
div.mapArea .symbol_13.lv_3_11{background-image: url(../images/icon/map/wind11Lv3.png);}
div.mapArea .symbol_13.lv_4_11{background-image: url(../images/icon/map/wind11Lv4.png);}
div.mapArea .symbol_13.lv_5_11{background-image: url(../images/icon/map/wind11Lv5.png);}
div.mapArea .symbol_13.lv_0_12{background-image: url(../images/icon/map/wind12Lv0.png);}/* 方位：12 */
div.mapArea .symbol_13.lv_1_12{background-image: url(../images/icon/map/wind12Lv1.png);}
div.mapArea .symbol_13.lv_2_12{background-image: url(../images/icon/map/wind12Lv2.png);}
div.mapArea .symbol_13.lv_3_12{background-image: url(../images/icon/map/wind12Lv3.png);}
div.mapArea .symbol_13.lv_4_12{background-image: url(../images/icon/map/wind12Lv4.png);}
div.mapArea .symbol_13.lv_5_12{background-image: url(../images/icon/map/wind12Lv5.png);}
div.mapArea .symbol_13.lv_0_13{background-image: url(../images/icon/map/wind13Lv0.png);}/* 方位：13 */
div.mapArea .symbol_13.lv_1_13{background-image: url(../images/icon/map/wind13Lv1.png);}
div.mapArea .symbol_13.lv_2_13{background-image: url(../images/icon/map/wind13Lv2.png);}
div.mapArea .symbol_13.lv_3_13{background-image: url(../images/icon/map/wind13Lv3.png);}
div.mapArea .symbol_13.lv_4_13{background-image: url(../images/icon/map/wind13Lv4.png);}
div.mapArea .symbol_13.lv_5_13{background-image: url(../images/icon/map/wind13Lv5.png);}
div.mapArea .symbol_13.lv_0_14{background-image: url(../images/icon/map/wind14Lv0.png);}/* 方位：14 */
div.mapArea .symbol_13.lv_1_14{background-image: url(../images/icon/map/wind14Lv1.png);}
div.mapArea .symbol_13.lv_2_14{background-image: url(../images/icon/map/wind14Lv2.png);}
div.mapArea .symbol_13.lv_3_14{background-image: url(../images/icon/map/wind14Lv3.png);}
div.mapArea .symbol_13.lv_4_14{background-image: url(../images/icon/map/wind14Lv4.png);}
div.mapArea .symbol_13.lv_5_14{background-image: url(../images/icon/map/wind14Lv5.png);}
div.mapArea .symbol_13.lv_0_15{background-image: url(../images/icon/map/wind15Lv0.png);}/* 方位：15 */
div.mapArea .symbol_13.lv_1_15{background-image: url(../images/icon/map/wind15Lv1.png);}
div.mapArea .symbol_13.lv_2_15{background-image: url(../images/icon/map/wind15Lv2.png);}
div.mapArea .symbol_13.lv_3_15{background-image: url(../images/icon/map/wind15Lv3.png);}
div.mapArea .symbol_13.lv_4_15{background-image: url(../images/icon/map/wind15Lv4.png);}
div.mapArea .symbol_13.lv_5_15{background-image: url(../images/icon/map/wind15Lv5.png);}
div.mapArea .symbol_13.lv_0_16{background-image: url(../images/icon/map/wind16Lv0.png);}/* 方位：16 */
div.mapArea .symbol_13.lv_1_16{background-image: url(../images/icon/map/wind16Lv1.png);}
div.mapArea .symbol_13.lv_2_16{background-image: url(../images/icon/map/wind16Lv2.png);}
div.mapArea .symbol_13.lv_3_16{background-image: url(../images/icon/map/wind16Lv3.png);}
div.mapArea .symbol_13.lv_4_16{background-image: url(../images/icon/map/wind16Lv4.png);}
div.mapArea .symbol_13.lv_5_16{background-image: url(../images/icon/map/wind16Lv5.png);}
div.mapArea .symbol_13.lv_-2{background-image: url(../images/icon/map/windLv-2.png);}/*  欠測その他 */
div.mapArea .symbol_13.lv_-4{background-image: url(../images/icon/map/windLv-4.png);}/*  閉局・メンテ */
/*潮位*/
div.mapArea .symbol_12{width: 16px;height: 16px;}
div.mapArea .symbol_12.lv_0_up{background-image: url(../images/icon/map/tideUpLv0.png);}/* 上昇・変化なし */
div.mapArea .symbol_12.lv_1_up{background-image: url(../images/icon/map/tideUpLv1.png);}
div.mapArea .symbol_12.lv_2_up{background-image: url(../images/icon/map/tideUpLv2.png);}
div.mapArea .symbol_12.lv_0_down{background-image: url(../images/icon/map/tideDownLv0.png);}/* 下降 */
div.mapArea .symbol_12.lv_1_down{background-image: url(../images/icon/map/tideDownLv1.png);}
div.mapArea .symbol_12.lv_2_down{background-image: url(../images/icon/map/tideDownLv2.png);}
div.mapArea .symbol_12.lv_-2{background-image: url(../images/icon/map/tideLv-2.png);}/*  欠測その他 */
div.mapArea .symbol_12.lv_-4{background-image: url(../images/icon/map/tideLv-4.png);}/*  閉局・メンテ */

/*カメラ*/
div.mapArea .symbol_90{
	width: 20px;
	height: 17px;
	background-image: url(../images/icon/map/iconMap_camera.png);
}

/* シンボル画像＠選択中---------------------------------------- */
div.mapArea .symbol_1_10.is-selected,
div.mapArea .symbol_1_60.is-selected,
div.mapArea .symbol_4_10.is-selected,
div.mapArea .symbol_4_60.is-selected,
div.mapArea .symbol_7.is-selected,
div.mapArea .symbol_13.is-selected,
div.mapArea .symbol_12.is-selected,
div.mapArea .symbol_90.is-selected{
	position: absolute;
	display: block;
	width: 33px;
	height: 33px;
	z-index: 3;
}

/*雨量*/
div.mapArea .symbol_1_10.is-selected,div.mapArea .symbol_1_60.is-selected{width: 33px;height: 33px;margin-top: -10px;margin-left: -10px;}
div.mapArea .symbol_1_10.lv_0.is-selected,div.mapArea .symbol_1_60.lv_0.is-selected{background-image: url(../images/icon/map/rainfallLv0_on.png);}
div.mapArea .symbol_1_10.lv_1.is-selected,div.mapArea .symbol_1_60.lv_1.is-selected{background-image: url(../images/icon/map/rainfallLv1_on.png);}
div.mapArea .symbol_1_10.lv_2.is-selected,div.mapArea .symbol_1_60.lv_2.is-selected{background-image: url(../images/icon/map/rainfallLv2_on.png);}
div.mapArea .symbol_1_10.lv_3.is-selected,div.mapArea .symbol_1_60.lv_3.is-selected{background-image: url(../images/icon/map/rainfallLv3_on.png);}
div.mapArea .symbol_1_10.lv_4.is-selected,div.mapArea .symbol_1_60.lv_4.is-selected{background-image: url(../images/icon/map/rainfallLv4_on.png);}
div.mapArea .symbol_1_10.lv_5.is-selected,div.mapArea .symbol_1_60.lv_5.is-selected{background-image: url(../images/icon/map/rainfallLv5_on.png);}
div.mapArea .symbol_1_10.lv_-2.is-selected,div.mapArea .symbol_1_60.lv_-2.is-selected{background-image: url(../images/icon/map/rainfallLv-2_on.png);}/* 欠測その他 */
div.mapArea .symbol_1_10.lv_-4.is-selected,div.mapArea .symbol_1_60.lv_-4.is-selected{background-image: url(../images/icon/map/rainfallLv-4_on.png);}/* 閉局・メンテ */
/*水位*/
div.mapArea .symbol_4_10.is-selected,div.mapArea .symbol_4_60.is-selected{width: 39px;height: 29px;margin-top: -11px;margin-left: -8px;}
div.mapArea .symbol_4_10.lv_0_up.is-selected,div.mapArea .symbol_4_60.lv_0_up.is-selected{background-image: url(../images/icon/map/stageUpLv0_on.png);}/* 上昇・変化無し */
div.mapArea .symbol_4_10.lv_1_up.is-selected,div.mapArea .symbol_4_60.lv_1_up.is-selected{background-image: url(../images/icon/map/stageUpLv1_on.png);}
div.mapArea .symbol_4_10.lv_2_up.is-selected,div.mapArea .symbol_4_60.lv_2_up.is-selected{background-image: url(../images/icon/map/stageUpLv2_on.png);}
div.mapArea .symbol_4_10.lv_3_up.is-selected,div.mapArea .symbol_4_60.lv_3_up.is-selected{background-image: url(../images/icon/map/stageUpLv3_on.png);}
div.mapArea .symbol_4_10.lv_4_up.is-selected,div.mapArea .symbol_4_60.lv_4_up.is-selected{background-image: url(../images/icon/map/stageUpLv4_on.png);}
div.mapArea .symbol_4_10.lv_0_down.is-selected,div.mapArea .symbol_4_60.lv_0_down.is-selected{background-image: url(../images/icon/map/stageDownLv0_on.png);}/* 下降 */
div.mapArea .symbol_4_10.lv_1_down.is-selected,div.mapArea .symbol_4_60.lv_1_down.is-selected{background-image: url(../images/icon/map/stageDownLv1_on.png);}
div.mapArea .symbol_4_10.lv_2_down.is-selected,div.mapArea .symbol_4_60.lv_2_down.is-selected{background-image: url(../images/icon/map/stageDownLv2_on.png);}
div.mapArea .symbol_4_10.lv_3_down.is-selected,div.mapArea .symbol_4_60.lv_3_down.is-selected{background-image: url(../images/icon/map/stageDownLv3_on.png);}
div.mapArea .symbol_4_10.lv_4_down.is-selected,div.mapArea .symbol_4_60.lv_4_down.is-selected{background-image: url(../images/icon/map/stageDownLv4_on.png);}
div.mapArea .symbol_4_10.lv_-2.is-selected,div.mapArea .symbol_4_60.lv_-2.is-selected{background-image: url(../images/icon/map/stageLv-2_on.png);}/*  欠測その他 */
div.mapArea .symbol_4_10.lv_-4.is-selected,div.mapArea .symbol_4_60.lv_-4.is-selected{background-image: url(../images/icon/map/stageLv-4_on.png);}/*  閉局・メンテ */
/*ダム*/
div.mapArea .symbol_7.is-selected{width: 35px;height: 25px;margin-top: -9px;margin-left: -6px;}
div.mapArea .symbol_7.lv_0.is-selected{background-image: url(../images/icon/map/damLv0_on.png);}
div.mapArea .symbol_7.lv_1.is-selected{background-image: url(../images/icon/map/damLv1_on.png);}
div.mapArea .symbol_7.lv_2.is-selected{background-image: url(../images/icon/map/damLv2_on.png);}
div.mapArea .symbol_7.lv_3.is-selected{background-image: url(../images/icon/map/damLv3_on.png);}
div.mapArea .symbol_7.lv_6.is-selected{background-image: url(../images/icon/map/damLv0_on.png);}  /*  最低水位アンダー(平常) */
div.mapArea .symbol_7.lv_-2.is-selected{background-image: url(../images/icon/map/damLv-2_on.png);}/*  欠測その他 */
div.mapArea .symbol_7.lv_-4.is-selected{background-image: url(../images/icon/map/damLv-4_on.png);}/*  閉局・メンテ */
/*風向風速*/
div.mapArea .symbol_13.is-selected{width: 35px;height: 35px;margin-top: -8px;margin-left: -8px;}
div.mapArea .symbol_13.lv_0_0.is-selected{background-image: url(../images/icon/map/wind16Lv0_on.png);}/* 方位：0（静穏） */
div.mapArea .symbol_13.lv_0_1.is-selected{background-image: url(../images/icon/map/wind01Lv0_on.png);}/* 方位：1 */
div.mapArea .symbol_13.lv_1_1.is-selected{background-image: url(../images/icon/map/wind01Lv1_on.png);}
div.mapArea .symbol_13.lv_2_1.is-selected{background-image: url(../images/icon/map/wind01Lv2_on.png);}
div.mapArea .symbol_13.lv_3_1.is-selected{background-image: url(../images/icon/map/wind01Lv3_on.png);}
div.mapArea .symbol_13.lv_4_1.is-selected{background-image: url(../images/icon/map/wind01Lv4_on.png);}
div.mapArea .symbol_13.lv_5_1.is-selected{background-image: url(../images/icon/map/wind01Lv5_on.png);}
div.mapArea .symbol_13.lv_0_2.is-selected{background-image: url(../images/icon/map/wind02Lv0_on.png);}/* 方位：2 */
div.mapArea .symbol_13.lv_1_2.is-selected{background-image: url(../images/icon/map/wind02Lv1_on.png);}
div.mapArea .symbol_13.lv_2_2.is-selected{background-image: url(../images/icon/map/wind02Lv2_on.png);}
div.mapArea .symbol_13.lv_3_2.is-selected{background-image: url(../images/icon/map/wind02Lv3_on.png);}
div.mapArea .symbol_13.lv_4_2.is-selected{background-image: url(../images/icon/map/wind02Lv4_on.png);}
div.mapArea .symbol_13.lv_5_2.is-selected{background-image: url(../images/icon/map/wind02Lv5_on.png);}
div.mapArea .symbol_13.lv_0_3.is-selected{background-image: url(../images/icon/map/wind03Lv0_on.png);}/* 方位：3 */
div.mapArea .symbol_13.lv_1_3.is-selected{background-image: url(../images/icon/map/wind03Lv1_on.png);}
div.mapArea .symbol_13.lv_2_3.is-selected{background-image: url(../images/icon/map/wind03Lv2_on.png);}
div.mapArea .symbol_13.lv_3_3.is-selected{background-image: url(../images/icon/map/wind03Lv3_on.png);}
div.mapArea .symbol_13.lv_4_3.is-selected{background-image: url(../images/icon/map/wind03Lv4_on.png);}
div.mapArea .symbol_13.lv_5_3.is-selected{background-image: url(../images/icon/map/wind03Lv5_on.png);}
div.mapArea .symbol_13.lv_0_4.is-selected{background-image: url(../images/icon/map/wind04Lv0_on.png);}/* 方位：4 */
div.mapArea .symbol_13.lv_1_4.is-selected{background-image: url(../images/icon/map/wind04Lv1_on.png);}
div.mapArea .symbol_13.lv_2_4.is-selected{background-image: url(../images/icon/map/wind04Lv2_on.png);}
div.mapArea .symbol_13.lv_3_4.is-selected{background-image: url(../images/icon/map/wind04Lv3_on.png);}
div.mapArea .symbol_13.lv_4_4.is-selected{background-image: url(../images/icon/map/wind04Lv4_on.png);}
div.mapArea .symbol_13.lv_5_4.is-selected{background-image: url(../images/icon/map/wind04Lv5_on.png);}
div.mapArea .symbol_13.lv_0_5.is-selected{background-image: url(../images/icon/map/wind05Lv0_on.png);}/* 方位：5 */
div.mapArea .symbol_13.lv_1_5.is-selected{background-image: url(../images/icon/map/wind05Lv1_on.png);}
div.mapArea .symbol_13.lv_2_5.is-selected{background-image: url(../images/icon/map/wind05Lv2_on.png);}
div.mapArea .symbol_13.lv_3_5.is-selected{background-image: url(../images/icon/map/wind05Lv3_on.png);}
div.mapArea .symbol_13.lv_4_5.is-selected{background-image: url(../images/icon/map/wind05Lv4_on.png);}
div.mapArea .symbol_13.lv_5_5.is-selected{background-image: url(../images/icon/map/wind05Lv5_on.png);}
div.mapArea .symbol_13.lv_0_6.is-selected{background-image: url(../images/icon/map/wind06Lv0_on.png);}/* 方位：6 */
div.mapArea .symbol_13.lv_1_6.is-selected{background-image: url(../images/icon/map/wind06Lv1_on.png);}
div.mapArea .symbol_13.lv_2_6.is-selected{background-image: url(../images/icon/map/wind06Lv2_on.png);}
div.mapArea .symbol_13.lv_3_6.is-selected{background-image: url(../images/icon/map/wind06Lv3_on.png);}
div.mapArea .symbol_13.lv_4_6.is-selected{background-image: url(../images/icon/map/wind06Lv4_on.png);}
div.mapArea .symbol_13.lv_5_6.is-selected{background-image: url(../images/icon/map/wind06Lv5_on.png);}
div.mapArea .symbol_13.lv_0_7.is-selected{background-image: url(../images/icon/map/wind07Lv0_on.png);}/* 方位：7 */
div.mapArea .symbol_13.lv_1_7.is-selected{background-image: url(../images/icon/map/wind07Lv1_on.png);}
div.mapArea .symbol_13.lv_2_7.is-selected{background-image: url(../images/icon/map/wind07Lv2_on.png);}
div.mapArea .symbol_13.lv_3_7.is-selected{background-image: url(../images/icon/map/wind07Lv3_on.png);}
div.mapArea .symbol_13.lv_4_7.is-selected{background-image: url(../images/icon/map/wind07Lv4_on.png);}
div.mapArea .symbol_13.lv_5_7.is-selected{background-image: url(../images/icon/map/wind07Lv5_on.png);}
div.mapArea .symbol_13.lv_0_8.is-selected{background-image: url(../images/icon/map/wind08Lv0_on.png);}/* 方位：8 */
div.mapArea .symbol_13.lv_1_8.is-selected{background-image: url(../images/icon/map/wind08Lv1_on.png);}
div.mapArea .symbol_13.lv_2_8.is-selected{background-image: url(../images/icon/map/wind08Lv2_on.png);}
div.mapArea .symbol_13.lv_3_8.is-selected{background-image: url(../images/icon/map/wind08Lv3_on.png);}
div.mapArea .symbol_13.lv_4_8.is-selected{background-image: url(../images/icon/map/wind08Lv4_on.png);}
div.mapArea .symbol_13.lv_5_8.is-selected{background-image: url(../images/icon/map/wind08Lv5_on.png);}
div.mapArea .symbol_13.lv_0_9.is-selected{background-image: url(../images/icon/map/wind09Lv0_on.png);}/* 方位：9 */
div.mapArea .symbol_13.lv_1_9.is-selected{background-image: url(../images/icon/map/wind09Lv1_on.png);}
div.mapArea .symbol_13.lv_2_9.is-selected{background-image: url(../images/icon/map/wind09Lv2_on.png);}
div.mapArea .symbol_13.lv_3_9.is-selected{background-image: url(../images/icon/map/wind09Lv3_on.png);}
div.mapArea .symbol_13.lv_4_9.is-selected{background-image: url(../images/icon/map/wind09Lv4_on.png);}
div.mapArea .symbol_13.lv_5_9.is-selected{background-image: url(../images/icon/map/wind09Lv5_on.png);}
div.mapArea .symbol_13.lv_0_10.is-selected{background-image: url(../images/icon/map/wind10Lv0_on.png);}/* 方位：10 */
div.mapArea .symbol_13.lv_1_10.is-selected{background-image: url(../images/icon/map/wind10Lv1_on.png);}
div.mapArea .symbol_13.lv_2_10.is-selected{background-image: url(../images/icon/map/wind10Lv2_on.png);}
div.mapArea .symbol_13.lv_3_10.is-selected{background-image: url(../images/icon/map/wind10Lv3_on.png);}
div.mapArea .symbol_13.lv_4_10.is-selected{background-image: url(../images/icon/map/wind10Lv4_on.png);}
div.mapArea .symbol_13.lv_5_10.is-selected{background-image: url(../images/icon/map/wind10Lv5_on.png);}
div.mapArea .symbol_13.lv_0_11.is-selected{background-image: url(../images/icon/map/wind11Lv0_on.png);}/* 方位：11 */
div.mapArea .symbol_13.lv_1_11.is-selected{background-image: url(../images/icon/map/wind11Lv1_on.png);}
div.mapArea .symbol_13.lv_2_11.is-selected{background-image: url(../images/icon/map/wind11Lv2_on.png);}
div.mapArea .symbol_13.lv_3_11.is-selected{background-image: url(../images/icon/map/wind11Lv3_on.png);}
div.mapArea .symbol_13.lv_4_11.is-selected{background-image: url(../images/icon/map/wind11Lv4_on.png);}
div.mapArea .symbol_13.lv_5_11.is-selected{background-image: url(../images/icon/map/wind11Lv5_on.png);}
div.mapArea .symbol_13.lv_0_12.is-selected{background-image: url(../images/icon/map/wind12Lv0_on.png);}/* 方位：12 */
div.mapArea .symbol_13.lv_1_12.is-selected{background-image: url(../images/icon/map/wind12Lv1_on.png);}
div.mapArea .symbol_13.lv_2_12.is-selected{background-image: url(../images/icon/map/wind12Lv2_on.png);}
div.mapArea .symbol_13.lv_3_12.is-selected{background-image: url(../images/icon/map/wind12Lv3_on.png);}
div.mapArea .symbol_13.lv_4_12.is-selected{background-image: url(../images/icon/map/wind12Lv4_on.png);}
div.mapArea .symbol_13.lv_5_12.is-selected{background-image: url(../images/icon/map/wind12Lv5_on.png);}
div.mapArea .symbol_13.lv_0_13.is-selected{background-image: url(../images/icon/map/wind13Lv0_on.png);}/* 方位：13 */
div.mapArea .symbol_13.lv_1_13.is-selected{background-image: url(../images/icon/map/wind13Lv1_on.png);}
div.mapArea .symbol_13.lv_2_13.is-selected{background-image: url(../images/icon/map/wind13Lv2_on.png);}
div.mapArea .symbol_13.lv_3_13.is-selected{background-image: url(../images/icon/map/wind13Lv3_on.png);}
div.mapArea .symbol_13.lv_4_13.is-selected{background-image: url(../images/icon/map/wind13Lv4_on.png);}
div.mapArea .symbol_13.lv_5_13.is-selected{background-image: url(../images/icon/map/wind13Lv5_on.png);}
div.mapArea .symbol_13.lv_0_14.is-selected{background-image: url(../images/icon/map/wind14Lv0_on.png);}/* 方位：14 */
div.mapArea .symbol_13.lv_1_14.is-selected{background-image: url(../images/icon/map/wind14Lv1_on.png);}
div.mapArea .symbol_13.lv_2_14.is-selected{background-image: url(../images/icon/map/wind14Lv2_on.png);}
div.mapArea .symbol_13.lv_3_14.is-selected{background-image: url(../images/icon/map/wind14Lv3_on.png);}
div.mapArea .symbol_13.lv_4_14.is-selected{background-image: url(../images/icon/map/wind14Lv4_on.png);}
div.mapArea .symbol_13.lv_5_14.is-selected{background-image: url(../images/icon/map/wind14Lv5_on.png);}
div.mapArea .symbol_13.lv_0_15.is-selected{background-image: url(../images/icon/map/wind15Lv0_on.png);}/* 方位：15 */
div.mapArea .symbol_13.lv_1_15.is-selected{background-image: url(../images/icon/map/wind15Lv1_on.png);}
div.mapArea .symbol_13.lv_2_15.is-selected{background-image: url(../images/icon/map/wind15Lv2_on.png);}
div.mapArea .symbol_13.lv_3_15.is-selected{background-image: url(../images/icon/map/wind15Lv3_on.png);}
div.mapArea .symbol_13.lv_4_15.is-selected{background-image: url(../images/icon/map/wind15Lv4_on.png);}
div.mapArea .symbol_13.lv_5_15.is-selected{background-image: url(../images/icon/map/wind15Lv5_on.png);}
div.mapArea .symbol_13.lv_0_16.is-selected{background-image: url(../images/icon/map/wind16Lv0_on.png);}/* 方位：16 */
div.mapArea .symbol_13.lv_1_16.is-selected{background-image: url(../images/icon/map/wind16Lv1_on.png);}
div.mapArea .symbol_13.lv_2_16.is-selected{background-image: url(../images/icon/map/wind16Lv2_on.png);}
div.mapArea .symbol_13.lv_3_16.is-selected{background-image: url(../images/icon/map/wind16Lv3_on.png);}
div.mapArea .symbol_13.lv_4_16.is-selected{background-image: url(../images/icon/map/wind16Lv4_on.png);}
div.mapArea .symbol_13.lv_5_16.is-selected{background-image: url(../images/icon/map/wind16Lv5_on.png);}
div.mapArea .symbol_13.lv_-2.is-selected{background-image: url(../images/icon/map/windLv-2_on.png);}/*  欠測その他 */
div.mapArea .symbol_13.lv_-4.is-selected{background-image: url(../images/icon/map/windLv-4_on.png);}/*  閉局・メンテ */
/*潮位*/
div.mapArea .symbol_12.is-selected{width: 33px;height: 33px;margin-top: -7px;margin-left: -7px;}
div.mapArea .symbol_12.lv_0_up.is-selected{background-image: url(../images/icon/map/tideUpLv0_on.png);}/* 上昇・変化なし */
div.mapArea .symbol_12.lv_1_up.is-selected{background-image: url(../images/icon/map/tideUpLv1_on.png);}
div.mapArea .symbol_12.lv_2_up.is-selected{background-image: url(../images/icon/map/tideUpLv2_on.png);}
div.mapArea .symbol_12.lv_0_down.is-selected{background-image: url(../images/icon/map/tideDownLv0_on.png);}/* 下降 */
div.mapArea .symbol_12.lv_1_down.is-selected{background-image: url(../images/icon/map/tideDownLv1_on.png);}
div.mapArea .symbol_12.lv_2_down.is-selected{background-image: url(../images/icon/map/tideDownLv2_on.png);}
div.mapArea .symbol_12.lv_-2.is-selected{background-image: url(../images/icon/map/tideLv-2_on.png);}/*  欠測その他 */
div.mapArea .symbol_12.lv_-4.is-selected{background-image: url(../images/icon/map/tideLv-4_on.png);}/*  閉局・メンテ */

/*カメラ*/
div.mapArea .symbol_90.is-selected{
	width: 33px;
	height: 33px;
	margin-top: -7px;
	margin-left: -7px;
	background-image: url(../images/icon/map/iconMap_camera_on.png);
	background-size: auto auto;
}


/* シンボル表示選択 */
.mapArea ul.symbolSelect{
	position:absolute;
	top: 5px;
	left: 125px;
	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: 12px;
	left: 10px;
	z-index:3;
}
.mapArea ul li{
	float: left;
}

/*=======================
	Left Side Contents
	+ 凡例  +
  =======================*/
/* base */
.mapExample{
	position: relative;
	top:5px;
	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;
}
/* 色凡例 */
.legendBox{
	height:178px;
	min-width:103px;
	float: left;
	border-left: 1px solid #a4b9cb;
	box-sizing: border-box;
}
.legendBox.rainfall{
	border-left-width:0;
}

/* 20180110:カメラ用凡例スタイル */
.legendBox.camera{
	width: 50%;
	height: auto;
}
.legendBox.camera.R{
	border-left-width:0;
}

/* データ種title */
.legendBox p{
	text-align: center;
	background: #e5eaee;
	margin:0 0 5px 0;
	line-height:16px;
}
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;
	width: 139px;
}

/* 20180110:カメラ用凡例スタイル */
dl.mapLegend.camera{
	width: 100%;
}
dl.mapLegend.camera dt,
dl.mapLegend.camera dd{
	height: 23px;	/*!!*/
}
dl.mapLegend.camera dt{
	float: left;
	width: 30px;
	margin-left:10px;
}
dl.mapLegend.camera dd{
	width: 100%;
}
dl.mapLegend.cameraStage{
	width: 50%;
	float: left;
}
dl.mapLegend.cameraStageU{
	width: 100%;
	float: left;
}


/*凡例4分割版、区切り線（下）*/
dl.mapLegend dd.borderB{
	padding-right:0;
	text-indent:3px;
	line-height:17px;
	width: 173px;
	border-bottom: 1px dashed #a4b9cb;
}

/* 区切り点線 */
.legendBox .borderT{
	padding:3px 0 0 0;
	border-top: 1px dashed #a4b9cb;
}

/*=======================
	Right Side Contents
	+ 共通部品 +
  =======================*/
.infoBox{
	position: absolute;
	top:0;
	right:0;
	width: 445px;
	height:auto;
	margin-top: 5px;
}

/* 超過一覧／地点詳細 表示デフォルト設定 */
.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;
}
.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;
}
/* 観測所名 */
.pointHeader h4{
	font-size: 15px;
	letter-spacing: 1px;
	line-height:35px;
	width: 235px;
	height: 35px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-image: none;
}
.pointHeader h4.rainfall{
	text-indent: 45px;
	width: 188px;
	background-image: url(../images/common/pointH4_rainfall.png);
}
.pointHeader h4.stage{
	text-indent: 45px;
	width: 188px;
	background-image: url(../images/common/pointH4_stage.png);
}
.pointHeader h4.warning{
	text-indent: 45px;
	width: 188px;
	background-image: url(../images/common/pointH4_warning.png);
}
/* 単位 */
.pointHeader span.unit{
	float:right;
	font-size:11px;
	margin-top:15px;
}

/* =============================
	Right Side Contents
  	 + 超過一覧 +
   ============================= */
/*全て表示リンク*/
.overBox .allView{
	width: 100%;
	margin:-5px 0px 10px 0px;
	text-align: right;
}
.overBox .allView span{
	cursor: pointer;
	text-decoration: underline;
	color: #005c82;
}
.overBox .allView .off{
	display: none;
}
/* 超過なしコメント */
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;
	margin-left: -35px;
}
p.lbl.stageLv7{		/* 堤防高 */
	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: #fff;
}
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: left;
	border: 1px solid #a4b9cb;
	padding-left: 5px;
}
/*多い分は初期表示OFF*/
.pointTbl tr.overflow td{
	display: none;
}
/* ------------------- 雨量超過アイコン */
.pointTbl.rainOver td{
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left:19px;
	height: 24px;
}
.pointTbl.rainOver td.notOver{
	text-align: center;
	padding-left: 0px;
	width: 217px;
}
/*超過アイコン*/
.pointTbl.rainOver td.overLv1{
	background-image: url(../images/common/tblH_rainLv1.png);
}
/*超過アイコン*/
.pointTbl.rainOver td.overLv2{
	background-image: url(../images/common/tblH_rainLv2.png);
}
/*超過アイコン*/
.pointTbl.rainOver td.overLv3{
	background-image: url(../images/common/tblH_rainLv3.png);
}
/* 右寄せ */
.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;
}

/* グラフ */
.pointGraphBox{
	min-width: 260px;
	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: 8px;
	margin-right: 3px;
	padding-left:14px;
	background: url(../images/icon/ex_gline_blk.png) no-repeat;
}
.pointGraphBox div.graphUnit span.ex-stage{/* 水位 */
	display:inline-block;
	height: 8px;
	margin-right: 3px;
	padding-left:14px;
	background: url(../images/icon/ex_gline_sbl.png) no-repeat;
}
.pointGraphBox div.graphUnit span.ex-tide{/* 潮位 */
	display:inline-block;
	height: 8px;
	margin-right: 3px;
	padding-left:14px;
	background: url(../images/icon/ex_gline_nbl.png) no-repeat;
}
.pointGraphBox img{
	/*リアルグラフ投入後、調節して*/
	margin:0 0 10px 0;
}
/* [A-01]地点詳細グラフ用のスピナー */
.pointGraphBox div{
	position: relative;
}
.pointGraphBox .graph_spinner img{
	position: relative;
	top:50%;
	left:50%;
	margin: -16px 0 0 -16px;
}

/* --------------------水位:地点詳細 */
/* 雨量グラフ ２局選択 */
.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:auto;
	height:55px;
	margin: 0 0 15px 0;
	display: block;
}
.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;
}
/* 水防FAXボタン */
.detailBox .suibouBtnArea{
	position:absolute;
	top:5px;
	right:60px;
	display:inline-block;
}
.detailBox .suibouBtnArea .funcBtn{
	padding: 0;
	min-width: 68px;
	padding: 0 3px;
}
/*-------------------関連画面へのリンクボタン */
.linkBox{
	position:absolute;
	top:437px;
	left:0;
	width:100%;
	height: 34px;
	border-top: 2px solid #0086bd;
	border-bottom: 2px solid #0086bd;
	padding-right: 0px;
}
.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;
}