@charset 'Shift_JIS';

/* ----------------------------------------
　detail_index.css
---------------------------------------- */
/* 物件写真／間取り図　切替え
---------------------------------------- */
#basicInformation #changeBtns {
	margin-top: 5px;
}

#basicInformation #changeBtns li {
	float: left;
	line-height: 0;
}

#basicInformation #changeBtns .on {
	cursor: default;
}

#basicInformation #changeBtns .off {
	cursor: pointer;
}

#basicInformation #changeBtns .view {
	width: 349px;
	margin-right: 1px;
}

#basicInformation #changeBtns .floor {
	width: 350px;
}

/* .view_mode */
.view_mode #basicInformation #changeBtns .view .on  { display: block; }
.view_mode #basicInformation #changeBtns .view .off { display: none; }
.view_mode #basicInformation #changeBtns .floor .on  {	display: none; }
.view_mode #basicInformation #changeBtns .floor .off { display: block; }

/* .floor_mode */
.floor_mode #basicInformation #changeBtns .view .on  { display: none; }
.floor_mode #basicInformation #changeBtns .view .off { display: block; }
.floor_mode #basicInformation #changeBtns .floor .on  {	display: block; }
.floor_mode #basicInformation #changeBtns .floor .off { display: none; }

/* .view_only_mode */
.view_only_mode #basicInformation #changeBtns .view .on  { display: block; }
.view_only_mode #basicInformation #changeBtns .view .off { display: none; }
.view_only_mode #basicInformation #changeBtns .floor .on  { display: none; }
.view_only_mode #basicInformation #changeBtns .floor .off { display: block; }

/* .floor_only_mode */
.floor_only_mode #basicInformation #changeBtns .view .on  { display: none; }
.floor_only_mode #basicInformation #changeBtns .view .off { display: block; }
.floor_only_mode #basicInformation #changeBtns .floor .on  { display: block; }
.floor_only_mode #basicInformation #changeBtns .floor .off { display: none; }

/* 物件写真／間取り図　表示部
---------------------------------------- */
#infoImageBlock {
	position: relative;
	clear: both;
	width: 700px;
	height: 450px;
	margin-top: 17px;
}

#infoImageBlock .slideBtn {
	position: absolute;
	top: 0;
}

#infoImageBlock .slideBtn span {
	display: block;
	overflow: hidden;
	width: 30px;
	height: 450px;
	text-indent: -9999px;
	cursor: pointer;
}

#infoImageBlock #prev {
	left: 0;
}

#infoImageBlock #prev span {
	display: none;
	background: url(/common2013/img/detail/bg_prev.gif) no-repeat left center;
}

#infoImageBlock #next {
	right: 0;
}

#infoImageBlock #next span {
	background: url(/common2013/img/detail/bg_next.gif) no-repeat right center;
}

#infoImageBlock .view,
#infoImageBlock .floor {
	position: absolute;
	left: 50px;
	top: 0;
	width: 600px;
	height: 450px;
	text-align: center;
}

#infoImageBlock .view li {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 600px;
	height: 450px;
	line-height: 450px; /*SFH 20170804追記*/
}

#infoImageBlock .view li img,
#infoImageBlock .floor li img {
	margin: auto;
	vertical-align: middle; /*SFH 20170804追記*/
}

#infoImageBlock {
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}

/* .view_mode */
.view_mode #infoImageBlock .slideBtn { display: block; }
.view_mode #infoImageBlock .view  { display: block; }
.view_mode #infoImageBlock .floor { display: none; }

/* .floor_mode */
.floor_mode #infoImageBlock .slideBtn { display: none; }
.floor_mode #infoImageBlock .view  { display: none; }
.floor_mode #infoImageBlock .floor { display: block; }

/* キャプション
---------------------------------------- */
#captionBlock {
	width: 700px;
	padding: 10px 0 15px;
	text-align: center;
	color: #2d2d2d;
/*	color: #999;*/
}

#captionBlock .view li {
	display: none;
	font-size: 150%;
/*	font-size: 116%;*/
	font-weight: bold;
}

#captionBlock .floor {
	font-size: 150%;
/*	font-size: 116%;*/
	font-weight: bold;
}

/* .view_mode */
.view_mode #captionBlock .view  { display: block; }
.view_mode #captionBlock .floor { display: none; }

/* .floor_mode */
.floor_mode #captionBlock .view  { display: none; }
.floor_mode #captionBlock .floor { display: block; }

/* .view_only_mode */
.view_only_mode #captionBlock .view  { display: block; }
.view_only_mode #captionBlock .floor { display: none; }

/* .floor_mode */
.floor_only_mode #captionBlock .view  { display: none; }
.floor_only_mode #captionBlock .floor { display: block; }

/* サムネイル
---------------------------------------- */
#thumbnailBlock {
	padding-bottom: 5px;
	border-bottom: 4px solid #606060;
}

#thumbnailBlock ul {
	width: 700px;
}

#thumbnailBlock li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 69px;
	height: 69px;
	margin-right: 1px;
	margin-bottom: 1px;
	text-align: center;
	line-height: 0;
	cursor: pointer;
	vertical-align: top;
	font-size: 0;
}

#thumbnailBlock li img {
	margin: 0 auto;
	vertical-align: top;
}

#thumbnailBlock li span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 67px;
	height: 67px;
	border: 3px solid #E00027;
	}

/* .view_mode */
.view_mode #thumbnailBlock { display: block; }

/* .floor_mode */
.floor_mode #thumbnailBlock { display: block; }

#bukkenDetailBlock #itemInfo .floor dd .asterisk {
	color: red;
}

/* Font size fix on August 2017
-----------------------------------------*/
#captionBlock .floor { font-size: 1.28571em; }
/* End of Font size fix on August 2017 */