/* =============================================================================
	jQueryで縦型アコーディオンメニュー
============================================================================= */
ul,li	{ margin:0; padding:0; }
ul#navi {
	display: flex;
	justify-content: space-between;
	margin-left:0;
	list-style:none;
	line-height:20px;
}

ul#navi li {
	color:#666;
	position:relative;
	float:left;
	line-height:20px;
	margin-bottom: 5px;
	flex-grow: 1;
}

ul#navi li.last-child {
	border-right:none;
}

ul#navi li a {
	padding:0px;
	background-color:#FFFFFF;
	display:block;
	color:#666;
	text-decoration:none;
	line-height:20px;
}

ul#navi li a:hover,
ul#navi li a.open {
	background-color:#FFFFFF;
	/*color: #009eff;	*/
	/*color: #00009b;	*/
	color: #a91296;
}

ul#navi li ul {
	display:block;
	margin-top: 0px;
	margin-right:0px;
	list-style:none;
	white-space: nowrap;
	position:absolute;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
	z-index:999;
	background-color:#FFFFFF;
}

ul#navi li ul li {
	display:block;
	float:none;
	padding-top: 5px;
	background-color:#FFFFFF;
	padding-left: 5px;
	border-top: none;
	border-bottom: none;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:10px;
}

ul#navi li ul li ul {
	display:block;
	margin-left:115px;
	padding-top:0;
	padding-left:0px;
	position:absolute;
	top:0;
	white-space: nowrap;
	border-left:1px solid #EEEEEE;
}

/* =============================================================================
	jQueryで縦型アコーディオンメニュー
============================================================================= */
ul#navi2 {
	display: flex;
	justify-content: space-between;
	margin-left:0;
	list-style:none;
	line-height:20px;
}

ul#navi2 li {
	color:#666;
	position:relative;
	float:left;
	line-height:20px;
	margin-bottom: 5px;
	background-color:#FFFFFF;
	flex-grow: 1;
}

ul#navi2 li.last-child {
	border-right:none;
}

ul#navi2 li a {
	padding:0px;
	background-color:#FFFFF;
	display:block;
	color:#666;
	text-decoration:none;
	line-height:20px;
}

ul#navi2 li a:hover,
ul#navi2 li a.open {
	background-color:#FFFFFF;
	/*color: #009eff;	*/
	/*color: #00009b;	*/
	color: #a91296;
}

ul#navi2 li ul {
	display:block;
	margin-top: 0px;
	margin-right:0px;
	list-style:none;
	white-space: nowrap;
	position:absolute;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
	z-index:999;
	background-color:#FCFCFC;
}


ul#navi2 li ul li {
	display:block;
	float:none;
	background-color:#FCFCFC;
	padding-top: 5px;
	padding-left: 5px;
	border-top: none;
	border-bottom: none;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:10px;
}


ul#navi2 li ul li a:hover,
ul#navi2 li ul li a.open {
	background-color:#FCFCFC;
	color: #6666;
}


ul#navi2 li ul li ul {
	display:block;
	margin-left:115px;
	padding-top:0;
	padding-left:0px;
	position:absolute;
	top:0;
	background-color:#FCFCFC;
	white-space: nowrap;
	border-left:1px solid #EEEEEE;

}

.navi6 {
	background-color:#FFFFFF;
	background-image:url("../img/arrow_right.gif");
	background-repeat:no-repeat;
	background-position:100px 50%;
}
.navi4 {
	background-color:#FCFCFC;
	background-image:url("../img/arrow_right.gif");
	background-repeat:no-repeat;
	background-position:100px 50%;
}
.navi5 {
	background-color:#FFFFFF;
	background-image:url("../img/arrow_right.gif");
	background-repeat:no-repeat;
	background-position:100px 50%;
}
.navi3 {
	background-color:#FCFCFC;
	background-image:url("../img/arrow_right.gif");
	background-repeat:no-repeat;
	background-position:1005px 50%;
}