* {
        margin: 0;
        padding: 0;
        list-style: none;
}

ul#pulldown-menu a {
        color: #FFFFFF;
        text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
        background: #111111;
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
        background: #222222;
}

ul#pulldown-menu li {
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        margin: 1px 0px 0px 1px;
        float: left;
        position: relative;
        height: 21px;
        width: 132px;
}
ul#pulldown-menu li a {
        padding: 4px 0px 0px 0px;
        display: block;
        width: 132px;
        height: 23px;
        text-align: center;
}

ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul,
ul#pulldown-menu li ul li ul {
        display: none;
}

ul#pulldown-menu li ul li ul li a{
        height: 23px;
        width: 190px;
        
}

/* 疑似要素 :hover で子メニューを可視、孫メニューを不可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

* html ul#pulldown-menu li:hover ul {
        vertical-align: bottom; /* IE6 で変な隙間が空くのでその対策 */
}

ul#pulldown-menu li:hover ul li ul {
        display: none;
}

/* 疑似要素 :hover で孫メニューを可視に */
ul#pulldown-menu li ul li:hover ul {
        display: block;
        position: absolute;
        top: 0;
        left: 132px;
        z-index: 200;
}

ul#pulldown-menu { /* IE6 対策 */
        behavior: url("csshover.htc");
}

*+html ul.pulldown-menu li ul {
margin-left: -50%;
}