@charset "utf-8";
/* CSS JQuery プルダウンメニュー */
<style type="text/css">
		/* ------------------ */
		/* メニューバーの装飾 */
		div.menubar {
			background-color: #fff;         /* バーの背景色 */
			border-top:    3px double #800000; /* バーの上端線 */
			border-bottom: 3px double #800000; /* バーの下端線 */
			min-width: 630px;                  /* メインメニュー全部が収まる最低横幅 */
		}

		/* ------------------------ */
		/* メインメニュー項目の装飾 */
		div.menubar ul#menu {
			margin: 0px 0px 0px 15px; /* メニューバー外側の余白 */
			padding: 0px;             /* メニューバー内側の余白 */
			height: 75px;             /* メニューバーの高さ */
		}
		div.menubar ul#menu li {
	width: 83px; /* メニュー項目の横幅 */
	height:75px; /* メニュー項目の高さ（「メニューバーの高さ」と一致させる） */
	float: right;
	list-style-type: none;
	position: relative;
		}
		div.menubar ul#menu a {
			background-color:#dc1659; /* メニュー項目の背景色 */
		    color: white;              /* メニュー項目の文字色 */
		    line-height: 75px;         /* メニュー項目のリンクの高さ（「メニュー項目の高さ」と一致させる） */
		    text-align: center;        /* メインメニューの文字列の配置（中央寄せ） */
		    text-decoration: none;     /* メニュー項目の装飾（下線を消す） */
		    display: block;
			width: 99%;
		    height: 100%;
		}
		div.menubar ul#menu a:hover {
	background-color: #fbffe8; /* メニュー項目にマウスが載ったときの背景色 */
	color: #cc0000;
		}

		/* メニューバー直後の Clear Hack */
		div.menubar ul#menu { zoom:1; }
		div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

		/* ---------------------- */
	/* サブメニュー項目の装飾 */
div.menubar ul#menu ul.sub {
    background-color: #cc0000;
    border-width: 0px 1px 0px 1px; /* 上の枠線をなくす（元は 1px 1px 0px 1px。2026-11-02 照夫さん指示） */
    border-style: solid;
    border-color: #800000;
    margin: 0;
    padding: 0;
    display: none;

    position: absolute;
    top: 100%;     /* 親メニューの真下 */
    left: 0;       /* 親メニューの左端に揃える */
    width: 83px;   /* 項目1つ分の幅にして1列にする（元は180px＝2列。2026-11-02 照夫さん指示） */
    z-index: 1000;
    line-height: 0; /* 箱の中の全角スペース（文字）が作る空行を0にして、上の赤い帯を消す（2026-11-02 照夫さん指示。項目の文字は li a 側の line-height:35px が効く） */
}
		div.menubar ul#menu ul.sub li {
			width: 82px; /* サブメニュー1項目の横幅 */
			height: 35px; /* サブメニュー1項目の高さ */
			border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
			border-style: solid;           /* サブメニュー1項目の枠線の線種 */
			border-color: #800000;         /* サブメニュー1項目の枠線の色 */
			
		}
		div.menubar ul#menu ul.sub li a {
	line-height: 35px; /* サブメニュー1項目の行高（「サブメニュー1項目の高さ」と合わせる） */
	text-align: center;  /* 文字列の配置（左寄せ） */
	text-indent: 5px;  /* 文字列前方の余白 */
		}
		div.menubar ul#menu ul.sub li a:hover {
	background-color: #fbffe8; /* サブメニュー項目にマウスが載ったときの背景色 */
	color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色 */
		}

	</style>