/*

Supersized - Fullscreen Slideshow jQuery Plugin
Version : 3.2.7
Site: www.buildinternet.com/project/supersized

Theme : Shutter 1.2
Author: Sam Dunn
Company : One Mighty Roar (www.onemightyroar.com)
License : MIT License / GPL License

*/

/* Controls Bar
----------------------------*/
#controls-wrapper {
	background: url("../../img/main_back.png") no-repeat right bottom transparent;
	margin:auto;
	height:78px;
	width:100%;
	top:198px;
	left:0;
	z-index:4;
	position:absolute;
}
#controls {
	overflow:hidden;
	/*height:100%;*/
	position:relative;
	text-align:left;
	z-index:5;
	/*width:960px;*/
	margin:43px 22px 0 0;
}


#slidecounter {
	float:left;
	color:#FFF;
	font-size:12px;
	text-shadow:#000 0 -1px 0;
	margin:0px 0px 0 20px;
	line-height:30px;
}
#slidecaption {
	background: url("../../img/slide/nav-bg.png") repeat-x scroll 0 0 transparent;
	overflow:hidden;
	float:right;
	color:#FFF;
	font-size:12px;
	text-shadow:#000 1px 1px 2px;
	margin:0 2px 0 0;
	padding:0 15px 0 15px;
	line-height:30px;
	width:212px;
}


#slidemenu {
    float: right;
    margin: 0;
    padding: 0;
}

#slidemenu ul{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 278px;
}

/*組織でさがす*/
#slidemenu li.slideme1 {
	float: left;
	height: 30px;
	margin: 0;
	padding: 0;
	background-image: url("../../img/nav_me1.gif");
	background-repeat: no-repeat;
}

#slidemenu li.slideme1 a {
	display: block;
	height: 30px;
	background-image: url("../../img/nav_me1.gif");
	background-repeat: no-repeat;
	background-position: 0px -30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 137px;
}

#slidemenu li.slideme1 a:hover {
	background-image: none !important;
}

/*カレンダーでさがす*/
#slidemenu li.slideme2 {
	float: left;
	height: 30px;
	margin: 0 0 0 2px;
	padding: 0;
	background-image: url("../../img/nav_me2.gif");
	background-repeat: no-repeat;
}



#slidemenu li.slideme2 a {
	display: block;
	height: 30px;
	background-image: url("../../img/nav_me2.gif");
	background-repeat: no-repeat;
	background-position: 0px -30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 137px;
}

#slidemenu li.slideme2 a:hover {
	background-image: none !important;
}










#navigation { float:right; margin:0px 20px 0 0; }
#play-button{ float:right; background:url('../../img/slide/bg-hover.png') repeat-x 0 30px;}
#play-button:hover{ background-position:0; cursor:pointer; }

#prevslide, #nextslide{
	position:absolute;
	height:85px;
	width:30px;
	top:100px;
	opacity:0.6;
}


#prevslide{ left:0px; background:url('../../img/slide/back.png'); }
#nextslide{ right:0px; background:url('../../img/slide/forward.png'); }

#prevslide:hover, #nextslide:hover{ cursor:pointer; }

ul#slide-list{ margin:-20px 0 0 0; padding:0; float:left; position:absolute; left:50%; }
ul#slide-list li{ list-style:none; width:14px; height:14px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
ul#slide-list li a{ display:block; width:14px; height:14px; background:url('../../img/slide/nav-dot.png') no-repeat 0 -28px; }
ul#slide-list li a:hover{ background-position:0 -14px; cursor:pointer; }

#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url('../../img/slide/bg-hover.png') repeat-x 0 44px; }
#tray-button:hover{ background-position:0 1px; cursor:pointer; }


/* Progress Bar
----------------------------*/
#progress-back{ z-index:5; position:absolute; top:271px; left:0; height:5px; width:100%; background:url('../../img/slide/progress-back.png') repeat-x; }
#progress-bar{ position:relative; height:5px; width:100%; background:url('../../img/slide/progress-bar.png') repeat-x; }


/* Thumbnail Navigation
----------------------------*/
#nextthumb,#prevthumb { z-index:2; display:none; position:absolute; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }


/* Thumbnail Tray
----------------------------*/
#thumb-tray{ position:absolute; z-index:3; bottom:0; left:0; background:url(../../img/slide/bg-black.png); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }

#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
#thumb-back{ left:0; background: url('../../img/slide/thumb-back.png') no-repeat center center;}
#thumb-forward{ right:0; background:url('../../img/slide/thumb-forward.png') no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }


ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=0); }
ul#thumb-list li:hover{ cursor:pointer; }