BODY {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}

#logoArea {
    margin: 0 auto;
}

#headerMenuUl {
    list-style: none;
    width: 800px;
    margin: 0;
    padding: 0;
}

#headerMenuUl LI {
    margin: 0;
    padding: 0;
}

#headerBook, #_headerBook {
    float: left;
    width: 114px;
    height: 50px;
}

#headerBook A {
    display: block;
    width: 114px;
    height: 50px;
    background: url(../../images/book.gif) top left no-repeat;
    text-indent: -5000px;
}

#headerBook A:hover {
    background: url(../../images/book-hover.gif) top left no-repeat;
}

#_headerBook A {
    display: block;
    width: 114px;
    height: 50px;
    background: url(../../images/book-hover.gif) top left no-repeat;
    text-indent: -5000px;
}

#headerSeminar {
    float: left;
    width: 114px;
    height: 50px;
}

#headerSeminar A {
    display: block;
    width: 114px;
    height: 50px;
    background: url(../../images/dvd.gif) top left no-repeat;
    text-indent: -5000px;
}

#headerSeminar A:hover {
    background: url(../../images/dvd-hover.gif) top left no-repeat;
}

#headerSoft {
    float: left;
    width: 114px;
    height: 50px;
}

#headerSoft A {
    display: block;
    width: 114px;
    height: 50px;
    background: url(../../images/soft.gif) top left no-repeat;
    text-indent: -5000px;
}

#headerSoft A:hover {
    background: url(../../images/soft-hover.gif) top left no-repeat;
}

#headerTs {
    float: left;
    width: 116px;
    height: 50px;
}

#headerTs A {
    display: block;
    width: 116px;
    height: 50px;
    background: url(../../images/ts.gif) top left no-repeat;
    text-indent: -5000px;
}

#headerTs A:hover {
    background: url(../../images/ts-hover.gif) top left no-repeat;
}

#headerMss {
    float: left;
    width: 114px;
    height: 50px;
}

#headerMss A {
    display: block;
    width: 114px;
    height: 50px;
    background: url(../../images/mss.gif) top left no-repeat;
    text-indent: -5000px;
}

#headerMss A:hover {
    background: url(../../images/mss-hover.gif) top left no-repeat;
}

#headerDigigi {
    float: left;
    width: 114px;
    height: 50px;
}

#headerDigigi A {
    display: block;
    width: 114px;
    height: 50px;
    background: url(../../images/dijiji.gif) top left no-repeat;
    text-indent: -5000px;
}

#headerDigigi A:hover {
    background: url(../../images/dijiji-hover.gif) top left no-repeat;
}

#headerAbout {
    float: left;
    width: 114px;
    height: 50px;
}

#headerAbout A {
    display: block;
    width: 114px;
    height: 50px;
    background: url(../../images/about_us.gif) top left no-repeat;
    text-indent: -5000px;
}

#headerAbout A:hover {
    background: url(../../images/about_us-hover.gif) top left no-repeat;
}

DIV#menubar {
    background-color: white;
    width: 800px;
    margin: 0 auto;
}

DIV#menubar img {
    vertical-align: top;
    border: 0px;
}

DIV.hiddenmenus {
    position: relative;
    text-align: left;
    margin: 0 auto;
    width: 800px;
    clear: both;
}

DIV.hiddenmenus UL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
}

DIV.hiddenmenus LI {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #ffffff;
    padding: 0 1em;
    height: 40px;
    line-height: 40px;
}

DIV.hiddenmenus LI IMG {
    margin: 0 10px 0 0;
}

DIV.hiddenmenus LI A {
    text-decoration: none;
    color:black;
}

DIV.hiddenmenus LI A:hover {
    text-decoration: underline;
}

DIV#subMenu01 {
    position:absolute;
    top: 0;
    left: 0px;
    visibility: hidden;
    width: 300px;
    z-index: 100;
}

DIV#subMenu01 UL {
    background-color: rgb(230,240,255);
}

DIV#subMenu02 {
    position:absolute;
    TOP: 0;
    left: 114px;
    visibility: hidden;
    width: 300px;
    z-index: 100;
}

DIV#subMenu02 ul {
    background-color: rgb(230,240,255);
}

DIV#subMenu03 {
    position:absolute;
    top: 0;
    left: 228px;
    visibility: hidden;
    width: 300px;
    z-index: 100;
}

DIV#subMenu03 ul {
     background-color: rgb(230,240,255);
}

DIV#subMenu04 {
    position:absolute;
    top: 0;
    left: 686px;
    visibility: hidden;
    width: 300px;
    z-index: 100;
}

DIV#subMenu04 ul {
     background-color: rgb(230,240,255);
}