/*　//　jcarousel表示ソース //

<div class="jcarousel-skin-name">
  <div class="jcarousel-container">
    <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
    <div class="jcarousel-next"></div>
    <div class="jcarousel-clip">
      <ul class="jcarousel-list">
        <li class="jcarousel-item-1">First item</li>
        <li class="jcarousel-item-2">Second item</li>
      </ul>
    </div>
  </div>
</div>

====================================*/

/*デフォルト*/

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	width:720px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/*デザイン設定*/

#TPBOX .backbox {
	margin-bottom:14px;
	background:url(../../images/top_back_bg.jpg) no-repeat 0 37px;
	width:762px;
	height:173px;
}

#TPBOX .backbox .backin {
	padding:12px 0 0 26px;
}

#TPBOX .backbox .jcarousel-container {
	position:relative;
	width:720px;
	height:124px;
}

#TPBOX .backbox .jcarousel-container .jcarousel-prev {
	position:absolute;
	width:30px;
	height:14px;
	left:-15px;
	bottom:8px;
	background:url(../../images/top_back_btn_pre_off.jpg) no-repeat 0 0;
}

#TPBOX .backbox .jcarousel-container .jcarousel-prev-horizontal:hover {
	background:url(../../images/top_back_btn_pre_on.jpg) no-repeat 0 0;
}

#TPBOX .backbox .jcarousel-container .jcarousel-prev-horizontal:active {
	background:url(../../images/top_back_btn_pre_on.jpg) no-repeat 0 0;
}

#TPBOX .backbox .jcarousel-container .jcarousel-prev-disabled-horizontal,
#TPBOX .backbox .jcarousel-container .jcarousel-prev-disabled-horizontal:hover,
#TPBOX .backbox .jcarousel-container .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	background:none;
}

#TPBOX .backbox .jcarousel-container .jcarousel-next {
	position:absolute;
	width:30px;
	height:14px;
	right:-5px;
	bottom:8px;
	background:url(../../images/top_back_btn_next_off.jpg) no-repeat 0 0;
}

#TPBOX .backbox .jcarousel-container .jcarousel-next-horizontal:hover {
	background:url(../../imgages/top_back_btn_next_on.jpg) no-repeat 0 0;
}

#TPBOX .backbox .jcarousel-container .jcarousel-next-horizontal:active {
	background:url(../../imgages/top_back_btn_next_on.jpg) no-repeat 0 0;
}

#TPBOX .backbox .jcarousel-container .jcarousel-next-disabled-horizontal,
#TPBOX .backbox .jcarousel-container .jcarousel-next-disabled-horizontal:hover,
#TPBOX .backbox .jcarousel-container .jcarousel-next-disabled-horizontal:active {
    cursor: default;
	background:none;
}

#TPBOX .backbox ul.jcarousel-list li {
	width:144px;
	float:right;
}

#TPBOX .backbox ul.jcarousel-list li dl dt {
	float:left;
	line-height:0;
	font-size:0;
	width:72px;
	float:left;
}

#TPBOX .backbox ul.jcarousel-list li dl dt img {
	border:1px solid #ccc;
}

#TPBOX .backbox ul.jcarousel-list li dl dd {
	width:65px;
	float:left;
	font-size:90%;
	line-height:1.2em;
}

#TPBOX .backbox ul.jcarousel-list li dl dd span {
	background:#5C5C67;
	color:#fff;
	width:35px;
	line-height:1.1em;
	padding:1px 2px 0 2px;
	text-align:center;
	display:block;
	margin-bottom:5px;
}

#TPBOX .backbox ul.btn {
	padding:0 8px;
}

#TPBOX .backbox ul.btn li.pre {
	float:left;
}

#TPBOX .backbox ul.btn li.next {
	float:right;
}