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

ul#navi li {
	margin:0;
	padding:0;
	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;
	padding:0;
	list-style:none;
	line-height:20px;
}

ul#navi2 li {
	margin-left:0;
	margin-right:0;
	padding:0;
	color:#666;
	position:relative;
	line-height:20px;
	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:100px 50%;
}


.J-10px-gothic {
	font-size: 10px;
	font-family: Verdana, Geneva, Gothic, Arial, Helvetica, sans-serif;
	line-height: 11px;
	text-align: justify;
}
.J-12-gothic-20 {
	font-family: Verdana, Geneva, Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}

.J-12-gothic {
	font-family: Verdana, Geneva, Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
}


#blog_header a { text-decoration: none }
#blog_header a:link { color: #666666 }
#blog_header a:visited { color: #666666 }
#blog_header a:active { color: #666666 }
#blog_header a:hover { color: #cacaca }
#blog_header hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    height: 1px; /* 高さ */
}
#blog_header td, 
#blog_header th,
#blog_header a,
#blog_header li,
#blog_header ul {
	font-family: Verdana, Geneva, Gothic, Arial, Helvetica, sans-serif;
}
#blog_header  ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#blog_header li
{
	background:none;
	padding: 0;
	margin:i0;
}
#blog_header td
{
	padding: 0;
}