@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#333; }
table{border-collapse:collapse;border-spacing:0;}
a{ color:#333; text-decoration:none;}
p,p a{font-size:12px;color:#666;}
body{ background:#333;}

/* image-slider */
.image-slider{width:1200px;height:260px;margin:0 auto;background:url(../images/bg.png) no-repeat;padding:14px 16px 0px 16px;position:relative;top: 6px;}
.image-slider-back, .image-slider-forward{float:left;width:23px;height:98px;color:White;position:relative;top:50%;cursor:pointer;margin-top: -49px;}
.image-slider-back{background-image:url(../images/arrow-left.png);background-repeat:no-repeat;background-position:left;}
.image-slider-forward{background-image:url(../images/arrow-right.png);background-repeat:no-repeat;background-position:right;float: right;}
.image-slider-contents{width:1120px;height:270px;float:left;position:relative;overflow:hidden;}

.image-slider-contents .contents-wrapper{position:absolute;padding-top:18px; left:0;}
.image-slider-contents .outer{background-color:#fff;float:left;width:194px;height:247px;margin:0px 15px;cursor:pointer; position:relative;}
.spic{ width: 194px; height: 208px; text-align: center; color: #333; float: left; padding-top: 10px; }
.image-slider-contents img{width:168px;height:211px; margin:0 auto;}
.spic a{ display:block; text-align:center;}

.hidden{display:none;}
.visible{display:block;}
.thumbnail-active{filter:alpha(opacity=100);opacity:1.0;cursor:pointer;}
.thumbnail-inactive{filter:alpha(opacity=20);opacity:0.2;cursor:pointer;}

.preview{ position: fixed;z-index: 999;top:20px !important; width: 700px;left: 50% !important;margin-left: -382px; height: auto; background-color: White; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; border: solid 1px black; }
.preview .img-large{width:600px;z-index:1000; margin:0 auto;}
.preview .img-large .left{position:absolute;left:8px;top:50% !important;margin-top: -12px !important; width:16px;height:24px;z-index:1000;background:url(../images/arrow-left.png);cursor:pointer;}
.preview .img-large .right{position:absolute;right:8px;top:50% !important;margin-top: -12px !important;z-index:1000;width:16px;height:24px;background:url(../images/arrow-right.png);cursor:pointer;}
.preview .close{position:absolute;left:434px;top:-16px;width:32px;height:34px;background:url(../images/close.png);float:right;cursor:pointer;z-index:2000;}
.preview .img-large img{width:600px;height:auto;}
.preview .label{color: black;width:700px;line-height:30px;float:left;position:absolute;bottom:20px; left:0;padding:8px;background-color:White;text-align:left;font-weight:bold;font-size:18px; text-align:center;}
.outer{border:solid 1px black;}
@media screen and (max-width: 1000px) and (min-width: 320px){
	.image-slider{
		width: 90%;
	}
	.image-slider-contents{
		width: 80%;
		left: 10%;
	}
	.preview{
		width: 100%;
		height: 100%;
		left: 0% !important;
		top: 0% !important;
		margin: 0;
	}
	.preview .img-large	{
		width: 90%;
		height: 90%;
		margin-top: 5%;
	}
	.preview .img-large img{
		width: 100%;
		height: 90%;
	}
	.preview .label{
		width: 100%;
		font-size: 40px;
		bottom: 10%;
	}
	.organ{
		margin-top: 0;
	}
}