@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

.slide__work:link { background:url(../../img/mark2_link.png) no-repeat; background-size:60%; background-position: center 5px; }
.slide__work:visited { background:url(../../img/mark2_link.png) no-repeat; background-size:60%; background-position: center 5px; }

.contents__setsubi {  position:relative; }
.contents__setsubi { width:248px; float:left; clear:none; border:1px solid #e6e6e6; margin:0 0 20px 40px; position:relative; }
.contents__setsubi img { width:248px; float:left; clear:none; margin:0 0px 0 0; }
.contents__setsubi strong { width:248px; float:left; clear:none; font-size:28px; font-family: "ten-mincho"; font-style: normal; font-size:17px; text-align:left; margin:30px 0 10px 0; letter-spacing:0.1em; }
.contents__setsubi__sankaku { width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent #e14236 transparent; position:absolute; bottom:0; right:0; z-index:200; }
.contents__setsubi p { width:238px; float:left; clear:none; text-align:left; margin:5px 0 5px 10px; }

.contents__back { width:880px; float:left; clear:none; text-align:left; margin:0 0 0px 40px; font-family: "ten-mincho"; font-style: normal; font-size:13px; }
.contents__back:link { color:#067868; }  
.contents__back:visited { color:#067868; }  
.contents__back:hover { color:#067868; text-decoration:underline; }  
.contents__back:active { color:#067868; }  
.contents__back img { width:4px; margin-right:10px; }


/*スライドショー*/
.GALLERY	{ width:880px; height:auto; float:left; margin:10px 0 0 40px; position:relative; display:block; }
.contents__data { width:880px; float:left; clear:none; text-align:left; margin:0 0 0 40px; font-size:17px; letter-spacing:0.1em; }
div.content {	display:none; float:left; clear:none; width:640px; height:480px; overflow:visible; }
div.controls { width:100%; position:absolute; top:200px; left:0; margin-top:0; height:20px; z-index:50; overflow:visible; }
div.controls a {  }
div.ss-controls { display:none; }
div.nav-controls { width:100%; float:right; position:absolute; top:0; left:0; overflow:visible; }
div.nav-controls a.prev	{ width:20px; height:20px; float:left; margin-left:0px; background:url(../img/prev.gif) no-repeat; text-indent:-999px; overflow:hidden; }
div.nav-controls a.next	{ width:20px; height:20px; float:right; margin-right:0px; background:url(../img/next.gif) no-repeat; text-indent:-999px; overflow:hidden; }
div.slideshow-container { position:relative; clear:none; float:left; width:638px; height:420px; border:1px solid #e6e6e6; }
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 640px;
	height: 480px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow { width:640px; height:480px; float:left; overflow:visible; display:block; }
div.slideshow span.image-wrapper { float:left; 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link { display:block; float:left; clear:; width:640px; height:480px; margin:0; padding:0; text-align: center; vertical-align:middle; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img { width:auto; height:420px; float:none; margin:0 auto; top:0; vertical-align:middle; }
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 640px;
	top: 0;
	left: 0;
}

.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}

.caption {
	padding: 12px 0;
	line-height:1.7em; 
}


div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0; display:block; 
}
ul.thumbs li { width:90px; float:left; padding: 0; margin:0 0px 5px 10px; list-style:none; }
a.thumb { width:80px; height:60px; display:block; border:2px solid #e6e6e6; overflow:hidden; }
ul.thumbs li.selected a.thumb { border:2px solid #000; }
a.thumb:focus {
	outline: none;
}
ul.thumbs img { width:80px; border:none; display: block; vertical-align:middle; }
div.pagination { display:none; }
div.navigation div.top { display:none; }
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #e6e6e6;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


.FLIP { display:none; }




@media screen and (max-width: 740px){
.contents__setsubi { width:90%; float:left; clear:none; border:1px solid #e6e6e6; margin:0 0 20px 5%; position:relative; }
.contents__setsubi img { width: 100%; float:left; clear:none; margin:0 0px 0 0; }	
.contents__setsubi strong { width:95%; float:left; clear:none; font-size:15px; font-family: "ten-mincho"; font-style: normal;  text-align:left; margin:10px 0 0px 2.5%; letter-spacing:0.1em; }	
.contents__setsubi p { width:95%; float:left; clear:none; text-align:left; margin:10px 0 10px 2.5%; font-size:14px; font-family: "ten-mincho"; font-style: normal;  letter-spacing:0.1em;  }
.contents__back { width:95%; float:left; clear:none; text-align:left; margin:0 0 20px 2.5%; font-family: "ten-mincho"; font-style: normal; font-size:11px; }	
.contents__data { width:95%; float:left; clear:none; margin:0 0 20px 2.5%; text-align:left; border-top:1px dotted #e6e6e6; border-bottom:1px dotted #e6e6e6; font-family: "ten-mincho"; color:#000; padding:5px 0; }
	
.GALLERY	{ display:none; }	

/*	スワイプ*/
.FLIP	{ width:95%; height:330px; float:left; display:block; margin:0px 0px 0px 2.5%; }
.FLIP p.CLICK	{ width:99%; float:left; display:inline; margin:0px 0px 0px 0%; font-size:12px; text-align:center; border:1px solid #ccc; padding:5px 0; }
.FLIP .FLIPSNAP	{ width:100%; float:left; display:inline; margin:10px 0px 20px 0px; }
.FLIP .FLIPSNAP ul	{ height:auto; float:left; }
.FLIP .FLIPSNAP li	{ width:275px; height:auto; float:left; background:#f0f0f0; display:inline; margin:0px 0px 0px 0px; padding:10px 0; position:relative; text-align:center; }
.FLIP .FLIPSNAP img	{ width:auto; height:220px; float:none; display:inline; margin:0px auto; vertical-align:middle; }
.FLIP .FLIPSNAP li span	{ width:270px; height:auto; float:left; display:inline; margin:0px 0px 0px 0px; background:url(../img/white.png); line-height:1.2em; position:relative; }
.FLIP .FLIPSNAP li .SP_COM	{ width:260px; float:left; margin:0px; padding:5px; }
.FLIP .FLIPSNAP li .SP_COUNT	{ width:20px; float:right; display:none; margin:5px 5px 0px 0px; text-align:right; color:#666; }
div.caption {
	width:100%; 
	float:left; clear:none; 
	padding: 12px 0; text-align:center; 
}


	
}