@charset "utf-8";

/* =======================================

	CommonElements

======================================= */
/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 980px;
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
	margin-top:0px;
	top: 0;
	width:0;
	height:0;
	position: absolute;
}
.viewer .btnPrev {
	left:0;
	background:none;
}
.viewer .btnNext {
	right: 0;
	background:none;
}


/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}


/* ===========================================
	1000px以下
=========================================== */
@media screen and (max-width: 1000px) {
.viewer {
	margin:0 0 20px 0;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	margin:0;
	padding:0;
}
.viewer ul li img {
	width: 100%;
}

}