@charset "UTF-8";

#outerGroup #content #Navi {
	float: left;
	width: 760px;
}

#outerGroup #content #Navi li {
	float: left;
	list-style:none;
}

/*Navi button*/

/*home*/
#outerGroup #content #Navi .bhome a {
display: block;
width: 95px;
height: 40px;
background: url("../images/button/home.gif") 0 0 no-repeat;
text-decoration: none;
}
#outerGroup #content #Navi .bhome a:hover {
background-position: 0px -40px;
} 
/*whatsnew*/
#outerGroup #content #Navi .bnew a {
display: block;
width: 95px;
height: 40px;
background: url("../images/button/whatsnew.gif") 0 0 no-repeat;
text-decoration: none;
}
#outerGroup #Navi .bnew a:hover {
background-position: 0px -40px;
} 
/*portfolio*/
#outerGroup #content #Navi .bportfolio a {
display: block;
width: 95px;
height: 40px;
background: url("../images/button/portfolio.gif") 0 0 no-repeat;
text-decoration: none;
}
#outerGroup #content #Navi .bportfolio a:hover {
background-position: 0px -40px;
} 
/*yoisora*/
#outerGroup #content #Navi .baboutus a {
display: block;
width: 95px;
height: 40px;
background: url("../images/button/aboutyoisora.gif") 0 0 no-repeat;
text-decoration: none;
}
#outerGroup #content #Navi .baboutus a:hover {
background-position: 0px -40px;
} 
/*shop*/
#outerGroup #content #Navi .bshop a {
display: block;
width: 95px;
height: 40px;
background: url("../images/button/shop.gif") 0 0 no-repeat;
text-decoration: none;
}
#outerGroup #content #Navi .bshop a:hover {
background-position: 0px -40px;
} 
/*contact*/
#outerGroup #content #Navi .bcontact a {
display: block;
width: 118px;
height: 40px;
background: url("../images/button/contact.gif") 0 0 no-repeat;
text-decoration: none;
}
#outerGroup #content #Navi .bcontact a:hover {
background-position: 0px -40px;
} 
/*link*/
#outerGroup #content #Navi .blink a {
display: block;
width: 95px;
height: 40px;
background: url("../images/button/link.gif") 0 0 no-repeat;
text-decoration: none;
}
#outerGroup #content #Navi .blink a:hover {
background-position: 0px -40px;
}