@charset "UTF-8";

/* ******************************************

    [ index ] 2012.4.27
    
    AFART web site : gallery
    
****************************************** */

h2 {
position: absolute;
left: 64px;
top: 570px;
font-size: 12px;
font-weight: bold;
color: #999;
}

#gallery-box {
position: absolute;
top: 64px;
width: 100%;
height: 604px;
}

#photo-box {
position: relative;
height: 516px;
margin-bottom: 8px;
}

#photo-area {
position: absolute;
left: 302px;
width: 516px;
height: 516px;
text-align: center;
display: none;
}

#photo-area img {
display: block;
margin: 0 auto;
}

#btn-prev {
position: absolute;
top: 234px;
left: 137px;
width: 48px;
height: 48px;
background: transparent url(../gallery/img/arrow_ll.png) 0 0 no-repeat;
display: block;
text-indent: -9999px;
opacity: 0.3;
}

#btn-next {
position: absolute;
top: 234px;
right: 137px;
width: 48px;
height: 48px;
background: transparent url(../gallery/img/arrow_lr.png) 0 0 no-repeat;
display: block;
text-indent: -9999px;
opacity: 0.3;
}

a#btn-prev:hover,
a#btn-next:hover {
opacity: 1;
}


#thumb-box {
position: relative;
height: 80px;
background-color: #ccc;
}

/*#thumb-box wrapper*/
#thumbs-wrapper {
width: 1008px;
padding: 4px;
margin: 0 52px;
}

#thumbs a {
width: 64px;
height: 64px;
margin: 4px;
background-color: #000;
}

#thumbs img.null {
margin: 4px;
}

#thumbs a img {
opacity: 0.3;
}

#thumbs a img:hover {
opacity: 1;
}

#thumbs a.selected img {
opacity: 1;
}

#btn-thumb-prev {
position: absolute;
top: 24px;
left: 16px;
width: 32px;
height: 32px;
}

#btn-thumb-prev a {
background: transparent url(../gallery/img/arrow_sl.png) 0 0 no-repeat;
width: 32px;
height: 32px;
display: block;
text-indent: -9999px;
opacity: 0.5;
}

#btn-thumb-next {
position: absolute;
top: 24px;
right: 16px;
width: 32px;
height: 32px;
}

#btn-thumb-next a {
background: transparent url(../gallery/img/arrow_sr.png) 0 0 no-repeat;
width: 32px;
height: 32px;
display: block;
text-indent: -9999px;
opacity: 0.5;
}

#btn-thumb-prev a:hover,
#btn-thumb-next a:hover {
opacity: 1;
}