@charset "UTF-8";

/*==========================================
  Original skin from skins/ie7/skin.css
==========================================*/

.jcarousel-skin-toyoake .jcarousel-container {
  -moz-border-radius: 10px;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  margin-bottom: 8px;
}

.jcarousel-skin-toyoake .jcarousel-container-horizontal {
  width: 498px;
  padding: 8px 28px;
}

.jcarousel-skin-toyoake .jcarousel-clip-horizontal {
  width:  498px;
  height: 77px;
}

.jcarousel-skin-toyoake .jcarousel-item {
  width: 75px;
  height: 75px;
  border: 1px solid #999;
}

.jcarousel-skin-toyoake .jcarousel-item:hover {
  border-color: #ccc;
}

.jcarousel-skin-toyoake .jcarousel-item-horizontal {
  margin-right: 7px;
}

.jcarousel-skin-toyoake .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-toyoake .jcarousel-next-horizontal {
  position: absolute;
  top: 40px;
  right: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: transparent url(../img/button/next_horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-toyoake .jcarousel-next-horizontal:hover {
  background-position: -16px 0;
}

.jcarousel-skin-toyoake .jcarousel-next-horizontal:active {
  background-position: -32px 0;
}

.jcarousel-skin-toyoake .jcarousel-next-disabled-horizontal,
.jcarousel-skin-toyoake .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-toyoake .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -64px 0;
}

.jcarousel-skin-toyoake .jcarousel-prev-horizontal {
  position: absolute;
  top: 40px;
  left: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: transparent url(../img/button/prev_horizontal.gif) no-repeat 0 0;
}
.jcarousel-skin-toyoake .jcarousel-prev-horizontal:hover {
  background-position: -16px 0;
}

.jcarousel-skin-toyoake .jcarousel-prev-horizontal:active {
  background-position: -32px 0;
}

.jcarousel-skin-toyoake .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-toyoake .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-toyoake .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -64px 0;
}

/**
 *  Original Customize
 */
.jcarousel-skin-toyoake img {
  border: none;
}
.jcarousel_slide {
  margin: 8px;
}
.jcarousel_slide h3, .jcarousel_slide p {
  margin: 0;
  paddling: 0;
  display: inline;
}
.jcarousel_slide h3 {
  margin-right: 8px;
}  
.jcarousel-skin1 .jcarousel-prev-horizontal {
  background: transparent url(prev-horizontal.gif) no-repeat 0 0;
}
#jcarousel_wrap {
  margin-left: 36px;
  padding-bottom: 8px;
}
#jcarousel_wrap h3, #jcarousel_wrap p {
  display: inline;
}
#jcarousel_wrap p {
  font-size: 80%;
}
#jcarousel_wrap .popup {
  margin: 0;
  padding: 0;
}
#jcarousel_wrap .popup a {
  position: relative;
}
#jcarousel_wrap .popup a span {
  position: absolute;
  /*top: -60px;*/
  bottom: 0px;
  left: 2px;
  width: 60px;
  padding: 4px;
  visibility: hidden;
  background: #333;
  border: 1px solid #ccc;
  color: #fff;
  font-size: 9px;
  filter: alpha(opacity=50);
  opacity: 0.5;
  zoom: 1;
}
#jcarousel_wrap .popup a:hover {
  visibility: visible;
}
#jcarousel_wrap .popup a:hover span {
  visibility: visible;
}
#jcarousel_wrap a {
  color: #666;
}