img{
max-width:100%;
height:auto;
}
body{
   margin: 5px;
}
/*▼メニューバーの装飾*/
ul.ddmenu{
   margin: 5px;  /* メニューバー外側の余白（ゼロ） */
   padding: 0px 0px 0px 5px;  /* メニューバー内側の余白（左に*/
   background-color: #0000ff;
   font-size: 12px;
}
/*▼メインメニュー項目の装飾*/
ul.ddmenu li{
   width: 24%;
   display: inline-bolck;
   list-style-type: none;
   position: relative;
}
ul.ddmenu a{
   background-color: #0000ff ;
   color: white;
   line-height: 40px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   display: block;
}
ul.ddmenu a:hover{
	background-color: aqua;
	color: blue;
}
/*▼サブメニューは、とりあえず非表示にしておく*/
ul.ddmenu ul{
   display: none;
}
/*▼サブメニューの装飾*/
ul.ddmenu ul{
   display: none;
   width: 100%;
   margin: 0px;
   padding: 0px;
   position: absolute;
   z-index: 1000;
}
/*▼サブメニューがある場合に開く処理*/
ul.ddmenu li:hover ul{
   display: block;
}