@charset "utf-8";
/* CSS Document */

/**************************************************************************************
SIDE
--------------------------------------------------------------------------------------
PARTS
***************************************************************************************/

/* unPublished
========================================== */

#contentsR #unPub {
	padding:12px 0 15px 0;
	/padding:12px 0 5px 0; /* for IE6 + IE7 */
	border:solid 1px #FFCC00;
	background:#FFFCE5;
}
#contentsR #unPub h4 {
	height:24px;
	padding:6px 0 0 22px;
	font-size:108%;
	background:url(../../img/common/bg_ttl_side_orange.png) no-repeat;
	color:#fff;
	font-weight:bold;
}
#contentsR #unPub #unPubIn {
	padding:0 10px;
}
#contentsR #unPub #unPubIn table {
	margin-bottom:15px;
}
#contentsR #unPub #unPubIn table td {
	padding-top:15px;
	font-size:85%;
}
#contentsR #unPub #unPubIn table td img {
	margin:3px 7px 0 0;
}
#contentsR #unPub #unPubIn table td a {
	text-decoration:underline;
}
#contentsR #unPub #unPubIn p {
	font-size:93%;
}

/* priceDown
========================================== */

#contentsR #priceDown {
	padding:12px 0 15px 0;
	background:#F7F4F1;
}
#contentsR #priceDown h4 {
	color:#5D4E3E;
	height:24px;
	padding:6px 0 0 22px;
	font-size:108%;
	background:url(../../img/common/bg_ttl_side_yellow.png) no-repeat;
	font-weight:bold;
}
#contentsR #priceDown #priceDownIn {
	padding:0 10px;
	width:235px;
}
#contentsR #priceDown #priceDownIn table td {
	padding-top:15px;
	font-size:85%;
}
#contentsR #priceDown #priceDownIn table td img {
	margin:3px 7px 0 0;
}
#contentsR #priceDown #priceDownIn table td a {
	text-decoration:underline;
}
#contentsR #priceDown #priceDownIn p {
	font-size:93%;
}
#contentsR #priceDown #priceDownIn table td dl dd img {
	margin:2px 0 0 3px;
}
#contentsR #priceDown #priceDownIn table td dl dd a {
	color:#000;
}
#contentsR #priceDown #priceDownIn table td dl dd a:hover {
	color:#666;
}
#contentsR #priceDown #priceDownIn p {
	float:right;
	background:url(../../img/common/ic_rnd_yellow.png) 0 3px no-repeat;
	margin-top:10px;
	padding-left:17px;
}
#contentsR #priceDown #priceDownIn p a {
	text-decoration:underline;
}

/*******************************************
SIDE
-------------------------------------------
bgGrayBox950
********************************************/

#contentsR .bgGrayBox255 {
	border:1px solid #D0D0D0;
	background:#EEEEEE;
	padding:3px;
}
#contentsR .bgGrayBox255 .bgGrayBox255In {
	background:#FFFFFF;
	padding:10px;
}

/* openHouse
========================================== */

#contentsR .bgGrayBox255 .bgGrayBox255In .openHouse {
	background:url(../../img/common/line_dot.png) bottom left repeat-x;
	margin-top:13px;
	padding-bottom:13px;
	width:227px;
}
#contentsR .bgGrayBox255 .bgGrayBox255In .openHouse p.date {
	font-weight:bold;
	background:url(../../img/common/ic_sqr_brown.png) 0 4px no-repeat;
	padding-left:13px;
	font-size:93%;
	margin-bottom:5px;
}
#contentsR .bgGrayBox255 .bgGrayBox255In .openHouse table {
	float:left;
	width:86px;
}
#contentsR .bgGrayBox255 .bgGrayBox255In .openHouse table td {
	width:84px;
	height:64px;
	border:solid 1px #ccc;
	vertical-align:middle;
	text-align:center;
}
#contentsR .bgGrayBox255 .bgGrayBox255In .openHouse dl {
	width:130px;
	float:left;
	margin-left:7px;
}
#contentsR .bgGrayBox255 .bgGrayBox255In .openHouse dl dt a {
	color:#CC0000;
	font-weight:bold;
	font-size:93%;
}
#contentsR .bgGrayBox255 .bgGrayBox255In .openHouse dl dd  {
	font-size:85%;
	color:#444;
	margin-top:5px;
}
#contentsR .bgGrayBox255 .bgGrayBox255In img#btn_openHouse  {
	float:right;
}

/* bgSideBeige
========================================== */

.bgSideBeige {
	padding:12px 0 10px 0;
	background:#F7F4F1;
	width:255px;
}
.bgSideBeige h4 {
	color:#5D4E3E;
	height:24px;
	padding:6px 0 0 22px;
	font-size:108%;
	font-weight:bold;
}
.bgSideBeige h4#ttl_useful {background:url(../../img/common/bg_ttl_side_useful.png) no-repeat;}
.bgSideBeige h4#ttl_mobile {background:url(../../img/common/bg_ttl_side_mobile.png) no-repeat;}
.bgSideBeige h4#ttl_normal {background:url(../../img/common/bg_ttl_side_normal.png) no-repeat;}

.bgSideBeige .bgSideBeigeIn {
	padding:0 10px;
	width:235px;
	_width:231px; /* for IE6 */
}
.bgSideBeige .bgSideBeigeIn ul#useful {
	margin-top:7px;
}
.bgSideBeige .bgSideBeigeIn ul#useful li a {
	display: flex;
	width: 231px;
	height: 75px;
	background: #fff;
	border: solid 2px #FFF;
	margin-top: 8px;
	cursor: pointer;
	gap: 6px;
	align-items: center;
}
.bgSideBeige .bgSideBeigeIn ul#useful li a:hover {
	border:solid 2px #FFCC00;
	text-decoration:none;
}
.bgSideBeige .bgSideBeigeIn ul#useful li img {
}
.bgSideBeige .bgSideBeigeIn ul#useful li dl {
	width:130px;
}
.bgSideBeige .bgSideBeigeIn ul#useful li dl dt {
	color:#639200;
	padding-bottom:2px;
	border-bottom: 1px dotted #639200;
}
.bgSideBeige .bgSideBeigeIn ul#useful li dl dd {
	font-size:85%;
	color:#000;
	margin-top:5px;
}

/* MOBILE
========================================== */

.bgSideBeige .bgSideBeigeIn #mobile {
	float:left;
	width:125px;
	font-size:85%;
}

/**************************************************************************************

--------------------------------------------------------------------------------------
for cluetip
***************************************************************************************/

body#btnClose {
	position:relative;
}
#cluetip-close {
	position:absolute;
	top:19px;
	right:12px;
	z-index: 999;
}
#cluetip-close a {
	text-decoration:none;
}
#cluetip-close::after {
	content: "";
	width: calc(100% - 377px);
	height: 100vh;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background: #0000002a;
	cursor: pointer;
	box-sizing: border-box;
}
#cluetip-waitimage {
	width:43px;
	height:11px;
	position:absolute;
	background:url(../../img/common/ic_wait.gif) no-repeat;
}

/* POPUP HISTORY + POPUP MYLIST
========================================== */

.bgSideBeige .bgSideBeigeIn .historyBox {
	background:#FFF;
	width:219px;
	margin-top:10px;
	padding:12px 8px 0;
	font-size:85%;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn {
	background:url(../../img/common/line_brown.png) repeat-x bottom;
	padding-bottom:15px;
	margin-bottom:20px;
}
.bgSideBeige .bgSideBeigeIn .historyBox .none {
	background:none;
	margin-bottom:5px;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn .ttlArea {
	background:url(../../img/common/line_dot.png) repeat-x bottom;
	padding-bottom:3px;
	width:219px;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn .ttlArea h3 {
	color:#669900;
	font-size:108%;
	float:left;
	width:159px
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn .ttlArea p.reset {
	background:url(../../img/common/ic_sqr_black.png) no-repeat 0 3px;
	padding-left:12px;
	float:right;
	width:48px
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn dl {
	padding-top:5px;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn dl dt {
	margin-top:8px;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn dl dd {
	margin-top:3px;
	background:url(../../img/common/ic_sqr_brown.png) no-repeat 0 3px;
	padding-left:15px;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn dl dd a {
	text-decoration:underline;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn ul {
	padding-top:5px;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn ul li {
	margin-top:10px;
	background:url(../../img/common/ic_sqr_brown.png) no-repeat 0 3px;
	padding-left:15px;
}
.bgSideBeige .bgSideBeigeIn .historyBox .historyIn ul li a {
	text-decoration:underline;
}


/* MOBILE MAIL
========================================== */

.bgSideBeige .bgSideBeigeIn .mobileBox {
	background:#FFF;
	width:219px;
	margin-top:10px;
	padding:0 8px;
	font-size:85%;
}
.bgSideBeige .bgSideBeigeIn .mobileBox .mobileBoxIn dl {
	padding-top:5px;
}
.bgSideBeige .bgSideBeigeIn .mobileBox .mobileBoxIn dl dt {
	margin-top:8px;
	color:#669900;
	font-size:108%;
}
.bgSideBeige .bgSideBeigeIn .mobileBox .mobileBoxIn dl dd {
	margin-top:3px;
}

/* LOAN
========================================== */

.bgSideBeige .bgSideBeigeIn .mobileBox table.loanBoxIn {
	margin-top:5px;
	width:100%;
}
.bgSideBeige .bgSideBeigeIn .mobileBox table.loanBoxIn tr th {
	color:#669900;
	font-size:108%;
	vertical-align:middle;
	padding-top:5px;
}
.bgSideBeige .bgSideBeigeIn .mobileBox table.loanBoxIn tr td {
	padding-left:10px;
	padding-top:5px;
}