/**
 * 石川県河川情報
 * 事務所・地域選択CSS
 */
/* Base of the Left side Menu  */
.asideMenu{
	width: 203px;/*  Change by KienNT37 12月12日 p-riverMap-1 */
	min-height: 820px;
	height: 100%;
	background: #dedfe0;
	position: absolute;
	top:0;
	left:0;
	border-right: 1px solid #bdbebf;
	box-shadow: 1px 0px rgba(0,0,0,0.15);
}
/*=======================
	クリッカブルマップ
  =======================*/
.officeSelect-map,
.citySelect-map{
	position: relative;
	width: 204px;/*  Change by KienNT37 12月12日 p-riverMap-1 */
	height: 198px;/*  Add by KienNT37 12月21日 p-riverMap-1 */
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: 1px solid #cecfd0;
	border-right: 1px solid #bdbebf;
	padding-top: 10px;
	padding-left: 5px;
	background: url(../images/menuMap/office/base_1.png) no-repeat 5px 10px;
}
.citySelect-map{
	background: url(../images/menuMap/city/base_1.png) no-repeat 5px 10px;
}
/*  Change by KienNT37 12月12日 p-riverMap-1 */
.officeSelect-map img,
.citySelect-map img{
	width: 203px;
	height: 188px;
	/*  Change by KienNT37 12月12日 p-riverMap-1 end*/
}
/* 選択不可地域 */
.officeSelect-map img.dsbl_area,
.citySelect-map img.dsbl_area{
	position: absolute;
	top: 10px;
	left: 5px;
}
/* 選択可能地域＠hoverで色替え */
.officeSelect-map div#sprite,
.citySelect-map div#sprite{
	position: absolute;
	top: 10px;
	left: 5px;
	width: 203px;/* add by KienNT37 12月21日 i-riverMap-1 */
	height: 188px;/* add by KienNT37 12月21日 i-riverMap-1 */
	background: url(../images/menuMap/office/sprite.png) no-repeat left bottom;
}
.citySelect-map div#sprite{
	background: url(../images/menuMap/city/sprite.png) no-repeat left bottom;
}
/* クリッカブルマップ範囲 */
.officeSelect-map div.clickabl_area,
.citySelect-map div.clickabl_area{
	position: absolute;
	top: 10px;
	left: 5px;
	width: 203px; /* Change by KienNT37 12月22日 p-riverMap-1 */
	height: 188px; /* Change by KienNT37 12月22日 p-riverMap-1 */
	overflow: hidden;
}
/* 全県選択用 */
.allArea-link{
	position: absolute;
	top: 10px;
	left: 7px;
	width: 26px;
	height: 26px;
	z-index: 101;
	display: block;
	padding: 5px 1px 0 4px;
	font-size: 10px;
	line-height:20px;
	color: #000;
	background: url(../images/menu/asideText.png) no-repeat;
}
a.allArea-link:hover{
	background: url(../images/menu/asideText_hover.png) no-repeat;
}
span.allArea-link{
	cursor:default;
	background: url(../images/menu/asideText_on.png) no-repeat;
}
/* Added by DuyenHT1 20170222 start */
.allArea-link_normal{
	text-decoration: none;
}
/* Added by DuyenHT1 20170222 start */

/*=======================
	事務所・地域選択ボタン共通
  =======================*/
.areaSelect-btn{
	border-bottom: 1px solid #f5f6f7;
}
.areaSelect-btn li{
	border-bottom: 1px solid #cecfd0;
	border-top: 1px solid #f5f6f7;
}

.areaSelect-btn li a,
.areaSelect-btn lihasChild a,
.areaSelect-btn li span{
	display: block;
	width: auto;/* Change by KienNT37 12月12日 p-riverMap-1 */
	height: 23px;
	z-index: 10;
	padding: 0 0 0 10px;
	line-height:24px;
	color: #191919;/* Change by KienNT37 12月12日 p-riverMap-1 */
	background-color: #dedfe0;/* Add by KienNT37 12月12日 p-riverMap-1 */
	border-top:#f5f6f7;/* Add by KienNT37 12月12日 p-riverMap-1 */
	border-bottom:#cecfd0;/* Add by KienNT37 12月12日 p-riverMap-1 */
	border-right:#bdbebf;/* Add by KienNT37 12月12日 p-riverMap-1 */
	/*background: url(../images/menu/asideArrow.png) no-repeat 190px center;/* Change by KienNT37 12月12日 p-riverMap-1 */
	text-decoration: none;
}
.areaSelect-btn li.is-selected-parent a.hasChild.disableParent.parentArea{
	background: url(../images/menu/asideOpenArrow_on.png) no-repeat 190px center !important;
}
.hasChild{
	background: url(../images/menu/asideArrow.png) no-repeat 190px center;
}

/* hover */
.areaSelect-btn lihasChild a:hover{
	background: #cbcbcb; /* url(../images/menu/asideArrow.png) no-repeat 190px center;*//* Change by KienNT37 12月12日 p-riverMap-1 */
}

.areaSelect-btn li a:hover{
	background: #cbcbcb; /* url(../images/menu/asideArrow.png) no-repeat 190px center;*//* Change by KienNT37 12月12日 p-riverMap-1 */
}
/* selected */
.areaSelect-btn li.is-selected{
	/* border-top: 1px solid #2e9fd1;  DEL by KienNT37 12月22日 p-riverMap-1 */
	border-bottom: 1px solid #f5f6f7;
	background: #f8cd50;/*  Change by KienNT37 12月12日 p-riverMap-1 */
	width: 203px;
}
/*Add by KienNT37 12月13日 p-riverMap-1*/
.areaSelect-btn li.is-selected a{
	background: #f8cd50;/* Change by KienNT37 12月12日 p-riverMap-1 */
	color: #191919;
	border-bottom:1px solid #f8da8a;
	border-right:1px solid #f8cd50;
}

.areaSelect-btn li.is-selected-parent{
	border-top: 1px solid #f5bc33;
	border-bottom: 1px solid #f5f6f7;
	background: #fbe1a3;
	width: 203px;
}
.areaSelect-btn li.is-selected-parent a{
	/*Add by KienNT37 12月13日 p-riverMap-1 end */
	color: #191919;
	border-bottom:1px solid #f8da8a;/*Add by KienNT37 12月13日 p-riverMap-1*/
	border-right:1px solid #f8cd50;/*Add by KienNT37 12月13日 p-riverMap-1*/
}
/* disabled */
/*Change by KienNT37 12月13日 p-riverMap-1 start */
/* 2017.03 disable色変更 */
.areaSelect-btn li.is-disabled span{
	background: #dedfe0;
	color: #b8bdc2;
	cursor: default;
}/*Change by KienNT37 12月13日 p-riverMap-1 end* /
/* 総合管轄内事務所 */
.areaSelect-btn li .sub{
	text-indent:10px;
}
/*=======================
	事務所・地域選択ボタンの開閉子要素
  =======================*/
.areaSelect-btn li a.parentArea+ul{
	background: #8d8d8d;/*  Change by KienNT37 12月13日 p-riverMap-1 */
	border-right: #898484;/*  Change by KienNT37 12月13日 p-riverMap-1  */
	display: none;
}
.areaSelect-btn li.is-selected a.parentArea+ul{
/*Add by KienNT37 12月13日 p-riverMap-1*/
	display: block;
}
.areaSelect-btn li.is-selected-parent a.parentArea+ul{
/*Add by KienNT37 12月13日 p-riverMap-1 end */
	display: block;
}
.areaSelect-btn a.parentArea+ul li{
	border:none;
}
.areaSelect-btn a.parentArea+ul li a{
	background:none;
	height: 20px;
	line-height: 21px;
	color: #ffffff;
	text-decoration: none;
	text-indent: 10px;
	border-right: 1px solid #898484;
	border-left: 1px solid #898484;
	border-bottom: 1px solid #9e9fa0;
}
/* hover */
.areaSelect-btn li:HOVER > a.parentArea{
	background: #cbcbcb url(../images/menu/asideOpenArrow.png) no-repeat 186px center; /* Change by KienNT37 12月12日 p-riverMap-1  */
	border-right: #bdbebf;/* Add by KienNT37 12月13日 p-riverMap-1  */
	border-top: #cbcbcb;/* Add by KienNT37 12月13日 p-riverMap-1  */
	border-bottom:1px solid #f5f6f7;/* Add by KienNT37 12月13日 p-riverMap-1  */
	/* text-decoration: underline; *//* Remove by KienNT37 12月12日 p-riverMap-1  */
}
.areaSelect-btn li:HOVER a.parentArea+ul{
	display: block;
}
.areaSelect-btn li:HOVER a.parentArea+ul li a:HOVER{
	background: #606060;
	border-right:  #656565;/* Add by KienNT37 12月13日 p-riverMap-1  */
	border-bottom: 1px solid #f5f6f7;	/* 2017.04 */
}
/* selected */
/* Add by KienNT37 12月12日 p-riverMap-1 */
.areaSelect-btn li.is-selected a.parentArea+ul li a{
	background: #fef7dd;
	border-right: 1px solid #f5d48f;
	border-left: 1px solid #f8cd50;
	color:#191919;
	width: 192px;/* //Add by KienNT37 12月13日 p-riverMap-1 */
	text-decoration: none;
	border-right: 1px solid #f5d48f;
	border-left: 1px solid #f5d48f;
	border-bottom: 1px solid #f5d48f;
}
.areaSelect-btn li.is-selected-parent a.parentArea+ul li a{
	background: #fef7dd;
	border-right: 1px solid #f5d48f;
	color:#191919;
	width: 192px;
	text-decoration: none;
	border-right: 1px solid #f5d48f;
	border-left: 1px solid #f5d48f;
	border-bottom: 1px solid #f5d48f;
}

.areaSelect-btn li.is-selected-parent ul li.is-selected a{
	background: #f8cd50 !important;
}

.areaSelect-btn li.is-selected:HOVER a.parentArea+ul li a:HOVER{
	background: #f8cd50;/* Change by KienNT37 12月12日 p-riverMap-1 */
	border-right: 1px solid #f5d48f;
	color:#191919;
	text-decoration: none;
}
.areaSelect-btn li.is-selected-parent:HOVER a.parentArea+ul li a:HOVER{
/* //Add by KienNT37 12月12日 p-riverMap-1 end*/
	background: #f8cd50;/* Change by KienNT37 12月12日 p-riverMap-1 */
	border-right: 1px solid #f5d48f;/* Change by KienNT37 12月12日 p-riverMap-1 */
	color:#191919;/* Add by KienNT37 12月12日 p-riverMap-1 */
	text-decoration: none;
}
.areaSelect-btn li.is-selected > a.parentArea,
.areaSelect-btn li.is-selected:HOVER > a.parentArea{
	background: url(../images/menu/asideOpenArrow_on.png) no-repeat 186px center;/*  Change by KienNT37 12月12日 p-riverMap-1 */
	color: #191919;/*  Change by KienNT37 12月12日 p-riverMap-1 */
	border-top:#f8da8a;/*  Add by KienNT37 12月12日 p-riverMap-1 */
	border-right: #f8cd50;/*  Add by KienNT37 12月12日 p-riverMap-1 */
	text-decoration: none;
}
/* //Add by KienNT37 12月12日 p-riverMap-1 */
.areaSelect-btn li.is-selected-parent:HOVER > a.parentArea{
	background: url(../images/menu/asideOpenArrow_on.png) no-repeat 186px center;/*  Change by KienNT37 12月12日 p-riverMap-1 */
	color: #191919;/*  Change by KienNT37 12月12日 p-riverMap-1 */
	border-top:#f8da8a;/*  Add by KienNT37 12月12日 p-riverMap-1 */
	border-right: #f8cd50;/*  Add by KienNT37 12月12日 p-riverMap-1 */
	text-decoration: none;
}
/* //Add by KienNT37 12月12日 p-riverMap-1 end*/
/* 1：全県 */
.officeSelect-map.grp_1{
	background-image: url(../images/menuMap/office/base_1.png);
}
/* 11：奥能登土木 */
.officeSelect-map.grp_11{
	background-image: url(../images/menuMap/office/base_11.png);
}
/* 12：珠洲土木 */
.officeSelect-map.grp_12{
	background-image: url(../images/menuMap/office/base_12.png);
}
/* 13：中能登土木 */
.officeSelect-map.grp_13{
	background-image: url(../images/menuMap/office/base_13.png);
}
/* 14：羽咋土木 */
.officeSelect-map.grp_14{
	background-image: url(../images/menuMap/office/base_14.png);
}
/* 15：県央土木 */
.officeSelect-map.grp_15{
	background-image: url(../images/menuMap/office/base_15.png);
}
/* 16：津幡土木 */
.officeSelect-map.grp_16{
	background-image: url(../images/menuMap/office/base_16.png);
}
/* 17：石川土木 */
.officeSelect-map.grp_17{
	background-image: url(../images/menuMap/office/base_17.png);
}
/* 18：南加賀土木 */
.officeSelect-map.grp_18{
	background-image: url(../images/menuMap/office/base_18.png);
}
/* 19：大聖寺土木 */
.officeSelect-map.grp_19{
	background-image: url(../images/menuMap/office/base_19.png);
}
/* 21：奥能登全域 */
.officeSelect-map.grp_21{
	background-image: url(../images/menuMap/office/base_21.png);
}
/*Add by NghiaNV1 2017.01.01 i-riverMap-1 -start*/
/*2中部県民局エリア*/
.officeSelect-map.grp_22{
	background-image: url(../images/menuMap/office/base_22.png);
}
.officeSelect-map.grp_23{
	background-image: url(../images/menuMap/office/base_23.png);
}
.officeSelect-map.grp_24{
	background-image: url(../images/menuMap/office/base_24.png);
}
/*3西部県民局エリア*/
.officeSelect-map.grp_32{
	background-image: url(../images/menuMap/office/base_32.png);
}
.officeSelect-map.grp_33{
	background-image: url(../images/menuMap/office/base_33.png);
}
.officeSelect-map.grp_34{
	background-image: url(../images/menuMap/office/base_34.png);
}
.officeSelect-map.grp_35{
	background-image: url(../images/menuMap/office/base_35.png);
}
/*4吾妻県民局エリア*/
.officeSelect-map.grp_42{
	background-image: url(../images/menuMap/office/base_42.png);
}
/*5利根沼田県民局エリア*/
.officeSelect-map.grp_52{
	background-image: url(../images/menuMap/office/base_52.png);
}
/*6東部県民局エリア*/
.officeSelect-map.grp_62{
	background-image: url(../images/menuMap/office/base_62.png);
}
.officeSelect-map.grp_63{
	background-image: url(../images/menuMap/office/base_63.png);
}
.officeSelect-map.grp_64{
	background-image: url(../images/menuMap/office/base_64.png);
}
/*Add by NghiaNV1 2017.01.01 i-riverMap-1 -End*/
/* END*/
/* ----------------------各地域 */
/* 1：全県 */
.citySelect-map.grp_1{
	background: url(../images/menuMap/city/base_1.png) no-repeat 5px 10px;
}
/* 11：能登北部 */
.citySelect-map.grp_11{
	background: url(../images/menuMap/city/base_11.png) no-repeat 5px 10px;
}
/* 12：能登南部 */
.citySelect-map.grp_12{
	background: url(../images/menuMap/city/base_12.png) no-repeat 5px 10px;
}
/* 13：加賀北部 */
.citySelect-map.grp_13{
	background: url(../images/menuMap/city/base_13.png) no-repeat 5px 10px;
}
/* 14：加賀南部 */
.citySelect-map.grp_14{
	background: url(../images/menuMap/city/base_14.png) no-repeat 5px 10px;
}
/*Add by KienNT37 12月22日 i-riverMap-1*/
.citySelect-map.grp_15{
	background: url(../images/menuMap/city/base_15.png) no-repeat 5px 10px;
}
/*END*/
/* BASIN 1:利根川上流圏域 */
.officeSelect-map.r_grp_1{
	background-image: url(../images/menuMap/basin/r_base_01.png);
}
/* BASIN 2:利根川中流圏域 */
.officeSelect-map.r_grp_2{
	background-image: url(../images/menuMap/basin/r_base_02.png);
}
/* BASIN 3:吾妻川圏域 */
.officeSelect-map.r_grp_3{
	background-image: url(../images/menuMap/basin/r_base_03.png);
}
/* BASIN 4:烏川圏域 */
.officeSelect-map.r_grp_4{
	background-image: url(../images/menuMap/basin/r_base_04.png);
}
/* BASIN 5:碓氷川圏域 */
.officeSelect-map.r_grp_5{
	background-image: url(../images/menuMap/basin/r_base_05.png);
}
/* BASIN 6:鏑川圏域 */
.officeSelect-map.r_grp_6{
	background-image: url(../images/menuMap/basin/r_base_06.png);
}
/* BASIN 7:神流川圏域 */
.officeSelect-map.r_grp_7{
	background-image: url(../images/menuMap/basin/r_base_07.png);
}
/* BASIN 8:石田川圏域 */
.officeSelect-map.r_grp_8{
	background-image: url(../images/menuMap/basin/r_base_08.png);
}
/* BASIN 9:渡良瀬川圏域 */
.officeSelect-map.r_grp_9{
	background-image: url(../images/menuMap/basin/r_base_09.png);
}
/* BASIN 10:邑楽・館林圏域 */
.officeSelect-map.r_grp_10{
	background-image: url(../images/menuMap/basin/r_base_10.png);
}