div.menubar {
   background-color: #eeeeaa; /* バーの背景色 */
   border-top: 3px double #800000; /* バーの上端線 */
   border-bottom: 3px double #800000; /* バーの下端線 */
   min-width: 1000px; /* メインメニュー全部が収まる最低横幅 */
}

div.menubar ul#drop_menu {
   margin: 0px 0px 0px 15px; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 25px; /* メニューバーの高さ */
}
div.menubar ul#drop_menu li {
   width: 120px; /* メニュー項目の横幅 */
   height: 25px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   list-style-type: none;
   position: relative;
   font-size: 12px;
}
div.menubar ul#drop_menu a {
   background-color: #CC9669; /* メニュー項目の背景色 */
   color: white; /* メニュー項目の文字色 */
   line-height: 25px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
}
div.menubar ul#drop_menu a:hover {
   background-color: #ffdddd; /*ffdddd メニュー項目にマウスが載ったときの背景色 */
   color: #dd00dd; /* cc0000メニュー項目にマウスが載ったときの文字色 */
}
/* メニューバー直後のClearfix */
div.menubar ul#drop_menu { zoom:1; }
div.menubar ul#drop_menu :after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }



div.menubar ul#drop_menu ul.sub {
   background-color: #BE9669; /* サブメニュー全体の背景色 */
   border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #800000; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
}
div.menubar ul#drop_menu ul.sub li {
   width: 260px; /* サブメニュー1項目の横幅 */
   height: 30px; /* サブメニュー1項目の高さ */
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #800000; /* サブメニュー1項目の枠線の色 */
}
div.menubar ul#drop_menu ul.sub li a {
   line-height: 25px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
div.menubar ul#drop_menu ul.sub li a:hover {
   background-color: #eaeaea; /* #ffff80 サブメニュー項目にマウスが載ったときの背景色 */
   color: #17aca8; /* サブメニュー項目にマウスが載ったときの文字色 */
}


.dropmenu{
	  *zoom: 1;
	  list-style-type: none;
	  width: 1000px;
	  margin: 5px auto 50px;
	  padding: 0;
	}
	.dropmenu:before, .dropmenu:after{
	  content: "";
	  display: table;
	}
	.dropmenu:after{
	  clear: both;
	}
	.dropmenu li{
	  position: relative;
	  width: 12%;
   height: 30px; /* サブメニュー1項目の高さ */
	  float: left;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	}
	.dropmenu li a{
	  display: block;
	  margin: 0;
	  padding: 15px 0 11px;
	  background: #8a9b0f;
	  color: #fff;
	  font-size: 13px;
	  line-height: 1;
	  text-decoration: none;
	}
	.dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  z-index: 9999;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	}
	.dropmenu li ul li{
	  width: 150%;
	}
	.dropmenu li ul li a{
	  padding: 13px 15px;
	  border-top: 1px solid #7c8c0e;
	  background: #6e7c0c;
	  text-align: left;
	}
	.dropmenu li:hover > a{
	  background: #6e7c0c;
	}
	.dropmenu li a:hover{
	  background: #616d0b;
	}


/******************************************************/
/**  Mega Menu 用　関係　　**/
.navmenu {
    position: relative;
    width: 100%;
    height: 25px;
    max-width: 1000px;
    margin: 0 auto;
}

.navmenu > li {

    float: left;
    width: 125px; /* グローバルナビ8つの場合 */
    height: 25px;
    line-height: 25px;
    background: rgb(29, 33, 19);
}

.navmenu > li a {
    display: block;
    color: #fff;
}

.navmenu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.navmenu > li:hover {
    background: #072A24;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #111;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.navmenu:before,
.navmenu:after {
    content: " ";
    display: table;
}

.navmenu:after {
    clear: both;
}

.navmenu {
    *zoom: 1;
}


ul {
	list-style: none;
	padding-left: 0;
}

.navmenu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 30px;
    width: 100%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 30px;
    visibility: visible;
    opacity: 1;
}




li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 25px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 2%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__mega:hover ul.menu__second-level {
    top: 25px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 24%;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(4n+3) {
    margin: 0 1%;
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu_mega2-container {
    width: 100%;
    margin: 0 auto;
    background: #9dff9d;/* e7ffe7 e9e9e9 */
    font-size: 0.8rem;

}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
/*    content: "\f394";
    font-family: "Ionicons";*/
    font-size: .2rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
/*    content: "\f489";
    font-family: "Ionicons";*/
    display: none;
    cursor: pointer ;
    float: right;
/*    padding: 1.5em 2em;*/
	padding: 5px 5px;
    background: #9dff9d;/* fff*/
    color: #333;/* 333 */
}

.menu_mega2 > ul {
    margin: 0 auto;
    width: 100%;

    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}


.menu_mega2 > ul:before,
.menu_mega2 > ul:after {
    content: "";
    display: table;
}

.menu_mega2 > ul:after {
    clear: both;

}

.menu_mega2 > ul > li {
    float: left;
    background: #9dff9d;/* e9e9e9 */
<!--   background-image : url(../Image/nav_main_r.png);-->
    padding: 0px;
    margin: 0;
	width : 20%; /* メニュー分割 */
	height: 28px;

}

.menu_mega2 > ul > li a {
    text-decoration: none;
/*    padding: 1.5em 3em;*/ /* メニューの関係に効いてくる*/
	padding: 5px 5px;

    display: block;
}

.menu_mega2 > ul > li:hover {
    background: #e7ffe7;
    color: #000;
}

.menu_mega2 > ul > li > ul {
    display: none;
    width: 100%;
    background: #e7ffe7; /*うす黄緑 f0f0f0 */
    padding: 7px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu_mega2 > ul > li > ul:before,
.menu_mega2 > ul > li > ul:after {
    content: "";
    display: table;
}

.menu_mega2 > ul > li > ul:after {
    clear: both;
}


.menu_mega2 > ul > li > ul > li:hover {
    background: #b7ffb7;/* sub menu color ややうす黄緑*/
/*    background-image : url(../Image/nav2Sub.png);*/
    color: #000;
}


.menu_mega2 > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;		/* SubMenu */
    background: none;
    float: left;
}

.menu_mega2 > ul > li > ul > li a {
    color: #222;/* 777 */
    padding: .5em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #33ff33;
}

.menu_mega2 > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 5px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu_mega2 > ul > li > ul > li > ul:before,
.menu_mega2 > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu_mega2 > ul > li > ul > li > ul:after {
    clear: both;
}

.menu_mega2 > ul > li > ul > li > ul > li:hover {
    background: #9dff9d;
/*    background-image : url(../Image/nav2SubSub.png);*/
    color: #000;
}

.menu_mega2 > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 1px 0;
    margin: 0;
    font-size: .98em;
}

.menu_mega2 > ul > li > ul > li > ul > li a {
    border: 0;
}



.menu_mega2 > ul > li > ul.normal-sub {
    width: 220px;
    left: auto;
    padding: 3px 15px;

}

.menu_mega2 > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu_mega2 > ul > li > ul.normal-sub > li:hover {
    background: #9dff9d; /* 黄緑*/
	color: 000;
}

.menu_mega2 > ul > li > ul.normal-sub > li a {
    border: 0;
/*    padding: 1em 0; */
	padding: 5px, 0;
}