@charset "Shift_JIS";
#navbar {
 background-color:#ffffff; /*メニューボタンの背景色*/
width: 100%;/*ページの幅いっぱいに設定*/
height:37px;/*ライン分高くする*/
margin-top:0px;
 padding-top:0px;
 }

 #navbar ul {
 list-style-type:none;
　display : block ;
 padding:0;
 margin:0;
position : absolute ;  
 font-weight:nomal;
 }





 #navbar li {
 width:140px;/*メニューボタンの幅*/
float:left;
 }

 #navbar li a {
	background-color: #87ceeb;
	font-size: 15px;
	display: block;
	height: 50px;
	width: 140px;
	line-height: 50px;
	text-align: center;
	color: #696969;
	border-width: 1px;
	border-style: solid;
	border-color: white;
}

 #navbar ul ul {
 width:100%;
 float:left;
 }

 #navbar ul ul li a {
 font-size:11px;
 background-image:none;
 height:auto;
 line-height:nomal;
 background-color:#6699ff;
 border:solid 1px;
 border-color: #cccccc #666666 #666666 #cccccc;
 width:137px;
 padding:1px;
 color:#333333;
 }


 #navbar ul ul li a:hover {
 background-color:#003399;
 color:#FFFFFF;/*マウスオーバーで文字の色が変化*/
 }


 #navbar ul ul {
 visibility:hidden;/*javascriptの指定*/
 }