/* ヘッダーナビ
----------------------------------------------- */
#navi-wrap {
    padding-top: 20px;
    /* width: 100%; */
    width: 972px;
}
#navi {
    z-index: 90;
    /* height: 44px; */
    /* background: url('../img/banner/navi_back.jpg') top left repeat-x; */
    background-color: #000;
    /* font-size: 100%; */
    /* line-height: 100%; */
    border:solid 12px #d4d4de;
}

#navi li {
    z-index: 90;
    /* background: url('../img/banner/navi_back_line.jpg') no-repeat right; */
    display: block;
    float: left;
    cursor: pointer;
    height: 44px;
    position: relative;
}

#navi li img {
    padding-top: 8px;
}

#navi li span img { 
    padding-top:  7px;
    padding-left: 8px;
}
#navi li span {}

#navi li a,
#navi li a span {
    display: block;
    _float: left;/*IE6対策*/
    cursor: pointer;
}

#navi li a {
    /* color: #2d2f39; */
    height: 28px;
    font-weight: bold;
    text-decoration: none;
}

#navi li a span {
    padding: 7px 10px;
    _padding: 9px 10px 5px;/*IE6対策*/
    height: 15px;
    _height: 13px;/*IE6対策*/
}

#navi li a:hover {
    /* background: url('../img/banner/navi_on.jpg') left 0 repeat-x; */
}

#navi li a:hover span {
    /* background: url('../img/banner/navi_on.jpg') left 0 repeat-x; */
}

#navi li.on a {
    /* background: url('../img/banner/navi_on.jpg') left 0 repeat-x; */
}

#navi li.on a span {
    /* background: url('../img/banner/navi_on.jpg') left 0 repeat-x; */
}

#navi li.sfhover a {
    /* background: url('../img/banner/navi_on.jpg') left 0 repeat-x; */
}

#navi li.sfhover a span {
    /* background: url('../img/banner/navi_on.jpg') left 0 repeat-x; */
}

#navi li ul {
    position: absolute;
    top: 26px;
    left: -9999px;
    width: 14px;
    font-weight: normal;
    clear: both;
}


/*プルダウンメニュー 第1階層*/
#navi li li {
    /* display: block; */
    top: 2px;
    width: 180px;
    height: 27px;
    line-height: 24px;
    color: #fff;
    /* background: url('../img/banner/subnavi_bak.gif') top left no-repeat #787878; */
    font-weight: normal;
}

#navi li li a {
    display: block;
    top: 2px;
    width: 180px;
    height: 27px;
    line-height: 24px;
    color: #fff;
    /* background: url('../img/banner/subnavi_bak.gif') top left no-repeat #787878; */
    font-weight: normal;
}

#navi li li a span {
    display: block;
    top: 2px;
    width: 180px;
    height: 27px;
    line-height: 24px;
    color: #fff;
    /* background: url('../img/banner/subnavi_bak.gif') top left no-repeat #787878; */
    font-weight: normal;
}

#navi li li {
    border: solid #888;
    border-width: 0 0 1px 0;
}

#navi li li a span {
    padding: 2px 0 0 8px;
    text-indent: 8px;
}

#navi li li a:hover {
    /* background: url('../img/banner/subnavi_bak_on.gif') top left no-repeat #474747; */
}

#navi li li a:hover span {
    background: #666;
}

#navi li.on li a,
#navi li.on li a span,
#navi li li.on a,
#navi li li.on a span {
    background: transparent;
}

#navi li.sfhover li a,
#navi li.sfhover li a span,
#navi li li.sfhover a,
#navi li li.sfhover a span {
    background: transparent;
}

#navi li.sfhover li a:hover {
    /* background: url('../img/banner/subnavi_bak_on.gif') top left no-repeat #474747; */
}

#navi li li.sfhover a:hover {
    /* background: url('../img/banner/subnavi_bak_on.gif') top left no-repeat #474747; */
}


/*プルダウンメニュー 第2階層*/
#navi li ul.level2 {
    position: absolute;
    top: 27px;
    left: -9999px;
    width: 14px;
    font-weight: normal;
}

#navi li li li,
#navi li li a,
#navi li li li a span {
    margin-left: 0;
    display: block;
    width: 180px;
    top: 1px;
    height: 27px;
    line-height: 24px;
    color: #fff;
    background: #787878;
    font-weight: normal;
    /* background: url('../img/banner/subnavi_bak.gif') top left no-repeat #787878; */
}

#navi li li li.sfhover a:hover {
    width: 180px;
    top: 1px;
    height: 27px;
    color: #fff;
    /* background: url('../img/banner/ico_sub_navi.gif') no-repeat left #474747; */
}

#navi li ul ul {
    margin: -28px 0 0 180px;
    _margin: -28px 0 0 187px;/*IE6応急 */
}

#navi li:hover ul ul,
#navi li:hover ul ul ul,
#navi li.sfhover ul ul,
#navi li.sfhover ul ul ul {
    left: -9999px;
}

#navi li:hover ul,
#navi li li:hover ul,
#navi li li li:hover ul,
#navi li.sfhover ul,
#navi li li.sfhover ul,
#navi li li li.sfhover ul {
    left: auto;
}

#navi ul.level1 li.on_level2 {
    /* background: url('../img/banner/subnavi_bak_l2.gif') top left no-repeat #787878; */
}

#navi ul.level1 li.on_level2 a:hover {
    /* background: url('../img/banner/subnavi_bak_l2_on.gif') top left no-repeat #787878; */
}

#navi ul.level1 li.on_level2 ul.level2 li a:hover {
    /* background: url('../img/banner/subnavi_bak_on.gif') top left no-repeat #474747; */
}

/*subnavi*/
.subnavi a {
    padding: 6px 5px 4px 5px;
    display: block;
    width: 140px;
    color: #fff;
    background-color: #666;
    text-decoration: none;
}
.subnavi a:visited {
    color: #fff;
    text-decoration: none;
}
.subnavi a:hover {
    color: #000;
    background-color: #666;
    text-decoration: none;
}
.subnavi_text {
    padding: 0 0 0 8px;
    font-size: 71%;
}
.subnavi-on a {
    padding: 6px 5px 4px 5px;
    display: block;
    width: 140px;
    color: #000;
    background-color: #666;
    text-decoration: none;
}
.subnavi-on a:visited {
    color: #000;
    text-decoration: none;
}
.subnavi-on a:hover {
    color: #000;
    background-color: #666;
    text-decoration: none;
}