@charset "utf-8";

/* --------------------
 contents
-------------------- */
#top #main{
	margin:0 0 0 240px;
}
#top #h-line{
	position:absolute;
	top:0;
	left:-50px;
	width:15px;
	height:100%;
}

#top #contents{
	position:relative;
	padding:40px 14px 60px 0;
}
#top #contents-i{
	overflow-y:scroll;
	width:100%;
	min-width:0;
	height:600px;
	outline : none;
}
#top #panel-list{
	/*width:96%;*/
	margin-right:10px;
}
#top #panel-list li{
	width:230px;
	height:230px;
}
#top #panel-list li a{
	display:block;
	width:210px;
	height:210px;
}
#top #panel-list li img{vertical-align:top;}
#top #panel-list li#list-1 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat 0 0;}
#top #panel-list li#list-2 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -210px 0;}
#top #panel-list li#list-3 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -420px 0;}
#top #panel-list li#list-4 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -630px 0;}
#top #panel-list li#list-5 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -840px 0;}
#top #panel-list li#list-6 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat 0 -210px;}
#top #panel-list li#list-7 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -210px -210px;}
#top #panel-list li#list-8 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -420px -210px;}
#top #panel-list li#list-9 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -630px -210px;}
#top #panel-list li#list-10 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -840px -210px;}
#top #panel-list li#list-11 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat 0 -420px;}
#top #panel-list li#list-12 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -210px -420px;}
#top #panel-list li#list-13 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -420px -420px;}
#top #panel-list li#list-14 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -630px -420px;}
#top #panel-list li#list-15 a{background:url(../uploads/img/group/top/bg_ph.jpg) no-repeat -840px -420px;}
#top #panel-list li a:hover{background-color:#fff;}
#top #panel-list li a:hover img{visibility:hidden;}
#top #panel-list li#list-16 a{opacity:0.8;}
#top #panel-list li#list-16 a:hover{opacity:1;}
#top #panel-list li#list-16 a:hover img{visibility:visible;}


/**** Isotope filtering ****/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}