/* =========================================================
layout
========================================================= */
.history-block {
  width: 100%;
  margin: 0 auto;
  padding: 45px 0 80px;
  position: relative;
}

.history-wrap {
  width: 1000px;
  margin: 0 auto;
  padding: 77px 0 0;
  background: #fff;
  position: relative;
}
.history-wrap .hisotry-ttl {
  width: 1000px;
  padding: 90px 0 30px;
  background: #fff;
  position: absolute;
  top: -135px;
  left: 50%;
  margin-left: -500px;
  text-align: center;
  font-size: 2.2rem;
  line-height: 22px;
  font-weight: 500;
}
.history-wrap .history-list {
  width: 800px;
  margin: 0 0 0 120px;
  padding: 5px 0 10px;
  background: url(../images/history/bg_line01.png) repeat-y left top;
}
.history-wrap .history-item {
  margin: 0 0 45px;
}
.history-wrap .history-item:last-child {
  margin-bottom: 0;
}
.history-wrap .year {
  width: 100px;
  padding: 0 2px 0 0;
  background: url(../images/history/ico_dot01.png) no-repeat 2px center;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  font-size: 2.4rem;
  line-height: 24px;
}
.history-wrap .history-txt {
  width: 700px;
  padding: 0 0 0 33px;
  display: inline-block;
  vertical-align: top;
}

/*
background slider
*/
.simply-scroll-container {
  /* Container DIV - automatically generated */
  position: relative;
}

.simply-scroll-clip {
  /* Clip DIV - automatically generated */
  position: relative;
  overflow: hidden;
}

.simply-scroll-list {
  /* UL/OL/DIV - the element that simplyScroll is inited on */
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.simply-scroll-list li img {
  border: none;
  display: block;
}

.simply-scroll-btn {
  position: absolute;
  width: 42px;
  height: 44px;
  z-index: 3;
  cursor: pointer;
}

.simply-scroll-btn-left {
  left: 6px;
  bottom: 6px;
  background-position: 0 -44px;
}

.simply-scroll-btn-left.disabled {
  background-position: 0 0 !important;
}

.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
  background-position: 0 -88px;
}

.simply-scroll-btn-right {
  right: 6px;
  bottom: 6px;
  background-position: -84px -44px;
}

.simply-scroll-btn-right.disabled {
  background-position: -84px 0 !important;
}

.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
  background-position: -84px -88px;
}

.simply-scroll-btn-up {
  right: 6px;
  top: 6px;
  background-position: -126px -44px;
}

.simply-scroll-btn-up.disabled {
  background-position: -126px 0 !important;
}

.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
  background-position: -126px -88px;
}

.simply-scroll-btn-down {
  right: 6px;
  bottom: 6px;
  background-position: -42px -44px;
}

.simply-scroll-btn-down.disabled {
  background-position: -42px 0 !important;
}

.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
  background-position: -42px -88px;
}

.simply-scroll-btn-pause {
  right: 6px;
  bottom: 6px;
  background-position: -168px -44px;
}

.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
  background-position: -168px -88px;
}

.simply-scroll-btn-pause.active {
  background-position: -84px -44px;
}

.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
  background-position: -84px -88px;
}

.simply-scroll {
  /* Customisable base class for style override DIV */
  width: 100%;
  height: 515px;
}

.simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 515px;
}

.simply-scroll .simply-scroll-list li {
  float: left;
  width: inhert;
  height: 515px;
}