.navi {
clear:both;
position:relative;
width:780px;
margin:0;
padding:0;
    overflow: hidden;
}

.navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .navi{
    height: 1em;
    overflow: visible;
}
/**/

/*　メインナビ
-------------------------------------------------*/
ul#main-navi {
width:780px;
height:32px;
margin:0 auto;
padding:0;
list-style: none;
}
ul#main-navi li {
float:left;
height:32px;
margin:0;
padding:0;
text-indent:-9999px;
font-size:10px;
line-height:100%;
}
ul#main-navi li a {
height:32px;
margin:0;
padding:0;
outline:none;
display: block;
}
ul#main-navi li a:hover {
height:32px;
margin:0;
padding:0;
outline:none;
display: block;
}
/* --------- */
li.allmenu01 {
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat 0 0;
}
li.allmenu01 a {
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat 0 0;
}
li.allmenu01 a:hover{
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat 0 -52px;
}
/* --------- */
li.allmenu02 {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -97px 0;
}
li.allmenu02 a {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -97px 0;
}
li.allmenu02 a:hover{
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -97px -52px;
}
/* --------- */
li.allmenu03 {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -195px 0;
}
li.allmenu03 a {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -195px 0;
}
li.allmenu03 a:hover{
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -195px -52px;
}
/* --------- */
li.allmenu04 {
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -293px 0;
}
li.allmenu04 a {
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -293px 0;
}
li.allmenu04 a:hover{
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -293px -52px;
}
/* --------- */
li.allmenu05 {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -390px 0;
}
li.allmenu05 a {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -390px 0;
}
li.allmenu05 a:hover{
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -390px -52px;
}
/* --------- */
li.allmenu06 {
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -488px 0;
}
li.allmenu06 a {
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -488px 0;
}
li.allmenu06 a:hover{
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -488px -52px;
}
/* --------- */
li.allmenu07 {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -585px 0;
}
li.allmenu07 a {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -585px 0;
}
li.allmenu07 a:hover{
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -585px -52px;
}
/* --------- */
li.allmenu08 {
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -683px 0;
}
li.allmenu08 a {
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -683px 0;
}
li.allmenu08 a:hover{
width:97px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -683px -52px;
}



/*　サブナビ
-------------------------------------------------*/
ul#sub-navi {
clear:both;
width:780px;
height:20px;
margin:0;
padding:0;
list-style: none;
}
ul#sub-navi li {
float:left;
height:20px;
margin:0;
padding:0;
text-indent:-9999px;
font-size:10px;
line-height:100%;
}
ul#sub-navi li a {
height:20px;
margin:0;
padding:0;
outline:none;
display: block;
}
ul#sub-navi li a:hover {
height:20px;
margin:0;
padding:0;
outline:none;
display: block;
}
/* --------- */
li.submenu01 {
width:195px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat 0 -32px;
}
li.submenu01 a {
width:195px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat 0 -32px;
}
li.submenu01 a:hover{
width:195px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat 0 -84px;
}
/* --------- */
li.submenu02 {
width:195px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -195px -32px;
}
li.submenu02 a {
width:195px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -195px -32px;
}
li.submenu02 a:hover{
width:195px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -195px -84px;
}
/* --------- */
li.submenu03 {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -390px -32px;
}
li.submenu03 a {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -390px -32px;
}
li.submenu03 a:hover{
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -390px -84px;
}
/* --------- */
li.submenu04 {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -488px -32px;
}
li.submenu04 a {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -488px -32px;
}
li.submenu04 a:hover{
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -488px -84px;
}
/* --------- */
li.submenu05 {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -586px -32px;
}
li.submenu05 a {
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -586px -32px;
}
li.submenu05 a:hover{
width:98px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -586px -84px;
}
/* --------- */
li.submenu06 {
width:96px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -684px -32px;
}
li.submenu06 a {
width:96px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -684px -32px;
}
li.submenu06 a:hover{
width:96px;
margin:0;
padding:0;
background:url(../img2/base/menu.jpg) no-repeat -684px -84px;
}



/*　フッターナビ
-------------------------------------------------*/
.f-navi ul {
width:780px;
height:12px;
margin:0;
padding:0;
list-style:none;
}
.f-navi li {
float:left;
height:12px;
margin:0;
padding:0;
text-indent:-9999px;
font-size:10px;
line-height:100%;
display:block;
}
.f-navi li a {
height:12px;
margin:0;
padding:0;
text-indent:-9999px;
outline:none;
font-size:10px;
line-height:100%;
display:block;
}
.f-navi li a:hover {
height:12px;
margin:0;
padding:0;
text-indent:-9999px;
outline:none;
font-size:10px;
line-height:100%;
display:block;
}
/* --------- */
li.fnavi01 {
width:45px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat 0 0;
}
li.fnavi01 a {
width:45px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat 0 0;
}
li.fnavi01 a:hover{
width:45px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat 0 -14px;
}
/* --------- */
li.fnavi02 {
width:105px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -45px 0;
}
li.fnavi02 a {
width:105px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -45px 0;
}
li.fnavi02 a:hover{
width:105px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -45px -14px;
}
/* --------- */
li.fnavi03 {
width:57px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -150px 0;
}
li.fnavi03 a {
width:57px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -150px 0;
}
li.fnavi03 a:hover{
width:57px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -150px -14px;
}
/* --------- */
li.fnavi04 {
width:65px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -207px 0;
}
li.fnavi04 a {
width:65px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -207px 0;
}
li.fnavi04 a:hover{
width:65px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -207px -14px;
}
/* --------- */
li.fnavi05 {
width:65px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -272px 0;
}
li.fnavi05 a {
width:65px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -272px 0;
}
li.fnavi05 a:hover{
width:65px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -272px -14px;
}
/* --------- */
li.fnavi06 {
width:100px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -337px 0;
}
li.fnavi06 a {
width:100px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -337px 0;
}
li.fnavi06 a:hover{
width:100px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -337px -14px;
}
/* --------- */
li.fnavi07 {
width:87px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -437px 0;
}
li.fnavi07 a {
width:87px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -437px 0;
}
li.fnavi07 a:hover{
width:87px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -437px -14px;
}
/* --------- */
li.fnavi08 {
width:56px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -524px 0;
}
li.fnavi08 a {
width:56px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -524px 0;
}
li.fnavi08 a:hover{
width:56px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -524px -14px;
}
/* --------- */
li.fnavi09 {
width:93px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -580px 0;
}
li.fnavi09 a {
width:93px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -580px 0;
}
li.fnavi09 a:hover{
width:93px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -580px -14px;
}
/* --------- */
li.fnavi10 {
width:44px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -673px 0;
}
li.fnavi10 a {
width:44px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -673px 0;
}
li.fnavi10 a:hover{
width:44px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -673px -14px;
}
/* --------- */
li.fnavi11 {
width:63px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -717px 0;
}
li.fnavi11 a {
width:63px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -717px 0;
}
li.fnavi11 a:hover{
width:63px;
margin:0;
padding:0;
background:url(../img2/base/f-menu.gif) no-repeat -717px -14px;
}