div#frame{
  overflow:auto;
  overflow:hidden;
  width:760px;
  margin: 0 auto;
}
div#header{
 
 }

h4 {
font-family:Georgia, "Times New Roman", Times, serif
	font-size:14px;
	font-weight:bold;
    color: #000000;
	background-color: #cccccc;
	border-left: 10px solid #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
}



div#box_a { /*menuon the left*/
    float:left;
	width:150px;
	font-family: century gothic;
	padding: 0 0 0 5px;
	font-size:11px;
	color:#333333;
	text-align:left;
	line-height:2.5em;
	letter-spacing:0.3px;
}


.dropdown, .dropdown * {
 font-size: 12px;  /* 文字サイズ */
 font-style:italic;
 font-weight:bold;
 
 line-height: 1em;
 margin: 0;
 padding: 0;
}
.dropdown, .dropdown ul, .dropdown li {
 width: 130px;  /* メニューの幅 */
}
.dropdown a {
 display: block;
 padding: .7em 0.5em;
}
.dropdown a, .dropdown a:link, .dropdown a:hover, .dropdown a:visited {
 color: #000;  /* 文字色 */
 text-decoration: none;
}
.dropdown a:hover {  /* マウスカーソルが乗ったとき */
 color: #ffffff;  /* 文字色 */
 background: #253423;  /* 背景 */
}
.dropdown li {
 position: relative;
 display: block;
 list-style: none;
 background: #ffffff;  /* メインメニュー背景 */
}
.dropdown li li {
 background: #253423;  /* サブメニュー背景 */
 color:#FFFFFF;
}
.dropdown ul {
 visibility: hidden;
 position: absolute;
 left: 100px;  /* メニューの幅と同じ値 */
 }
.dropdown li:hover > ul {
 visibility: visible;
}

img {
margin-left:3px;
margin-top:13px;
}

div#box_b {  /*text on the right*/
    float:right;
	width:560px;
	font-family: verdana;
	font-size:12px;
	text-align:left;
	line-height:1.5em;
}



div#footer  {
    clear: both;
    width: 750px;
	padding:4px;
	font-family: verdana;
	font-size:9px;
	color:#CCCCCC;
	background-color:#253423;
	text-align:center;

}