/*基本のデザイン*/

 body   {
      margin:0px;
       		padding:0px;
		background-color:#E5FFE5;
   }

#contents	{
		position:absolute; left: 200px;
		width:650px;
		background-color:#ffffff;
		margin:auto;
		padding:10px;
		text-align:left;
		font-size:80%;
		border:solid 1px #999999;
		line-height:150%;
		}
#dropmenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 800px; /* 十分な横幅があればこれはいらない */
	float: left; /* floatで高さが無くなる対策 */
}
#dropmenu li {
	float: left;
	position: relative; /* 子メニューにabsoluteを設定するため */
}
#dropmenu li a {
	display: block; /* aタグはインライン要素なのでブロックレベル要素にする */
	text-align: center;
	height: 20px;
	width: 125px;
	padding-top: 10px;
	background-color: #006600;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #006600;
}
#dropmenu li ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top:32px;
	left:0px;
	overflow: hidden;
	height: 0px;
	transition: all 0.5s;
}
#dropmenu li:hover ul {
	height: 200px;
	
}

#back	{
		width:600px;
          	text-align:left;
          	
         	padding:20px;
		
		line-height:150%;
          	}

#greenback	{
		width:600px;
          	text-align:left;
          	background-color:#d8ffb2;
         	padding:20px;
		
		line-height:150%;
          	}
img		{
		border-style:none;
		}

img.left	{
		float:left;
		padding:10px;
		}




img.right	{
		float:right;
		padding:10px;
		}


h1		{
		font-size:150%;
		color:#008000;
		}