@charset "utf-8";

/* ----- LIST ----- */

.ionu {
position:relative;
left:84px;
width:770px;
font-size:12px;
}

div.content_a > .ionu {
height:auto;
}

.ionu li {
float:left;
width:220px;
height:208px;
padding:10px 18px 0;
}

.subbar {
width:722px;
margin-left:102px;
}

/* ----- ITEM ----- */

#top_img {
width:740px;
height:330px;
margin:0 auto;
background:url(../images/gallery-line.png) repeat-x 0 313px;
}

#ithumbs table, #image table {
width:100%;
height:720px;
border-collapse:collapse;
text-align:center;
}

.inav_p, .inav_n {
width:70px;
padding:0;
}

.inav_p a, .inav_n a {
display:block;
height:720px;

opacity:0.1;
filter:alpha(opacity=10);
}

.inav_p a {
background:url(../images/signs/nav-prev.png) no-repeat center;
}

.inav_n a {
background:url(../images/signs/nav-next.png) no-repeat center;
}

.inav_h a {
opacity:0;
filter:alpha(opacity=0);
}

.inav_p a:hover, .inav_n a:hover {
opacity:0.5;
filter:alpha(opacity=50);
}

#gl_thumbs {
padding:4px 0 0 22px;
background:url(../images/thumbs-bg-5x7.png) no-repeat 22px 9px;
vertical-align:top;
font-size:0;
}

#gl_thumbs a {
position:relative;
display:block;
float:left;
margin:5px 5px 0 0;
color:#000000;
text-decoration:none;
}

#gl_thumbs div {
position:absolute;
left:0;
top:6px;
padding:1px 3px 1px;
background:url(../images/thumbs-cmt-bg.png) no-repeat right;
font-size:11px;
z-index:50;
}

#gl_thumbs div img {
margin-right:2px;
}

#icell {
padding:0;
background:url(../images/icell-bg.png) no-repeat center;
}

#icell img {
cursor:pointer;
}

#counter {
width:104px;
margin:8px auto 0;
padding:2px 0;
background:url(../images/gallery-counter.png) no-repeat 0 0 #202020;
color:#404040;
font-size:20px;
font-weight:bold;
text-align:center;
}

div.title {
padding-bottom:4px;
color:#808080;
font-size:15px;
font-weight:bold;
}

div.desc {
margin-top:14px;
padding-top:14px;
background:url(../images/line-x.png) repeat-x top;
line-height:1.5em;
}

div.desc div.info {
font-size:12px;
}

div.note {
color:#808080;
}

div.note img {
top:-2px;
float:left;
margin:6px 9px 0 0;
}