#nave{
 width: 180px;
 }
 
#nave ul {
 list-style: none;
 margin: 0;
 padding: 0px 0px;
 border-top: 1px dotted #999999;
 }
 
#nave li {
 background:#efefef;
 margin: 0;
 padding: 1px 1px;
 border-bottom: 1px dotted #999999;
 }
 
#nave a {
 border-left: 8px solid #000099;/*文字の横に付箋のようなマークを入れる*/
 padding:7px 10px;
 display: block;
 width: 152px ; 
color: #333333;
 text-decoration: none;
 }
 
#nave a:hover {
 background: #cccccc;
 border-left: 8px solid #FFcc33;/*カーソルオーバーでマークの色が変わる*/
 color: #111111;
 width: 152px ; 
}