/* ページのレイアウト２段用CSS */
body{
	text-align: center;
	background-image: url(img/wallppr090.gif);
}
.contents {
	width: 800px;
	height:100%;
	background-color:white;
	margin:0px;
	padding:0px;
	text-align: left;
	
}
.main {
	width: 630px;
	padding:0px;
}
.fuki {
	width: 600px;
	padding:10px;
	
	color:black;
    font-size:14px;
    
    line-height:150%;
	text-align:justify;
    text-justify:inter-ideograph;
}
.fuki2 {
	width: 600px;
	padding:10px;
	
	color:black;
    font-size:14px;
    background-color:#d1ffa4;
    line-height:150%;
	text-align:justify;
    text-justify:inter-ideograph;
}
.side1 {
	width: 130px;
	padding-right:0px;
	padding-left:0px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	margin-left:0px;
	vertical-align:top;
	text-align:left;
	background-color:#006f00;
}
.side1 div {
    font-size:14px;
    font-weight:bold;
    width:170px;
    margin-top:0px;
	margin-left:0px;
	padding-top:5px;
    padding-bottom:5px;
    padding-left:0px;
    border-bottom:solid 1px white;
}
.side1 h2{
	text-align:left;
	margin-bottom:0px;
	padding-top:10px;
}
.side1 ul{
	margin-left:40px;
	margin-bottom:0px;
	padding-left:0px;
	margin-top:5px;
	list-style-type:none ;}
.side1 li {
	list-style-type: none;
}
.menu a span{
    position: absolute; left: 20em; top: 10em;
    visibility: hidden;
    display: block; width: 10em;
    text-decoration: none; color: white;
    background-color: #43006a; padding: 0.4em; 
}
.menu a:hover span { visibility: visible; 
}
.menu2 a span{
    position: absolute; left: 20em; top: 30em;
    visibility: hidden;
    display: block; width: 10em;
    text-decoration: none; color: white;
    background-color: #43006a; padding: 0.4em; 
}
.menu2 a:hover span { visibility: visible; 
}
.menu2 a:hover { background-color: #FCC; 
}
/* 画像がポップアップ表示される */
.menu3  a img { position: absolute;
  left: 100px; top: 200px; visibility: hidden;
  border-style: none; }
.menu3 a:hover img { visibility: visible; }
.menu3  a:hover { background-color: #FCC; }