@charset "utf-8";

#navigation-panel {
overflow:visible;
position:relative;
}

#navigation-title {
position:absolute;
top: 230px;
left: 240px;
z-index: 100;
display:block;
}

#main-image-box {
margin:0;
width: 960px;
height: 500px;
position:relative;
background-color: #000;
}

#main-image-box .container{
margin: 175px auto 0;
padding: 0;
text-align: center;
}

#main-image-box #k001 {
background-image:url("../img/11.jpg");
clip:rect(0px 480px 500px 0px);
}

#main-image-box #k001 img{
display: none;
margin: 175px auto 0;
padding: 0;
text-align: center;
}

#main-image-box #k002 {
background-image:url("../img/12-3.jpg");
clip:rect(0px 960px 500px 481px);
}

#main-image-box #k002 img{
display: none;
margin: 175px auto 0;
padding: 0;
text-align: center;
}

/* 
#main-image-box #k001 {
background-image:url("../img/11.jpg");
clip:rect(0px 320px 500px 0px);
}

#main-image-box #k002 {
background-image:url("../img/12-3.jpg");
clip:rect(0px 640px 500px 321px);
}

#main-image-box #k002 img{
display: none;
margin: 175px auto 0;
padding: 0;
text-align: center;
}

#main-image-box #k003 {
background-image:url("../img/13-2.jpg");
clip:rect(0px 960px 500px 641px);
}
*/

#main-image-box .clip {
width: 960px;
height: 500px;
position:absolute;
top:0;
left:0;
display:block;
background-position:center top;
background-repeat:no-repeat;
z-index:1;
}

#main-image-box .facets:hover {
clip:rect(0px 960px 500px 0px) !important;
}

#main-image-box .facets:hover .container {
display:block;
}

#main-image-box .facets:hover {
z-index:10 !important;
}