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

		/* ------------------------ */
		/* メインメニュー項目の装飾 */
		div.menubar ul#menu {
			margin: -15px 0px 0px 2px; /* メニューバー外側の余白 */
			padding: 0px;             /* メニューバー内側の余白 */
			height: 40px;             /* メニューバーの高さ */
		}
		div.menubar ul#menu li {
	width: 129px; /* メニュー項目の横幅 */
	height: 40px; /* メニュー項目の高さ（「メニューバーの高さ」と一致させる） */
	float: left; /*メニューバースタート順番　Right　上から　下から　水平展開にする*/
	list-style-type: none;
	position: relative;
		}
		div.menubar ul#menu a {
			background-color:#006fab; /* メニュー項目の背景色 */
		    color: white;              /* メニュー項目の文字色 */
		    line-height: 40px;         /* メニュー項目のリンクの高さ（「メニュー項目の高さ」と一致させる） */
		    text-align: center;        /* メインメニューの文字列の配置（中央寄せ） */
		    text-decoration: none;     /* メニュー項目の装飾（下線を消す） */
			border-width: 1px 1px 1px 1px; /* サブメニュー全体の枠線の太さ */
			border-style: solid;           /* サブメニュー全体の枠線の線種 */
			border-color: #fff;         /* サブメニュー全体の枠線の色 */
		    display: block;
			width: 100%;
		    height: 100%;
		}
		div.menubar ul#menu a:hover {
	background-color: #89bdde; /* メニュー項目にマウスが載ったときの背景色 */
	color: #005500;            /* メニュー項目にマウスが載ったときの文字色 */
		}

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

		/* ---------------------- */
		/* サブメニュー項目の装飾 */
		div.menubar ul#menu ul.sub {
			background-color: #89bdde;     /* サブメニュー全体の背景色 */
			border-width: 1px 1px 1px 0px; /* サブメニュー全体の枠線の太さ */
			border-style: solid;           /* サブメニュー全体の枠線の線種 */
			border-color: #006fab;         /* サブメニュー全体の枠線の色 */
			margin: 0px;
			padding: 0px;
			display: none;
			position: absolute;
		}
		div.menubar ul#menu ul.sub li {
			width: 129px; /* サブメニュー1項目の横幅 */
			height: 40px; /* サブメニュー1項目の高さ */
			border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
			border-style: solid;           /* サブメニュー1項目の枠線の線種 */
			border-color: #fff;         /* サブメニュー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: #89bdde; /* サブメニュー項目にマウスが載ったときの背景色 */
	color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色 */
		}

	</style>