@CHARSET "UTF-8";

/* 選択された要素、青地に白い文字 */
.selected {
	color:blue ! important;
	background-color:white ! important;
}

.displayNone * {
	display:none ! important;
}

/** メニューバーの動作設定用 **/
/* メニューバー */
ul.menuRoot, ul.menuRoot ul, ul.menuRoot li  {
	margin:0;padding:0;
	font:menu;
}
ul.menuRoot {
	width:100%; height:auto;
	background-color:gray;
}
/* 子要素を高さ計算で考慮させるために必要(本体の絶対配置等、他の方法でも可) */
ul.menuRoot:after {
	content:"";
	display:block;
	clear:both;
}
/* メニューの一段目は横に表示。*/
ul.menuRoot li.node {
	float:left;
	position:relative;
}
/* メニューの一段目から二段目へは縦に展開し、デフォルト非表示。*/
ul.menuRoot ul.content {
	position:absolute;
	left:0; top:100%;
	visibility:hidden;
	/* for gecko1.7 */
	margin-right:-1000px;
}
/* CSS3 for gecko1.8 later */
ul.menuRoot ul.content:only-child {
	margin-right:1000px; 
}
/* メニューの二段目以降は縦に表示。 */
ul.menuRoot ul.content li.node {
	float:none;
	visibility:inherit;
}
/* メニューの二段目以降から次の段へは縦に展開。*/
ul.menuRoot ul.content ul.content {
	left:100%; top:0;
}

/* 子要素がある事を示すマーカの表示部分 */
ul.menuRoot li.selected ul.content ul.content:before {
	content:"\25ba";
	visibility:visible; /* 本体が非表示でも表示 */
	display:block;
	margin-left:-2ex;
	height:1em; margin-bottom:-1em;
}
ul.menuRoot li.selected > ul.content:before {
	color:blue;
}
/* IE7用 */
*+html ul.menuRoot ul.content ul.displayNone {
	visibility:visible ! important;
	margin:0.75em auto auto auto; /* 0.5em + padding-top */
	border:0.5ex solid transparent;
	border-left:1ex gray;
	width:0;height:0;padding:0;
	left:auto;right:0;top:0;bottom:0;
}
*+html ul.menuRoot ul.content ul.content li:first-child {
	list-style:none outside url("../img/arrow_select.png");
}

/** デフォルトのスタイル **/
ul.menuRoot,
ul.menuRoot ul.content,
ul.menuRoot ul.group {
	background-color:#EEF;
	color:blue;
}
ul.menuRoot * {
	cursor:default;
	list-style:none outside;
}
ul.menuRoot {
	font:menu;
	border-bottom:thin outset;
	padding:2px;
}
ul.menuRoot ul.content {
	border:thin outset;
	padding:2px;
}
ul.menuRoot li.node {
	white-space:nowrap;
	padding:0.25em 40px 0.25em 32px;
}
ul.menuRoot ul.group {
	border-top:medium groove #FDD;
}

/** リンク部分の設定用 **/
ul.menuRoot a {
	/* どこでもクリック出来るようにする */
	display:block;
	/* liのパディングを参照 */
	margin:-0.25em -40px -0.25em -32px;
	padding:0.25em 40px 0.25em 32px;
}
/* JavaScript無しホバー */
ul.menuRoot li:hover,
/* IEバグ対策、a要素以外はhover動的クラスを受け入れない */
ul.menuRoot a:hover {
	background-color:white;
	color:blue;
}
/* IEバグ対策、margin-leftでリストのマーカがずれる */
/* 注 内容は同じだが','でハックを繋ぐと失敗する */
*+html ul.menuRoot a {
	position:relative; /* IEバグ対策、どこでもクリック可能に */
	text-indent:32px; /* 逆方向にずらす */
	padding-left:0; /* 逆方向にずらした分をずらさないプロパティで調整 */
} * html ul.menuRoot a {
	position:relative; text-indent:32px; padding-left:0;
}

/* IE6バグ対策 */
* html ul.menuRoot ul.content ul.content {
	margin-left:-32px;
}
/* IEバグ対策 */
ul.menuRoot li.selected {
	z-index:9999;
}
/* IEバグ対策(不要な改行を除去) */
* html ul.menuRoot ul.group,*+html ul.menuRoot ul.group {
	margin-top:-1.25em;
}

/* Opera8バグ対策 */
@media all and (min-width: 0px) {
	ul.menuRoot ul.content ul.content { margin-left:72px; }
	ul.menuRoot[class^="menuRoot"] ul.content ul.content { margin-left:0; }
	ul.menuRoot li.node { min-height:1em; }
	ul.menuRoot[class^="menuRoot"] li.node { min-height:0; }
}