@charset "utf-8";
/* CSS Document */

/*--mainMenu（プルダウンメニュー）トップページ用--*/

#mainMenu {
	clear:both;
	padding-top:22px;
}

ul#pulldown-menu { /* IE6 対策 */
        behavior: url("js/csshover.htc"); /*--ここのパスがコンテンツページ用との違い--*/

}


#mainMenu ul,#mainMenu li{
        margin: 0;
        padding: 0;
        list-style: none;
}

ul#pulldown-menu a {
        color: #000;
        text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
        background: #FFFF;
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
        background: #CCC;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
        margin: 0em 0em 0em 0em;
        width: 158px;
        height: 2.5em;
        font-weight: bold;
        line-height: 2.5em;
		border-left:1px solid #999;
}

ul#pulldown-menu li.last {
        width: 163px;
		_width: 160px;
		border-right:1px solid #999;
}

ul#pulldown-menu li.last a {
        width: 163px;
		_width: 160px;
}

ul#pulldown-menu li a {
        display: block;
        width: 158px;
        height: 2.5em;
        text-align: center;
}

ul#pulldown-menu li ul li {
        width: 24em;
		text-indent:1.5em;
		border-bottom:1px solid #FFF;
        float: none;
        margin: 0;
        font-weight: normal;
}

ul#pulldown-menu li ul li a{ /* 二階層目の文字左寄せ */
        width: 24em;
        text-align: left;
}

ul#pulldown-menu li ul a:link,
ul#pulldown-menu li ul a:visited{ /* 二階層目の色設定 */
		background:#181748 url(../img/arrow2.gif) 8px 10px no-repeat;
		color:#FFF;
}

ul#pulldown-menu li ul a:hover,
ul#pulldown-menu li ul a:active{ /* 二階層目のロールオーバー */
        background-color: #262473;
		color:#FFF;
}

ul#pulldown-menu li ul li ul li{ /* 三階層目の横幅やフロート */
        width: 15em;
        float: none;
        margin: 0;
}

ul#pulldown-menu li ul li ul li a{
        width: 15em;
}

ul#pulldown-menu li ul li ul a:link,
ul#pulldown-menu li ul li ul a:visited{ /* 三階層目の色設定 */
		background:#47529A url(../img/arrow2.gif) 8px 10px no-repeat;
		color:#FFF;
}

ul#pulldown-menu li ul li ul a:hover,
ul#pulldown-menu li ul li ul a:active{ /* 三階層目のロールオーバー */
        background: #6A75BB url(../img/arrow2.gif) 8px 10px no-repeat;
		color:#FFF;
}


/* 下層のメニューを不可視に */
ul#pulldown-menu li ul,
ul#pulldown-menu li ul li ul {
        display: 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: 24em;
        z-index: 200;
}