/*******************************************************************************
	メニューのスタイル
	コメント内に書かれた値だけ変更してください．
*/

/* メニューバー */
.menuBar
{
	background: #FFFFCC;	/* メニューの背景色 */
	font-size: 10pt;		/* メニュー内のフォントサイズ */
	
	/*その他の変更可能な値
		border:			メニューのボーダー
		font:			メニュー内のフォント
	*/
}

/* メニューバー内の項目 */
.menuBarItem
{
	background: #FFFFCC;	/* 項目の背景色 */
}

/* アクティブな項目 */
.activeMenuBarItem
{

	/* .subMenu のそれと同じにする */
	background: #FFCC66;		/* 項目の背景色 */
	border-style: solid;		/* 項目のボーダー */
	border-color: #FF9933;		/* ボーダーの色 */

}

/* サブメニューの影 */
.menuBarItemShadow, .subMenuShadow
{
	background: #FF9933;	/* 影の色 */
}

/* メニュー内のリンク */
a.menuItemAnchor:link, a.menuItemAnchor:visited, a.menuItemAnchor:active
{
	background: transparent;	/* リンクの背景色 */
	color: #666666;				/* リンクの文字色 */
	text-decoration: none;		/* リンクのスタイル */
	/*その他の変更可能な値
		border:					メニュー項目のボーダー
		font:					 メニュー項目のフォント
	*/
}

/* メニュー内のカーソルの乗っているリンク */
a.menuItemAnchor:hover
{
	background: #FFCC66;		/* リンクの背景色 */
	color: #666666;				/* リンクの文字色 */
	text-decoration: none;		/* リンクのスタイル */
	/*その他の変更可能な値
		border-style:			カーソルの乗っている項目のボーダーのスタイル
	*/
}

/* メニュー内のテキスト */
.menuItemText
{
	font-size: 13px;				テキストのフォント
}

/* セパレーター */
.menuVSeparator, .menuHSeparator
{
	background: #FF9933;		/* セパレーターの色 */
}

/* サブメニュー */
.subMenu
{
	background: #FFFFFF;		/* サブメニューの背景色 */
	border-style: solid;		/* サブメニューのボーダーのスタイル */
	border-color: #FF9933;		/* サブメニューのボーダーの色 */
}

/* サブメニュー内の改行 */
.menuBreak
{
	border-style: solid;		/* 改行時に表示されるセパレーターのスタイル */
	border-color: #FF9933;		/* セパレーターの色 */
}

/* サブメニュー内の項目 */
.subMenuItem
{
	/*変更可能な値
		background:			メニュー項目の背景色
		border:				メニュー項目のボーダー
		font:				メニュー項目のフォント
	*/
}

/*******************************************************************************
	以下は編集しないでください．
*/

.menuBar
{
	width: 100%;
	border-collapse: collapse;
}
.menuBar *
{
	white-space: nowrap;
}

.menuBarItem, .menuBarItemShadow
{
	margin: 2px 0 2px 2px;
	padding: 1px 5px 0 1px;
}

.activeMenuBarItem
{
	position: relative;
	left: -2px;
	border-width: 1px 1px 0 1px;
	padding: 2px 2px 0 2px;
	z-index: 1;
	margin-bottom: 1px;
}

a.menuItemAnchor
{
	width: 100%;
	padding: 0.1em 0.5em 0 0.5em;
}

.menuVSeparator
{
	width: 1px;
}

.menuHSeparator
{
	height: 1px;
	margin-bottom: 2px;
	overflow: hidden;
}

.menuItem
{
	width: 100%;
}

.menuBreak
{
	border-width: 0 0 0 1px;
}

.subMenuLayer
{
	display: none;
	position: absolute;
	width: 0;
}

.menuShadow
{
	position: relative;
}

.subMenu
{
	font-size: 100%;
	position: relative;
	left: -2px;
	top: -2px;
	border-width: 1px;
	border-collapse: collapse;
}

.subMenu td
{
	padding: 2px;
	vertical-align: top;
}