/*			MENU CSS			*/


* {
        margin: 0;
        padding: 0;
}

ul#pulldown-menu {
        behavior: url("/css/csshover3.htc"); /* IE6 対策 */
	background-color:white;
	margin:auto;
	padding:5px 0px 0px;
	width:770px;
	text-align:left;
}
ul#pulldown-menu ul.menu{
        list-style: none;
	margin:0px 35px;
	padding:0px;
}

ul#pulldown-menu a {
font-family: verdana, sans-serif;
        color: #FFFFFF;
        text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
        background: #fff;
background-image:url(../image/bg_menu_pink.jpg);
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
        background: #ccc;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
        margin: 0px 1px 0px 0px;
        width: 99px;
        height: 20px;
        font-weight: bold;
}
ul#pulldown-menu li a {
        display: block;
        width: 99px;
        height: 20px;
        text-align: center;
line-height: 20px;
}

ul#pulldown-menu li ul {
}
ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
}
ul#pulldown-menu li li a:link,
ul#pulldown-menu li li a:visited {
        background: #ff80b3;
background-image:none;
}
ul#pulldown-menu li li a:hover,
ul#pulldown-menu li li a:active {
        background: #ccc;
}

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

/* 疑似要素 :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: 9em;
        z-index: 200;
}