@charset "UTF-8";


#container {
 position: relative;
 width: 1280px;
 margin: 0 auto;
 background-color: #000;
}

#contents {
 width: 1024px;
}

    #contents li {
     position: relative;
     float: left;
     width: 256px;
     height: 256px;
     cursor: pointer;
     font-size: 0;
     line-height: 0;
    }
    
    .text {
     visibility: hidden;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     width: 220px;
     height: 220px;
     padding: 18px
    }
    
    .text h3 {
     color: #fff;
     font-size: 18px;
     line-height: 1.1em;
     margin-bottom: 7px;
    }
    
    .text h3.small { font-size: 16px;}
    
    .text h3.type2 {
     line-height: 1.5em;
    }
    
    .text p,.text h4,.text span {
     color: #fff;
     font-size: 12px;
     line-height: 1.6em;
     font-weight: normal;
     margin-bottom: 10px;
    }
    
    .black {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     width: 256px;
     height: 256px;
     background-color: #000;
     opacity: 0.80;
     filter: alpha(opacity=80);
    }

#side {
 width: 216px;
 padding: 30px 20px;
}

#side li {
 color: #fff;
 font-size: 16px;
 line-height: 1.4em;
 margin-bottom: 15px;
}

.fs12 { font-size: 12px;}
.fs14 { font-size: 14px;}


#footer {
 position: absolute;
 bottom: 20px;
 left: 20px;
}

    #footer p {
     color: #fff;
     font-size: 10px;
     line-height: 1.4em;
     width: 215px;
     height: 90px;
     background: url(../img/mark.gif) no-repeat right bottom;
    }


a { color: #fff;}
a:hover { text-decoration: underline;}


#home {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 10;
}


/* lightbox内 */

.content { padding: 0 !important;}

iframe { border: none;}

#waku {
 width: 1024px;
 height: 563px;
 padding: 27px 0 30px 256px;
 margin: 0 auto;
 background-color: #000;
}

#waku td {
 vertical-align: bottom;
}

#waku td.photo {
 text-align: center;
 width: 768px;
}

#waku td.details {
 width: 225px;
 padding: 0 15px 0 16px;
}

#waku td h5 {
 color: #fff;
 font-size: 18px;
 line-height: 1.1em;
 margin-bottom: 7px;
}

#waku td p,#waku td h6 {
 color: #fff;
 font-size: 12px;
 line-height: 1.6em;
 margin-bottom: 10px;
}




/* ギャラリー用 */

.photo-box {
 position: relative;
}
    
.slideshow-container {
 position: relative;
 z-index: 2;
}

.prev {
 display: block;
 position: absolute;
 bottom: -28px;
 left: 0;
 z-index: 3;
}

.next {
 display: block; 
 position: absolute;
 bottom: -28;
 right: 0;
 z-index: 3;
}

#thumbs {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
}