@charset "utf-8";
body{font-family : "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}

ul#headr_menu{
             margin: 0;
             padding: 10px 0 0 45px;
             list-style-type:none;
            }
li.header{float:left; width:98px;height:33px;padding-right:0px;}
li#header_top{float:left; width:98px;height:33px;padding-right:185px;}


a#top {display : block;
             width:57px;height:24px;
	background-image: url("../img/top_h.png");
	background-position:top;
	background-repeat:no-repeat;
             margin:0px;
	}
a#about_us {display : block;
             width:140px;height:24px;
	background-image: url("../img/about_us_h.png");
	background-position:top;
	background-repeat:no-repeat;
             margin:0px;
	}
a#works {display : block;
             width:140px;height:24px;
	background-image: url("../img/works_h.png");
	background-position:top;
	background-repeat:no-repeat;
	margin:0px; 
	}
a#animation {display : block;
             width:140px;height:24px;
	background-image: url("../img/animation_h.png");
	background-position:top;
	background-repeat:no-repeat;
	margin:0px; 
	}
a#contact {display : block;
             width:140px;height:24px;
	background-image: url("../img/contact_h.png");
	background-position:top;
	background-repeat:no-repeat;
	margin:0px; 
	}


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