/* ナビ
----------------------------- */
.topmenu {
width:800px;
margin:0;
padding:0;
overflow: hidden;
}
.topmenu :after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .topmenu  {
height: 1em;
overflow: visible;
}
/**/

#navi {
width:800px;
height:64px;
margin:0;
padding:0;
}

#navi ul {
margin:0;
padding:0;
list-style: none;
}
#navi li {
float:left;
margin:0;
padding: 0;
text-indent:-9999px;
}
#navi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
/* --------- */
#navi li#allmenu01 {
margin:0;
padding:0;
width:71px;
height:64px;
background:url(../img/navi.jpg) no-repeat 0px 0;
}
#navi li#allmenu01 a {
margin:0;
padding:0;
width:71px;
height:64px;
background:url(../img/navi.jpg) no-repeat 0px 0;
}
#navi li#allmenu01 a:hover{
margin:0;
padding:0;
width:71px;
height:64px;
background:url(../img/navi.jpg) no-repeat -800px 0;
}
/* --------- */
#navi li#allmenu02 {
margin:0;
padding:0;
width:77px;
height:64px;
background:url(../img/navi.jpg) no-repeat -67px 0px;
}
#navi li#allmenu02 a {
margin:0;
padding:0;
width:77px;
height:64px;
background:url(../img/navi.jpg) no-repeat -67px 0px;
}
#navi li#allmenu02 a:hover{
margin:0;
padding:0;
width:77px;
height:64px;
background:url(../img/navi.jpg) no-repeat -867px 0px;
}
/* --------- */
#navi li#allmenu03 {
margin:0;
padding:0;
width:87px;
height:64px;
background:url(../img/navi.jpg) no-repeat -146px 0px;
}
#navi li#allmenu03 a {
margin:0;
padding:0;
width:87px;
height:64px;
background:url(../img/navi.jpg) no-repeat -146px 0px;
}
#navi li#allmenu03 a:hover{
margin:0;
padding:0;
width:87px;
height:64px;
background:url(../img/navi.jpg) no-repeat -946px 0px;
}
/* --------- */
#navi li#allmenu04 {
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -233px 0px;
}
#navi li#allmenu04 a {
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -233px 0px;
}
#navi li#allmenu04 a:hover{
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -1033px 0px;
}
/* --------- */
#navi li#allmenu05 {
margin:0;
padding:0;
width:64px;
height:64px;
background:url(../img/navi.jpg) no-repeat -311px 0px;
}
#navi li#allmenu05 a {
margin:0;
padding:0;
width:64px;
height:64px;
background:url(../img/navi.jpg) no-repeat -311px 0px;
}
#navi li#allmenu05 a:hover{
margin:0;
padding:0;
width:64px;
height:64px;
background:url(../img/navi.jpg) no-repeat -1111px 0px;
}
/* --------- */
#navi li#allmenu06 {
margin:0;
padding:0;
width:95px;
height:64px;
background:url(../img/navi.jpg) no-repeat -375px 0px;
}
#navi li#allmenu06 a {
margin:0;
padding:0;
width:95px;
height:64px;
background:url(../img/navi.jpg) no-repeat -375px 0px;
}
#navi li#allmenu06 a:hover{
margin:0;
padding:0;
width:95px;
height:64px;
background:url(../img/navi.jpg) no-repeat -1175px 0px;
}
/* --------- */
#navi li#allmenu07 {
margin:0;
padding:0;
width:84px;
height:64px;
background:url(../img/navi.jpg) no-repeat -467px 0px;
}
#navi li#allmenu07 a {
margin:0;
padding:0;
width:84px;
height:64px;
background:url(../img/navi.jpg) no-repeat -467px 0px;
}
#navi li#allmenu07 a:hover{
margin:0;
padding:0;
width:84px;
height:64px;
background:url(../img/navi.jpg) no-repeat -1267px 0px;
}
/* --------- */
#navi li#allmenu08 {
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -556px 0px;
}
#navi li#allmenu08 a {
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -556px 0px;
}
#navi li#allmenu08 a:hover{
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -1356px 0px;
}
/* --------- */
#navi li#allmenu09 {
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -633px 0px;
}
#navi li#allmenu09 a {
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -633px 0px;
}
#navi li#allmenu09 a:hover{
margin:0;
padding:0;
width:78px;
height:64px;
background:url(../img/navi.jpg) no-repeat -1433px 0px;
}
/* --------- */
#navi li#allmenu10 {
margin:0;
padding:0;
width:77px;
height:64px;
background:url(../img/navi.jpg) no-repeat -711px 0px;
}
#navi li#allmenu10 a {
margin:0;
padding:0;
width:77px;
height:64px;
background:url(../img/navi.jpg) no-repeat -711px 0px;
}
#navi li#allmenu10 a:hover{
margin:0;
padding:0;
width:77px;
height:64px;
background:url(../img/navi.jpg) no-repeat -1511px 0px;
}
#navi2 {
width:770px;
margin:0 0 10px 7px;
padding:0 5px 0 5px;
background:#DEE3B5;
    overflow: hidden;
}

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

/*\*/
* html #navi2 {
    height: 1em;
    overflow: visible;
}
/**/
#navi2 img {
float:left;
margin:0 5px 0 0;
padding:0;
}
#navi2 ul {
margin:5px 0 0 0;
padding:0;
list-style:none;
font-weight:bold;
}
#navi2 li {
float:left;
width:auto;
margin:0 8px 0 5px;
padding:0 0 0 5px;
border-left:#336600 3px solid;
color:#336600;
font-size:0.8em;
}
#navi2 li a {
margin:0;
padding:0;
text-decoration: none;
color:#336600;
}
#navi2 li a:hover {
margin:0;
padding:0;
color:#FF9900;
}