#supportedByBN {
list-style: none;
padding-top: 10px;
}
#supportedByBN a { 
background-image: url(/jp/weather/images/weather_bn2011/images/supported_bn.gif);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9876px;
float: right;
height: 20px;
width: 180px;
}
#beautynaviSection {
text-align: center;
padding-top: 40px;
margin: 0 auto;
width: 600px;
}
#beautynaviSection dl {
text-align: left;
}
#salonSearchNav {
float: left;
width: 380px;
}
#hairstyleContentNav {
float: right;
width: 210px;
}
#beautynaviSection dt {
background-image: url(/jp/weather/images/weather_bn2011/images/salon_search_title.jpg);
background-repeat: no-repeat;
height: 80px;
text-indent: -9876px;
margin: 0;
padding: 0;
}
#salonSearchNav dt {
background-position: 0 0;

}
#hairstyleContentNav dt {
background-position: -400px 0;
}
#salonSearchNav ul.nav {
margin: 0;
padding: 0;
}
#beautynaviSection ul.nav {
list-style:none;
}
#beautynaviSection ul.nav li {
float: left;
}
#salonSearchNav ul.nav li {
width: 95px;
height:45px;
}
#hairstyleContentNav ul.nav li {
width: 200px;
height:45px;
}
#beautynaviSection ul.nav li a {
float: left;
background-image: url(/jp/weather/images/weather_bn2011/images/nav.gif);
text-indent:-9876px;
text-decoration: none;
}
#salonSearchNav ul.nav li a {
height:40px;
width: 90px;
}
#areaNav2004 a {
background-position: 0 0;
}
#areaNav2004 a:hover {
background-position: 0 bottom;
}
#areaNav2001 a {
background-position: -100px 0;
}
#areaNav2001 a:hover {
background-position: -100px bottom;
}
#areaNav2005 a {
background-position: -200px 0;
}
#areaNav2005 a:hover {
background-position: -200px bottom;
}
#areaNav2002 a {
background-position: -300px 0;
}
#areaNav2002 a:hover {
background-position: -300px bottom;
}
#areaNav2003 a {
background-position: -400px 0;
}
#areaNav2003 a:hover {
background-position: -400px bottom;
}
#areaNav2006 a {
background-position: -500px 0;
}
#areaNav2006 a:hover {
background-position: -500px bottom;
}
#areaNav2007 a {
background-position: -600px 0;
}
#areaNav2007 a:hover {
background-position: -600px bottom;
}
#hairstyleContentNav ul.nav li a {
height:40px;
width: 210px;
}
#styleNavRanking a {
background-position: -700px 0;
}
#styleNavRanking a:hover {
background-position: -700px bottom;
}
#styleNavNewlist a {
background-position: -950px 0;
}
#styleNavNewlist a:hover {
background-position: -950px bottom;
}