body {
width: 950px; 
margin: auto; 
background-image: url(../top.jpg); 
background-repeat: no-repeat; 
background-position: center top; 
background-color: #000000; 
vlink: #0000FF; 
link: #0000FF;
}  

img {
border:0px;
}

#top {
width: 950px;
height: 660px;
}  

#title { 
margin-top: 5px; margin-bottom: 0px; 
}


#introduction { 
float: left;
margin-top: 50px; 
margin-bottom: 10px;
margin-left: 10px; 
 clear: both;
color: #ffffff
}



#introduction h1 {
margin: 0; 
font-size: 1.5em; 
font-family: "ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana
,"ＭＳ Ｐゴシック",sans-serif;
}


#introduction p {
margin 0; 
font-size: 0.75em; 
}



#kanwa {
margin-top: 0px; 
margin-left:0px; 
float: right;
}


#kyouin {
margin-top: 500px; 
margin-right:0px; 
float: left;
}

.menu  {
float: left;
width: 950px; height: 35px;
margin-top: 0px; 
margin-bottom: 0px;
border-top: solid 1px #ffffff; 
border-bottom: solid 1px #ffffff; 
position: relative; 
 clear: both;
}

.menu a {
text-decoration: none;
}

.menu #link1 a {
background-image: url(home.gif); 
z-index: 3;
}
.menu #link2 a {
background-image: url(about-us.gif); 
z-index: 3;
}
.menu #link3 a {
background-image: url(fieald.gif); 
z-index: 3;
}
.menu #link4 a {
background-image: url(album.gif); 
z-index: 3;
}
.menu #link5 a {
background-image: url(blog.gif); 
z-index: 3;
}
.menu #link6 a {
background-image: url(link.gif); 
z-index: 3;
}
.menu span {
position: relative; 
z-index: -1;
}
  
.menu ul {
margin: 0; 
padding: 0; 
}
.menu li {
list-style-type: none; 
float: left;
}
.menu li a {
display: block; width: 158px; 
line-height: 35px; 
border-right: solid 0px #aaaaaa;
}
.menu li a:hover {
background-position: 0 -45px;
}
.menu #current a {
background-position: 0 0px;}

.menu.tTip {position: relative; cursor: pointer; color: #666; font-weight: bold;}
	
.tip {
	width: 212px;
        padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute ;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}


#updatelog {
margin-top: 0px; 
margin-left: 0px; 
margin-bottom: 5px;  
float: left; 
color: #ffffff;
}


#updatelog h2 {
margin-bottom: 5px; 
font-size: 1em; 
font-family: "HGMaruGothicMPRO"; 
}

#updatelog object {
width: 515px; 
height: 160px; 
border: solid 1px #33250b; 
}

#news{
margin-top: 0px; 
color: #ffffff;
float: right; 
}

#news h2 {
margin-bottom: 5px; 
font-size: 1em; 
font-family: "HGMaruGothicMPRO"; 
}

.notification {
width: 400px; 
height: 160px; 
border: solid 1px #33250b; 
float: right; 
margin:0 auto;
text-align:center;
}

#blog {
width: 530px; 
height: 220px; 
margin-top: 8px; 
margin-bottom: 0px;  
float: left; 
clear: both;
color: #ffffff;
}

#blog h2 { 
font-size: 1em; 
font-family: arial,sans-serif; 
float: left; 

}

.twitter-timeline {
width: 520px; 
height: 200px; 
}


#banner {
width: 410px; 
height: 220px; 
margin-top:70px; 
margin-left:5px; 
float: right; 
}

#footer{ 
clear: both;
width: 960px; height: 40px; margin-top: 0px; background-color: #241a08; 
float: left;
}

#footer_inner{
padding: 25px 10px; 
}
#footer p {
color: #ffffff; font-size: 0.75em; margin: 0; text-align:center;
}