div.resize { width: 100%; }

.header {
 width:100%;
 height:200px;
 position:fixed;
 background:white;
 z-index: 0;
 top:0;
 border-bottom: solid 1px black;
 }

.menu-, .menu-list {
 list-style: none;
 overflow: hidden;
}

.menu-case {
 float: left;
 border-right: 1px solid black;
 width: 19%;
}

.menu-case a {
 display: block;
 padding: 10px 15px;
 text-align: center;
 text-decoration: none;
}

.menu-case a:hover {
 background: #EEE;
}

.menu-:after {
 content: "";
 clear: both;
 display: block;
}

.menu-list {
 position: absolute;
 opacity: 0;
 z-index: -1;
 width: 250px;
 padding-left: 0;
 margin: 0;
}

.menu-name:hover + .menu-list, .menu-list:hover {
 opacity: 1;
 z-index: 1;
}

.menu-case:hover .menu-name {
 color: #507ea4;
}

.menu- li.menu-case a {
 background: #333;
 color: #EEE;
}

.body {
 margin-top: 225px;
 }

.top {
text-align: center;
}

.footer {
 border-top: solid 1px black;
}