@charset "UTF-8";

/*=====================================================
*
*	gallery2.css
*	Since 2015.01.05
*
========================================================*/
div#gallery {
	position: relative;
	background: #000;
}

div.galleryInner {
	position: relative;
	width: 320px;
	height: 228px;
	margin-left: auto;
	margin-right: auto;
}

div#gallery div.galleryImage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 320px;
	height: 180px;
	background: #000;
}

body#program div#gallery div.galleryImage {
	position:relative;
	top: 0px;
	margin: 0 auto;
	height: auto;
	background: none;
}
div#gallery div.galleryImageInner {  padding-bottom: 20px; }
div#gallery div.galleryImageInner img { width: 320px; }
div#gallery div.galleryImageInner span {
	display: block !important;
	opacity: 1 !important;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1100 !important;
	width: 320px;
	height: 180px;
	background: url(../images/arrow_mov.png) no-repeat center center;
	-webkit-background-size: 64px 44px;
	-moz-background-size: 64px 44px;
	background-size: 64px 44px;
}

div.information { 
	position: relative;
	height: 48px;
	width: 320px;
	z-index: 50; 
	text-align: center;
	color: #FFF;
	font-size: 80%;
}

.information h3,.information p{padding:0 20px;}
.information h3 a {color:#FFF;}

div#gallery div.galleryImage .information li,
div#gallery div.galleryImage .information h3 {
	width: 84%;
	margin-bottom: 3px;
	padding: 3px 8% 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 1.1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
div#gallery div.galleryImage .information li a,
div#gallery div.galleryImage .information h3 a {
	display: block;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-decoration: none;
}
div#gallery div.galleryImage .information ul li.subtext,
div#gallery div.galleryImage .information p.subtext {
	margin-bottom: 7px;
	padding: 0 8%;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #00ADA7;
	line-height: 1.1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}




ul.slideNav li.btn-left {
	display: none;
	position: absolute;
	left: 0px;
	top: 180px;
	z-index: 60;
}
ul.slideNav li.btn-left a {
	display: block;
	width: 20px;
	height: 0px;
	padding-top: 48px;
	overflow: hidden;
	background: url(../images/arrow_left.png) no-repeat 7px center;
	-webkit-background-size: 8px 13px;
	-moz-background-size: 8px 13px;
	background-size: 8px 13px;
}
ul.slideNav li.btn-right {
	display: none;
	position: absolute;
	right: 0px;
	top: 180px;
	z-index: 60;
}
ul.slideNav li.btn-right a {
	display: block;
	width: 20px;
	height: 0px;
	padding-top: 48px;
	overflow: hidden;
	background: url(../images/arrow_right.png) no-repeat 5px center;
	-webkit-background-size: 8px 13px;
	-moz-background-size: 8px 13px;
	background-size: 8px 13px;
}