/**
 * 石川県河川情報
 * 事務所・地域選択CSS
 *
 * [変更履歴]
 * ---------------------------------------
 * [01] 2018/03/27 K.Fujimaki	市町村選択対応のため、地域ツリーのcssを追加
 */
/* Base of the Left side Menu  */
.asideMenu{
	width: 99px;
	min-height: 100%;
	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: 100px;
	height: 162px;
	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;
}
.officeSelect-map img,
.citySelect-map img{
	width: 91px;
	height: 145px;
}
/* 選択不可地域 */
.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: 91px;
	height: 145px;
	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: 91px;
	height: 145px;
	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;
}
/*=======================
	事務所・地域選択ボタン共通
  =======================*/
.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 li span{
	display: block;
	width: 89px;
	height: 27px;
	z-index: 10;
	padding: 0 0 0 10px;
	line-height:28px;
	color: #1c486f;
	background: url(../images/menu/asideArrow.png) no-repeat 90px center;
	text-decoration: none;
}
/* hover */
.areaSelect-btn li a:hover{
	background: #cbcbcb url(../images/menu/asideArrow.png) no-repeat 90px center;
}
/* selected */
.areaSelect-btn li.is-selected{
	border-top: 1px solid #2e9fd1;
	border-bottom: 1px solid #f5f6f7;
	background: #006cb1;
	width: 100px;
}
/* [01]市町村選択用のselected上書き */
.areaSelect-btn.citySelect li.is-selected{
	border-top: 1px solid #BAE7F9;
}
.areaSelect-btn li.is-selected a{
	background: #006cb1 url(../images/menu/asideArrow_on.png) no-repeat 90px center;
	color: #fff;
}
/* disabled */
.areaSelect-btn li.is-disabled span{
	background: #dedfe0 ;
	color: #b8bdc2;
	cursor: default;
}
/* 総合管轄内事務所 */
.areaSelect-btn li .sub{
	text-indent:10px;
}
/*=======================
	事務所・地域選択ボタンの開閉子要素
  =======================*/
.areaSelect-btn li a.parentArea+ul{
	background: #767676;
	border-right: 1px solid #646464;
	display: none;
}
.areaSelect-btn li.is-selected a.parentArea+ul{
	display: block;
}
.areaSelect-btn a.parentArea+ul li{
	border:none;
}
/* [01]市町村選択では押下不可があるのでspanを追加 */
.areaSelect-btn a.parentArea+ul li a,
.areaSelect-btn a.parentArea+ul li span{
	background:none;
	height: 24px;
	line-height: 25px;
	color: #ffffff;
	text-decoration: underline;
	text-indent: 10px;
	border-right: 1px solid #646464;
}
/* hover */
.areaSelect-btn li:HOVER > a.parentArea{
	background: #cbcbcb url(../images/menu/asideOpenArrow.png) no-repeat 86px center;
	text-decoration: underline;
}
.areaSelect-btn li:HOVER a.parentArea+ul{
	display: block;
}
.areaSelect-btn li:HOVER a.parentArea+ul li a:HOVER{
	background: #606060;
	border-right: 1px solid #525252;
}
/* selected */
.areaSelect-btn li.is-selected a.parentArea+ul li a,
.areaSelect-btn li.is-selected:HOVER a.parentArea+ul li a:HOVER{
	background: #3478ae;
	border-right: 1px solid #005c97;
	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 86px center;
	color: #ffffff;
	text-decoration: none;
}
/* [01]市町村選択用のcss上書き */
.areaSelect-btn.citySelect li.is-selected a,
.areaSelect-btn.citySelect li.is-selected span{
	background-color: #BADEF9 !important;
	color: #1c486f !important;
	border-right: 1px solid #7AADD4 !important;
	text-decoration: underline !important;
}
.areaSelect-btn.citySelect li.is-selected a:HOVER{
	background-color: #006cb1 !important;
	color: #FFF !important;
}
.areaSelect-btn.citySelect li.is-selected a.is-selected{
	background-color: #006cb1 !important;
	color: #FFF !important;
	text-decoration: none !important;
}
/* [01]市町村選択用では押下不可があるのでdisabledを追加 */
.areaSelect-btn.citySelect li span.is-disabled{
	color: #9CA0A4 !important;
	text-decoration: none !important;
	cursor: default;
}
.areaSelect-btn.citySelect li.is-selected span.is-disabled{
	color: #9DBAD0 !important;
}
/*=======================
	選択中地図
  =======================*/
/* ----------------------各事務所 */
/* 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);
}
/* 22：中能登全域 */
.officeSelect-map.grp_22{
	background-image: url(../images/menuMap/office/base_22.png);
}
/* 23：県央全域 */
.officeSelect-map.grp_23{
	background-image: url(../images/menuMap/office/base_23.png);
}
/* 24：南加賀全域 */
.officeSelect-map.grp_24{
	background-image: url(../images/menuMap/office/base_24.png);
}
/* ----------------------各地域 */
/* 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;
}