/*―――――――――――――――――――――――――――枠設定―――――――――――――――――――――――――――*/

 .jCL .carousel{
		z-index: 1;
		position:relative;
		overflow: hidden;
		width: 100%;
}

 .jCL .carousel .jCLfavorite, .jCL .carousel .jCLcheck{
 		margin-left: 30px;
}

.jCL .carousel ul{
		width: 280px;
		height: 100%;
}

/*―――――――――――――――――――――――――――要素設定―――――――――――――――――――――――――――*/

 .jCL .carousel ul li{
		position: relative;
		float: left;
		width: 96px;
		background: url(http://www.fukuoka-chintai.com/imgs/dottedback.gif) repeat;
		padding: 5px;
		margin-right: 5px;
}

.jCL .carousel ul li:not(:target){
		height: 112px\9; /* IE9 */
		overflow:hidden\9;
}

 .jCL .carousel ul li a:hover{
 		text-decoration: none;
}

 .jCL .carousel ul li .bNum{
		display: block;
		padding: 3px;
		z-index:10;
		position: absolute;
		top: 6px;
		left: 6px;
		font-weight: bold;
		font-size: 14px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #484848;
		background-color: #fff;
		line-height: 1;
}

 .jCL .carousel li img{
		text-align: center;
		width: 96px;
		height: 72px;
		background: url(http://www.fukuoka-chintai.com/imgs/anm_gif96.gif) 0 0 no-repeat;
}
		 
 .jCL .carousel li p{
		text-align: center;
		font-size: 1.2em;
		line-height: 1.4;
		background: #fff;
}

 .jCL .carousel li p:not(:target){
		background-image:none; /* IE9 */
		background: #fff;
}

 .jCL .carousel li .chinryo{
		font-weight: bold;
		font-size: 1.2em;
}

/*―――――――――――――――――――――――――――ボタン設定―――――――――――――――――――――――――――*/

.btnContainerP, .btnContainerN{
		display: block;
		z-index: 10;
}

.btnContainerP{
		position: absolute;
		top: 22px;
		left: 1px;
}

.btnContainerN{
		position: absolute;
		top: 22px;
		left: 315px;
}

 .jCL .carousel .btnContainerP a{
		display:block;
		overflow:hidden;
		float:left;
		height:0 !important;
		height /**/:72px;
		padding-top:72px;
		width:24px;
		cursor: pointer;
		background:url(http://www.fukuoka-chintai.com/imgs/prev-horizontal72.gif) 0 0 no-repeat;
}

 .jCL .carousel .btnContainerP a:hover{
		background-position:-24px 0;
}

 .jCL .carousel .btnContainerP a:active{
		background-position:-48px 0;
}

 .jCL .carousel .btnContainerN a{
		display:block;
		overflow:hidden;
		float:right;
		height:0 !important;
		height /**/:72px;
		padding-top:72px;
		width: 24px;
		background:url(http://www.fukuoka-chintai.com/imgs/next-horizontal72.gif) 0 0 no-repeat;
}

 .jCL .carousel .btnContainerN a:hover{
		background-position:-24px 0;
}

.jCL .carousel .btnContainerN a:active{
		background-position:-48px 0;
}

/*―――――――――――――――――――――――――――ツールチップ設定―――――――――――――――――――――――――――*/

#tooltip {
		z-index: 20;
  background: #000;
  display: none;
  padding: 5px;
  position: absolute;
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
  -webkit-border-radius: 3px;
}

#tooltip p{
	color: #fff;
	font-size: 1.2em;
}


/*.jCL .carousel a.next,
.jCL .carousel a.next:hover,
.jCL .carousel a.next:active{
		cursor: default;
		background-position: 128px -72px;
}
*/
/*         .jCL .carousel li {
            background-color:#fff;
            width:85px; height:85px;
            _width:95px; _height:95px;
            list-style:none;
            margin:5px; padding:0;
            _margin:10px 5px;
         }
         .jCL .widget img {
            cursor:pointer;
         }
         .jCL .mid {
            margin-left:80px;
            width:400px; height:300px;
         }
         .jCL .vertical {
            margin-left:170px;
         }*/
         /*.jCL .vertical .jCarouselLite {    so that in IE 6, the carousel div doesnt expand to fill the space 
            width:288px;
         }
         .jCL .imageSlider li img, 
         .jCL .imageSlider li p, 
         .jCL .imageSliderExt li img , 
         .jCL .imageSliderExt li p {
            width:338px; height:300px;
         }*/