/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューエリアの背景色の設定*/
#topmenu {
/*color: #ffffff;*/
width: 100%;
height: 43px;
background: #E0E0F2; /*背景色*/
}

nav#menubar {
clear: both;
}
/*メニュー１個ごとの設定*/
nav#menubar ul li {
float: left;
height: 43px;
/*width: 160px;		メニュー幅*/
margin-left: 1px;	/*メニュー間にあけるスペース */
background: #E0E0F2;	/*背景色*/
position: relative;
margin-bottom: 19px;
/*	20190719 メニュー区切り線の追加*/
border-right: 1px solid #FFF;
}
nav#menubar ul li a {
text-decoration: none;
display: block;
color: #000000; /*文字色*/
font-weight: normal;
text-align: center;		/*文字をセンタリング*/
padding: 10px 15px;		/*上下、左右への余白*/
-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
transition: 0.5s;			/*同上*/
}

/*最初のメニューの設定*/
nav#menubar ul li:first-child {
margin-left: 0px;
}
/*マウスオン時の設定*/
nav#menubar ul li a:hover {
background: #000; /*背景色*/
color: #FFF;		/*文字色*/
}
/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
ul.ddmenu {
position:absolute;
visibility: hidden;
z-index: 10;
width: 205px;	/*上の「nav#menubar ul li」の「width」の値と揃えておく*/
}
ul.ddmenu li {
margin: 0 !important;
}
ul.ddmenu li a {
border-top: solid 1px #FFF;	/*上の線の幅、線種、色。ここでは白にしてメニュー間の境界線として使用。*/
background: #C8d8c8 !important; /*背景色*/
padding: 3px 0px !important;	/*メニュー１段分の高さを少し狭くする設定。トップのメニューと同じサイズがいいならこの行削除。*/
}
ul.ddmenu li a:hover {
background: #5E8168 !important; /*マウスオン時の背景色*/
}