@charset "utf-8";
/*------------------------------------------------------
jcarousel.css
------------------------------------------------------*/

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

/* 1物件 */
#mycarouselBox1 ul li {
	/*width: 230px;*/
  width: 100px;
	float: left;
	border: 1px solid #d6d6d6;
    margin-right: 3px;
	display: inline;
}

#mycarouselBox2 ul li,
#mycarouselBox3 ul li,
#mycarouselBox4 ul li,
#mycarouselBox5 ul li,
#mycarouselBox6 ul li {
	width: 75px;
	float: left;
	border: 1px solid #D6D6D6;
    margin-right: 3px;
	display: inline;
}

/* 物件のテキスト部分 */
#mycarouselBox1 ul li span,
#mycarouselBox2 ul li span,
#mycarouselBox3 ul li span,
#mycarouselBox4 ul li span,
#mycarouselBox5 ul li span,
#mycarouselBox6 ul li span {
	display: block;
	width: 100%;
  height: 16px;
	overflow: hidden;
	text-align: center;
	font-size: 80%;
}

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

  width: 100px;
  height: 100px;
}

#mycarouselBox2 ul li img,
#mycarouselBox3 ul li img,
#mycarouselBox4 ul li img,
#mycarouselBox5 ul li img,
#mycarouselBox6 ul li img {
	width: 75px;
	height: 75px;
}

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

/* 金額 */
#mycarouselBox1 ul li span.cPrice {
	/*font-size: 120%;*/
  font-size: 80%;
	font-weight: bold;
	padding: 2px 0;
	color: #C00;
	text-align: center;
}

#mycarouselBox2 ul li span.cPrice,
#mycarouselBox3 ul li span.cPrice,
#mycarouselBox4 ul li span.cPrice,
#mycarouselBox5 ul li span.cPrice,
#mycarouselBox6 ul li span.cPrice {
	font-size: 70%;
	color: #C00;
	text-align: center;
}

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

#mycarouselBox2 ul li span.cAddress,
#mycarouselBox3 ul li span.cAddress,
#mycarouselBox4 ul li span.cAddress,
#mycarouselBox5 ul li span.cAddress,
#mycarouselBox6 ul li span.cAddress {
	height: 15px;
	overflow: hidden;
	text-align: center;
	color: #000;
	font-size: 80%;
}

/* 利回り */
#mycarouselBox1 ul li span.cRimawari {
	text-align: center;
	color: #C00;
	background-color: #F7F3EA;
	font-size: 70%;
	padding: 2px 0;
}

#mycarouselBox2 ul li span.cRimawari,
#mycarouselBox3 ul li span.cRimawari,
#mycarouselBox4 ul li span.cRimawari,
#mycarouselBox5 ul li span.cRimawari,
#mycarouselBox6 ul li span.cRimawari {
	width: 75px;
	text-align: center;
	color: #E30000;
	background-color: #F7F3EA;
	font-size: 70%;
}

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

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

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

/* 間取り */
#mycarouselBox1 ul li span.cName {
}

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

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

div#carButtonBox {
	clear: both;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC));
	height:30px;
	-webkit-border-radius: 5px;
	border: 1px solid #EEE;

}

div#cBBoxInner a {
    background: -webkit-gradient(linear, left top, left bottom, from(#f18787), to(#ef6969));
	color: #FFF;
	text-decoration: none;
	height:30px;
	line-height: 30px;
	width: 120px;
	display: block;
	margin: 0 auto;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal,
.jcarousel-skin-tango .jcarousel-next-horizontal {
  /*  position: absolute;
    width: 18px;
    height: 100%;
    cursor: pointer; */
    position: absolute;
    width: 50px;
    height: 30px;
    cursor: pointer;
}

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

/***** nextボタン *****/
.jcarousel-skin-tango .jcarousel-next-horizontal {
  /*  top: 0;
    right: -9px;
    background: transparent url(next-horizontal.png) no-repeat 0 50%; */
    right: 20px;
    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%;
}
