/* メニューボタンのスタイル */
#head_menu .menu {
  display: flex;
  position: relative;
}
/****製品名メニュー****/
/* メガメニューのスタイル */
#head_menu .menu_contents {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #444;
	z-index: 20;
	height: 230px;
}
#head_menu .menu_contents li {
	width: 15.6%;
	padding-top: 15px;
	padding-bottom: 20px;
	max-height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-top: 3px;
	margin-right: 0.5%;
	margin-bottom: 3px;
	margin-left: 0.5%;
	float: left;
	display: block;
	padding-right: 0.5%;
	padding-left: 0.5%;
}
#head_menu .menu_contents li a {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/****用途別メニュー****/
/* メガメニューのスタイル */
#head_menu .menu_contents_02 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #444;
	z-index: 20;
	height: 150px;
}
#head_menu .menu_contents_02 li {
	width: 32%;
	padding-top: 15px;
	padding-bottom: 20px;
	max-height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-top: 3px;
	margin-right: 0.5%;
	margin-bottom: 3px;
	margin-left: 0.5%;
	float: left;
	display: block;
	padding-right: 0.5%;
	padding-left: 0.5%;
}
#head_menu .menu_contents_02 li a {
	color: #fff;
	font-size: 14px;/*11px*/
	line-height: 15px;/*12px*/
	padding-top: 3px;
	padding-bottom: 3px;
}

/****エリア別メニュー****/
/* メガメニューのスタイル */
#head_menu .menu_contents_03 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #444;
	z-index: 20;
	height: 110px;
}
#head_menu .menu_contents_03 li {
	width: 24%;
	padding-top: 15px;
	padding-bottom: 20px;
	max-height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-top: 3px;
	margin-right: 0.5%;
	margin-bottom: 3px;
	margin-left: 0.5%;
	float: left;
	display: block;
	padding-right: 0.5%;
	padding-left: 0.5%;
}
#head_menu .menu_contents_03 li a {
	color: #fff;
	font-size: 14px;/*11px*/
	line-height: 15px;/*12px*/
	padding-top: 3px;
	padding-bottom: 3px;
}

/****災害復旧・災害復興****/
/* メガメニューのスタイル */
#head_menu .menu_contents_04 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #444;
	z-index: 20;
	height: 150px;
}
#head_menu .menu_contents_04 li {
	width: 23%;
	padding-top: 15px;
	padding-bottom: 20px;
	max-height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-top: 3px;
	margin-right: 1%;
	margin-bottom: 3px;
	margin-left: 1%;
	display: block;
	padding-right: 1%;
	padding-left: 1%;
	float: left;
}
#head_menu .menu_contents_04 li a {
	color: #fff;
	font-size: 14px;/*11px*/
	line-height: 15px;/*12px*/
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	width: 100%;
}

/****流域治水・越水****/
/* メガメニューのスタイル */
#head_menu .menu_contents_05 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #eee;
	z-index: 20;
	height: 70px;
}
#head_menu .menu_contents_05 li {
	width: 31%;
	padding-top: 15px;
	padding-bottom: 20px;
	max-height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-top: 3px;
	margin-right: 1%;
	margin-bottom: 3px;
	margin-left: 1%;
	display: block;
	padding-right: 1%;
	padding-left: 1%;
	float: left;
}
#head_menu .menu_contents_05 li a {
	color: #333;
	font-size: 14px;/*11px*/
	line-height: 15px;/*12px*/
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	width: 100%;
}