#menu{
width:700px;

}
ul{
list-style:none;
padding:20px 0px 50px 0px;}
ul li{float:left;}

.gallery a, .monthly a, .profiles a, .essay a, .links a, .diary a, .BBS a, .mail a{
text-indent:-999px}
.gallery a, .monthly a, .profiles a, .essay a, .links a, .diary a{
background-repeat:no-repeat;
display:block;
width:95px;
height:26px;
}
.gallery a{
background-image: url(image/MENU/gallery.gif);
}
.monthly a{
background-image: url(image/MENU/monthly.gif);
}
.profiles a{
background-image: url(image/MENU/profile.gif);
}
.essay a{
background-image: url(image/MENU/essay.gif);
}
.links a{
background-image: url(image/MENU/links.gif);
}
.diary a{
background-image: url(image/MENU/diary.gif);
}
.gallery a:hover  {
background-image: url(image/MENU/gallery_f2.gif);
}
.monthly  a:hover{
background-image: url(image/MENU/monthly_f2.gif);
}
.profiles  a:hover{
background-image: url(image/MENU/profile_f2.gif);
}
.essay a:hover{
background-image: url(image/MENU/essay_f2.gif);
}
.links  a:hover{
background-image: url(image/MENU/links_f2.gif);
}
.diary  a:hover{
background-image: url(image/MENU/diary_f2.gif);
}
.BBS a, .mail a{
background-repeat:no-repeat;
width:37px;
height:26px;
display:block;
}
.BBS a{
background-image: url(image/MENU/bbs.gif);
}
.mail a{
background-image: url(image/MENU/mail.gif);
}
.BBS a:hover{
background-image: url(image/MENU/bbs_f2.gif);
}
.mail a:hover{
background-image: url(image/MENU/mail_f2.gif);
}