@charset "Shift_JIS";

#gnBox { float: left; width: 160px; padding-left: 9px;}

#gn { width: 160px; list-style: none;}
#gn li { margin-bottom: 2px; text-indent: -4444px;}
#gn li a { display: block; width: 160px; height: 40px;}

#gn li#home { background: url(img/common/nav/home.jpg) no-repeat left;}
#gn li#p1 { background: url(img/common/nav/p1.jpg) no-repeat left;}
#gn li#p2 { background: url(img/common/nav/p2.jpg) no-repeat left;}
#gn li#p3 { background: url(img/common/nav/p3.jpg) no-repeat left;}
#gn li#p4 { background: url(img/common/nav/p4.jpg) no-repeat left;}
#gn li#p5 { background: url(img/common/nav/p5.jpg) no-repeat left;}
#gn li#p6 { background: url(img/common/nav/p6.jpg) no-repeat left;}

#gn li#home a:hover { background: url(img/common/nav/home.jpg) no-repeat right;}
#gn li#p1 a:hover { background: url(img/common/nav/p1.jpg) no-repeat right;}
#gn li#p2 a:hover { background: url(img/common/nav/p2.jpg) no-repeat right;}
#gn li#p3 a:hover { background: url(img/common/nav/p3.jpg) no-repeat right;}
#gn li#p4 a:hover { background: url(img/common/nav/p4.jpg) no-repeat right;}
#gn li#p5 a:hover { background: url(img/common/nav/p5.jpg) no-repeat right;}
#gn li#p6 a:hover { background: url(img/common/nav/p6.jpg) no-repeat right;}