@charset "UTF-8";
/**
 * 【公開WEB】
 * 石川県河川情報
 * 事務所・地域選択CSS
 */
/*=======================
	事務所・地域選択ボタン共通
  =======================*/
.areaSelect-btn li a,
.areaSelect-btn li span{
	color: #2a5318;
}
/* hover */
.areaSelect-btn li:HOVER > span.parentArea{
	text-decoration: none;
	cursor: default;
}
/* selected */
.areaSelect-btn li.is-selected{
	border-top: 1px solid #3eb02c;
	background: #2f8709;
}
.areaSelect-btn li.is-selected a{
	background: #2f8709 url(../public_images/menu/asideArrow_on.png) no-repeat 90px center;
}
/*=======================
	事務所・地域選択ボタンの開閉子要素
  =======================*/
/* selected */
.areaSelect-btn li.is-selected a.parentArea+ul li a,
.areaSelect-btn li.is-selected span.parentArea+ul li a,
.areaSelect-btn li.is-selected:HOVER a.parentArea+ul li a:HOVER,
.areaSelect-btn li.is-selected:HOVER span.parentArea+ul li a:HOVER{
	background: #c9eeb9;
	border-right: 1px solid #2f8709;
	color: #2a5318;
	text-decoration: underline;
}
.areaSelect-btn li.is-selected:HOVER span.parentArea+ul li a:HOVER,
.areaSelect-btn li.is-selected span.parentArea+ul li a.is-selected,
.areaSelect-btn li.is-selected:HOVER span.parentArea+ul li a.is-selected:HOVER{
	background: #3eb02c;
	color: #FFF;
}
.areaSelect-btn li.is-selected span.parentArea+ul li a.is-selected,
.areaSelect-btn li.is-selected:HOVER span.parentArea+ul li a.is-selected:HOVER{
	text-decoration: none;
}
.areaSelect-btn li.is-selected > a.parentArea,
.areaSelect-btn li.is-selected > span.parentArea,
.areaSelect-btn li.is-selected:HOVER > a.parentArea,
.areaSelect-btn li.is-selected:HOVER > span.parentArea{
	background: url(../public_images/menu/asideOpenArrow_on.png) no-repeat 86px center;
}
/* disabled */
.areaSelect-btn li.is-selected a.parentArea+ul li.is-disabled span,
.areaSelect-btn li.is-selected span.parentArea+ul li.is-disabled span,
.areaSelect-btn li.is-selected:HOVER a.parentArea+ul li.is-disabled span:HOVER,
.areaSelect-btn li.is-selected:HOVER span.parentArea+ul.is-disabled li span:HOVER{
	background: #c9eeb9;
}