ul {
list-style-type:none; /*マークを消す*/
margin: 0; 
padding: 0;
}

li {
float:left; /*横並びにする*/
list-style-type: none; /*マークを消す*/
margin: 0; 
padding: 0;
}

li a{
display:block;
/*background-color: #8b4513;   背景色の指定 */
border-radius:0px; /* 角丸の指定 */
width:166.5px;
height:28px;
margin:0px;
padding:9px 0px 0px 0px;
position: relative;
z-index: 4; 
text-align: center;
text-decoration: none; /*下線なし*/
color: #eeeeee; /*文字の色*/
}

li a:hover{
/*font-weight:900;*/
color:#0000aa; /* 文字の色 */
}

.li{
display:block;
/*background-color: #8b4513;   背景色の指定 */
border-radius:0px; /* 角丸の指定 */
width:166.5px;
height:28px;
margin:0px;
padding:9px 0px 0px 0px;
position: relative;
z-index: 3; 
text-align: center;
text-decoration: none; /*下線なし*/
color: #eeeeee; /*文字の色*/
}



#Block{
display:block;
background-color: #4c6cb3;  /* 背景色の指定4c6cb3 */
border-radius:0px; /* 角丸の指定 */
width:1000px;
height:37px;
margin:0px;
padding:0px;
position: relative;
z-index: 1; 
position: absolute;
/*position: fixed;*/
}

#SlideBlock{
display:block;
background-color: #6c8cd3;  /* 背景色の指定6c8cd3 */
border-radius:0px; /* 角丸の指定 */
width:166.5px;
height:37px;
margin:0px;
padding:0px;
position: relative;
z-index: 2; 
top:-37px;
left:0px;
float:left;
}