@charset "UTF-8";

/*=====================================================
*
*	gallery.css
*	(Since 2013.03.19)
*	Since 2014.12.10	
*
========================================================*/
body#program  div#galleryArea { background: url(../images/program/bg_gallery.jpg) repeat-x left 211px; }
body#program  div.programDetArea { background: url(../images/program/bg_gallery.jpg) repeat-x left bottom !important; }
div#gallery { position: absolute; left: 0px; top: 67px; width: 960px; height: 400px; background: url(../../gallery/images/shadow.png) no-repeat left bottom; }

body#program div#gallery {
	position: relative;
	left: 0px; top: 0px;
	width: 960px;
	min-height: 0px;
	height:auto !important;
	height: 0px;
	margin: 0 auto;
	background: url(../../gallery/images/shadow.png) no-repeat center 285px !important;
}
body#program .programDetArea div#gallery {
		background: none !important;
		padding-bottom: 20px;
}
body#program div#galleryArea h1 {  margin-bottom: 17px; }
body#program .programDetArea  h1 {  margin-bottom: 0 !important; }

div#gallery div.galleryImage {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 10;
	width: 640px;
	height: 360px;
	background: #888;
}

body#program div#gallery div.galleryImage {
	position:relative;
	top: 0px;
	margin: 0 auto;
	height: auto;
	background: none;
}
div#gallery div.galleryImageInner {  padding-bottom: 20px; }

body#program div#gallery ul.sliders-wrap-inner { height: 360px;  }

/*
div.information { position: absolute; left:0px; bottom: 0px; z-index: 50; background: url(../../gallery/images/black60.png) repeat; width: 510px; height: 70px; padding: 10px 95px 10px 35px; }
div.information p.btn-info { position: absolute; right: 22px; top: -18px; width: 74px; height:18px; }
div.information p.btn-info a { display: block; width: 74px; height: 0px; padding-top: 18px; overflow: hidden; background: url(../../gallery/images/btn_info.png) no-repeat 0px 0px; }
div.information p.btn-info a:hover { background-position: 0px -19px; }
div.information p.btn-close { position: absolute; right: 6px; top: 5px; width: 18px; height: 18px; }
div.information p.btn-close a { display: block; right: 5px; top: 5px; width: 18px; height: 0px;  padding-top: 18px; overflow: hidden; background: url(../../gallery/images/close.png) no-repeat; }
div.information p.btn-details { position: absolute; right: 10px; top: 54px; width: 72px; height: 24px; }
div.information p.btn-details a { display: block; width: 72px; height: 0px; padding-top: 24px; background: url(../../gallery/images/btn_details.png)}
div.information p.btn-details a:hover { background-position: 0px -24px; }
*/
div.information { position: absolute; left:0px; bottom: 0px; z-index: 50; width: 100%;}
div.information p.btn-info { position: absolute; right: 22px; top: -18px; width: 74px; height:18px; }
div.information p.btn-info a { display: block; width: 74px; height: 0px; padding-top: 18px; overflow: hidden; background: url(../../gallery/images/btn_info.png) no-repeat 0px 0px; }
div.information p.btn-info a:hover { background-position: 0px -19px; }
div.information div.closeArea {background: url(../../gallery/images/black60.png) repeat; width: 510px; height: 70px; padding: 10px 95px 10px 35px; }
div.information p.btn-close { position: absolute; right: 6px; top: 5px; width: 18px; height: 18px; }
div.information p.btn-close a { display: block; right: 5px; top: 5px; width: 18px; height: 0px;  padding-top: 18px; overflow: hidden; background: url(../../gallery/images/close.png) no-repeat; }
div.information p.btn-details { position: absolute; right: 10px; top: 54px; width: 72px; height: 24px; }
div.information p.btn-details a { display: block; width: 72px; height: 0px; padding-top: 24px; background: url(../../gallery/images/btn_details.png)}
div.information p.btn-details a:hover { background-position: 0px -24px; }

div#gallery div.galleryImage h3 { margin-bottom: 7px; font-size: 14px; color: #fff; font-weight: bold; line-height: 1.1; }
div#gallery div.galleryImage p.subtext { margin-bottom: 7px; font-size: 11px; color: #FFE599; line-height: 1.1; }
div#gallery div.galleryImage p.text { font-size: 11px; color: #FFF; line-height: 1.4; font-size: 11px; }

div.galleryNav { position: absolute; right: -2px; top: 18px; width: 312px; height: 365px; }

div.galleryNav dl { width: 312px; height: 365px; overflow: hidden; } 
div.galleryNav dl dt { clear: both; position: relative; float: left; padding: 5px !important; background: none !important; }
* html div.galleryNav dl dt{ position: absolute; float: none; padding: 5px; left: auto; top: auto; } /* for IE6 */
*+html div.galleryNav dl dt { position: absolute; float: none; padding: 5px 0 0 5px; } /* for IE7 */
div.galleryNav dl dt.mov a span {
	position: absolute;
	left: 43px;
	top: 22px;
	z-index: 40;
	width: 27px;
	height: 0px;
	padding-top: 27px;
	overflow: hidden;
	background: url(../../gallery/images/btn_movie.png) no-repeat 0px 0px;
}
div.galleryNav dl dt.mov a:hover span { background-position: 0px -27px; }

div.galleryNav dl dd {
	height: 61px;
	margin-bottom: 2px;
	padding: 5px 10px 5px 123px !important;
	background: #333;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	border-radius: 6px;
	-webkit-border-radius: ;
	-moz-border-radius: 6px;
	cursor: pointer;
}

div.galleryNav dl dd:hover { background: #000; }
div.galleryNav dl dd.current,
div.galleryNav dl dd.current:hover { background: #0059B2; }
div.galleryNav dl dd h3 { margin-bottom: 5px; line-height: 1.3; font-size: 12px; font-weight: bold; color: #fff; }
* html div.galleryNav dl dd h3 { margin-bottom: 4px; line-height: 1.2; }/* for IE6 */
div.galleryNav dl dd h3 a { color: #fff !important; }
div.galleryNav dl dd p.subtext2 { font-size: 11px; color: #FFE599; line-height: 1.2; }
div.galleryNav dl dd p.subtext2 a { color: #FFE599; }

div.galleryNav dl dd a:hover { text-decoration: underline; }




div.navigator-wrapper ul.navigator-wrap-inner { width: 312px; height: 365px; overflow: hidden; } 
div.navigator-wrapper ul li div.gTum { clear: both; position: relative; float: left; padding: 5px !important; background: none !important; }
* html div.navigator-wrapper ul li div.gTum{ position: absolute; float: none; padding: 5px; left: auto; top: auto; } /* for IE6 */
*+html div.navigator-wrapper ul li div.gTum { position: absolute; float: none; padding: 5px 0 0 5px; } /* for IE7 */
div.navigator-wrapper ul li div.gTum.mov a span {
	position: absolute;
	left: 43px;
	top: 22px;
	z-index: 40;
	width: 27px;
	height: 0px;
	padding-top: 27px;
	overflow: hidden;
	background: url(../../gallery/images/btn_movie.png) no-repeat 0px 0px;
}
div.navigator-wrapper ul li div.gTum.mov a:hover span { background-position: 0px -27px; }

div.navigator-wrapper ul li div.gTxt {
	height: 61px;
	margin-bottom: 2px;
	padding: 5px 10px 5px 123px !important;
	background: #333;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	border-radius: 6px;
	-webkit-border-radius: ;
	-moz-border-radius: 6px;
	cursor: pointer;
}

div.navigator-wrapper ul li div.gTxt:hover { background: #000; }
div.navigator-wrapper ul li.active div.gTxt,
div.navigator-wrapper ul li.active div.gTxt:hover { background: #0059B2; }
div.navigator-wrapper ul li div.gTxt h3 { margin-bottom: 5px; line-height: 1.3; font-size: 12px; font-weight: bold; color: #fff; }
* html div.navigator-wrapper ul li div.gTxt h3 { margin-bottom: 4px; line-height: 1.2; }/* for IE6 */
div.navigator-wrapper ul li div.gTxt h3 a { color: #fff !important; }
div.navigator-wrapper ul li div.gTxt p.subtext2 { font-size: 11px; color: #FFE599; line-height: 1.2; }
div.navigator-wrapper ul li div.gTxt p.subtext2 a { color: #FFE599; }

div.navigator-wrapper ul li div.gTxt a:hover { text-decoration: underline; }




div.btn-up a {
	display: block;
	position: absolute;
	left: 141px;
	top: 6px;
	z-index: 60;
	width: 28px;
	height: 0px;
	padding-top: 10px;
	overflow: hidden;
	background: url(../../gallery/images/arrow_galleryNav.png) no-repeat 0px 0px;
}
div.btn-up a:hover { background-position: 0px -10px; }

div.btn-down a {
	display: block;
	position: absolute;
	left: 141px;
	bottom: 6px;
	z-index: 60;
	width: 28px;
	height: 0px;
	padding-top: 10px;
	overflow: hidden;
	background: url(../../gallery/images/arrow_galleryNav.png) no-repeat -28px 0px;
}
div.btn-down a:hover { background-position: -28px -10px; }