@charset "utf-8";

* { margin: 0; padding: 0; }

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'ＭＳゴシック',"MS PGothic", Meiryo,メイリオ,sans-serif;
	color: #333333;
}

img { border: none; }

.clearfix:after {
	content: "."; 
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix{ display:block; }

.head_txt { margin: 5px 25px; }
.head_txt img { opacity: 0.2; }

.logo { position:absolute; width: 100%; top:50%; margin-top:-80px;  height: 140px; background: url(../images/logo.png) no-repeat center; background-size: 40%; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -31px; text-indent:-999em; background:url(../images/ajax-loader.gif) no-repeat center center; }

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%;}
	#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
		#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
		#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
	
	#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
	#supersized a { width:100%; height:100%; display:block; }
		#supersized li.prevslide { z-index:-20; }
		#supersized li.activeslide { z-index:-10; }
		#supersized li.image-loading { background:#111 url(../images/ajax-loader.gif) no-repeat center center; width:100%; height:100%; }
			#supersized li.image-loading img{ visibility:hidden; }
		#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; background:#111;}

#prevslide, #nextslide{ position:absolute; height:50px; width:40px; top:50%; margin-top:-35px; }
	#prevslide{ left: 0; background:url('../images/btn_left.png'); opacity: .80 }
	#nextslide{ right: 0; background:url('../images/btn_right.png'); opacity: .80 }
		#prevslide:active, #nextslide:active { margin-top: -19px; }
		#prevslide:hover, #nextslide:hover { cursor:pointer; opacity: .70}

.memo {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 100%;
}
.memo a {
	margin: 0 auto;
	display: block;
	width:300px;
	height:100px;
}


#copyright{ z-index:5; position:fixed; bottom: 0; right:0; height: 18px; width:100%; text-align: right; color: #fff; font-size: 8px; margin: 10px 10px 0; }

/* 340px以上の記述
----------------------------------------------------------------------------------------------*/
@media screen and (min-width: 340px) {
	#copyright{ z-index:5; position:fixed; bottom: 0; right:0; height: 18px; width:100%; text-align: right; color: #fff; font-size: 8px; margin: 10px 25px 0; }
}

/* 630px以上の記述
----------------------------------------------------------------------------------------------*/
@media screen and (min-width: 630px) {
	#copyright{ z-index:5; position:fixed; bottom: 0; right:0; height: 18px; width:100%; text-align: right; color: #fff; font-size: 12px; margin: 10px 25px 0; }
}

/* 700px以上の記述
----------------------------------------------------------------------------------------------*/
@media screen and (min-width: 700px) {
	.logo { position:absolute; width: 100%; top:50%; margin-top:-160px;  height: 280px; background: url(../images/logo.png) no-repeat center; background-size: 300px; }
}