@charset "shift_jis";
/*------------------------------------------------------
jcarousel.css
------------------------------------------------------*/

/* 全体のボックス */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 10px 25px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal a {
    text-decoration: none;
}

/* 1物件 */
#mycarouselBox1 ul li,
#mycarouselBox2 ul li,
#mycarouselBox3 ul li {
	width: 248px;
	float: left;
    margin-right: 3px;
	display: inline;
	border: 1px solid #EEE;
}

#mycarouselBox3 ul li a {
	clear: both;
}

/* 物件のテキスト部分 */
#mycarouselBox1 ul li span,
#mycarouselBox2 ul li span,
#mycarouselBox3 ul li span {
	display: block;
	width: 100%;
}

/* 物件画像 */
#mycarouselBox1 ul li img,
#mycarouselBox2 ul li img {
	float: left;
	width: 128px;
	height: 128px;
}

#mycarouselBox3 ul li img {
	float: left;
	width: 100px;
	height: 100px;
	border-right: 1px solid #EEE;
}

/* コメント */
#mycarouselBox1 ul li span.cComment,
#mycarouselBox2 ul li span.cComment,
#mycarouselBox3 ul li span.cComment {
	text-align: center;
	padding: 5px 0;
	font-size: 75%;
	line-height: 1.0;
}

#mycarouselBox1 ul li span.cComment {
	color: #f90;
	background-color: #FFF5E8;
}

#mycarouselBox2 ul li span.cComment {
	color: #29449A;
	background-color: #ECF0FD;
}

#mycarouselBox3 ul li span.cComment {
	color: #29449A;
	background-color: #EFF9FE;
}

/* 金額 */
#mycarouselBox1 ul li span.cPrice,
#mycarouselBox2 ul li span.cPrice,
#mycarouselBox3 ul li span.cPrice {
	font-size: 105%;
	font-weight: bold;
	padding: 2px 0;
	color: #F00;
	text-align: center;
	line-height: 30px;
}

/* 住所 */
#mycarouselBox1 ul li span.cAddress,
#mycarouselBox2 ul li span.cAddress,
#mycarouselBox3 ul li span.cAddress {
	text-align: center;
	color: #666;
	font-size: 80%;
}

/* 利回り */
#mycarouselBox1 ul li span.cRimawari {
}

/* 物件名 */
#mycarouselBox1 ul li span.cName {
}

/* 土地面積 */
#mycarouselBox1 ul li span.cName {
}

/* 専有面積 */
#mycarouselBox1 ul li span.cName {
}

/* 間取り */
#mycarouselBox3 ul li span.cMadori {
}

/* 業者情報 */
#mycarouselBox1 ul li span.cName {
}

/* 業者情報 */
#mycarouselBox3 ul li span.cOpenhouse {
	clear: both;
	text-align: center;
	font-size: 80%;
	line-height: 28px;
	background-color: #1BAAF4;
	color: #FFF;
}

/******************************************************************************************/
/* prev&nextボタン */
/******************************************************************************************/

.jcarousel-skin-tango .jcarousel-prev-horizontal,
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    width: 20px;
    height: 100%;
    cursor: pointer;
}

/***** prevボタン *****/
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    top: 0;
    left: 0;
    background: transparent url(prev-horizontal.png) no-repeat 0 50%;
}

/***** nextボタン *****/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    top: 0;
    right: 0px;
    background: transparent url(next-horizontal.png) no-repeat 0 50%;
}

/***** ベース *****/

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 33.3% 50%;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active,
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 66.6% 50%;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 100% 50%;
}