﻿@charset "utf-8";
/* CSS Document */

.jcarousel-skin-custom .jcarousel-container{
position:relative;
}
/*アイテム表示外領域*/
.jcarousel-skin-custom .jcarousel-container-vertical{
width:160px;
height:295px;
padding:30px 5px;
/*background-color:#FF0000;*/
}
/*アイテムの表示内領域*/
.jcarousel-skin-custom .jcarousel-clip-vertical{
width:160px;
height:295px;
/*background-color:#FF9900;*/
}
/*アイテム*/
.jcarousel-skin-custom .jcarousel-item{
width:160px;
height:91px;
cursor:pointer;
}
/*アイテムにhoverされた時*/
.jcarousel-skin-custom .jcarousel-item:hover{
border-color:#808080;
}
/*アイテム間マージン*/
.jcarousel-skin-custom .jcarousel-item-vertical{
margin-bottom:10px
}
.jcarousel-skin-custom .jcarousel-item-placeholder{
background: #fff;
color: #000;
}

/**
*  Vertical Buttons
*/
/*次ボタン通常時*/
.jcarousel-skin-custom .jcarousel-next-vertical{
position:absolute;
bottom:0px;
left:5px;
width:160px;
height:30px;
cursor:pointer;
background:transparent url(btn_under.png) no-repeat 0 0;
}
/*次ボタンにhoverされた時*/
.jcarousel-skin-custom .jcarousel-next-vertical:hover{
}
/*次ボタンがActive*/
.jcarousel-skin-custom .jcarousel-next-vertical:active{
}
/*次の要素がない場合の次ボタン*/
.jcarousel-skin-custom .jcarousel-next-disabled-vertical,
.jcarousel-skin-custom .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-custom .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}

.jcarousel-skin-custom .jcarousel-prev-vertical{
position:absolute;
top:0px;
left:5px;
width:160px;
height:30px;
cursor:pointer;
background: transparent url(btn_top.png) no-repeat 0 0;
}
/*前ボタンにhoverされた時*/
.jcarousel-skin-custom .jcarousel-prev-vertical:hover{
}
/*前ボタンがActive*/
.jcarousel-skin-custom .jcarousel-prev-vertical:active{
}

.jcarousel-skin-custom .jcarousel-prev-disabled-vertical,
.jcarousel-skin-custom .jcarousel-prev-disabled-vertical:hover,
/*前の要素がない場合の前ボタン*/
.jcarousel-skin-custom .jcarousel-prev-disabled-vertical:active{
cursor: default;
background-position: 0 -96px;
}

