@charset "utf-8";

html{height:100%;overflow-y: scroll;}
body{position: relative;margin:0;padding:0;background-image:url("../img/background.jpg");height: 100%;font-family : "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}
div#top{width: 780px; height: 500px;
           position:absolute;left:50%;top:50%;
           margin: -250px 0px 0px -390px;
           padding:0;
           background-image: url("../img/top.jpg");
}
div#height{height:470px}
ul#menu{list-style-type: none;
             position:absolute;top:50%;left:50%;
             margin: -200px 0 0 -285px;
             padding:0;
             background-image: none;line-height: 1.5px;}

a#about_us {
	display:block;
	width:140px;
	height:33px;
	background-image: url("../img/about_us.png");
	background-position:top left;
	background-repeat:no-repeat;
             margin:0px;
	}
a#works {
	display:block;
	width:140px;
	height:33px;
	background-image: url("../img/works.png");
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
             padding:left; 
	}
a#animation {
	display:block;
	width:140px;
	height:33px;
	background-image: url("../img/animation.png");
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px; 
	}
a#contact {
	display:block;
	width:140px;
	height:33px;
	background-image: url("../img/contact.png");
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px; 
	}


a#about_us:hover{
	background-position: bottom left;
	}
a#works:hover{
	background-position: bottom left;
	}
a#animation:hover{
	background-position: bottom left;
	}
a#contact:hover{
	background-position: bottom left;
	}