@charset "utf-8";
/* **************************************************

Name: index.css

Description: �����ł݂�n�C�e�N�g�b�v 

Create: 2014.xx.xx
Update: 2014.xx.xx

Copyright 2014 Hitachi, Ltd.

***************************************************** */
#channel-slider {
  overflow: hidden;
  position: relative;
  height: 440px;
  margin: 0 0 20px;
  padding: 0 0 30px;
}
#channel-slider .container {
  overflow: hidden;
  height: 440px;
}
#channel-slider .container .slide {
  position: relative;
  float: left;
  z-index: 2;
}
#channel-slider .direction-nav {
  position: absolute;
  width: 100%;
  height: 100%;
}
#channel-slider .direction-nav .prev,
#channel-slider .direction-nav .next {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  margin-top: -48px;
  text-indent: -9999px;
  background: url(/image/jp/channel/direction-nav.png) no-repeat left top;
  z-index: 3;
}
#channel-slider .direction-nav .prev {
  left: 0;
  background-position: 0 0;
 
}
#channel-slider .direction-nav .next {
  right: 0;
  background-position: -36px 0;
}

#channel-slider .direction-nav .prev:hover {
  background-position: 0 -36px;
}

#channel-slider .direction-nav .next:hover {
  background-position: -36px -36px;
}


#channel-slider .pager {
  position: absolute;
  bottom: 0;
  right: 0;
}
#channel-slider .pager .page-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: 8px;
  height: 8px;
  margin: 0 0 0 8px;
}
#channel-slider .pager .page-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border-radius: 50%;
}
#channel-slider .pager .page-item a.active, #channel-slider .pager .page-item a:hover {
  background-color: #007f6f;
}
#channel-slider .pager a {
  text-indent: -9999px;
  background-color: #bbb;
  webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
#channel-slider .auto-control {
  position: absolute;
  bottom: 2px;
  left: 88%;
  width: 18px;
  height: 18px;
}
#channel-slider .auto-control.active .play {
  z-index: 2;
}
#channel-slider .auto-control .play,
#channel-slider .auto-control .stop {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
}
#channel-slider .auto-control .play {
  background: url(/image/jp/channel/icon-play.png) no-repeat left top;
}
#channel-slider .auto-control .play:hover {
  background-position: left bottom;
}
#channel-slider .auto-control .stop {
  background: url(/image/jp/channel/icon-stop.png) no-repeat left top;
}
#channel-slider .auto-control .stop:hover {
  background-position: left bottom;
}

.banner-container {
  overflow: hidden;
  margin: 0 0 20px;
}
.banner-container .banner-inner {
  margin: -20px -16px 0;
}
.banner-container .banner-item {
  float: left;
  margin: 20px 0 0 16px;
}