@charset "utf-8";

/* ----------------------------------------------------------
 人気マンション　共通CSS
---------------------------------------------------------- */

/* ----------------------------------------------------------
 layout / setting
---------------------------------------------------------- */
#popularContents {
	width: 946px;
	margin: 0 10px;
/*	padding-top:10px;*/
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro';
}
#popularMainContents {
	width:906px;
	margin-left:20px;
}

#popularContents p,
#popularContents ul,
#popularContents ol,
#popularContents li,
#popularContents dl,
#popularContents dt,
#popularContents dd {
	font-size:12px;
	line-height:1.8;
}
#popularContents table th,
#popularContents table td,
#popularContents table p,
#popularContents table ul,
#popularContents table ol,
#popularContents table li,
#popularContents table dl,
#popularContents table dt,
#popularContents table dd {
	font-size:12px;
	line-height:1.2;
}


/* ----------------------------------------------------------
 module
---------------------------------------------------------- */
/* clearfix */
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}

/* headding */
#popularContents h3 {
	margin-bottom:15px;
}
#popularContents h4 {
	margin:25px 0 10px 0;
	padding-bottom:3px;
	color:#3B779F;
	font-size:18px;
	font-weight:bold;
	border-bottom:2px solid #5897C0;
}
#popularContents .catch {
	margin:5px 0 0 10px;
	font-size:16px;
	font-weight:bold;
	color:#6C5226;
}

/* section */
#popularContents .section:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#popularContents .section {
	margin-bottom:30px;
	zoom:1;
}

/* colArea */
#popularContents .colArea:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#popularContents .colArea {
	zoom:1;
}
#popularContents .colArea .col2 {
	width:443px;
}
#popularContents .colArea h4 {
	margin-top:5px;
}

/* table */
#popularContents table.basic {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #B9B9B9;
	border-left:1px solid #B9B9B9;
}
#popularContents table.basic th,
#popularContents table.basic td {
	padding:8px 10px;
	border-bottom:1px solid #B9B9B9;
	border-right:1px solid #B9B9B9;
}
#popularContents table.basic th {
	font-weight:normal;
	text-align:center;
	vertical-align:top;
	background:#C2D7E9;
}


/* SFH付加 */
#popularContents table.basic th {
	width: 10%;
}

#popularContents table.basic td {
	width: 40%;
}


#popularContents table.basic .mult {
	font-size: 65%;
	vertical-align: top;
}


/* list */
#popularContents .list_dot li {
	padding-left:1em;
	line-height:1.5;
	background:url(../images/icn_dot.gif) no-repeat 5px 8px;
}
#popularContents .list_attn li {
	padding-left:1em;
	text-indent:-1em;
}

/* module */
#popularContents .br {
	margin-bottom:1em;
}
#popularContents .icn {
	margin:0 5px;
	vertical-align:middle;
}
#popularContents .bold {
	font-weight:bold;
}
#popularContents .align_c {
	text-align:center;
}
#popularContents .align_r {
	text-align:right;
}
#popularContents .left {
	float:left;
}
#popularContents .right {
	float:right;
}
#popularContents iframe {
	margin-top:15px;
}


/*  popularHeader
---------------------------------------------------------- */
#popularHeader:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#popularHeader {
	width:936px;
	padding:10px 0 10px 10px;
	border-top:3px solid #E4E1CD;
	background:url(../images/top/bg_popularHeader.gif) no-repeat 416px 3px;
}
#popularHeader #popularHeaderInner {
	float:left;
	width:630px;
}
#popularHeader .IsChintai {
	padding-top:15px;
}

#popularHeader #popularHeaderInner h2 {
	margin-bottom:12px;
	padding-bottom:6px;
	font-size:22px;
	font-weight:bold;
	background:url(../images/top/bg_h2.jpg) no-repeat left bottom;
}

/* --------------- SFH変更箇所 --------------- */

#popularHeader #popularHeaderInner dl{
	margin: 0px 0px 0px 20px;
}

#popularHeader #popularHeaderInner dl.poplarHeaderInnerIsChintai dt,
#popularHeader #popularHeaderInner dl.poplarHeaderInnerIsChintai dd{
	padding-top:5px;
}

#popularHeader #popularHeaderInner dl dt {
	clear:both;
	float:left;
	width:4em;
	font-weight: bold;
	text-align: right;
	font-size: 1.1em;
}
#popularHeader #popularHeaderInner dl dd {
	margin:0 0 0 5em;
	font-size: 1.1em;
}

/*  bNavArea
---------------------------------------------------------- */
#bNavArea {
	float:right;
	width:294px;
}
#bNavArea p {
	text-align:center;
}
#bNavArea ul {
	width:294px;
	margin-top:5px;
	/*padding:4px 0;
	/padding:4px 0 2px;*/
	background:#F7F7EE;
}
#bNavArea ul li:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#bNavArea ul li {
	width:294px;
	padding:4px 0;
	height:32px;
	line-height:0 !important;
	border-bottom:1px solid #FFF;
	overflow:hidden;
}
#bNavArea ul li.last-child {
	border:none;
}
#bNavArea ul li dl dt {
	float:left;
	width:74px;
	padding-top:10px;
	line-height:1 !important;
	text-align:center;
}
#bNavArea ul li dl dd {
	float:left;
	margin-right:10px;
	line-height:0 !important;
	zoom:1;
}


/*  #galleryArea
---------------------------------------------------------- */
#galleryArea:after,
#galleryArea .thumb:after {
		content:".";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
}
#galleryArea {
	width:832px;
	margin:0 0 5px 0;
	padding:10px 52px 0 62px;
	border-top:1px dotted #BCAF89;
}
#galleryArea #gallery {
	float:left;
	width:460px;
	height:345px;
	padding:3px;
	text-align:center;
	border:1px solid #CCC;
	background:#E2DECD;
	overflow:hidden;
}
#galleryArea .viewbox {
	width:460px;
	height:345px;
	overflow:hidden;
	background:#FFF;
}
#galleryArea .viewbox {
    display: none;
}
#galleryArea .viewbox img {
    max-height:345px;
    min-height:345px;
    height:auto !important;
    height:345px;

}
#galleryArea .thumb {
	float:right;
	width:308px;
}
#galleryArea .thumb li {
	float:left;
	width:144px;
	margin:0 10px 10px 0;
	text-align:center;
}
#galleryArea .thumb li a {
	display:block;
	width:138px;
	height:103px;
	padding:2px;
	border:1px solid #CCC;
	cursor:pointer;
}
#galleryArea .thumb li.active a {
	border:1px solid #CC0101;
}
#galleryArea .thumb li a span {
	display:block;
	width:138px;
	height:103px;
	overflow:hidden;
}
#galleryArea .thumb li a img {
	max-height:103px;
	min-height:103px;
	height:auto !important;
	height:103px;
	vertical-align:middle;
}


/*  recommendArea
---------------------------------------------------------- */
#recommendArea {
	width:876px;
	padding:20px 35px;
	background:#E7E4D3;
}
#recommendArea dt,
#recommendArea dd {
	display:table-cell;
	/display:inline;
	vertical-align:middle;
	zoom:1;
}
#recommendArea dt {
	width:210px;
}
#recommendArea dd {
}
#recommendArea dd ul li{
	padding-left:10px;
	font-size:13px;
	background:url(../images/icn_dot_b.gif) no-repeat 2px 11px;
}


/*  appArea
---------------------------------------------------------- */
.appArea {
	width:906px;
	background:url(../images/top/bg_app.jpg) no-repeat top left;
}
.appArea div {
	width:816px;
	padding:12px 45px;
	background:url(../images/top/bg_app.jpg) no-repeat bottom left;
}
.appArea p {
	float:left;
	width:86px;
}
.appArea dl {
	float:right;
	width:710px;
	color:#0E0E66;
}
.appArea dl dt {
	margin-bottom:10px;
}
.appArea dl dt {
	font-weight:bold;
	font-size:18px !important;
	line-height:1.3 !important;
}
.appArea dl dt span {
	font-size:30px;
}
.appArea span.red_txt{
	color: #b22222;
	font-weight: bold;
}


/*  inquiryArea
---------------------------------------------------------- */
.inquiryArea {
	width:906px;
	background:#E6E4DD;
}
.inquiryArea .inquiryBlock:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.inquiryArea .inquiryBlock:after,
.inquiryArea .inquiryBox:after,
.inquiryArea .inquiryBtn:after,
.inquiryArea .inquiryAdd:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.inquiryArea .inquiryBlock {
	width:866px;
	padding:0 20px 20px;
}
.inquiryArea .inquiryBox {
	background:#F8F7F5;
	zoom:1;
}
.inquiryArea .inquiryBox.left {
	width:560px;
}
.inquiryArea .inquiryBox.right {
	width:290px;
}


/* SFH追加部分 */

.inquiryArea .inquiryBox.center {
	width:866px;
}

.no_rent_l{
	margin-left: 80px;
}

.no_rent_r{
	margin-right: 80px;
}


.no_rent_tel_l{
	margin-left: 150px;
}

.no_rent_tel_r{
	margin-right: 120px;
}

/* SFH追加部分 ここまで */


.inquiryArea .inquiryBox .inquiryBtn {
	padding:20px;
	zoom:1;
}
.inquiryArea .inquiryBox .inquiryBtn dl {
	width:250px;
}
.inquiryArea .inquiryBox .inquiryBtn dl dt {
	text-align:center;
	line-height:0 !important;
}
.inquiryArea .inquiryBox .inquiryBtn dl dd {
	margin-top:8px;
	line-height:0 !important;
}
.inquiryArea .inquiryBox .inquiryAdd {
	padding:15px 20px 15px 20px;
	border-top:1px solid #E6E4DD;
	zoom:1;
}
.inquiryArea .inquiryBox .inquiryAdd dl {
	width:250px;
}



.inquiryArea .inquiryBox .inquiryAdd .tel {
	width:198px;
	padding:0 0 0 52px;
	background:url(../images/icn_freecall.gif) no-repeat left bottom;
}
.inquiryArea .inquiryBox  .inquiryAdd  dt {
	line-height:1.8 !important;
	font-weight:bold;
}
.inquiryArea .inquiryBox .inquiryAdd .tel dt {
	font-size:14px !important;
}
.inquiryArea .inquiryBox  .inquiryAdd dd {
	line-height:1.6 !important;
}
.inquiryArea .inquiryBox  .inquiryAdd .tel dd {
	margin:0 0 0 12px;
	line-height:1.4 !important;
	font-size:26px !important;
	color:#B22121;
}
.inquiryArea .inquiryBox  .inquiryAdd p {
	margin-top:10px;
	line-height:1.6 !important;
}


/*  resultArea
---------------------------------------------------------- */
#resultArea .count {
	font-size:14px;
	font-weight:bold;
}
#resultArea .count  span {
	margin:0 5px;
	font-size:16px;
	color:#CC0000;
}
#resultArea table.result_table {
	width:100%;
	margin-top:10px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #B9B9B9;
	border-left:1px solid #B9B9B9;
}
#resultArea table.result_table th,
#resultArea table.result_table td {
	padding:10px;
	border-right:1px solid #B9B9B9;
	border-bottom:1px solid #B9B9B9;
}
#resultArea table.result_table th {
	font-weight:normal;
	text-align:center;
	background:#C2D7E9;
}
#resultArea table.result_table td {
	text-align:center;
}
#resultArea table.result_table td .mult {
	font-size: 65%;
	vertical-align: top;
}
#resultArea table.result_table col.check {
	width:35px;
	background:#DEE9F3;
}
#resultArea table.result_table col.bukkenname_icon {
	width:270px;
}
#resultArea table.result_table td.bukkenname_icon {
	padding:5px 10px;
	text-align:left;
}
#resultArea table.result_table td.bukkenname_icon dl dt p {
	line-height:21px;
	font-weight:bold;
}
#resultArea table.result_table td.bukkenname_icon dl dt span#s_kakaku {
	margin-right:5px;
	font-size:16px;
	color:#CC0000;
}
#resultArea table.result_table td.bukkenname_icon dl dt span#s_unit {
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
#resultArea table.result_table td.bukkenname_icon dl dd {
	margin-top:2px;
}
#resultArea table.result_table td.bukkenname_icon dl dd ul li {
	display:inline;
	margin-right:3px;
}
#resultArea table.result_table td.bukken_madori {
	font-size:14px;
	font-weight:bold;
}
#resultArea table.result_table td.bukken_madori a:hover {
	text-decoration:none;
}
#resultArea table.result_table td.bukken_madori p {
	margin-top:3px;
}
#resultArea table.result_table td.toiawase dt {
	margin-bottom:2px;
}
#resultArea table.result_table td.favorite ul {
	margin-bottom:-3px;
	zoom:1;
}
#resultArea table.result_table td.favorite ul li {
	margin-bottom:3px;
}
#resultArea table.result_table td.favorite a:hover {
	text-decoration:none;
}
#resultArea #request {
	position:relative;
	width:447px;
	height:63px;
	margin-bottom:10px;
	background:url(../images/top/bg_allchecl.gif) no-repeat top left;
}
#resultArea #request p {
	position:absolute;
	top:17px;
	left:236px;
}
#resultArea #icon_list {
	padding:10px;
	border:1px solid #B9B9B9;
	zoom:1;
}
#resultArea #icon_list th,
#resultArea #icon_list td {
	padding:5px;
	font-size:10px;
}
#resultArea #icon_list td {
	padding-right:45px;
}


/*  imgliArea
---------------------------------------------------------- */
.imgliArea:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.imgliArea {
	zoom:1;
}
.imgliArea ul,
.imgliArea ol {
	position:relative;
	margin-left:-33px;
	zoom:1;
}
.imgliArea li {
	float:left;
	line-height:0 !important;
	padding:15px 0 0 33px;
	zoom:1;
}
.imgliArea li img {
	margin-bottom:5px;
	/margin-bottom:0;
	line-height:0;
}
.imgliArea p {
	font-weight:bold;
	line-height:1.5 !important;
}
.imgliArea p span {
	font-weight:normal;
}


/*  #list_carousel
---------------------------------------------------------- */
#list_carousel li {
    background:url(../images/line.gif) repeat-y left;
}
#list_carousel li dl dt {
	margin-bottom:8px;
}
#list_carousel li dl dt a {
	font-size:14px;
	font-weight:bold;
	line-height:1.3 !important;
}
#list_carousel li dl dd:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#list_carousel li dl dd {
	width:240px;
}
#list_carousel li dl dd p {
	float:right;
	width:90px;
	line-height:1.5 !important;
}
#list_carousel li dl dd .img {
	float:left;
	width:144px;
	height:109px;
	text-align:center;
	overflow:hidden;
}
#list_carousel li dl dd .img a {
	display:block;
	width:138px;
	height:103px;
	padding:2px;
	border:1px solid #CCC;
	background:#FFF;
	overflow:hidden;
	cursor:pointer;
}
#list_carousel li dl dd .img a:hover {
	border:1px solid #CC0000;
}
#list_carousel li dl dd .img a span {
	display:block;
	width:138px;
	height:103px;
	overflow:hidden;
}
#list_carousel li dl dd .img a img {
	max-height:103px;
	min-height:103px;
	height:auto !important;
	height:103px;
}
.jcarousel-skin-tango .jcarousel-container {
	min-height:175px;
	height:auto !important;
	height:175px;
	border:1px solid #CCC;
	background: #F0F0EC;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:810px;
    padding:5px 45px 5px 45px;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  810px;
}
.jcarousel-list {
	position:relative;
	margin-left:-16px !important;
	overflow:hidden;
	zoom:1;
}
.jcarousel-skin-tango .jcarousel-item {
    width:240px;
    padding:8px 0 10px 15px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 15px;
	margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 15px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top:5px;
    right: 5px;
    width: 40px;
    height: 175px;
    cursor: pointer;
    background: url(../images/btn_next.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 10px;
    right: auto;
    background: url(../images/btn_next.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background: url(../images/btn_next_on.jpg) no-repeat 0 0;
    cursor:pointer;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: url(../images/btn_next.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background:none;
    /*background: url(../images/next_n.gif) no-repeat 0 0;*/
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top:5px;
    left: 5px;
    width: 40px;
    height: 175px;
    cursor: pointer;
    background: url(../images/btn_prev.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 10px;
    background-image: url(../images/btn_prev.jpg);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background: url(../images/btn_prev_on.jpg) no-repeat 0 0;
    cursor:pointer;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background: url(../images/btn_prev.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background:none;
    /*background: url(../images/prev_n.gif) no-repeat 0 0;*/
}