div.open {
  display:block;
}

div.close {
  display:none;
}

p.navi, p.navi_first{
display:block;
white-space:nowrap;
overflow:hidden;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
font-family:Tahoma, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
letter-spacing:0.1em;
padding:2px;
margin:0px;
height:20px;
background-color:#3FC102;
background-image: url('navt.jpg'); 
text-align:center;
color:black;
cursor:pointer;
}
p.navi_first {
border-top:1px solid black;
}
a.navi,  a.navi_self {
display:block;
white-space:nowrap;
overflow:hidden;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
font-family:Tahoma, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
letter-spacing:0.1em;
padding:2px;
text-align:center;
cursor:pointer;
}

a.navi:link, a.navi_first:link,
a.navi:visited, a.navi_first:visited {
background-color:#99FF66;
color:black;
}
a.navi_self:link, a.navi_self:visited {
background-color:#E4E420;
color:black;
}
a.navi:hover, a.navi_first:hover, a.navi_self:hover,
a.navi:active, a.navi_first:active, a.navi_self:active {
background-color:white;
color:black;
}
p.navi:hover, p.navi_first:hover, p.navi_self:hover,
p.navi:active, p.navi_first:active, p.navi_self:active {
background-color:#4ADF05;
background-image: url('navth.jpg'); 
color:black;
}