@charset "utf-8";

/*** wideslider config
------------------------------------------ ***/

.wideslider                                   {
 width: 100%;
 text-align: left;
 position: relative;
 overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li                             {
 float: left;
 display: inline;
 overflow: hidden;
}

.wideslider ul li                             {position: relative;}

.wideslider ul li img                         {
 width: 100%;
 height: auto;
 display: none;
 padding: 0 1px;
}
 
.wideslider_base                              {
 top: 0;
 position: absolute;
}
.wideslider_wrap                              {
 top: 0;
 position: absolute;
 overflow: hidden;
 
}
.slider_prev,
.slider_next                                  {
 top: 0;
 overflow: hidden;
 position: absolute;
 z-index: 100;
 cursor: pointer;
}
.slider_prev                                  {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next                                  {background: #fff url(../img/next.jpg) no-repeat left center;}
 
.pagination                                   {
 width: 974px;
 height: 13px;
 margin: 0 0 0 -487px;
 padding: 0 16px;
 text-align: left;
 position: absolute;
 left: 50%;
 bottom: 24px;
 z-index: 200;
}
 
.pagination a                                 {
 margin: 0 3px 0 4px;
 width: 13px;
 height: 13px;
 display: inline-block;
 overflow: hidden;
 background: #ccc;
}
.pagination a.active                          {background: #eb6100;}
 
 
/* =======================================
 ClearFixElements
======================================= */
.wideslider ul:after {
 content: ".";
 height: 0;
 clear: both;
 display: block;
 visibility: hidden;
}
 
.wideslider ul {
 display: inline-block;
 overflow: hidden;
}

@media screen and (min-width: 0px)
              and (max-width: 610px)        {
 .pagination                                  {
  width: 100%;
  margin: 0 ;
  padding: 0 10px;
/*
  text-align: right;
  bottom: 20px;
*/
  position: absolute;
  left: 0;
  z-index: 200;
 }
}


/*** jscrollpane config
------------------------------------------ ***/

/* 全体 */
.jspContainer                                 {overflow: hidden;position: relative;}

/* スクロールバーを除いたエリア */
.jspPane                                      {position: absolute;}

/* 縦スクロールバー */
.jspVerticalBar                               {position:absolute;top:0;right:0;width:10px;height:100%;}

/* 横スクロールバー */
.jspHorizontalBar                             {position: absolute;bottom: 0;left: 0;width: 100%;height: 10px;}

/* 背景 */
.jspTrack                                     {background: #f9d0b3;position: relative;}

/* ノブ */
.jspDrag                                      {background: #eb6100;position: relative;top: 0;left: 0;cursor:pointer;}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag                    {float: left;height: 100%;}