@charset "utf-8";

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

	CommonElements

======================================= */
#container {
	width: 100%;
	text-align: center;
}

/* fullSlider
--------------------------- */

.fullSlider {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  top:-1px;
}

.fullSlider ul,
.fullSlider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.fullSlider ul li {
	position: relative;
}
.fullSlider ul li img {
	top: 50%;
	left: 50%;
	position: absolute;
}

.fullViewWrap {
	top: 0;
    position: absolute; /* absolute or fixed */
	overflow: hidden;
}


/* SideNavi
------------------------- */
.fullSlider .btnPrev,
.fullSlider .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute; /* absolute or fixed */
    z-index: 105;
}
.fullSlider .btnPrev {
    left: 10px;
    background: transparent url(../img/btnPrev.png) no-repeat center center;
}
.fullSlider .btnNext {
    right: 10px;
    background: transparent url(../img/btnNext.png) no-repeat center center;
}

/* PagiNation
--------------------------- */
.pagiNation {
	bottom: 150px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute; /* absolute or fixed */
	z-index: 110; /* 非表示にする場合は「90」以下に */
 	visibility: visible; /* 非表示にする場合は「hidden」に */
}
.pagiNation a {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	background: #000;
}
.pagiNation a.pnActive {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* Wrapper
--------------------------- */
#wrapper {
	width: 100%;
	text-align: left;
	background: #fff;
	position: relative;
	z-index: 120;
}

.contents {
	padding: 30px 50px 50px 50px;
}
.contents p {
	padding-bottom: 3em;
	line-height: 180%;
}

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


/* glidejs_slider */
*{ margin: 0; padding: 0; border: 0;
list-style: none; }
.slider {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide img {
　width: 100%;
  zoom: 0.55;  /*<!--{** @todo 注意 現状では、システムで縮小を掛けています **}-->*/
}
.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}
.slider-arrow--right {
  bottom: 50%;
  right: 30px;
  background: url('/js/glidejs/img/right.png') no-repeat;
}
.slider-arrow--left {
  bottom: 50%;
  left: 30px;
  background: url('/js/glidejs/img/left.png') no-repeat;
}
.slider-nav {
  position: absolute;
  bottom: 30px;
}
.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  border: 1px solid #fff;
  border-radius: 8px;
}
.slider-nav__item:hover {
  background: #fff;
}
.slider-nav__item--current {
  background: #fff;
}