/* CSS Document */

#mainMenu{
background-color: #fff;	/* メインメニューの背景 */
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* メニューのフォント */
font-size:12px;	/* メニューのフォントサイズ */
border-bottom:1px solid #990000;	/* メニューの下側のボーダー */
height:30px;	/* メニューの高さ */
position:relative;	/* 変更不可 */
}
#mainMenu a{
padding-left:5px;	/* メニュー項目の左側のスペース */
padding-right:5px;	/* メニュー項目の右側のスペース */
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
/* 以下の2つは変更不可 */
position:absolute;
bottom:-1px;	/* strict doctype宣言を使う場合は、この値を-2pxに */
}
#submenu{		
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* サブメニューのフォント */
background-color:#cc0000;	/* サブメニューの背景色 */
width:100%;	/* 変更不可 */
}	
#submenu div{
white-space:nowrap;	/* 変更不可 */
}


/*アクティブなメニューのスタイル */
#mainMenu .activeMenuItem{
/* ボーダーのオプション */
border-left:1px solid #990000;
border-top:1px solid #990000;
border-right:1px solid #990000;	
color:#fff;	
background-color: #cc0000;	/* 背景色 */
cursor:pointer;	/* マウスオーバー時のマウス形状 */
}

/*アクティブではないメニューのスタイル*/
#mainMenu .inactiveMenuItem{		
color: #000;	/* テキスト色 */
cursor:pointer;	/* マウスオーバー時のマウス形状 */
}
#submenu{
height:24px;
}
#submenu a:link{	
text-decoration:none;	
padding-left:5px;	/* サブメニュー項目の左側のスペース */
padding-right:5px;	/* サブメニュー項目の右側のスペース */
color: #fff;	/* テキスト色 */
font-size:12px;
}	
#submenu a:hover{
color: #000000;	/* マウスオーバー時のサブメニューの色 */
font-weight:bold;
cursor:pointer !important;
font-size:12px;
}
#submenu a:visited{
color: #fff;	/* マウスオーバー時のサブメニューの色 */
font-weight:bold;
font-size:12px;
}