@charset "utf-8";

/* -- 文字コードutf-8 -- */
/* ---------------------------------------------------------------------------------------- */

#menu{
position: fixed;
top: 0;
margin: 0px;
padding: 0px;
height: 40px;
width: 100%;
z-index:100;
}

.menu_ul {
margin: 0px auto;
padding:0; /*デフォルトの指定解除*/
list-style :none /*list-styleを非表示に*/;
display: flex;
height: 40px;
width: 800px;
border-left-width: 20px;
border-left-style: solid;
border-left-color: #fff;
border-right-width: 20px;
border-right-style: solid;
border-right-color: #fff;
background-color: #fff;
overflow: hidden;
}

.menu_li {
margin: 0px;
padding: 0px 0px 0px 0px;
height: 40px;
width: 160px;
text-align:center;
background-color: #ddd;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fff;
}

.link{
margin: 0px;
padding: 8px 0px 0px 0px;
height: 32px;
width: 160px;
display: inline-block;
}

.menu_li:hover {
  background-color: #f0f0f0; /* マウスオーバー時の背景色 */
  color: blue; /* マウスオーバー時の文字色 */
}


/* ---------------------------------------------------------------------------------------- */