@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			https://www.e-life-fudosan.co.jp/
File name:			side.css (https://www.e-life-fudosan.co.jp/css/side.css)

-----------------------------------*/

/*-------------------------
__side_style
-------------------------*/

#main,
#side,
#side02 {
display: inline-block;
*display: inline; /* IE7 and below */
*zoom: 1; /* IE7 and below */
vertical-align:top;
}

#side {
padding-top: 50px;
}

/*会員ログイン、ログアウトここから*/
.s_member {
background-color:#003092;/*------------------- color -------------------*/
margin-bottom:30px;
}
.s_member li {
padding-bottom:10px;
text-align:left;
font-size:16px;
line-height:20px;
font-weight:700;
}
.s_member li:nth-child(1){ text-align: center;}
.s_member li:nth-child(1) img{ width: 150px; height: auto; margin: 0 auto;}
.s_member li:nth-child(1) p{ margin-top: 5px;}
.s_member li span {
width:60px;
display: inline-block;
*display: inline; /* IE7 and below */
*zoom: 1; /* IE7 and below */
vertical-align:top;
font-weight: normal;
}
.s_member li input[type="text"],
.s_member li input[type="password"] {
width:115px;
display: inline-block;
*display: inline; /* IE7 and below */
*zoom: 1; /* IE7 and below */
vertical-align:top;
border:#ccc solid 1px;
font-size:14px;
}
.s_member li button {
background-color:#003092;/*------------------- color -------------------*/
}
.s_member_logout li button {
background-color:#D90000;
}
.s_member li button,
.s_member_logout li button {
display:block;
text-align:center;
font-size:16px;
line-height:30px;
font-weight:700;
color:#fff;
text-decoration:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:none;
width:180px;
cursor:pointer;
}
.s_member li button:hover,
.s_member_logout li button:hover {
filter:alpha(opacity=60);
opacity:0.6;
}
.s_member p a,
.s_member_logout p a {
font-size:14px;
line-height:20px;
color:#003092;/*------------------- color -------------------*/
}
.s_member p a:hover,
.s_member_logout p a:hover {
color:#000;
}
.s_member_logout {
background-color:#D90000;
margin-bottom:30px;
}
.s_member .login {
background:url(../images/fff90.png) repeat center top;
padding:10px;
}
.s_member_logout .welcome {
background:url(../images/fff90.png) repeat center top;
padding:10px;
}
.s_member_logout li {
text-align:left;
font-size:14px;
line-height:20px;
font-weight:700;
padding-bottom:10px;
}
.s_member_logout li img{ width: 100%; height: auto;}
.s_member_logout li.s_member_ing span {
display:block;
text-align:center;
font-size:22px;
line-height:30px;
font-weight:700;
padding:4px;
border:#D90000 solid 1px;
color:#D90000;
}
.s_member .entry,
.s_member_logout .entry {
padding:10px;
}
.s_member .entry p,
.s_member_logout .entry p {
font-size:14px;
line-height:20px;
font-weight:700;
color:#fff;
text-align:left;
}
.s_member .entry a {
display:block;
}
.s_member .entry a:hover {
filter:alpha(opacity=60);
opacity:0.6;
}
.s_member .login table{
width: 100%;}
.s_member .login table td{
text-align:right;}
.s_member .login table td span{
display: inline;}

/*会員ログイン、ログアウトここまで*/



/*売買、賃貸物件検索ここから*/
.s_bb_search,
.s_ct_search {
margin-bottom:30px;
}
.s_bb_search .title,
.s_ct_search .title/*,
.q_search .title*/ {
font-size:24px;
line-height:50px;
letter-spacing:0.2em;
padding-bottom:3px;
margin-bottom:7px;
background:url(../images/title_bg.png) no-repeat center bottom;
}
.s_bb_search .title,
.s_ct_search .title {
color:#000;
}
.s_bb_search dl,
.s_ct_search dl {
padding-top:15px;
}
.s_bb_search dt,
.s_ct_search dt {
font-size:18px;
line-height:20px;
font-weight:700;
padding-bottom:10px;
}
.s_bb_search dd,
.s_ct_search dd {
display: inline-block;
*display: inline; /* IE7 and below */
*zoom: 1; /* IE7 and below */
vertical-align:top;
width:95px;
height:35px;
margin-right: 10px;
}
.s_bb_search dd + dd,
.s_ct_search dd + dd {
margin-right: 0;
}
.s_bb_search dd a,
.s_ct_search dd a {
font-size:16px;
line-height:35px;
display:block;
color:#fff;
text-decoration:none;
text-align:center;
background-image:url(../images/search_btn.png);
background-repeat:no-repeat;
background-position:center top;
}

.s_bb_search .bb_kind01 dt {
background:url(../images/icon01.png) no-repeat 5px top;
}
.s_bb_search .bb_kind02 dt {
background:url(../images/icon02.png) no-repeat 5px top;
}
.s_bb_search .bb_kind03 dt {
background:url(../images/icon03.png) no-repeat 5px top;
}
.s_bb_search .bb_kind04 dt {
background:url(../images/icon04.png) no-repeat 5px top;
}
.s_bb_search .kind05 dt {
background:url(../images/icon05.png) no-repeat 5px top;
}
.s_ct_search .bb_kind01 dt {
background:url(../images/icon04.png) no-repeat 5px top;
}
.s_ct_search .bb_kind02 dt {
background:url(../images/icon05.png) no-repeat 5px top;
}
.s_ct_search .bb_kind03 dt {
background:url(../images/icon06.png) no-repeat 5px top;
}
.s_bb_search .bb_kind01 dd a {
background-color:#F05A6E;
}
.s_bb_search .bb_kind02 dd a {
background-color:#2882E6;
}
.s_bb_search .bb_kind03 dd a {
background-color:#5AB41E;
}
.s_bb_search .bb_kind04 dd a {
background-color:#FF9128;
}
.s_bb_search .kind05 dd a {
background-color:#AA64D2;
}
.s_ct_search .bb_kind01 dd a {
background-color:#FF9128;
}
.s_ct_search .bb_kind02 dd a {
background-color:#AA64D2;
}
.s_ct_search .bb_kind03 dd a {
background-color:#999999;
}
.s_bb_search dd a:hover,
.s_ct_search dd a:hover {
filter:alpha(opacity=60);
opacity:0.6;
}
.kind fieldset legend{
	font-weight:700;
	margin-bottom:5px;}
#q_search_sta_wrap legend,
#q_search_area_wrap legend{
	padding-top:8px;}
#q_search_sta_wrap,
#q_search_area_wrap{
	margin:10px 0 0 0;
	box-sizing:border-box;
	height:80px;
	overflow:scroll;}
.gray_back{
	background-color:#eee;
	margin-top:5px;}
/*.q_search_line{
	width:100%;}
select .q_search_line{
	width:100%;}*/
/*売買、賃貸物件検索ここまで*/



/*スタッフ紹介、お客様の声、最新折込広告、マップ検索、成約物件、会社案内、地域情報ここから*/
.s_box {
border:#ccc solid 1px;
margin-bottom:30px;
}
.s_box dt {
font-size:24px;
line-height:49px;
letter-spacing:0.2em;
padding-bottom:3px;
margin-bottom:12px;
background:url(../images/title_bg.png) no-repeat center bottom;
}
.s_box dd a {
display:block;
padding:0 9px 80px;
text-align:left;
font-size:14px;
line-height:18px;
text-decoration:none;
color:#000;
}
.s_box:hover {
filter:alpha(opacity=60);
opacity:0.6;
}
.staff {
background:url(../images/staff_bg.png) no-repeat center bottom; background-size: contain;
}
.voice {
background:url(../images/voice_bg.png) no-repeat center bottom; background-size: contain;
}
.ad {
background:url(../images/ad_bg.png) no-repeat center bottom; background-size: contain;
}
.map {
background:url(../images/map_bg.png) no-repeat center bottom; background-size: contain;
}
.sold {
background:url(../images/sold_bg.png) no-repeat center bottom; background-size: contain;
}
.com {
background:url(../images/com_bg.png) no-repeat center bottom; background-size: contain;
}
.spot {
background:url(../images/spot_bg.png) no-repeat center bottom; background-size: contain;
}
.contents1 {
background:url(../images/contents1_bg.png) no-repeat center bottom; background-size: contain;
}
.contents2 {
background:url(../images/contents2_bg.png) no-repeat center bottom; background-size: contain;
}
/*スタッフ紹介、お客様の声、最新折込広告、マップ検索、成約物件、会社案内、地域情報、汎用コンテンツここまで*/


/*フリーワード検索ここから*/
.s_freeword{
    background-color:#fff;
    margin-bottom:30px;
    border:1px solid #CCC;}

.s_freeword h3.title{
    font-size:24px;
    line-height:1.3;
    letter-spacing:0.1em;
    margin-bottom:12px;
    background:url(../images/title_bg.png) no-repeat center bottom;
    padding-top:8px;
    padding-bottom:10px;}

.s_freeword .freeword_inner p{
    font-size:14px;
    line-height:18px;
    color:#000;
    text-decoration:none;
    text-align:left;
    display:block;
    padding:0 6px 12px 12px;}

.s_freeword .freeword_inner #uform{
    margin:0 auto 15px;}

.s_freeword .freeword_inner #uform input[type="text"]{
    font-size:14px;
    width:160px;
    margin-bottom:10px;
    padding:3px 7px;}

.s_freeword .freeword_inner .search_btn{
    margin: 0 10px;}
/*フリーワード検索ここまで*/


/*物件検索ここから*/
.s_box.search {
    background:url(../images/search_bg.png) no-repeat center bottom; background-size: contain;}

.s_box.search#open{
    display: block;
    padding: 0 9px 80px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    color: #000;}

.s_box.search#open dl dt{
    text-align:center;}

.s_box.search dl dd{
    padding:0;}

.s_box.search:hover{
    cursor: pointer;}
/*物件検索ここまで*/


/*トピックスここから*/
.s_topics {
margin-bottom:20px;
}
.s_topics .title {
font-size:24px;
line-height:50px;
letter-spacing:0.1em;
padding-bottom:3px;
margin-bottom:7px;
background:url(../images/title_bg.png) no-repeat center bottom; background-size: contain;
}
.s_topics .topics_inner {
height: 215px;
overflow: auto;
}
.s_topics .topics_inner dl {
padding: 10px 0;
text-align: left;
}
.s_topics .topics_inner dt {
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
.s_topics .topics_inner dd {
font-size: 14px;
line-height: 20px;
}
.s_topics .topics_inner dd a{
	color:#666;}
.s_topics .topics_inner dd a:hover{
	color:#bbb;}
/*トピックスここまで*/



/*特集ここから*/
.s_special {
margin-bottom:20px;
}
.s_special .title {
font-size:24px;
line-height:50px;
letter-spacing:0.1em;
padding-bottom:3px;
margin-bottom:7px;
background:url(../images/title_bg.png) no-repeat center bottom;
}
.s_special .to_list {
text-align:right;
padding-top:10px;
}
.s_special .to_list a {
font-size:16px;
line-height:20px;
color:#003092;/*------------------- color -------------------*/
}
.s_special .to_list a:hover {
color:#000;
}
/*特集ここまで*/



/*ランキングここから*/
.s_ranking .title {
font-size:20px;
line-height:50px;
letter-spacing:0.1em;
padding-bottom:3px;
margin-bottom:7px;
background:url(../images/title_bg.png) no-repeat center bottom; background-size: contain;
}
.ranking01 {
padding:35px 0 20px;
background:url(../images/ranking01.png) no-repeat center top; background-size: contain;
}
.ranking02 {
padding:35px 0 20px;
background:url(../images/ranking02.png) no-repeat center top; background-size: contain;
}
.ranking03 {
padding:35px 0 20px;
background:url(../images/ranking03.png) no-repeat center top; background-size: contain;
}
.ranking04{
padding:35px 0 20px;
background:url(../images/ranking04.png) no-repeat center top; background-size: contain;
}
.ranking05{
padding:35px 0 20px;
background:url(../images/ranking05.png) no-repeat center top; background-size: contain;
}
/*ランキングここまで*/



/*特集、ランキングのコマここから*/
.s_special .box ul,
.s_ranking .box ul{
padding:4px 9px;
border:#CCC solid 1px;
margin-top:10px;
}
.s_special .box ul:hover,
.s_ranking .box ul:hover{
filter:alpha(opacity=60);
opacity:0.6;
}
.s_special .box li,
.s_ranking .box li{
text-align:left;
}
.s_special .box li.photo{
text-align:center!important;
background-color:#eee;
}
.s_special .box li.kind,
.s_ranking .box li.kind{
font-size:16px;
line-height:25px;
}
.s_special .box li.add,
.s_ranking .box li.add{
font-size:13px;
line-height:17px;
padding:4px 0;
}
.s_special .box li.add a,
.s_ranking .box li.add a{
color:#000;
text-decoration:none;
}
.s_special .box li.access,
.s_ranking .box li.access{
font-size:14px;
line-height:18px;
padding-bottom:6px;
color:#0068b7;
}
.s_special .box li.price01,
.s_ranking .box li.price01{
font-size:14px;
line-height:25px;
font-weight:700;
color:#DC0000;
}
.s_special .box li .price02,
.s_ranking .box li .price02{
font-size:20px;
}
/*特集、ランキングのコマここまで*/



/*会社案内トップ表示ここから*/
.s_com02 {
margin-bottom:20px;
}
.s_com02 .title {
font-size:24px;
line-height:50px;
letter-spacing:0.1em;
padding-bottom:3px;
margin-bottom:7px;
background:url(../images/title_bg.png) no-repeat center bottom; background-size: contain;
}
.s_com02 li {
font-size:14px;
line-height:20px;
text-align:left;
}
.s_com02 li.c_photo {
padding-bottom:5px;
}
.s_com02 li.c_name {
padding-bottom:10px;
font-size:16px;
line-height:20px;
}
.s_com02 li.c_add {
padding-bottom:5px;
}
.s_com02 li.c_map {
padding-bottom:5px;
}
.s_com02 li.c_tel {
padding-bottom:5px;
font-size:18px;
line-height:20px;
font-weight:700;
color:#D80000;
}
.s_com02 li.c_holiday {
padding-bottom:5px;
}

.s_com02 li.c_inquiry a {
	display:block;
	padding: 12px 10px 10px 10px;
	margin: 10px 0 10px 0;
	display: block;
	color:#DC0000!important;
	background-color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size:15px;
	border-radius: 5px;
	text-align:center;
	text-decoration:none !important;
	border:1px solid #DC0000;
	box-sizing:border-box;}

.s_com02 li.c_inquiry a:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -3px 5px 0 0;
	background: url("../images/common_mail.png") no-repeat;
	background-size: contain;
	vertical-align: middle;}

.s_com02 li.c_inquiry a:hover {
	filter:alpha(opacity=60);
	opacity:0.6;}

/*会社案内トップ表示ここまで*/

/* =======================================
	クイック検索
======================================= */

/*.q_search_box {
	width:100%;
	display:inline-block;
	border: #CCC solid 1px;
	padding:10px 10px 0 10px;
	box-sizing:border-box;
	margin-bottom:20px;}

.q_search_box h3{
	margin-top:5px;}

.q_search_box{}

.q_search_inner {
	text-align:left;
	width:100%;
	margin-bottom:10px;}
	
.q_search_inner.space_none{
	margin:0;}

.q_search_inner h3 {font-size:18px;font-weight:700;margin-bottom:10px;color:#003092}

.q_search_inner .kind { font-size: 14px;line-height: 20px;vertical-align:top; margin-bottom:10px;}
.q_search_inner .selection { font-size: 14px;line-height: 20px;vertical-align:top;}

.q_search_inner .kind p,
.q_search_inner .selection p {font-size: 14px;line-height: 20px;font-weight:700;margin-bottom:5px;}

#side .kind input{
	display: none;}

#side .kind label{
	width: 50%;
	width: calc((100% - 5px) / 2);
	width: -webkit-calc((100% - 5px) / 2);
	width: -moz-calc((100% - 5px) / 2);
	box-sizing:border-box;

	display: block;
	float: left;
	cursor: pointer;
	margin-right:5px;
	margin-bottom:5px;
	padding: 10px 5px 7px;
	background: #ddd;
	border-radius:5px;
	color: #bbb;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	transition: .2s;}

#side .kind label.bb_kind02,
#side .kind label.bb_kind04,
#side .kind label.bb_kind07{
	margin-right:0;}

#side .kind input[type="radio"]:checked + label.bb_kind01 { background-color: #F05A6E; color: #fff;}
#side .kind input[type="radio"]:checked + label.bb_kind02 { background-color: #2882E6; color: #fff;}
#side .kind input[type="radio"]:checked + label.bb_kind03 { background-color: #5AB41E; color: #fff;}
#side .kind input[type="radio"]:checked + label.bb_kind04 { background-color: #FF9128; color: #fff;}
#side .kind input[type="radio"]:checked + label.bb_kind05 { background-color: #AA64D2; color: #fff;}
#side .kind input[type="radio"]:checked + label.bb_kind06 { background-color: #FF9128; color: #fff;}
#side .kind input[type="radio"]:checked + label.bb_kind07 { background-color: #AA64D2; color: #fff;}
#side .kind input[type="radio"]:checked + label.bb_kind08 { background-color: #999999; color: #fff;}




.q_search_inner .selection table {}
.q_search_inner .selection table td {vertical-align:top;}
.q_search_inner .search_btn {padding-top:10px;padding-bottom:10px;clear:both;text-align:center;}
.search_btn button,
.search_btn a {background-color:#003092;}
.search_btn button,
.search_btn a {
display:block;
text-align:center;
font-size:16px;
line-height:30px;
font-weight:700;
color:#fff;
text-decoration:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:none;
width:100%;
margin-left:auto;
margin-right:auto;
cursor:pointer;
}
.search_btn button:hover,
.search_btn a:hover {
filter:alpha(opacity=60);
opacity:0.6;
}
#q_search_area_wrap,
#q_search_sta_wrap{
	font-size:12px;
	line-height:17px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	overflow:auto;
}

#search_area_box .categorize {}
#search_area_box .categorize p,
#search_rosen_box p{font-weight:700;font-size:12px;margin:0;padding:0;}
#q_search_area_wrap,
#q_search_sta_wrap {font-size:12px;font-weight:100;}
#q_search_area_wrap label,
#q_search_sta_wrap label {
	background-image: url("/images/q_srch_chk.png");
	background-repeat: no-repeat;
	background-position:right center;
	font-size:12px;
	lineheight:14px;
	display:block;
	text-align:left;
	cursor: pointer;
	position:relative;	
	margin:0;
	padding:0;
}
#q_search_area_wrap label.checked,
#q_search_sta_wrap label.checked {background-color:#FFB907;color:#000000;}
*/



.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	text-align: center;}

.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;}

.cp_ipselect select::-ms-expand {
    display: none;}

.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;}

.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;}

.cp_ipselect.cp_sl01 select {
	font-size:0.9em;
	padding: 5px 38px 3px 5px;
	/*color: #666666;*/}