@charset "utf-8";
/* CSS Document */

h2{color:#009933;}
h3{color:#33CC66;}

p{margin:0.3em;}

.font{color:#009900;}

#header{
  position:relative;
   margin:0 auto;
  background:url(siryo.jpg);
  width:770px;
  height:280px;
  }
  

 
#header #logo{
  float:left;
  text-align:center;
  padding:0;
  }
  
#move{
	position:relative;
	top:10px;
	left:400px;
	width:350px;
	font-size:14px;
	padding:10px;
  }
  
#move a{
    color:#3399FF;
	}
	
#move a:hover{
    color:#66FFCC;
	top:2px;
	right:2px;
	}
  
#menu{
    clear:both;
	position:relative;
	top:-80px;
	left:230px;
	width:600px;
	font-size:15px;
	height: 20px;
  }

#menu ul{
  list-style:none;
  margin:0;
  padding:0;
  }
  
#menu li{
  margin:0 0 0 10px;
  padding:0;
  width:100px;
  text-decoration:none;
  float:left;
  }
  
#menu a{
 text-decoration:none;
 color:#333333;
 text-align:center;
 } 

#menu a:hover{
    color:#66FFCC;
	top:2px;
	right:2px;
	}

#nav{
    position:absolute;
	clear:both;
	with:770;
	left: 0px;
	top:250px;
	font-size:15px;
  }
  
#nav ul{
  list-style:none;
  margin:0;
  padding:0;
  }
  
#nav li{
  float:left;
  width:110px;
  margin:0;
  padding:0;
  background:#ffffff;
  border-bottom:1px solid #CCCCCC;
  }

#nav li a{
  with:100%;
  background:url(../green.png) left top no-repeat;
  display:block;
  text-align:center;
  color:#FFFFFF;
  text-decoration:none;
  padding:0.3em;
  }
  
#nav li a:hover{
  color:#333333;
  background:url(../green.png) right top no-repeat;
  }

#contents{
  margin:0 auto;
  width:770px;
    padding:0.5em;
  font-family:"HG丸ｺﾞｼｯｸM-PRO", "HG創英ﾌﾟﾚｾﾞﾝｽEB", "HG明朝E";
  }


#footer{
 margin:0 auto;
  color:#000000;
  width:770px;
  clear:both;
  background:#FFFFFF;
  border-top:#666666 solid 1px;
  border-bottom:#666666 double;
 }