/* divs for content pages */
.div-navi {
    position:relative;
    /*width: 114px;*/
    height: 33px;
}

#div-navi-01 {
    position: absolute; 
    z-index: 4; 
    /*top: 208px;*/
    left: 28px;
    width: 90px;
    visibility: hidden;
}
#div-navi-02 {
    position: absolute; 
    z-index: 4; 
    /*top: 208px;*/
    left: 142px;
    width: 122px;
    visibility: hidden;
}
#div-navi-03 {
    position: absolute; 
    z-index: 4; 
    /*top: 208px;*/
    left: 260px;
    width: 98px;
    visibility: hidden;
}
#div-navi-04 {
    position: absolute; 
    z-index: 4; 
    /*top: 208px;*/
    left: 378px;
    width: 110px;
    visibility: hidden;
}
#div-navi-05 {
    position: absolute; 
    z-index: 4; 
    /*top: 208px;*/
    left: 378px;
    width: 122px;
    visibility: hidden;
}

/* other */
.navi-link-01 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3A4483;
    text-decoration: none;
    display: block;
}
.navi-link-01:hover {
    color: #D69F1F; /*background-color: #F3E3BC;*/
}
.navi-link-01-sel {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
}
.navi-link-01-sel:hover {
    color: #FFFFFF;
}

/* ########################### */
.navi-2nd-level {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3A4483;
    text-decoration: none;
    display: block;
    margin-bottom: 1px;
    /*height: 18px;*/
    line-height: 17px;
    background-image: url(images/arrow_rb.gif); background-repeat: no-repeat;
    background-position: 14px 0px; padding-left: 25px; /*width: 138px;*/ _width: 162px;
    margin-left: 5px;
}

.navi-2nd-level:hover {
    color: #D69F1F;
    text-decoration: none;
    margin-bottom: 1px;
    background-color: #FFF;
    /*height: 18px;*/
    line-height: 17px;
    background-position: 14px -38px;
}

.navi-2nd-level-sel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*height: 18px;*/
    background-color: #FFF;
    color: #D69F1F;
    text-decoration: none;
    margin-bottom: 1px;
    display: block;
    line-height: 17px;
    margin-left: 5px; padding-left: 25px; width: 138px; _width: 162px;
}
/* ########################### */



/*navi 3rd level*/
.navi-3rd-level {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3A4483;
    text-decoration: none;
    display: block;
    padding-left: 30px;
    margin-bottom: 1px;
  width: 128px; _width: 162px;
  margin-left: 5px;
}
.navi-3rd-level:hover { 
    color: #D69F1F;
    text-decoration: none;
    margin-bottom: 1px;
  margin-left: 5px; padding-left: 30px; width: 128px; _width: 162px;
  background-color: #FFF;
}
.navi-3rd-level-sel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #D69F1F;
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin-bottom: 1px;
  background-color: #FFF;
  margin-left: 5px; padding-left: 30px; width: 128px; _width: 162px;
}

/******* 4th level ********/
.navi-4th-level {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #3A4483;
    text-decoration: none;    
    display: block;
    margin-bottom: 1px;
  margin-left: 5px; padding-left: 45px; width: 128px; _width: 162px;
}
.navi-4th-level:hover {
    text-decoration: none;
    display: block;
    color: #D69F1F;
    margin-bottom: 1px;
  background-color: #FFF;
  margin-left: 5px; padding-left: 45px; width: 118px; _width: 162px;
}
.navi-4th-level-sel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #D69F1F;
    text-decoration: none;
    font-weight: bold;    
    display: block;
    margin-bottom: 1px;
  background-color: #FFF;
  margin-left: 5px; padding-left: 45px; width: 118px; _width: 162px;
}