pull-down_menu.css

pull-down_menu.css

/* </system> */
@media screen and (min-width: 1024px) {
.main-navigation {
text-align: center;
}
}

<!-- メニューバー -->
#manubar{
width:80%; }
#menubar ul{
display:table;
width:100%;
margin: 20; 
padding: 20;
background-color: #FFFFFF; }
#menubar li{
display: table-cell;
width:40%;

background-color: #000000; }
#menubar li a{
display: block;
margin:0 auto;
width:15%;
padding:15px;
border: 1px solid #FFFFFF;
text-decoration: none;
color: #FFFFFF;
text-align: center;
font-size: 20px; }
#menubar li a:hover{
background-color: #333333; }