/* CSS Document */

/* メニューバーの装飾 */
		div.menubar {
	background-color: #FFFF25;
	width: 1100px;
	height: 50px;
	margin-bottom: 20px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
		}

		/* メインメニュー項目の装飾 */
		div.menubar ul#menu {
	margin: 0px; 
	padding: 0px;            
	height: 50px;            
		}
		div.menubar ul#menu li {
	width: 218px;
	height: 50px;
	float: left;
	list-style-type: none;
	position: relative;
	margin-right: 2px;
		}
		div.menubar ul#menu a {
	background-color: #F9BB34;
	color: #000;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
		}
		div.menubar ul#menu a:hover {
	background-color: #B14D00;
	color: #FFFFFF;
		}

		/* メニューバー直後の 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: #FFCC33;     
	border-width: 1px 1px 0px 1px; 
	border-style: solid;           
	border-color: #800000;         
	margin: 0px;
	padding: 0px;
	display: none;
	position: absolute;
		}
		div.menubar ul#menu ul.sub li {
	width: 212px;
	height: 35px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #800000;
		}
		div.menubar ul#menu ul.sub li a {
	line-height: 35px; 
	text-align: left;  
	text-indent: 5px; 
	font-size: 14px;
	font-weight: normal;
		}
		div.menubar ul#menu ul.sub li a:hover {
			background-color: #ffff80;
			color: #005500;           
		}