@charset "utf-8";
@import url(default.css);
@import url(layout.css);
@import url(layout_header.css);
@import url(layout_footer.css);

/*header 始まり*/
#container {
	position: relative ;
	width: 980px ;
	margin: auto ;
	text-align: left ;
	background: url("/find/images/common/bg_long.gif") repeat-y;
}


#header {
	position: relative ;
	height: 140px ;
	margin-bottom: 0px ;
	background: url("/find/images/common/header_long.gif") no-repeat;
}


#footer {
	position: relative ;
	clear: both ;
	height: 90px ;
	background: #fff url("/find/images/common/footer_long.gif") no-repeat;
}



#contentWrap {
	margin: 0px 10px ;
	padding: 15px 0 0 0;
	position: relative;
}
/*header　終わり*/

/*
 * MAIN START
 */
.name_tag01 {
	text-align: center;
}
#main {
	float:right;
	width:710px;
	margin-bottom:10px;
	padding:10px;
	background:#FFF;
	color: #222222;
	position: relative;
}

/** 検索条件入力フォーム **/
input, select {
	margin: 5px 2px -3px 2px;
	border: none;
	font-size: 13px;
	color: #333;
	background: none;
}
input[type="text"] {
	margin-bottom: -3px ;
	border: 1px solid #C5E4A8;
	font-size: 12px ;
	color: #666 ;
	background: #fffff9 ;
}

/** 検索結果一覧表 **/
#searchResultTable table  {
	width : 710px;
}
#searchResultTable td  {
	border:1px solid #ccc;
	padding : 2px;
	margin:0px;
	font-size: 12px;
	text-align:center;
}
#searchResultTable th  {
	border:1px solid #ccc;
	padding : 3px;
	margin:0px;

}
#searchResultTable .odd-row{
	background:#dceccd;
}
#searchResultTable .even-row{
	background:#f2fde6;
}
#searchResultTable tr.head{
	background:#8C6;
}

/* rent-housing/rent-office */
#searchResultTable td.col01 {
	width: 30px;
	text-align : center;
}
#searchResultTable td.col02 {
	width: 60px;
	text-align : center;
	background-color:#fff;
}
#searchResultTable td.col03 {
	width: 250px;
}
#searchResultTable td.col04 {
	width: 35px;
	text-align : right;
}
#searchResultTable td.col05 {
	width:120px;
	text-align : right;
}
#searchResultTable td.col06 {
	width:95px;
	text-align : right;
}
#searchResultTable td.col07 {
	width: 65px;
	text-align : right;
}

/* rent-parking */
#searchResultTable td.col11 {
	width: 245px;
}
#searchResultTable td.col12 {
	width: 130px;
	text-align: left;
}
#searchResultTable td.col13 {
	width: 30px;
	text-align : right;
}
#searchResultTable td.col14 {
	width: 120px;
	text-align : right;
}
#searchResultTable td.col15 {
	width: 80px;
	text-align : right;
}
#searchResultTable td.col16 {
	width: 50px;
	text-align : right;
}
#searchResultTable td.col17 {
	width: 200px;
}
/** hilight **/
#searchResultTable .hilight{	/* "New"と"新築" */
	color: red;
}
#searchResultTable .hilight1{	/* 賃料及び価格 */
	font-weight: bold;font-size: 16px;
}
#searchResultTable .hilight2{	/* ソート対象として指定中の項目 */
	font-weight: bold;
}
#searchResultTable .notes {	/* 注釈 */
	font-size: 10px;
	color:red;
}
/* sort */
#searchResultTable .sort{	/* ソート可能項目 */
	color: RoyalBlue;
	text-decoration:underline;
	cursor: pointer;
}

#searchResultTable .sort:hover{
	color:#F00;
	cursor:hand;
}
#searchResultTable .sort-symbol {	/*ソート用の印*/
	color:#222;
}
#searchResultTable .sort-selected {	/*ソート用の印 選択中*/
	color:#eee;
	font-weight: bold;
	font-size:14px;
}
#searchResultTable .sort-symbol-asc {	/*ソート用の印 asc*/
	padding-right:3px;
	background-color:#8C6;
}
#searchResultTable .sort-symbol-desc {	/*ソート用の印 desc*/
	padding-right:3px;
	color:#8C6;
}

/* ソートコントロール */
#sortCtrl {
	margin: 0;
	padding: 0;
}
#sortCtrl > .notes {
	display: block;
	width:100%;
	height: 12px;
}
#sortCtrl > .notes > * {
	margin-right: 5px;
	font-size:11px;
	height: 12px;
	line-height: 11px;
}
#sortCtrl > .notes .title {
	float:left;
}
#sortCtrl > .notes .high {
	display: block;
	float:left;
	padding-left:13px;
	background: url(/find/img/sort_high.png) no-repeat;
}
#sortCtrl > .notes .message {
	display: block;
	float: left;
	width: 80%;
	text-align: center;
}
#sortCtrl > .notes .low {
	display: block;
	float:right;
	padding-right:13px;
	background: url(/find/img/sort_low.png) no-repeat right;
}
#sortCtrl > #sortItemContainer {
	position: relative;
	float: left;
	width: 100%;
	margin-top:4px;
}
#sortCtrl > #sortItemContainer > *{
	float:left;
}
#sortCtrl:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#sortCtrl .sortItem {
	margin: 0 3px;
	display: block;
	padding: 0 0 0 10px;;
	cursor: pointer;
	width: 124px;
	height: 19px;
	background-repeat: no-repeat;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

#sortCtrl .sortItem.bg1{ background-image: url(/find/img/sort_01.png);}
#sortCtrl .sortItem.bg2{ background-image: url(/find/img/sort_02.png);}
#sortCtrl .sortItem.bg3{ background-image: url(/find/img/sort_03.png);}
#sortCtrl .sortItem.bg4{ background-image: url(/find/img/sort_04.png);}
#sortCtrl .sortItem.bg5{ background-image: url(/find/img/sort_05.png);}

#sortCtrl .sortItem .sortCondDisp {
	float: left;
}
#sortCtrl .sortItem .sortTypeDisp {
	float: right;
	margin: 0 2px;
	cursor: pointer;
}
#sortCtrl .sortItem .sortDel {
	float: right;
	margin: 0 2px;
	cursor: pointer;
}
#sortCtrl .placeholder {
	/*
	background-color: #afeeee;
	*/
	margin: 0 3px;
	background-color: DarkGoldenrod;
}


/* nodata */
#main div.nodata {
	height:120px;
	width:690px;
	text-align:center;
	margin:10px 10px;
	background-color:#fff;
}

/** 検索条件入力フィールド **/
#main div.searchform5{
	background: url(/find/img/back_ground2.gif) no-repeat;
	width :710px;
	height :15px;
}
.searchform2{
	background: url(/find/img/back_ground3.gif) repeat-y;
	padding:0 0 3px 15px;
	width :710px;
}
.searchform3{
	background: url(/find/img/back_ground4.gif) no-repeat;
	width :710px;
	height :15px;
}

.search_Item01 {width:80px; fontsize:12px;color:#63ba18;}
.search_Item02 {width:80px; fontsize:12px;color:#63ba18;}
.space_ar span {padding-right:10px;}
/*textbox*/
.search_text01 {width:420px;}
.search_text02 input[type="text"] {width : 490px;margin-right:5px;}
.search_text03 input {width : 225px;margin-right:5px;}
.search_text04 input {margin-right:10px;}
/** 選択ウィンドウ **/
.selectlayer span.subheading {
	font-weight: bold;
	color:#63BA18;
	cursor: pointer;
}
.selectlayer div{
	clear: both;
}
.selectlayer input{
	margin-top: 0;
}
/** 都道府県選択ウィンドウ **/
#TB_closeWindowButton {
	font-size: 15px; font-weight: bold;
	border:1px solid #555;
	text-decoration: none;
	background-color: #f55; color: #fff; padding: 0 5px 0 5px;
}
#divisions li{
	width: 65px;height: 22px;
	float: left;
}
.fontsize_01 {
	margin:4px 0 3px 0;
	color:#fff;
}
.fontsize_01 a {
	text-align:right;text-decoration: none;
	padding:0 5px 0 5px;
	font-weight: bold;
	color:#fff;
}
#orange_01 a {
	font-size:15px;
	margin:0 5px 0 0;padding:2px 6px 2px 6px;
	border:3px solid #ffc993;
	background-color:#ffae31;
	color:#fff;
}
#green_01 a {
	font-size:15px;
	margin: 0 5px 0 0; padding:2px 3px 2px 3px;
	border:3px solid #B6de9F;
	background-color: #86cf46; color: #fff;
}
#font_todou {
	float:left;
	font-size:15px;font-weight: bold;
	text-aling: center;width:360px;
	color:#222;
}
/** 沿線選択ウィンドウ **/
#lines li{
	width: 150px;height: 20px;
	float: left;
}
/** 駅選択ウインドウ **/
#stationSelectList li{
	width: 150px;height: 20px;
	float: left;
}

/** onmouseで表示されるlayer **/
/* 画像自体のサイズ等一部プロパティはjavascript内で設定 */
div.imglayer {
	border:5px solid #ccc;
	background-color:#fff;
	width:500px;
	height:250px;
}

/** 都道府県確定待ち表示 **/
div#noDivision {
	height:120px;
	width:690px;
	text-align:center;
	margin:10px 10px;
	background-color:#fff;
	border: 3px solid #B6DF9F;
}

/** NowLoading **/
div#nowLoading {
	background-color:#fff;
	text-align : center;
	/*position : absolute;*/
	width:690px;
	height:120px;
}
div#nowLoading p {
	font-size: 15px;
}

/**　ボタン関係　**/
ul.hover_01 li {
	width:80px;
	height:20px;
	text-align:left;
	display:inline;
	list-style-type:none;
}
ul.hover_01 li a {
	width:80px;
	height:20px;
	margin: 0; /* Firefox 向けセンタリング指定 */
	display:block;
	position:left;
}
ul.hover_01 li a:hover img {
	visibility:hidden;
}
li.select_s a {
	background: url(/find/img/Select_01.gif) no-repeat;border:none;
}
li.select_s a:hover {
	background: url(/find/img/Select_02.gif) no-repeat;border:none;
}
li.retrieval_s a {
	background: url(/find/img/Retrieval_01.gif) no-repeat;border:none;
}
li.retrieval_s a:hover {
	background: url(/find/img/Retrieval_02.gif) no-repeat;border:none;
}

ul.hover_02 li {
	width:120px;
	height:20px;
	text-align:left;
	display:inline;
	list-style-type:none;
}
ul.hover_02 li a {
	width:120px;
	height:20px;
	margin: 0; /* Firefox 向けセンタリング指定 */
	display:block;
	position:left;
}
ul.hover_03 li {
	width:84px;
	height:20px;
	text-align:left;
	display:inline;
	list-style-type:none;
}
ul.hover_03 li a {
	width:84px;
	height:20px;
	margin: 0; /* Firefox 向けセンタリング指定 */
	display:block;
	position:left;
}
ul.hover_04 li {
	width:115px;
	height:20px;
	text-align:left;
	display:inline;
	list-style-type:none;
}
ul.hover_04 li a {
	width:115px;
	height:20px;
	margin: 0; /* Firefox 向けセンタリング指定 */
	display:block;
	position:left;
}
ul.hover_02 li a:hover img {
	visibility:hidden;
}

.empty-parking {
	height: 27px;
}

/** チェックボックス等選択肢 **/
label {
	cursor:pointer;
}
/**詳細条件　お気に入りに保存　条件をクリア**/
li a {background-repeat: no-repeat; border: none; }
li a.deactivate {cursor: default; }
li#compusage a {background-image: url(/find/img/hikaku01.png);border:none;}
li#detail_s a {background-image: url(/find/img/detail_02.gif);border:none;}
li#bookmark_s a {background-image: url(/find/img/bookmark02.gif);border:none;}
li#mailform a {background-image: url(/find/img/mailform01.gif);border:none;}
li#detail a {background-image: url(/find/img/detail_02.gif);border:none;}
li#compare a {background-image: url(/find/img/compare01.gif);border:none;}
/*オンマウスで表示*/
/*
li#compusage a:hover     {background-image: url(/find/img/hikaku02.png);border:none;}
li#detail_s a:hover     {background-image: url(/find/img/detail_03.gif);border:none;}
li#bookmark_s a:hover   {background-image: url(/find/img/bookmark_03.gif);border:none;}
li#mailform a:hover {background-image: url(/find/img/mailform02.gif);border:none;}
li#detail a:hover {background-image: url(/find/img/detail_03.gif);border:none;}
li#compare a:hover {background-image: url(/find/img/compare02.gif);border:none;}
*/
/*非活性状態*/
li#compusage a.deactivate {background-image: url(/find/img/hikaku_deactivate.png);}
li#detail_s a.deactivate {background-image: url(/find/img/detail_deactivate.gif);}
li#bookmark_s a.deactivate {background-image: url(/find/img/bookmark_deactivate.gif);}
li#mailform a.deactivate {background-image: url(/find/img/mailform_deactivate.gif);}
li#detail a.deactivate {background-image: url(/find/img/detail_deactivate.gif);}
li#compare a.deactivate {background-image: url(/find/img/compare_deactivate.gif);}

div.sidehead{
	height: auto;
	margin-top: 5px;
}
div.sidehead > ul:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div.sidehead > ul > li {
	display: block;
	height: 20px;
	width: 180px;
	padding-left: 20px;
	line-height: 20px;
	float: left;
	margin: 0 5px 5px 10px;
}
div.sidehead > ul > li.sub_clear{
	background: url(/find/img/clear.png) no-repeat;
	line-height: 16px;
}
div.sidehead > ul > li.ret_save{
	background: url(/find/img/ret_save.png) no-repeat;
}

div.sidehead label {
	font-weight: bold;
	color: Gray;
}

ul.headerCondMenu {
	font-size: 12px;
	position: absolute;
	top: -40px;
	right: -730px;
}
ul.headerCondMenu > li {
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
ul.headerCondMenu > li.station {
	background-image: url(/find/img/station.png);
}
ul.headerCondMenu > li.rash_time {
	background-image: url(/find/img/rash_time.png);
}

/*
 * MAIN END
 */

/*
 * SUB START
 */
#sub {
	position: relative;
	width: 210px;
	height: 2500px;/*全体の高さを指定しないとフッターが上部にきてしまう*/
}
#sub .subheading {
	color: #555;
	font-weight: bold;
	display: block;
	height: 20px;
	width: 180px;
	padding-top: 10px;
	padding-left: 10px;
	margin: 5px 10px 3px 5px;
	clear: both;
	background: url("/find/img/balloon.png") left no-repeat;
	text-indent: 10px;
	vertical-align: top;
	font-size: 14px;
	line-height: 15px;
	border-top: 1px #bbb solid;
	text-align: left;
}
#sub .subheading > span {
	float: left;
}
#sub .subheading > img {
	float: right;
}
#sub .subheading + div:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/** サイドメニュー start **/

div#sideMenu{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
	/*
	z-index: 100;
	*/
}
.areaCond img, .railwayCond img, .kodawariCond img{
	cursor: pointer;
	padding-top: 5px;
}
.areaCond:hover img, .railwayCond:hover img, .kodawariCond:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.mainSearch, .freetxt {
	color: #555;
	font-weight: bold;
	display: block;
	height: 20px;
	width: 180px;
	padding-top: 5px;
	padding-left: 10px;
	margin: 5px 10px 0px 5px;
	clear: both;
	background: url("/find/img/balloon.png") left no-repeat;
	text-indent: 10px;
	vertical-align: top;
	font-size: 14px;
	line-height: 15px;
}
div#sideMenu a:hover {
	font-weight: bold;
}
div.sidecondArea{
	margin-top: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #51a127;
	background: #efefef;
}
.sidecondBox {
	margin: 5px;
}
.areaCond, .railwayCond {
	text-align: center;
	padding: 5px;
}
.condArea{
	left: 0px;
	bottom: 0px;
	font-size: 14px;
	color: #444;
	background: #fff;
	margin-top: 15px;
}
.condArea label, .condArea select {
	margin-left: 5px;
}

.basicCond, .kodawariCond {
	text-align: center;
}
.basicCond img{
	padding-top: 10px;
}
a.clearCond {
	display: block;
	height: 20px;
	margin: 5px 0 0 5px;
	padding-left: 20px;
	line-height: 20px;
	background: url("/find/img/clear.png") no-repeat;
}
div.sideCond label{
	display: block;
	float: left;
	width: 190px;
	height: 25px;
	text-align: left;
	font-size: 14px;
	color: #222;
	letter-spacing: 1.5px;
}
div.sideCond label:hover{
	background-color: #f2fde6;
}
div.sideCond label.selected{
	background-color: #f2fde6;
	font-weight: bold;
}
div#sideKodawari label{
	display: block;
	float: left;
	width: 160px;
	height: 25px;
	text-align: left;
	font-size: 14px;
	color: #222;
	letter-spacing: 1.5px;
	height: 30px;
	padding: 3px;
}
.kodawariCond .subheading {
	text-align: left;
	clear: both;
}
div#sideKodawari label:hover{
	background-color: #f2fde6;
}
div#sideKodawari label.selected{
	background-color: #f2fde6;
	font-weight: bold;
}
div.sideCond#sideDivision label,
div.sideCond#sideLine label {
	display: inline;
	width: auto;
	font-size: 14px;
	letter-spacing: 1.5px;
	height: 30px;
	padding: 3px;
}
div.sideCond#sideDivision label.selected,
div.sideCond#sideLine label.selected{
	background-color: #f2fde6;
	font-weight: bold;
	color: #FF3205;
}
div.sideCond#sideDivision div#divisions > div > div > span {
	display: block;
	float: left;
	width: 100px;
}
div.sideCond#sideLine div#lines > div > div > span {
	display: block;
	float: left;
	width: 200px;
}
div.sideCond#sideDivision div#divisions > div > div > span > *,
div.sideCond#sideLine div#lines > div > div > span > * {
	float: left;
}
div.sideCond .followCondBtn {
	display: block;
	margin-top: 4px;
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	background-image: url('/find/img/follow_arrow.png');
	cursor: pointer;
}
div.sideCond .followCondBtn:hover {
	background-image: url('/find/img/follow_arrow_on.png');
}
div.sideCond div.followList > span {
	display: block;
	width: 70px;
}
div.sideCond#sideDivision div > label,
div.sideCond#sideLine div > label {
	display: block;
	float: left;
	width: 160px;
	text-align: left;
}
div.sideCond#sideDivision div#divisions > div > div > span:after,
div.sideCond#sideLine div#lines > div > div > span:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div.sideCond#sideLine p.notice {
	margin: 10px 0 0 5px;
	color:Red;
	font-weight: bold;
}
div.sideCond div.followList{
	float: left;
	margin: -10px 10px 10px 10px;
	padding: 10px;
	background-color: #f6f6f6;
	width: 95%;
}
div.sideCond div.followList:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div.sideCond#sideFreeword li,div.sideCond#sidePitatword li {
	text-align: left;
}
div.sideCond#sideFreeword li > input, div.sideCond#sidePitatword li > input  {
	width: 60%;
	margin-bottom: 5px;
}
#sidePitatword {
	margin-top: 10px;
	border: 1px solid #FFE44C;
	background: #ffffdd;
	height: 70px;
}

/*サイドメニュー　end */

/*
 * SUB END
 */

/* 検索 table tr */
.select_01 {width : 90px;}
.article_Space01 {float:left;width:120px;position: relative; }
.tableFome_tr01 {text-align:center; fontsize:12px;}
.menu_Adjust {padding-left:1px;}
.migiyose {float:left;}
.Space_10 {padding-left:10px;}
.flame_01 {float:right;width:120px;height:27px;}
.flame_01 > select {
	height:20px;
}
.flame_02 {float:right;}
select {background: #ffffff ;
	border:1px solid #222;border-right: none; padding-bottom:-5px;}

/** 店舗名 **/
a#shop{
	color: #444 ;
}
#shoj {
	position:absolute;
	top:63px;
	left:220px;
	margin: 0;
	padding: 0 0 0 10px;
	border: 0px ;
	font-size: 16px ;
	color: #444 ;
	height:35px;
	width:330px;
	line-height: 35px;
	background: url(/find/img/shop_back_01.gif) no-repeat ;
	display: none;
	cursor:pointer;
}


/** ピタット検索の使い方 **/
ul.headnavi3 li {
	width:180px;
	height:20px;
	text-align:left;
	display:inline;
	list-style-type:none;
}
ul.headnavi3 li a {
	width:180px;height:20px;
	top:10px ;
	margin: 0; /* Firefox 向けセンタリング指定 */
	display:block;
	position: absolute ;
	border:none;
}
li#pitat_search a {
	background: url(/find/img/pitat_search.gif) no-repeat;
	top: 2px;
	left: 592px;
	width:120px;

}
li#pitat_search a:hover {
	background: url(/find/img/pitat_search02.gif) no-repeat;
}


/** B2B検索用 **/
.b2bEnabled {
	display: none;
}
.b2bDisabled {

}

/** smiland用 **/
/*
#header img{
    display: inline;
    position:absolute;
    top:47px;left:37px;
    width:165px;height:60px;
}
#headNavi #navi1{
	display: inline;
}
#ret_map a,#station a,#rash_time a,#ret_save a{
	display: none;
	width:0px;height:0px;
}
.headnavi2,#ret_map li,#station li,#rash_time li,#ret_save li{
	display: none;
	width:0px;height:0px;
}
#header h1,#header h2{
	display: inline;
}
.contact a{
	border:none;
	text-decoration: none ;
	color:#FFF;
}
#nowLoading p{
	width:690px;
}
#orange_01 a#divisionSelectButton{
    background-color:#F89834;
    border:2px solid #FFEF45;
}
#green_01 #divisionSelectButton{
    background-color:#62CDF6;
    border:2px solid #EFF9FE;
}
#orange_01 a#lineSelectButton{
    background-color:#F89834;
    border:2px solid #FFEF45;
}
#green_01 #lineSelectButton{
    background-color:#62CDF6;
    border:2px solid #EFF9FE;
}
*/

/**investers用**/
/*
#header img{
    display: inline;
    position:absolute;
    top:67px;left:16px;
    width:400px;height:50px;
}

#headNavi #navi1{
	display: none;
}

#ret_map a,#station a,#rash_time a,#ret_save a{
	display: none;
	width:0px;height:0px;
}

.headnavi2,#ret_map li,#station li,#rash_time li,#ret_save li{
	display: none;
	width:0px;height:0px;
}

#header h1,#header h2{
	display: none;
	width:0px;height:0px;
}

.contact a{
	border:none;
	text-decoration: none ;
	color:#FFF;
}


*/

/** 地図対応追加分ここから **/

/** 地図 **/
#map_canvas {
	height: 550px;
	width: 710px;
	h-align:center;
	z-index: 10;
}

/** 地図ロードインジケーター **/
#mapLoading{
	position: relative;
	z-index: 20;
}
#mapLoading > img{
	position: absolute;
	top: 268px;
	left: 251px;
	z-index: 20;
}

/** 地図バルーン(infobox)用 start */
.multiInfoBox{
	width:200px;
	height:90px;
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
	top: 10px;
	left:0px;
}
.multiInfoBox span.prevnext {
	margin-left:15px;
	padding:1px 5px;
	background-color:#8ACE13;
	text-align: center;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(99, 99, 99, 1.0);
	color:#eee;
	height:17px;
	font-size:14px;
	-webkit-border-radius:4px;
	cursor: pointer;

	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#C3FB00), to(#51A127));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #C3FB00, #51A127);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(enabled=0, GradientType=0, StartColorStr=#FFC3FB00, EndColorStr=#FF51A127);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(enabled=0, GradientType=0, StartColorstr=#FFC3FB00, EndColorstr=#FF51A127)";

}
.multiInfoBox span#innerCount{
	margin-left:7px;
	background: none;
	text-shadow: none;
	color:#222;
	height:17px;
	font-size:14px;
	-webkit-border-radius:8px;
}
.balloonItem{
	width:230px;
	padding:2px 5px 5px 8px;
	float:left;
	font-size:12px;
}
.balloonItem img{
	width:92px;
	height:70px;
}
.balloonImages{
	float:left;
}
.balloonTopicList{
	width:128px;
	word-break: break-all;
}
td.balloonPriceS{
	width:30px;
	vertical-align:top;
}
div.spacer{
	height:21px;
}

.localSearchInfoBox .content {
	width:180px;
	padding:2px 5px 5px 8px;
	float:left;
	font-size:12px;
	margin-top: 15px;
	font-weight: bold;
}
/** 地図バルーン(infobox)用 end */

/** リスト・地図切り替えタブ **/
ul.viewTabs {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	border-style: none none solid none;
	border-width: 2px;
}
ul.viewTabs:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
ul.viewTabs li{
	width: 180px;
	height: 25px;
	float: right;
	padding:0;
	margin: 0 5px 0 0;
}
ul.viewTabs li a{
	padding:0;
	margin:0;
	width: 180px;
	height: 25px;
	display:block;
}

ul.viewTabs li.listTab {
	background: url(/find/img/find_list.png) no-repeat bottom left;
}
ul.viewTabs li.mapTab {
	background: url(/find/img/find_map.png) no-repeat bottom left;
}
ul.viewTabs li.listTab:hover, ul.viewTabs li.listTab.current  {
	background-position: 0 0;
}
ul.viewTabs li.mapTab:hover, ul.viewTabs li.mapTab.current  {
	background-position: 0 0;
}

/** 地図上部コントロール **/
div#map > div:first-child {
	width:100%;
	height:30px;
}
div#map > div:first-child  > div:first-child {
	margin: 10px 0 0 0;
	float: left;
}
div#map > div:first-child  > div:nth-child(2) {
	float: right;
}
div#map > div:first-child  > div > input[type=text] {
	width: 250px;
}

/** マップアイコン説明 **/
#map_explanation{
    background:url("/find/images/common/mapinfo.jpg") no-repeat;
    width:710px;
    height:217px;
}

/** 初期検索条件入力フィールド start **/
div#mainCond {
	margin-top: 10px;
	border: 1px solid #FFE44C;
	background: #FFD;
	height: 70px;
}
div#mainCond > span:first-child {
	color: #444;
	font-size: 13px;
	font-weight: bold;
}
div#mainCond select {
	font-weight: bold;
	width: 210px;
	border: solid 1px #C5E4A8;
	color: #777;
	letter-spacing: 1px;
}
div#mainCond select > optgroup {
	font-size:14px;
}
div#mainCond select > optgroup.rent {
	color: Crimson;
}
div#mainCond select > optgroup.sale {
	color: RoyalBlue;
}
div#mainCond select > optgroup > option {
	color: Black;
	font-style: normal;
}
/** 初期検索条件入力フィールド end **/

/** フリーワード・ピタットコード入力フィールド start **/
div#codeCond {
	float:right;
	width:180px;
	margin-bottom:10px;
	padding:10px 8px 10px 8px;
	background:#F3F3F3;
	border-style: solid;
	border-width: 2px;
}
div#codeCond ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div#codeCond label {
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 20px;
}
div#codeCond input.textCode{
	display:block;
	float:left;
	border-style: solid;
	border-width: 1px;
	margin: 0;
	padding: 0;
	border-width: 1px;
	width: 96px;
	height: 20px;
}
a.searchButton {
	display: inline-block;
	height: 21px;
	width: 62px;
	margin-top: -30px;
	margin-right: 5px;
	float: right;
}
a.searchButton {
	background: url("/find/img/btn_search.png") no-repeat top left;
	margin-bottom: 10px;
}
a.searchButton:hover {
	background: url("/find/img/btn_search.png") no-repeat left -21px;
}
/** フリーワード・ピタットコード入力フィールド end **/

/** side 右側の条件入力域をまとめるdiv **/
div#side{
	margin:0 10px 0 0;
	padding:0;
	float: left;
	width: 220px;
	position: relative;
}

/** 件数表示 **/
span.count {
	display: inline-block;
	margin:3px 0 3px 3px;
	padding:0;
	height: 20px;
	virtical-align: bottom;
	border-bottom: solid 2px #6EBA34;
	background: url(/find/img/count_icon.gif) no-repeat left;
	padding-left: 30px;
	font-size: 12px;
}
span.count span.countNum {
	color: #FFAA00;
	font-weight: bold;
	margin-left: 10px;
	font-size: 16px;
}

/** floatクリア用 **/
.floatclear {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/** TODO サイトごとに色変更 **/
ul.viewTabs {
	border-color: #faa119;
	/* OZ
	border-color: #980064;
	*/
	/* invest
	border-color: #5a4434;
	*/
}
div#codeCond {
	border-color: #6cb828;
	/* OZ
	border-color: #ab2e67;
	*/
	/* invest
	border-color: #33220f;
	*/
	/* smiland
	border-color: #0084d1;
	*/
}
div#mainCond input.textDisp{
	background: #fffff9;
	border-color: #c5e4a8;
	/* OZ
	background: #fffff9;
	border-color: #d0c3b3;
	*/
	/* invest
	background: #ffffff;
	border-color: #32220e;
	*/
	/* smiland
	background: #ffffff;
	border-color: #32220e;
	*/
}
div#codeCond input.textCode{
	background: #fffff9;
	border-color: #c5e4a8;
	/* OZ
	background: #fffff9;
	border-color: #d0c3b3;
	*/
	/* invest
	background: #ffffff;
	border-color: #32220e;
	*/
	/* smiland
	background: #ffffff;
	border-color: #32220e;
	*/
}
span.count {
	border-color: #6EBA34;
	/* OZ
	border-color: #9C0969;
	*/
	/* invest
	border-color: #604735;
	 */
	/* smiland
	border-color: #32C6F4;
	 */
}
span.count span.countNum {
	color: #FF3205;
	/* OZ
	color: #9C0969;
	*/
	/* invest
	color: #604735;
	 */
}
/* smiland
#searchResultTable .odd-row{background:#E0F3FC;}
#searchResultTable .even-row{background:#eff9fe;}
#searchResultTable tr.head{background:#AEE2FE;}
#searchResultTable tr.head a{color:#F37236;}
#searchResultTable tr.head a:hover{color:#f33;}
*/
/* invest
#searchResultTable .odd-row{background:#ddba9c;}
#searchResultTable .even-row{background:#ebd7c5;}
#searchResultTable tr.head{background:#c28555;}
#searchResultTable tr.head a{color:#eee;}
#searchResultTable tr.head a:hover{color:#f33;}
*/
/* OZ
#searchResultTable .odd-row{background:#F8ECF6;}
#searchResultTable .even-row{background:#fbf2fa;}
#searchResultTable tr.head{background:#D9ACCD;}
*/

#main div.nodata {
	border: 3px solid #B6DF9F;
	/* OZ
	border: 3px solid #D9ACCD;
	*/
	/* invest
	border: 3px solid #333234;
	*/
	/* smiland
	border: 3px solid SkyBlue;
	*/
}
div#nowLoading {
	border: 3px solid #B6DF9F;
	/* OZ
	border: 3px solid #D9ACCD;
	*/
	/* invest
	border: 3px solid #333234;
	*/
	/* smiland
	border: 3px solid SkyBlue;
	*/
}


#localSearchDisable {
	margin:10px 0 10px 0 ;
	width:710px;
	height:132px;
	position:absolute;
	z-index:10;
	background: url(/find/img/announce.png) no-repeat;
}

#localSearchArea {
	padding:10px 0 10px 0 ;
	width:710px;
	height:132px;
	display: block;
	z-index:10;
}
#localSearchArea ul li {
	display: inline-block;
	padding: auto 0 auto 0 ;
	width:142px;
	float:left;
	position: relative;
}

#localSearchArea ul li.localSearchFreeArea {
	top:0;
	display: inline-block;
	width:700px;
	float:left;
}

#localSearchArea ul li.localSearchFreeArea .localSearchPack{
	margin-top: 5px;
	position: absolute;
}
.mapmove{
	float:right;
}
.middleFit {
	margin-bottom: -8px ;
}
.localSearchPack {
	margin-top: 15px;
	position: absolute;
	/*
	margin-bottom: 10px ;
	vertical-align:middle;
	padding-bottom: 10px;
	*/
}
#localSearchButton {
	display: inline-block;
	width: 90px;
	height: 20px;
}
#localSearchButton.active {
	background: url(/find/img/lsearch.gif) no-repeat;
}
#localSearchButton.deactive {
	background: url(/find/img/lsearch.gif) no-repeat right;
}

/*
	.toggler { width: 500px; height: 200px; }
	#button { padding: .5em 1em; text-decoration: none; }
	#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
	#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
*/
	/** リスト **/
ul.list {
	position: relative;
	width: 100%;
}
ul.list > li{
	display: block;
	padding: 3px;
}

ul.list > li > ul{
	position: relative;
}
ul.list > li > ul > li {
	position: relative;
	/*
	z-index: 20;
	*/
	text-align: right;
}
ul.list > li > ul > li.left {
	float: left;
	position: absolute;
	left:0;
	top:0;
	width: auto;
	/*
	z-index: 10;
	*/
	background-color:White;
	opacity: 0.8;
}

ul.list span.price {
	font-weight: bold;
}

.listCtrl {
	display: block;
	background-color: #F3F3F3;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #AAAAAA;
}
div.listCtrl div.selector > a {
	width: 65px;
	height: 32px;
	display: block;
	position: absolute;
	/*
	z-index: 10;
	*/
}
div.listCtrl  div.selector > span {
	display: block;
	width: 180px;
	height: 32px;
	margin: 0 auto 0 auto;
	position: relative;
	/*
	z-index: 20;
	*/
}

div.listCtrl > ul {
	display: block;
	height: 20px;
}
div.listCtrl > ul > li {
	display: block;
	float: left;
	margin-left: 10px;
}
div.listCtrl > ul > li > a {
	display: block;
	width: auto;
	height: 20px;
}
div.listCtrlBottom {
	height: 86px;
	/*
	text-align: right;
	*/
}
div.listCtrlBottom li {
	margin: 5px 0 0 30px;
	/*
	float: right;
	*/
}
div.listCtrlBottom li > a{
	display: block;
	height: 20px;
	width: 120px;
}
div.listCtrlBottom li.favorite{
	background: url(/find/img/favorite.png) no-repeat;
}
div.listCtrlBottom li.contact2{
	background: url(/find/img/contact.png) no-repeat;
}
div.listCtrlBottom li.detail{
	background: url(/find/img/detail.png) no-repeat;
}


div#expandMap {
	display:block;
	width:22px;
	cursor:pointer;
	float:left;
}
span#expandtab {
	display: block;
	height: 200px;
	width: 22px;
	background-repeat: no-repeat;
}
span#expandtab.open{
	background-image: url("/find/images/mlist_open.png");
}
span#expandtab.close{
	background-image: url("/find/images/mlist_close.png");
}

div#listArea{
	position:absolute;
	top:0;
	height:550px;
	width: 22px;
	left: -22px;
}
div#listArea.opened {
	z-index: 100;
}
div#listArea.process {
	z-index: 5;
}
div#listArea.closed {
	z-index: 5;
}
div#listArea > div {
	position: absolute;
	top: 0;
	left: 0;
	width:216px;
	height:550px;
}

div#listDsp {
	border: 1px solid #555555;
	border-right: 3px solid #53b827;
	float:right;
	width:190px;
	height:548px;
	background: #F3F3F3;
	/*
	z-index: 0;
	*/
}
div#listDsp.opened {
	display: block;
}
div#listDsp.process {
	display: block;
}
div#listDsp.closed {
	display: none;
}
div#listDsp ul#mapList {
	position: relative;
	overflow-y:auto;
	height:350px;
	background: #FFFFFF;
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #AAAAAA;
}
div#listDsp ul#mapList > li {
	border-style: none none solid none;
	border-width: 1px;
	border-color: #555555;
	height: 84px;
}
div#listDsp ul#mapList > li > ul > li {
	/*
	text-shadow: 0px 0px 2px White;
	filter:shadow(color=white);
	*/
}
div#listDsp ul#mapList > li > ul > li.btns > input {
	width: 20px;
	height: 20px;
}

div#map_container {
	position:relative;
}

div.listCtrl  div.sorter {
	height: 23px;
}
div.listCtrl  div.sorter > a {
	float: left;
	margin-left: 10px;
}
div.listCtrl  div.sorter > select {
	float: left;
	margin-top: 1px;
	margin-left: 10px;
	width:100px;
}
div.listCtrl > p.message {
	margin: 1px 3px 1px 3px;
}

/** dialog window start **/
div.dialogbase div.ui-dialog-titlebar {
	/*background: #eff9d8;*/
	background: #ffffff;
	color: #333;
	opacity: 1;
	text-align: left;
	border: solid 2px #FFCC2A;
	font-weight: normal;
}
div.dialogbase  {
	opacity: 0.95;
}

div.dialogbase div.ui-dialog-buttonpane {
	background: #0000ff ;
	color: #666 ;
	font-size: 12px ;
	opacity: 1;
}
.dialogbase .ui-dialog-title {
	width: 100%;
}
.dialogarea li, .dialoginfo li {
	float: left;
}
.dialogarea .headtitle {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px #CCC dotted;
	width: 73%;
	background: url("/find/img/balloon.png") left no-repeat;
	text-indent: 20px;
	margin-bottom: 10px;
}
.dialogcount {
	position: absolute;
	right: .3em;  
	width: 300px;  
	padding: 1px;
	height: 18px;
	font-size: 14px;
}
.dialogcount span.countNum {
	color: #FF3205;
	font-size: 16px;
	font-weight: bold;
	background: #ffCCCC;
	padding: 3px;
}
.dialogsubmit {
	position: absolute;
	right: .3em;
	top: 50%;  
	width: 140px;  
	margin: -10px 30px 0 0;
	padding: 1px;
	height: 25px;
}
.dialogsubmit a{
	line-height: 25px;
	background: url("/find/img/submit_dialog.png") no-repeat left top;
	display: block;
	text-decoration: none;
}
.dialogsubmit span{
	visibility: hidden;
}

.submitcaution {
	position: absolute;
	right: .3em;
	top: 80%;  
	margin: -20px 0 0 0;
	padding: 1px;
	font-size: 10px;
}
.dialogselect {
	width: 30%;
	margin: 5px 0px;
	clear: both;
	font-size: 14px;
	background: #fff;
}
.selecttxt {
	width: 40%;
	margin: 5px 0px;
	font-size: 14px;
	background: #fff;
}
.dialogsubmit_railway, .dialogsubmit_area {
	text-align: left;
	width: 100%;
	line-height: 24px;
}
.dialogsubmit_railway a{
	line-height: 25px;
	background: url("/find/img/ensen_dialog.png") no-repeat left top;
	display: block;
	text-decoration: none;
}
.dialogsubmit_railway span{
	visibility: hidden;
}
.dialogsubmit_area a{
	line-height: 25px;
	background: url("/find/img/area_dialog.png") no-repeat left top;
	display: block;
	text-decoration: none;
}
.dialogsubmit_area span{
	visibility: hidden;
}
.railwayjump {
	padding-top: 5px;
}
.railwayjump li {
	float: left;
	width: 15%;
	padding-top: 5px;
}
.railwayjump li a{
	text-decoration: none;
	border-bottom: 2px dotted #ccc;
	color: #888;
}
.dialogbase .subheading {
	color: #555;
	font-weight: bold;
	display: block;
	height: 20px;
	width: 95%;
	padding-top: 10px;
	padding-left: 10px;
	margin: 5px 10px 3px 5px;
	clear: both;
	background: url("/find/img/balloon.png") left no-repeat;
	text-indent: 10px;
	vertical-align: top;
	font-size: 14px;
	line-height: 15px;
	border-bottom: 2px dotted #ccc;
	text-align: left;
}
.dialogfotter {
	clear: both;
	border-bottom: 2px #CCC dotted;
	width: 95%;
	line-height: 10px;
	margin-left: 5px;
}


/*find division line*/

.areaCond, .railwayCond {
	background: #FFF;
	border: 2px dotted #C5E4A8;
	margin-top: 5px;
}

.areaCond p, .railwayCond p {
	margin: 3px;
	text-align: left;
}
.selectTxt {
	font-size: 13px;
	color: #333;
	letter-spacing: 1px;
}
.selectTxt span {
	font-size: 14px;
	font-weight: bold;
}
.selectBase {
	background: #F2FDE6;
	font-size: 12px;
	color: #111;
}
.divisionBox, .lineBox {
	text-align: left;
}
/* dialog window end */

/* for IE7 start */
*:first-child+html div#expandMap {
	margin-top: 0;
	float: right;
}
/*
*:first-child+html span#expandtab {
	height: 330px;
	width: 30px;
}
*/
*:first-child+html span#expandtab.open{
	background-image: url("/find/images/mlist_open_in.png");
}
*:first-child+html span#expandtab.close{
	background-image: url("/find/images/mlist_close_in.png");
}
*:first-child+html div#listArea{
	left: 0;
	right: auto;
}
*:first-child+html div#listArea.opened{
	z-index: 20;
}
*:first-child+html div#listArea.process{
	z-index: 20;
}
*:first-child+html div#listArea.closed{
	z-index: 20;
}
*:first-child+html div#listArea > div{
	/*
	width: 222px;
	*/
	width: 100%;
	height: 550px;
}
*:first-child+html div#listDsp {
	border-left: 3px solid #53b827;
	border-right: 1px solid #555555;
	float: left;
}
*:first-child+html input{
	margin: 0;
}
/*
*:first-child+html #sub {
	z-index: 200;
}
*:first-child+html #sub #sideMenu {
	z-index: 200;
}
*/
/* for IE7 end */

/**
 * 集約アイコン カウントラベル
 */
div.label-wrapper {
	position: absolute;
}
div.label-wrapper div.label {
	width: 35px;
	height: 25px;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 11px;
	/*
	background: #fff;
	border: 1px solid #000;
	/*
	font-weight: bold;
	/*
	padding: 2px;
	color: #000;
	*/
	/* firefox */
	/*
	-moz-box-shadow: 1px 1px 4px #000;
	-moz-border-radius: 7px;
	*/
	/* chrome, safari */
	/*
	-webkit-box-shadow: 1px 1px 4px #000;
	-webkit-border-radius: 7px;
	*/
}
div.label-wrapper div.label.rent {
	background: url("/find/img/rent_count.png") no-repeat;
}
div.label-wrapper div.label.sale {
	background: url("/find/img/sale_count.png") no-repeat;
}
/*
div.label-wrapper.above div.label {
	margin-bottom: 8px;
}
div.label-wrapper.right div.label {
	margin-left:   8px;
}
div.label-wrapper.below div.label {
	margin-top:    8px;
}
div.label-wrapper.left  div.label {
	margin-right:  8px;
}
div.label-wrapper div.arrow {
	position: absolute;
	width: 9px;
	height: 9px;
}
*/
/*
div.label-wrapper.above div.arrow {
	bottom: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAAXNSR0IArs4c6QAAAGtJREFUCNdjKPuPCpr+M/D9v4Uk8OC/wH8G4yVeSELB/512MjBwyfzfChXY81/yPwMPAxBEqf3/CRT4/V/rP0McAwRY/+8ECvX+t/jPwAgVYjDi/38eZLAJAwIk/eH+n/SfAQWIyv1nEIMwAVmaVKRCjzOvAAAAAElFTkSuQmCC"); }
div.label-wrapper.right div.arrow {
	left:   0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAAXNSR0IArs4c6QAAAGpJREFUCNdjYEAALuMlfP/L/iMEomT+e/2/9f8/VMjI+r/a/63/IYCBQTTpD///zv8//8MAg9x/7v/n/yMDBgaxpP8C/3v//0YSAgETi/9a//egCDEwMDLESf4P/v8ASQgEeJx2Cvxv+g8AMklUpAhpjnsAAAAASUVORK5CYII="); }
div.label-wrapper.below div.arrow {
	top:    0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAAXNSR0IArs4c6QAAAGxJREFUCNdjYIAAMbn/DKIMyCDpP/f/pD/IIiYC/8//5//PYAQTYLT43/v////O/9b/YUJxWv9/A4V+/lf7zxAFEuCR/L/nPwRs/S/zn4GLwWln8H8E8PpvvIRB4P8DJKFb//n+MzT9RwVl/wEhdlSks5uJkgAAAABJRU5ErkJggg=="); }
div.label-wrapper.left  div.arrow {
	right:  0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAAXNSR0IArs4c6QAAAHFJREFUCB1NwS0KwgAAgNFvVUVXJgxk0WCcBsFmtNoMhh1iB7AteAuvsCB4B7vJawwHn+zHn/c4Gbq9MuJHn+6N5UhAx9bNhWtZ0bD38mxoJlP8c3doIvYqCydmNRG2SuduJKWhD3fO5MBH7tjlhQFfb0jHVKTtOc/FAAAAAElFTkSuQmCC"); }
*/
/*
div.label-wrapper.above div.arrow,
div.label-wrapper.below div.arrow {
    margin-left: -4px;
    left: 50%;
}
div.label-wrapper.left div.arrow,
div.label-wrapper.right div.arrow {
    margin-top: -4px;
    top: 50%;
}
*/

