@charset "UTF-8";
/* CSS Document */
#works_container { width:1100px; margin-top:63px; position:relative;}
.work_title { display:block; position:absolute; top:-35px; left:80px;}



.workstop_menu { float:left;}
.blueberry { float:right;}
.menu_inner { border:1px solid #c9caca; width:810px; height:570px; margin:0 0 0 78px;}



.workstop_menu { text-indent:-99999px; display:block;}
.workstop_menu ul { width:100px; margin:60px auto 0 auto;}

.workstop_menu li { list-style:none; margin:0 0 50px 0; display:block; height:20px; width:100px; padding:0;}
.workstop_menu a { margin:0; padding:0; }

.book a{ background:url(../images/book_moveout.jpg) no-repeat 0 0;display:block; height:20px; width:100px; display:block;}
.book a:hover{ background:url(../images/book_moveon.jpg) no-repeat 0 0; height:20px; width:100px; display:block;}

.cd a{ background:url(../images/cd_moveout.jpg) no-repeat 0 0;display:block; height:20px; width:100px; display:block;}
.cd a:hover{ background:url(../images/cd_moveon.jpg) no-repeat 0 0; height:20px; width:100px; display:block;}

.magazine a{ background:url(../images/magazine_moveout.jpg) no-repeat 0 0;display:block; height:20px; width:100px; display:block;}
.magazine a:hover{ background:url(../images/magazine_moveon.jpg) no-repeat 0 0; height:20px; width:100px; display:block;}

.exhibition a{ background:url(../images/exhibition_moveout.jpg) no-repeat 0 0;display:block; height:20px; width:100px; display:block;}
.exhibition a:hover{ background:url(../images/exhibition_moveon.jpg) no-repeat 0 0; height:20px; width:100px; display:block;}

.leaflet a{ background:url(../images/magazine_moveout.jpg) no-repeat 0 0;display:block; height:20px; width:100px; display:block;}
.leaflet a:hover{ background:url(../images/magazine_moveon.jpg) no-repeat 0 0; height:20px; width:100px; display:block;}

.typo a{ background:url(../images/typo_moveout.jpg) no-repeat 0 0;display:block; height:20px; width:100px; display:block;}
.typo a:hover{ background:url(../images/typo_moveon.jpg) no-repeat 0 0; height:20px; width:100px; display:block;}

.others a{ background:url(../images/others_moveout.jpg) no-repeat 0 0;display:block; height:20px; width:100px; display:block;}
.others a:hover{ background:url(../images/others_moveon.jpg) no-repeat 0 0; height:20px; width:100px; display:block;}