.dropdown, .dropdown * {
 /* font-size: 12px; */ /* 文字サイズ */
 line-height: normal;
 margin: 0;
 padding: 0;
}
.dropdown ul, .dropdown li {
 /* width: 120px; */  /* メニューの幅 */
}
.dropdown a {
 display: block;
 padding: 2px 0.5em;
}
.dropdown a, .dropdown a:link, .dropdown a:hover, .dropdown a:visited {
 /* color: #000; */ /* 文字色 */
 /* text-decoration: none; */
 text-decoration: underline;
}
.dropdown a:hover {  /* マウスカーソルが乗ったとき */
 color: #0000ff; /* 文字色 */
 /* background: #FFFFE0; */ /* 背景 */
}
.dropdown li {
 position: relative;
 display: block;
 float: left;
 list-style: none;
 /* background: #bbb; */  /* メインメニュー背景 */
 /* background: #ffffff; */  /* メインメニュー背景 */
}
.dropdown li li {
 /* background: #ffffff; */  /* サブメニュー背景 */

  width:223px ;
  padding: 2 ;
  clear:left ;
}
.dropdown ul {
 visibility: hidden;
 position: absolute;
 left: -1px;  /* サブメニューのボーダー幅を減算 */
 border: solid 1px #000000;  /* サブメニューのボーダー */

 width:225px ;
 background:#FAEBD7 ;
 padding: 4 ;
 clear:left ;
}
.dropdown ul ul {
 left: 100px; /* メニューの幅と同じ値 */
 top: -1px;   /* サブメニューのボーダー幅を減算 */
}
.dropdown li:hover > ul {
 visibility: visible;
}