/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.4
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.1
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

/* Controls Bar
----------------------------*/
#controls-wrapper {
margin:0 auto;
height:32px;
width:100%;
bottom:0px;
left:0;
z-index:34; 
background:url(http://www.kazari-sakuiro.jp/gallery/images/nav-bg.png) repeat-x; 
position:fixed;
}
#controls { 
overflow:hidden;
height:100%;
position:relative;
text-align:left;
z-index:35;
}

@media screen and (max-width:767px) and (orientation:portrait) {
#controls-wrapper {
margin:0 auto;
height:32px;
width:100%;
bottom:0px !important;
left:0;
z-index:34; 
background:url(http://www.kazari-sakuiro.jp/gallery/images/nav-bg.png) repeat-x; 
position:fixed;
}
#controls { 
overflow:hidden;
height:100%;
position:relative;
text-align:left;
z-index:35;
}
}

#pinterest{
float:left;
display:block;
margin:0px 13px 0px 13px;
padding-top:6px;
}
#pinterest2 {
float:left;
display:block;
margin:0px 13px 0px 0px;
padding-top:1px;
}

#slidecounter {
float:left;
color:#fff;
font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin:0px 13px 0px 0px; 
line-height:32px;
}

#slidecaption {
overflow:hidden;
float:left;
color:#fff;
/*font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font:12px Helvetica, Arial, sans-serif;
/*text-shadow:#000 1px 1px 2px;*/
margin:0px 15px 0px 0px;
line-height:32px;
}

@media screen and (max-width:767px) {
#slidecaption {
display:none;
}
}


/*無断転載*/
#slidecaption2 {
overflow:hidden;
float:right;
color:#ccc;
/*font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-size:10px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic', Helvetica, Arial, sans-serif;
/*text-shadow:#000 1px 1px 2px;*/
margin:0 20px 0 20px;
line-height:32px;
}
/*
@media screen and (max-width: 767px) {
#slidecaption2 {
display:none;
}
}
*/

#navigation { float:right; margin:0px 20px 0 0; }

#play-button{
float:left;
margin-top:1px;
border-right:1px solid #333;
/*background:url('http://www.kazari-sakuiro.jp/gallery/images/bg-hover.png') repeat-x 0 44px;*/
}

#play-button:hover{
background-position:0 1px;
cursor:pointer;
}
				
#prevslide, #nextslide{
position: fixed;
height:43px;
width:43px;

opacity:0.6;
z-index: 200px;

/* IE5 later && javascript-on */
position: expression('absolute');
top: expression((documentElement.scrollTop || document.body.scrollTop) + 50 + '%');
}

#ie7 #prevslide,
#ie7 #nextslide,
#ie6 #prevslide,
#ie6 #nextslide{
position: fixed;
top: 250px;
}

@media screen and (min-width: 768px) {
#prevslide{
left:10px;
background:url('http://www.kazari-sakuiro.jp/gallery/images/back.png');
z-index:200;
top:50%;
margin-top:-21px;
}
#nextslide{
right:10px;
background:url('http://www.kazari-sakuiro.jp/gallery/images/forward.png');
z-index:200;
top:50%;
margin-top:-21px;
}
}

@media screen and (min-width: 460px) and (max-width: 767px) {
#prevslide{
left:3px;
background:url('http://www.kazari-sakuiro.jp/gallery/images/back.png');
z-index:200;
top:50%;
margin-top:-21px;
}
#nextslide{
right:3px;
background:url('http://www.kazari-sakuiro.jp/gallery/images/forward.png');
z-index:200;
top:50%;
margin-top:-21px;
}
}

@media screen and (max-width: 459px) {
#prevslide{
left:0px;
background:url('http://www.kazari-sakuiro.jp/gallery/images/back.png');
z-index:200;
top:50%;
margin-top:-21px;
}
#nextslide{
right:0px;
background:url('http://www.kazari-sakuiro.jp/gallery/images/forward.png');
z-index:200;
top:50%;
margin-top:-21px;
}
}


#prevslide:active, #nextslide:active{
margin-top:-19px;
}

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

/*IE6消去*********/
#ie6 #prevslide, #ie6 #nextslide {
display: none;
}
* html #prevslide {
display: none;
}
* html #nextslide {
display: none;
} 

/*IE7消去*********/
#ie7 #prevslide, #ie7 #nextslide {
display: none;
}
*:first-child+html #prevslide {
display: none;
}
*:first-child+html #nextslide {
display: none;
}

ul#slide-list{
display: none;/*ここを改造*/
padding:15px 0;
float:left;
position:absolute;
left:50%;
}

ul#slide-list li{ list-style:none; width:12px; height:12px; 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:12px; height:12px; background:url('http://www.kazari-sakuiro.jp/gallery/images/nav-dot.png') no-repeat 0 -24px; }
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
				
#tray-button{
float:right;
margin-top:1px;
border-left:1px solid #333;
/*background:url('http://www.kazari-sakuiro.jp/gallery/images/bg-hover.png') repeat-x 0 44px;*/
}
#tray-button:hover{ background-position:0 1px; cursor:pointer; }
		
	
/* Progress Bar
----------------------------*/
#progress-back{
z-index:35;
position:fixed;
bottom:32px;
left:0;
height:8px;
width:100%;
background:url('http://www.kazari-sakuiro.jp/gallery/images/progress-back.png') repeat-x;
}

#progress-bar{
position:relative;
height:8px;
width:100%;
background:url('http://www.kazari-sakuiro.jp/gallery/images/progress-bar.png') repeat-x;
}

/* Thumbnail Navigation
----------------------------*/	
#nextthumb,#prevthumb {
z-index:200;
display:none;
position:fixed;
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; z-index:201; }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
	
	
/* Thumbnail Tray
----------------------------*/			
#thumb-tray{ 
position:fixed; 
z-index:33;
bottom:0; 
left:0; 
background:url(http://www.kazari-sakuiro.jp/gallery/images/bg-black.png); 
/*height:140px;*/
height:140px; 
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:99;
bottom:32px;
height:108px;
width:40px;
}

#thumb-back{
z-index:100;
left:0;
background: url('http://www.kazari-sakuiro.jp/gallery/images/thumb-back.png') no-repeat center center;
}

#thumb-forward{
z-index:100;
right: 0;
background:url('http://www.kazari-sakuiro.jp/gallery/images/thumb-forward.png') no-repeat center center;
}

#thumb-back:hover{
cursor:pointer;
background:rgba(256,256,256, 0.1) url('http://www.kazari-sakuiro.jp/gallery/images/thumb-back.png') no-repeat center center;
border-right:1px solid rgba(256,256,256, 0.2);
}

#thumb-forward:hover{
cursor:pointer;
background:rgba(256,256,256, 0.1) url('http://www.kazari-sakuiro.jp/gallery/images/thumb-forward.png') no-repeat center center;
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;
}

@media only screen and (orientation : landscape){
ul#thumb-list li{
background:#111;
list-style:none;
display:inline;
/*width: 173px;*/
width: auto;
max-width: 173px;
height:108px;
overflow:hidden;
float:left;
margin:0;
}
}
@media only screen and (orientation : portrait){
ul#thumb-list li{
background:#111;
list-style:none;
display:inline;
width: auto;
height:108px;
overflow:hidden;
float:left;
margin:0;
}
}

@media only screen and (orientation : portrait){
ul#thumb-list li img {
width: auto;
height:100%;
opacity:0.3; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);
}
}

@media only screen and (orientation : landscape){
ul#thumb-list li img {
width: auto;
height:100%;
opacity:0.3; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);
}
}

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=100);
}

ul#thumb-list li:hover{
cursor:pointer;
}