@charset "utf-8";

/*=========================================================
	[ base.css ]
	Site top design
	date - creation:2013-10-07 // update:2013-10-31
=========================================================*/

/*=========================================================
	index
		1. layout
		2. navigation
		3. content
		4. original
=========================================================*/

/* for all */
@import "/common_asp/css/reset.css";
@import "/common_asp/css/layout.css?20210811";
/* for navigation */
@import "/common_asp/css/nav_common.css?20231201";
@import "/common_asp/css/nav_global.css";
@import "/common_asp/css/nav_content.css";
/* for module */
@import "/common_asp/css/m_heading.css";
@import "/common_asp/css/m_text.css";
@import "/common_asp/css/m_box.css";
@import "/common_asp/css/m_list.css";
@import "/common_asp/css/m_table.css";
@import "/common_asp/css/promotion.css";
/* for search */
@import "search.css";

/* 1. layout
=========================================================*/
em{font-style:normal;}
#container{
	position:relative;
}
#boxCountry{
	width:830px;
	margin:0 auto;
}
.content860{
	width:860px;
	margin:0 auto;
	text-align:left;
}
.content880{
	width:880px;
	margin:0 auto;
	text-align:left;
}

/* 2. navigation
=========================================================*/
/* nav global
---------------------------------------------------------*/


/* list link
---------------------------------------------------------*/


/* nav_support
---------------------------------------------------------*/
#localShop .locShopBox{
	background:transparent url("/common_asp/images/nav_support/sup_logo.gif") no-repeat 0 0 !important;
}
a.btnE:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}

/* 3. content
=========================================================*/
/* heading
---------------------------------------------------------*/
#content.smenu {
	margin-top:-25px;
}

/* search title */
#content h3.hLv3-d,#content h3.hLv3-e{
	margin:25px 0 20px;
	padding:7px 20px;
	background-color:#E3EEF9;
	font-size:14px;
	font-weight:bold;
	border:none;
	border-radius:0;
	color:#333333;
	background-image:none;
}
#content h3.hLv3-d span{
	margin-left:10px;
	font-size:10px;
	font-weight:normal;
}
#content h3.hLv3-e{
	background-color:#DEFFCE;
}
#content h4{
	padding:0;
	border:none;
	border-radius:0;
	color:#333333;
	background:none;
}

/* text
---------------------------------------------------------*/
#wrapper #content .fCol-01{color:#FF3366;}
.fCol-02{color:#00A26B;}
.fCol-03{color:#FF3333;}

/* notes */
.notes,#houseInfo .notes{
/*	padding-left:2em;
	background:transparent url(/common_asp/images/for_notes_ico.gif) no-repeat .8em .6em;
*/
	padding:0;
	line-height:1.6;
	color:#666666;
	text-indent:0;
	background-image:none;
	font-weight:normal;
	text-align:left;
	font-size:12px;
}
div.notes{margin-top:2em;}

#content dd .notes,#content li .notes{
	margin-top:0;
}
p.notes,.notes p{
	margin-left:0;
	margin-right:0;
	text-indent:0;
}
/* in other elements */
dd .notes,li .notes{margin:0;}

/* boxNotice */
.boxNotes{
	width:780px;
	margin:20px auto 15px;
	padding:10px;
	background:url(/common_asp/images/notice_bg.gif);
}
.boxNotesInner{
	padding:15px 25px;
	background:#FFFFFF;
}
#content .boxNotes p{
	margin:.5em 0;
}
.notesTit{
	float:left;
	width:2em;
}
.notesTxt{
	padding-left:2.2em;
}

/* box
---------------------------------------------------------*/
.bd-01{
	padding:15px;
	border-bottom:1px dotted #666666;
}
.boxCol-01{
	padding:5px;
	background:#DEFFCE;
}
#wrapper #content .boxCol-02{
	padding:5px;
	background:#EAEAEA;
}

/* list
---------------------------------------------------------*/
/* column list */
.list-2col,.list-3col,.list-4col{
	position:relative;
	margin-right:-50px;
}
.list-2col li,
.list-3col li,
.list-4col li{
	padding:0;
	float:left;
}

#content .list-2col li{
	width:48%;
}
#content .list-3col li{
	width:31%;
}
#content .list-4col li{
	width:23%;
}
#wrapper #content li.list-All{
	width:98%;
}

#wrapper ul.mkLink li{
	background-repeat:no-repeat;
	background-position:0 .3em;
	line-height:1.4;
}
#wrapper ul.mkLink li{
	margin:.3em 0;
	padding-left:14px;
}

#wrapper .mkLink li{
	padding-left:15px;
	background:transparent url("/common_asp/images/for_mk_arrow2.gif") no-repeat scroll 0 0.2em;
}

/* table
---------------------------------------------------------*/
table.rowHead,table.colHead,table.complete{
	margin-top:2em;
	border-collapse:separate;
	border:1px solid #CCCCCC;
	border-spacing:0;
}
table.rowBorder,table.tBorder{
	margin-top:1em;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}

table.colHeadBorder{
	margin:15px 0 10px;
}

/* table border */
table.rowHead,table.colHead,table.complete,table.tBorder{
	background-color:#FFFFFF;
}
/* table header */
.rowHead th,.colHead th,.colHeadBorder th,
.complete th,.rowBorder th,
.tBorder th{
	font-weight:normal;
	text-align:center;
	line-height:1.4;
	border-top:1px solid #ffffff;
}
.colHead th{
	background-image:url("/common_asp/images/for_border_h.gif");
	background-repeat:repeat-y;
	background-position:100% 0;
	border:none;
	border-left:1px solid #FFFFFF;
}
.colHead th.fst{
}
.colHead th.end{
	border-right:1px solid #FFFFFF;
	background-image:none;
}
.colHead td.end{
	border-right:0;
}
.colHead td{
	background-image:url("/common_asp/images/for_border_dt.gif");
	background-repeat:repeat-x;
	background-position:100% 0;
	text-align:center;
}
.colHeadBorder th{
	border-top:none;
	border-right:1px solid #ffffff;
}
.colHeadBorder td{
	background-image:url("/common_asp/images/for_border_dt.gif");
	background-repeat:repeat-x;
	background-position:0 100%;
}

/* cell padding */
.rowHead th,.rowHead td,
.colHead th,.colHead td,
.colHeadBorder th,.colHeadBorder td,
.complete th,.complete td,
.rowBorder th,.rowBorder td,
.tBorder th,.tBorder td{
	padding:7px;
	line-height:1.4;

}
/* vertical align */
/*.rowHead td,.colHead td,
.complete td,.rowBorder td,.tBorder td{
	vertical-align:top;
}
*/
/* cell border */
.colHead td{
	border-collapse:collapse;
	border-right:1px solid #CCCCCC;
}

.rowHead th,.rowHead td,
.complete th,.complete td,
.tBorder th,.tBorder td{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

/* row-cell heading */
#houseInfo .tSearchBasic th,#content .rowHead th,#content .colHead th,.colHeadBorder th,.complete th{
	background-color:#DEFFCE;
	font-weight:normal;
}


/* column-cell heading */
.colHead thead th{
	background-color:#DEFFCE;
	text-align:center;
}
.colHead tbody th{

}
/* tSearchArea */
.tSearchArea{
}
.tSearchArea td{
	padding:5px;
	color:#666666;
	vertical-align: top;
}
.tSearchArea input{
	float:left;
}
/*.tSearchArea label{
	width: 85%;
	float:right;
	padding:0 0 5px 0;
	background-repeat:no-repeat;
	background-position:0 0;
}*/
.tSearchArea label{
	width: 90%;
	float:right;
	padding: 0 0 1px 9px;
	background-repeat:no-repeat;
	background-position:0 0;
	border-left-width: 5px;
	border-left-style: solid;
}
.tSearchArea .l-region th{padding-top: 0.8em;font-size: 16px;}
/*.tSearchLine label {
    display: block;
    float: right;
    width: 80%;
    text-align: left;
    padding: 0 0 1px 9px;
    border-left-width: 5px;
    border-left-style: solid;
    text-decoration: underline;
    cursor: pointer;
}*/
.tSearchArea .l-region label {
	float:left;
	width:auto;
	margin-left: 10px;
}
.tSearchArea label a{
	color:#333333;
}
.tSearchArea label:hover{background-color: #efefef;}
.tSearchArea label span{
	color:#333333;
	display:block;
	font-weight:bold;
}
.tSearchArea a:hover{
	text-decoration:underline;
}
/*
#area01 label{background-image:url(/images/area_search/images/ico_area_01.gif)}
#area02 label{background-image:url(/images/area_search/images/ico_area_02.gif)}
#area03 label{background-image:url(/images/area_search/images/ico_area_03.gif)}
#area04 label{background-image:url(/images/area_search/images/ico_area_04.gif)}
#area05 label{background-image:url(/images/area_search/images/ico_area_05.gif)}
#area06 label{background-image:url(/images/area_search/images/ico_area_06.gif)}
#area07 label{background-image:url(/images/area_search/images/ico_area_07.gif)}
#area08 label{background-image:url(/images/area_search/images/ico_area_08.gif)}
#area09 label{background-image:url(/images/area_search/images/ico_area_09.gif)}
#area10 label{background-image:url(/images/area_search/images/ico_area_10.gif)}
#area11 label{background-image:url(/images/area_search/images/ico_area_11.gif)}
#area12 label{background-image:url(/images/area_search/images/ico_area_12.gif)}
*/
.boxSearchArea{
	margin-top:30px;
	padding:7px 7px 7px 12px;
	background:#F0F0F0;
	border:1px solid #E0D1B2;
}
#content .boxSearchArea li{
	width:120px;
	padding:3px 0 3px 28px;
	background-repeat:no-repeat;
	background-position:0 50%;
}
/*
#content #icoShop{background-image:url(/images/area_search/images/ico_shop.gif);}
#content #icoSchool{background-image:url(/images/area_search/images/ico_school.gif);}
#content #icoLine01{background-image:url(/images/area_search/images/ico_line01.gif);}
#content #icoLine02{background-image:url(/images/area_search/images/ico_line02.gif);}
#content #icoLine03{background-image:url(/images/area_search/images/ico_line03.gif);}
#content #icoLine04{background-image:url(/images/area_search/images/ico_line04.gif);}
#content #icoLine05{background-image:url(/images/area_search/images/ico_line05.gif);}
*/
/* search line */
.tSearchLine{display: flex;width:860px;margin:15px auto 0;justify-content:flex-start;flex-wrap: wrap;}
.tSearchLine .l-route{flex-basis: 25%;margin-bottom:15px;margin-right: 0px;}
.tSearchLine input{float:left;margin-right:4px;margin-top:4px;}
.tSearchBasic input{float:left;margin-right:4px;}
.tSearchFacility input{float:left;margin-right:4px;}

.tSearchLine label{padding-top:2px;}
.tSearchBasic label{padding-top:2px;}
.tSearchFacility label{padding-top:2px;}
.tSearchLine label{position:relative;display:block;padding-left: 2.0em;}
.tSearchLine td{
	width:25%;
	padding:12px 0;
	color:#3399FF;
	text-decoration:underline;
	line-height:1.4;
	vertical-align: top;
}
.tSearchLine .l-route .route>label{display:block;width:89%;text-align:left;padding:0 0 1px 8px;margin-left:17px;border-left-width:5px;border-left-style:solid;text-decoration:underline;
cursor:pointer;}

#content .tSearchLine .l-route>label a{color:#333333;text-decoration:none;}

*:first-child+html .tSearchLine input{float:left;}

#content .itemNot,#content .itemNot label span{color:#AAAAAA;}
.tSearchLine .l-route .stations{padding: 10px 0 ;clear: both;display:none;}
.tSearchLine .l-route .stations p{display: block;}
.tSearchLine .l-route .stations p label{display:block;width:90%;text-align:left;padding:0 0 1px 6px;text-decoration:underline;cursor:pointer;padding-left: 2.0em;}
.tSearchLine .l-route .stations p label span{display:block;}0
.tSearchLine .l-route .dataNone>label{border: none;}
body.city-3 #content .l-route .stations{display:block;margin-left:1.0em;}




/* search basic */
.tSearchBasic,.tSearchFacility{
	width:100%;
	margin:5px auto 30px;
	border-collapse:separate;
	border:1px solid #CCCCCC;
}
td .tSearchBasic{}
.layRight .tSearchBasic{
	width:100%;
}

.tSearchBasic th,
.tSearchBasic td,
.tSearchFacility th,
.tSearchFacility td{
	padding:10px;
	border-collapse:coseparate;
	line-height:1.4;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-image:url("/common_asp/images/for_border_dt.gif");
	background-repeat:repeat-x;
	background-position:0 0;
}
.tSearchBasic th,
.tSearchFacility th{
	width:20%;
	font-weight:bold;
	background-color:#CEDFFF;
	text-align:center;
	font-weight:normal;
	letter-spacing:.1em;

}
.houseListInfoarea .tSearchBasic th{
	background-color:#DEFFCE;
}
.tSearchFacility th{
	background-color:#DEEFF7;
}
.tSearchBasic td,
.tSearchFacility td{
	border-left:1px solid #CCCCCC;
}
.tSearchBasic li,
.tSearchFacility li{
	padding-left:0;
}
#content .tSearchFacility li{
	width:24%;
}
.tSearchBasic .fst th,.tSearchBasic .fst td,
.tSearchFacility .fst th, .tSearchFacility .fst td{
	background-image:none;
	border-top:1px solid #ffffff;
}

/* 4. original
=========================================================*/
#wrapper #container .icoLink{
	background:url("/common_asp/images/for_mk_arrow2.gif") no-repeat scroll 0 0.2em rgba(0, 0, 0, 0);
}
td.houseListChoice{
	background:#DEFFCE;
}
#content div.navSort{
	background:url(/common_asp/images/search/bg_navsort.gif);
	border-bottom:5px solid #66C7A6;
}
.houseCtrlArea{
	border-top:5px solid #66C7A6;
	background:url(/common_asp/images/search/bg_navsort.gif);
}
a:hover .houseTableCore td{
/*	background-color:#FFE57F;*/
	background-color:#FFEfcF;
}
.housePrice{width:190px;}
.houseRoom{width:150px;}




#swichmenu {
	margin-top:-5px;
}



#localShop{
    clear: both;
    width: 900px;
    margin: 0 auto;
    padding: 15px 0 0;
}
#localShop h3 {
	text-align:left;
    clear: both;
    margin-top: 20px;
    padding: 6px 5px 7px 20px;
    line-height: 1.3;
    font-weight: bold;
    background-position: 0 100%;
    font-size: 15px;
    color: #00A26B;
    background: url(/common_asp/images/h3_bg.jpg) no-repeat 0 100%;
}

.bannerBox {
	padding-left: -14px;
}
.bannerItem {
	float: left;
	width: 200px;
}
#content ul li.bannerItem {
	padding-left: 20px;
}
.bannerItem a {
	display: inline-block;
	border: solid thin #ccc;
}

@media screen and (max-width: 960px) {
	.line__block {
		width: auto;
		margin: 0px auto;
	}
	.line__icon {
		display: none;
	}

	.bannerBox {
		padding-left:0;
		text-align:center;
	}
	.bannerList {

	}
	.bannerItem {
		float: none;
		width: 200px;
	}
	#content ul li.bannerItem {
		padding-left: 0;
		display: inline-block;
	}
	#content .tSearchLine {margin-left:0;margin-right:0;display:flex;flex-wrap:	wrap;}
	#content .tSearchLine input{float:left;}
	#content .l-route {clear:both;padding-bottom:5px;flex-basis: 50%;}
	#content .l-route .route{clear:both;}
	body.city-3 #content .l-route {clear:both;padding-bottom:5px;flex-basis: 100%;}
	body.city-3 #content .l-route .stations{margin-left:1.0em;}
	body.city-3 #content .l-route .stations p{clear: both;margin-bottom: 3px;}
	body.city-3 #content .l-route .stations p input{margin-top:2px;}
	body.city-3 #content .l-route .stations p label span{display: inline-block;margin-right: 1.0em;}


}

.w900{width: 900px;margin-left:auto;margin-right: auto; }
ul.horizontal{list-style: none;display: flex;/*justify-content: space-around;*/}
ul.horizontal li{list-style: none; -webkit-box-flex: 1;  box-flex: 1;}
ul.horizontal li a:hover{opacity:0.8}


#contentBanner{text-align: left;margin-bottom: 20px;margin-top: 20px;}
#contentBanner ul {display: flex;justify-content: center;}
#contentBanner ul li p{text-align: center;}
#contentBanner img{width: 500px;margin: 0 auto;display: block;}



#google_translate{position: absolute;    top: 116px;right: 18px;z-index:10;}
#google_translate_element{}
#google_translate p{padding:0 5px;font-size:12px;position:absolute;right:-148px;top:-10px;}
#google_translate p span{display:block;text-align:left}
.city-4 #google_translate{position:absolute;right:0;text-align:right;padding-right:0.5em;}
.city-4 #google_translate p{position:relative;right:auto;top:auto;}

#hClock #google_translate{top: 124px}
#hClock #google_translate p{padding:0 0px;right:0px;top:24px;margin: 0;} /* ボストンにあわせてtopから20px */

@media screen and (max-width: 960px){
#google_translate{left:10px;top:8px;}
#google_translate_element{}
#google_translate p{display:none;}
}



#content .resetcss{}
#content .resetcss p{font-size:1.1em;}
#content .resetcss h1{text-align:center;font-size:2.0em;margin:20px auto;}
#content .resetcss h2{margin:auto;background: none;font-weight: bold;line-height: 2.0;color: #333;border: none;border-radius: none;font-size:1.8em;}
#content .resetcss h3{clear: both;margin-top: auto;padding: 0 ;line-height: 1.3;font-weight: bold;font-size: 1.4em;color: #333;background: unset;margin-top:1.0em;}


/* 都市別の処理 */
body.city-14{}
body.city-14 .tSearchArea tr.itemNot{display:none}
body.city-14 .tSearchArea td.itemNot{display:none}