@charset "UTF-8";


#g_navi{
	vertical-align: top;
width:950px;
height:50px;
background-image:url(../img/navi.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
}

#g_navi li#g01{
width:238px;
}
#g_navi li{
width:236px;
float:left;
}
#g_navi li a{
display:block;
width:236px;
height:50px;
text-indent:-9999px;
overflow:auto;

}

#g_navi li#g01 a{
	display:block;
	vertical-align: top;
	width: 238px;
	height: 50px;
}
ul{font-size:0;}

li#g01 a:hover {background:url(../img/navi.jpg) 0px -50px no-repeat; }
li#g02 a:hover {background:url(../img/navi.jpg) -238px -50px no-repeat; }
li#g03 a:hover {background:url(../img/navi.jpg) -474px -50px no-repeat; }
li#g04 a:hover {background:url(../img/navi.jpg) -710px -50px no-repeat; }

#container {
  margin: 0px auto;
  height:547px;
  width: 249px;
}


#h_navi{
width:249px;
height:547px;
background-image:url(../img/navi20190108.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
}

#h_navi li#h01{
height:42px;
}

#h_navi li{
height:42px;
float:right;
}

#h_navi li a{
display:block;
width:249px;
height:42px;
text-indent:-9999px;
overflow:auto;
}

#h_navi li#h01 a{
display:block;
width:249px;
height:42px;
}


li#h01 a:hover {background:url(../img/navi20190108.jpg) -249px 0px no-repeat; }
li#h02 a:hover {background:url(../img/navi20190108.jpg) -249px -42px no-repeat; }
li#h03 a:hover {background:url(../img/navi20190108.jpg) -249px -84px no-repeat; }
li#h04 a:hover {background:url(../img/navi20190108.jpg) -249px -126px no-repeat; }
li#h05 a:hover {background:url(../img/navi20190108.jpg) -249px -168px no-repeat; }
li#h06 a:hover {background:url(../img/navi20190108.jpg) -249px -210px no-repeat; }
li#h07 a:hover {background:url(../img/navi20190108.jpg) -249px -252px no-repeat; }
li#h08 a:hover {background:url(../img/navi20190108.jpg) -249px -294px no-repeat; }
li#h09 a:hover {background:url(../img/navi20190108.jpg) -249px -336px no-repeat; }
li#h10 a:hover {background:url(../img/navi20190108.jpg) -249px -378px no-repeat; }
li#h11 a:hover {background:url(../img/navi20190108.jpg) -249px -420px no-repeat; }
li#h12 a:hover {background:url(../img/navi20190108.jpg) -249px -462px no-repeat; }
li#h13 a:hover {background:url(../img/navi20190108.jpg) -249px -504px no-repeat; }






#hhh_navi{
width:249px;
height:194px;
background-image:url(../img/navi4-20190708.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
}

#hhh_navi li#hhh01{
width:248px;
height:50px;
}

#hhh_navi li{
width:248px;
height:48px;
float:right;
}

#hhh_navi li a{
display:block;
width:248px;
height:48px;
text-indent:-9999px;
overflow:hidden;
}

#hhh_navi li#hhh01 a{
display:block;
width:248px;
height:50px;
}


li#hhh01 a:hover {background:url(../img/navi4-20190708.jpg) -248px 0px no-repeat; }
li#hhh02 a:hover {background:url(../img/navi4-20190708.jpg) -248px -50px no-repeat; }
li#hhh03 a:hover {background:url(../img/navi4-20190708.jpg) -248px -98px no-repeat; }
li#hhh04 a:hover {background:url(../img/navi4-20190708.jpg) -248px -146px no-repeat; }


#hh_navi{
width:249px;
height:241px;
background-image:url(../img/navi3.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
}

#hh_navi li#hh01{
width:248px;
height:50px;
}

#hh_navi li{
width:248px;
height:48px;
float:left;
}

#hh_navi li a{
display:block;
width:248px;
height:48px;
text-indent:-9999px;
overflow:hidden;
}

#hh_navi li#hh01 a{
display:block;
width:248px;
height:50px;
}


li#hh01 a:hover {background:url(../img/navi3.jpg) -248px 0px no-repeat; }
li#hh02 a:hover {background:url(../img/navi3.jpg) -248px -50px no-repeat; }
li#hh03 a:hover {background:url(../img/navi3.jpg) -248px -98px no-repeat; }
li#hh04 a:hover {background:url(../img/navi3.jpg) -248px -146px no-repeat; }
li#hh05 a:hover {background:url(../img/navi3.jpg) -248px -194px no-repeat; }