div#works{
display:none;
position:absolute;
width:800px;
margin-top:-260px;
margin-left:-400px;
top:50%;
left:50%;
z-index:-10;
}

div.workslist{
margin-bottom:150px;
padding-top:562px;
width:800px;
height:35px;
position:relative;
}

div.workslist .works-meta{
position:absolute;
width:400px;
height:562px;
top:0;
left:0;
background:url('http://gnrsr.com/works/worksmeta.png') no-repeat #f0f0f0 0 170px;
text-indent:-9999px;
}

div.workslist .cover{
cursor: pointer;
float:left;
height:18px;
width:18px;
margin-top:10px;
background:url('http://gnrsr.com/images/sprite.png') no-repeat;
text-indent:-9999px;
}

div.workslist .coveron{background-position:-84px -70px;margin:10px 10px 0 22px;}
div.workslist .coveroff{background-position:-84px -82px;}

/*右開き用*/
div.cepstrum .works-meta{
left:400px;
}

div.cepstrum .coveron{margin-left:734px;}

/*personal cover*/
div.bibliomania{background:url('http://gnrsr.com/works/02-bibliomania.jpg') no-repeat;}
div.bibliomania div.works-meta{background-position:-800px 170px}
div.thegraphicalnote{background:url('http://gnrsr.com/works/01-thegraphicalnote.jpg') no-repeat;}
div.thegraphicalnote div.works-meta{background-position:-400px 170px}
div.cepstrum{background:url('http://gnrsr.com/works/00-cepstrum.jpg') no-repeat;}