@charset "UTF-8";

#canvas
{
position: absolute;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
width: 470px;
height: 320px;
z-index: 20;
opacity: 0.7;
filter: alpha(opacity=70);
}

#cubewrap
{
background: #fff;
height: 240px;
position: relative;
margin: 0px 0px 30px 0px;
width: 300px;
}

#cube
{
width: 100px;
height: 140px;
overflow: hidden;
position: absolute;
left: 100px;
top: 50px;
z-index: 20;
}


.mind01 a,
.mind02 a,
.mind03 a,
.mind04 a,
.mind05 a,
.mind06 a
{
display: block;
position: absolute;
text-align:center;
height: 30px;
width: 100px;
font-size:80%;
text-indent:-9999px;
}

.mind01 a
{
left: 100px;
top: 16px;
background: url(../img/mind.jpg) -100px -10px no-repeat;
}

.mind02 a
{
top: 77px;
right: 0px;
background:url(../img/mind.jpg) -200px -75px no-repeat;
}

.mind03 a
{
top: 147px;
right: 0px;
background:url(../img/mind.jpg) -200px -155px no-repeat;
}

.mind04 a
{
left: 100px;
top: 195px;
background: url(../img/mind.jpg) -100px -210px no-repeat;
}

.mind05 a
{
left: 0px;
top: 147px;
background:url(../img/mind.jpg) 0px -155px no-repeat;
}

.mind06 a
{
left: 0px;
top: 79px;
background:url(../img/mind.jpg) 0px -75px no-repeat;
}


.mind01 a:hover
{
background:url(../img/mind.jpg) -100px -250px no-repeat;
}

.mind02 a:hover
{
background:url(../img/mind.jpg) -200px -315px no-repeat;
}

.mind03 a:hover
{
background:url(../img/mind.jpg) -200px -395px no-repeat;
}

.mind04 a:hover
{
background:url(../img/mind.jpg) -100px -450px no-repeat;
}

.mind05 a:hover
{
background:url(../img/mind.jpg) 0px -395px no-repeat;
}

.mind06 a:hover
{
background:url(../img/mind.jpg) 0px -315px no-repeat;
}