@charset "utf-8";
/* navi.css */

/*START:#navi
----------------------------*/
#navi{
width:836px;
height:39px;
margin:0 auto;
padding-top:2px;
}
#bgnavi{
width:100%;
height:43px;
background:url(../images/bg_index_navi.jpg) repeat-x;
}
#navi li{
float:left;
}
#navi li a{
height:39px;
text-align:left;
text-indent:-9999px;
overflow:hidden;
display:block;
background-image:url(../images/navi.jpg);
}
#navi li.n01 a{
background-position:0 0;
width:118px;
}
#navi li.n02 a{
background-position:-118px 0;
width:119px;
}
#navi li.n03 a{
background-position:-237px 0;
width:119px;
}
#navi li.n04 a{
background-position:-356px 0;
width:120px;
}
#navi li.n05 a{
background-position:-476px 0;
width:120px;
}
#navi li.n06 a{
background-position:-596px 0;
width:120px;
}
#navi li.n07 a{
background-position:-716px 0;
width:120px;
}
#navi li.n01 a:hover{
background-position:0 -39px;
width:118px;
}
#navi li.n02 a:hover{
background-position:-118px -39px;
width:119px;
}
#navi li.n03 a:hover{
background-position:-237px -39px;
width:119px;
}
#navi li.n04 a:hover{
background-position:-356px -39px;
width:120px;
}
#navi li.n05 a:hover{
background-position:-476px -39px;
width:120px;
}
#navi li.n06 a:hover{
background-position:-596px -39px;
width:120px;
}
#navi li.n07 a:hover{
background-position:-716px -39px;
width:120px;
}
/*END:#navi
----------------------------*/

#pnavi{
width:222px;
overflow:hidden;
margin-bottom:20px;
}
#pnavi li{
margin-bottom:2px;
float:left;
height:30px;
width:222px;
}
#pnavi li a{
height:30px;
text-align:left;
/*overflow:hidden;*/
display:block;
}
#pnavi li.p01 a{
background:url(../images/navi_right.jpg) no-repeat 0 0;
}
#pnavi li.p02 a{
background:url(../images/navi_right.jpg) no-repeat 0 -31px;
}
#pnavi li.p03 a{
background:url(../images/navi_right.jpg) no-repeat 0 -62px;
}
#pnavi li.p04 a{
background:url(../images/navi_right.jpg) no-repeat 0 -93px;
}
#pnavi li.p05 a{
background:url(../images/navi_right.jpg) no-repeat 0 -124px;
}
#pnavi li.p06 a{
background:url(../images/navi_right.jpg) no-repeat 0 -155px;
}
#pnavi li.p07 a{
background:url(../images/navi_right.jpg) no-repeat 0 -186px;
}
#pnavi li.p01 a:hover{
background:url(../images/navi_right.jpg) no-repeat -222px 0;
}
#pnavi li.p02 a:hover{
background:url(../images/navi_right.jpg) no-repeat -222px -31px;
}
#pnavi li.p03 a:hover{
background:url(../images/navi_right.jpg) no-repeat -222px -62px;
}
#pnavi li.p04 a:hover{
background:url(../images/navi_right.jpg) no-repeat -222px -93px;
}
#pnavi li.p05 a:hover{
background:url(../images/navi_right.jpg) no-repeat -222px -124px;
}
#pnavi li.p06 a:hover{
background:url(../images/navi_right.jpg) no-repeat -222px -155px;
}
#pnavi li.p07 a:hover{
background:url(../images/navi_right.jpg) no-repeat -222px -186px;
}
/*END:#navi
----------------------------*/