/* ページのレイアウト２段用CSS */
body{
	text-align: center;
	background-image: url(img/wallppr090.gif);
}
tr {
    padding:5px;
}
.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 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;
}
/* a要素にdisplay: blockを指定 */
 .menu a { 
    color:blue;
	background-color: #00a80 ;
    text-decoration:none;
}
 .menu a:hover { 
    background-color:#d9d9ff; 
	color:#800000;
	
}
 .menu2 a { 
    color:blue;
	background-color: #00a80 ;
    text-decoration:none;
}
 .menu2 a:hover { 
    background-color:#d9d9ff; 
	color:#800000;
	
}
.menu a span{
    position: absolute; left: 20em; top: 200px;
    visibility: hidden;
    display: block; width: 20em;
    text-decoration: none; color: white;
    background-color: #00bf60; padding: 0.4em; 
}
.menu a:hover span { visibility: visible; 
}
.menu2 a span{
    position: absolute; left: 5em; top: 50em;
    visibility: hidden;
    display: block; width: 20em;
    text-decoration: none; color: white;
    background-color: #00bf60; 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; }