body {
margin:0;
padding:0 ;
text-align:center;
background: url(background.jpg) repeat-x left top;
}
#wrapper {width: 720px;margin:0 auto;text-align:left;background: #fff;}
#headwrapper {width:720px;height:174px;background: #fff;}
#pic{
width: 555px;
height:	174px;
position: relative;
float:left;
margin-bottom: 0px;
padding:0;
z-index:0;

}
#pic ul{
margin: 0;
padding: 0;
list-style: none;
background: transparent;
}
#pic a{
display: block;
position: absolute;
width: 45px;
height: 30px;
text-indent: -2000em;
background:url(images/space.gif) no-repeat left top;
padding bottom: 5px;
}

#pic img{position:relative;}
#pic .mainlogo a{top: 22px;width:124px;height:44px;}
#pic .introduce a{top: 25px;left: 132px;}
#pic .lecture a{top: 25px;left: 186px;}
#pic .notice a{top: 26px;left: 236px;}
#pic .qna a{ top:25px;left: 280px;}
#pic .gallery a{top:25px;left: 328px;}
#pic .weepyshop a{top:0px;left:422px;width:127px;height:30px;}
#pic .introduce a:hover{background:transparent url(images/gallery.gif) no-repeat left top;}
#pic .lecture a:hover{background:transparent url(images/gallery.gif) no-repeat left top;}
#pic .notice a:hover{background:transparent url(images/gallery.gif) no-repeat left top;}
#pic .qna a:hover{background:transparent url(images/gallery.gif) no-repeat left top;}
#pic .gallery a:hover{background:transparent url(images/bbs.gif) no-repeat left top;}
#pic .weepyshop a:hover{background:transparent url(images/shop.png) no-repeat left top;}
#login{float:left;}
#bgm{float:left;}
#contents{width:720px;display:inline;overflow:auto;text-align:center;z-index:1;}
#footer{padding:0;margin:0;height:40px;background: url(images/footer.jpg);}
.clear {clear:both;}