@charset "utf-8";
/* CSS Document */
html{
    overflow-x:hidden;
    scrollbar-face-color:#ffffff ;
	scrollbar-arrow-color:#eeeeee;
	}
	
h3{
   color:#3399FF;
   font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"
   }

h4{
   color:#CC99FF;
   font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"
   }

.font1{

   margin:0.3em;
   color:#CC99FF;
   font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"   
   }


#header{
  background:url(top.jpg);
  margin:0 auto;
  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;
	}

#wrap{
    width:770px;
}

#contents{
  clear:both;
  width:770px;
  margin:0 auto;
  }

#info{
  float:left;
  margin:15px 0;
  padding:5px 0px 5px 10px;
  width:240px;
		   }

#info1{
	font-size:12px;
    padding:5px;
	margin:5px 0;
	width:216px;
	background:#FFFFCC;
	border:groove #6699FF;
	}
		
#info2{
  
	font-size:12px;
    padding:5px;
	margin:5px 0;
	width:216px;
	background:#FFFFCC;
	border:groove #33CC66;
	}	
	
#info3{
  
	font-size:12px;
    padding:5px;
	margin:5px 0;
	width:216px;
	background:#FFFFCC;
	border:groove #FFCCCC;
	}	



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

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