@CHARSET "UTF-8"; @IMPORT url("/css/common.css"); @IMPORT url("/search/css/qa.css"); /** * 検索画面共通 */ div#listview { width: auto; } /****************************************************************************** * SEARCHBOX *****************************************************************************/ #searchbox { width: 100%; margin: 0px; } #searchbox table.condition { width: 100%; border-collapse: collapse; } #searchbox table.condition caption { text-align: left; } #searchbox table.condition th { padding: 2px; background-color: #DCE6F2; border: solid 1px #cccccc; color: #1F497D; } #searchbox table.condition th span { font-weight: normal; color: #333333; } #searchbox table.condition td { border: solid 1px #cccccc; } #searchbox table.condition td.noborder { border: 0 } #searchbox #submitbox { padding: 10px; width: 700px; } /****************************************************************************** * エリア指定 ******************************************************************************/ #arealist { } #arealist li { } #arealist li.on { } #arealist li a { color: #666666; text-decoration: none } #arealist li a:hover { text-decoration: underline; } #arealist li.on a { color: #000000; } #subraeaList ul.buttons { clear: left; padding:4px 0px; } #subraeaList ul.buttons li { margin: 0px; padding: 0px 0px 0px 10px; margin-right: 5px; overflow: hidden; height: 26px; background: url(/search/images/libuttons-head2.gif) top left no-repeat; } #subraeaList ul.buttons li.on { margin: 0px; padding: 0px 0px 0px 10px; margin-right: 5px; overflow: hidden; height: 26px; background: url(/search/images/libuttons_on-head2.gif) top left no-repeat;} #subraeaList ul.buttons li a { display: block; padding: 5px 10px 5px 0px; *padding: 5px 10px 5px 0px; height: 16px; color: #836003; text-align: center; text-decoration: none; background: url(/search/images/libuttons2.gif) top right no-repeat; } #subraeaList ul.buttons li a:hover { text-decoration: underline; } #subraeaList ul.buttons li.on a { display: block; padding: 5px 10px 5px 0px; *padding: 5px 10px 5px 0px; height: 16px; color: #836003; text-align: center; text-decoration: none; background: url(/search/images/libuttons_on2.gif) top right no-repeat; } #subraeaList li { float: left; width: 160px; padding: 2px 8px; margin-bottom: 2px; } #subraeaList .ctrl{ clear:left; text-align: right; } #area-clear { text-align: right; padding: 2px; } /****************************************************************************** * 広さ指定 ******************************************************************************/ #spacelist { padding: 5px; } #spacelist ul.buttons li { float: left; display: inline; margin-right: 4px; padding: 0px 0px 0px 8px; overflow: hidden; height: 27px; background: url(/search/images/libuttons-head2.gif) top left no-repeat; } #spacelist ul.buttons li.on { background: url(/search/images/libuttons_on-head2.gif) top left no-repeat;} #spacelist ul.buttons li a { float:left; display: block; padding: 5px 5px 5px 0px; *padding: 5px 5px 5px 0px; height: 16px; color: #836003; text-align: center; text-decoration: none; background: url(/search/images/libuttons2.gif) top right no-repeat; cursor:pointer; } #spacelist ul.buttons li a:hover { text-decoration: underline; } #spacelist ul.buttons li a span { font-size: 10px; } #spacelist ul.buttons li.on a { background: url(/search/images/libuttons_on2.gif) top right no-repeat; } #space-clear { text-align: right; margin-bottom: 5px; } /****************************************************************************** * 賃料指定 ******************************************************************************/ #feelist { padding: 5px; } #feelist ul.buttons li { float: left; display: inline; margin-right: 4px; padding: 0px 0px 0px 8px; overflow: hidden; height: 27px; background: url(/search/images/libuttons-head2.gif) top left no-repeat; } #feelist ul.buttons li.on { background: url(/search/images/libuttons_on-head2.gif) top left no-repeat; } #feelist ul.buttons li a { float:left; display: block; padding: 5px 5px 5px 0px; *padding: 5px 5px 5px 0px; height: 16px; color: #836003; text-align: center; text-decoration: none; background: url(/search/images/libuttons2.gif) top right no-repeat; cursor:pointer; } #feelist ul.buttons li a span { font-size: 9px; } #feelist ul.buttons li a:hover { text-decoration: underline; } #feelist ul.buttons li.on a { background: url(/search/images/libuttons_on2.gif) top right no-repeat; } #fee-clear { text-align: right; padding: 2px; } /****************************************************************************** * キーワード指定 ******************************************************************************/ #searchbox table.keyword td { border: 0; } table.ctrl { width:100%; padding: 10px; margin-bottom: 10px; background-color: #FDEADA; } table.ctrl td.left { width: 25%; text-align: left; } table.ctrl td.center{ width: *; text-align: center; } table.ctrl td.right { width: 25%; text-align: right; } #txt_station { width:100px; } #txt_area { width:100px; } #txt_q { width:300px; } /****************************************************************************** * 詳細条件表示 ******************************************************************************/ #condview { margin-top: 5px; padding: 5px; border: 0px; } #condview div.row { clear: both; margin-bottom: 5px; } #condview div.cell { float: left; } /* エラー画面タイトル */ h1.error { font-size: 16px; font-weight: bold; color: #000066; padding: 5px 10px;} /* 検索条件表示窓 */ #frameCondition {background-color: #eeeeee; padding:5px; } #conditionText { border:solid 1px #000099;background-color: #ffffff; padding:5px; } #conditionText table {} #conditionText table th { vertical-align: top; width:80px; text-align: left; } #conditionText table td { vertical-align: top; } #qapanel { margin-top: 20px; } #qapanel td { padding: 5px; } /****************************************************************************** * 検索条件の履歴 *****************************************************************************/ #myConditions table.list { } #myConditions table.list td.condition table{ width:400px; } #myConditions table.list td.condition table th{ width:100px; text-align: left;} /****************************************************************************** * エリア検索タブ *****************************************************************************/ #arealist { background-color: #CCCCFF; } #arealist table.areatab { border-collapse: collapse; border: none; } #arealist table.areatab td { width: 52px; text-align: center; padding: 5px 0px; font-size: 10px; } #arealist table.areatab td.on { width: 65px; background-color: #ffffff; font-size:12px;} #arealist table.areatab td.on a { color: #000000; text-decoration: none; font-weight: bold; } #arealist table.areatab td div { cursor: pointer; } #arealist table.areatab td.on div { cursor: default; } #subarea { background-color: #ffffff; padding: 5px; zoom: 1; } #subarea p { padding-top: 10px; } div#subarea li { background:transparent url(/search/images/libuttons-head2.gif) no-repeat scroll left top; /* display:inline; */ float:left; height:26px; margin:5px 5px 0px 0; padding: 0 0 0 1em; overflow:hidden; } div#subarea li a { background:transparent url(/search/images/libuttons2.gif) no-repeat scroll right top; color:#836003; display:block; float:left; overflow: hidden; height:16px; margin: 0px; padding:5px 1em 5px 0; text-align:center; text-decoration:none; } div#subarea li.on { background-image: url(/search/images/libuttons_on-head2.gif); } div#subarea li.on a { background-image: url(/search/images/libuttons_on2.gif); } /****************************************************************************** * DETAIL SEARCH DIALOG *****************************************************************************/ #mask { display: none; position: absolute; left: 0px; top: 0px; z-index: 9000; background-color: #000000; } #dialog { display: none; position: absolute; left: 0px; top: 0px; z-index: 9001; width: 640px; padding: 10px; background-color: #ffffff; } #dialog div.header { margin-bottom: 10px; height: 30px; padding:5px; background-color: #558ED5; line-height: 24px; color: black; font-weight: bold; } #dialog div.header div.title { float: left;margin:5px; } #dialog div.header div.clear { float: right; padding-right:10px; } #dialog div.header div.clear img { cursor: pointer; } #dialog div.header div.close { float: right;} #dialog div.header div.close img { cursor: pointer; } #dialog div.form { clear: both; } #dialog div.form table { border-collapse: collapse; } #dialog div.form th { padding: 5px; background-color: #DCE6F2; border: solid 1px #595959; color: #1F497D; text-align: left; } #dialog div.form td { padding: 5px; border: solid 1px #595959; } #dialog div.form table.noborder th { border: 0px; } #dialog div.form table.noborder td { border: 0px; } #dialog div.control { padding: 5px; text-align: center; background-color: #FDEADA; } #dialog div.control img { cursor: pointer; } /****************************************************************************** * SAO DETAIL SEARCH DIALOG *****************************************************************************/ #saodialog { display: none; position: fixed; left: 0px; top: 0px; z-index: 9001; width: 400px; padding: 10px; background-color: #ffffff; } #saodialog div.header { margin-bottom: 10px; height: 30px; padding:5px; color: black; font-weight: bold; } #saodialog div.header div.close { float: right; cursor: pointer; } #saodialog div.title { text-align:center;font-weight:bold; font-size:18px; } #saodialog div.body { height:20px; margin-top:40px; } #saodialog div.img {text-align:center;}