/*-----基本設定--------------------------------------------*/ body { font-size:12px; line-height:18px; color:#666666; margin:0; background-image:url(../img/back.gif); background-position:center top; background-repeat:repeat-x; } a:link { color:#3366FF;} a:hover { color:#FF9900; text-decoration: none; } ul { margin:0; padding:0; list-style:none;} li { margin:0; padding:0; list-style:none;} table {width:635px; margin:0 auto; border-collapse:collapse;} h2 {width:645px; height:25px; background-image:url(../img/title_h2.gif); margin:5 0; padding:0; line-height:20px; text-indent:30px; font-size:14px; font-weight:bold; } h3 {width:615px; height:25px; margin:20px 15px 5px 15px; padding:0; line-height:25px; text-indent:30px; font-size:12px; font-weight:bold; background-color:#FFFFF0; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; } h4 {width:615px; height:25px; margin:20px 15px 5px 15px; padding:0; line-height:25px; text-indent:30px; font-size:12px; font-weight:bold; background-color:#CCFFFF; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; } #btn_detail { display:block; width: 101px; height: 18px; background-image:url(../img/btn_detail.gif); background-position:0px 0px; background-repeat:no-repeat; float:right;} #btn_detail a { display:block; width: 101px; height: 18px; background-image:url(../img/btn_detail.gif); background-position:0px -18px; background-repeat:no-repeat; float:right;} #btn_detail:hover { background-position:0px -18px; } p.text { padding: 5px 25px; text-align:left; line-height:18px; } span.nowpage { border:1px solid #CCCCCC; color:#666666; background-color:#F9F9F9; font-weight:bold; padding:2px; margin:2px; width:15px; text-align:center; font-weight:bold;} /*-----ヘッダー設定--------------------------------------------*/ #header { width:870px; height:370px; margin:0 auto; } #header_sub { width:870px; height:270px; margin:0 auto; } #header_information { width:870px; height:80px; background-image:url(../img/header.gif); background-position:center top; background-repeat:no-repeat; text-align:right; line-height:35px;} #header_pic_01 { width:870px; height:250px; background-image:url(../img/header_01.jpg); clear:both;} #header_pic_02 { width:870px; height:250px; background-image:url(../img/header_02.jpg); clear:both;} #header_pic_03 { width:870px; height:250px; background-image:url(../img/header_03.jpg); clear:both;} #header_pic_04 { width:870px; height:250px; background-image:url(../img/header_04.jpg); clear:both;} #header_pic_05 { width:870px; height:250px; background-image:url(../img/header_05.jpg); clear:both;} #header_pic_06 { width:870px; height:250px; background-image:url(../img/header_06.jpg); clear:both;} #header_pic_07 { width:870px; height:250px; background-image:url(../img/header_07.jpg); clear:both;} #header_sub_pic_01 { width:870px; height:150px; background-image:url(../img/header_sub_01.jpg); clear:both;} #header_sub_pic_02 { width:870px; height:150px; background-image:url(../img/header_sub_02.jpg); clear:both;} #header_sub_pic_03 { width:870px; height:150px; background-image:url(../img/header_sub_03.jpg); clear:both;} #header_sub_pic_04 { width:870px; height:150px; background-image:url(../img/header_sub_04.jpg); clear:both;} #header_sub_pic_05 { width:870px; height:150px; background-image:url(../img/header_sub_05.jpg); clear:both;} #navigation_01 { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:0px 0px; background-repeat:no-repeat; float:left;} #navigation_02 { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:-174px 0px; background-repeat:no-repeat; float:left;} #navigation_03 { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:-348px 0px; background-repeat:no-repeat; float:left;} #navigation_04 { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:-522px 0px; background-repeat:no-repeat; float:left;} #navigation_05 { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:-696px 0px; background-repeat:no-repeat; float:left;} #navigation_01 a { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:0px -36px; background-repeat:no-repeat; float:left; } #navigation_02 a { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:-174px -36px; background-repeat:no-repeat; float:left; } #navigation_03 a { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:-348px -36px; background-repeat:no-repeat; float:left; } #navigation_04 a { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:-522px -36px; background-repeat:no-repeat; float:left; } #navigation_05 a { display:block; width: 174px; height: 36px; background-image:url(../img/navigation.gif); background-position:-696px -36px; background-repeat:no-repeat; float:left; } #navigation_01:hover { background-position:0px -36px; } #navigation_02:hover { background-position:-174px -36px; } #navigation_03:hover { background-position:-348px -36px; } #navigation_04:hover { background-position:-522px -36px; } #navigation_05:hover { background-position:-696px -36px; } /*-----カラム設定--------------------------------------------*/ #container { width:870px; margin:10px auto; } #contents { width:645px; float:left; } #banner { width:220px; float:right; margin-top:10px; } #banner_c { width:220px; float:right; margin-top:45px; } /*-----バナー設定--------------------------------------------*/ #bn_reco_01 { display:block; width: 214px; height: 120px; background-image:url(../img/bn_reco_01.jpg); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #bn_reco_01 a { display:block; width: 214px; height: 120px; background-image:url(../img/bn_reco_01.jpg); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #bn_reco_01:hover { background-position:0px -120px; } #bn_reco_02 { display:block; width: 214px; height: 120px; background-image:url(../img/bn_reco_02.jpg); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #bn_reco_02 a { display:block; width: 214px; height: 120px; background-image:url(../img/bn_reco_02.jpg); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #bn_reco_02:hover { background-position:0px -120px; } #bn_reco_03 { display:block; width: 214px; height: 120px; background-image:url(../img/bn_reco_03.jpg); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #bn_reco_03 a { display:block; width: 214px; height: 120px; background-image:url(../img/bn_reco_03.jpg); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #bn_reco_03:hover { background-position:0px -120px; } #bn_reco_04 { display:block; width: 214px; height: 120px; background-image:url(../img/bn_reco_04.jpg); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #bn_reco_04 a { display:block; width: 214px; height: 120px; background-image:url(../img/bn_reco_04.jpg); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #bn_reco_04:hover { background-position:0px -120px; } #bn_sell { display:block; width: 214px; height: 220px; background-image:url(../img/bn_sell.jpg); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #bn_sell a { display:block; width: 214px; height: 220px; background-image:url(../img/bn_sell.jpg); background-position:0px -253px; background-repeat:no-repeat; margin:3px auto; } #bn_sell:hover { background-position:0px -220px; } #bn_auc { display:block; width: 214px; height: 170px; background-image:url(../img/bn_auc.jpg); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #bn_auc a { display:block; width: 214px; height: 170px; background-image:url(../img/bn_auc.jpg); background-position:0px -253px; background-repeat:no-repeat; margin:3px auto; } #bn_auc:hover { background-position:0px -170px; } #bn_inquiry { display:block; width: 214px; height: 51px; background-image:url(../img/bn_inquiry.gif); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #bn_inquiry a { display:block; width: 214px; height: 51px; background-image:url(../img/bn_inquiry.gif); background-position:0px -51px; background-repeat:no-repeat; margin:3px auto; } #bn_inquiry:hover { background-position:0px -51px; } #bn_sample { display:block; width: 214px; height: 165px;; background-image:url(../img/bn_sample.jpg); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #bn_sample a { display:block; width: 214px; height: 165px; background-image:url(../img/bn_sample.jpg); background-position:0px -165px; background-repeat:no-repeat; margin:3px auto; } #bn_sample:hover { background-position:0px -165px; } #btn_inquiry { display:block; width: 400px; height: 60px; background-image:url(../img/btn_inquiry.jpg); background-position:0px 0px; background-repeat:no-repeat; margin:10px auto;} #btn_inquiry a { display:block; width: 400px; height: 60px; background-image:url(../img/btn_inquiry.jpg); background-position:0px -60px; background-repeat:no-repeat; margin:3px auto; } #btn_inquiry:hover { background-position:0px -60px; } #bn_shitadori { display:block; width: 214px; height: 150px; background-image:url(../img/bn_shitadori.gif); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} /*-----フッター設定--------------------------------------------*/ #footer_margin { width:870px; height:20px; clear:both; margin:0 auto; } #footer { width:870px; height:40px; background-image:url(../img/footer.gif); background-position:center top; clear:both; margin:0 auto; } /*-----トップページ設定--------------------------------------------*/ /*特徴から探す*/ .title_top_01 {width:645px; height:25px; background-image:url(../img/title_top_01.gif); margin:5 0; padding:0; } table.top_01 { width:625px; border-collapse:collapse; margin:0 auto; padding:0;} td.top_01_top { width:191px; border:1px solid #CCCCCC; text-align:center; padding:5px 0;} td.top_01_space { width:10px; } td.top_01_bottom { width:185px; border:1px solid #CCCCCC; padding:5px; background-color:#EEEEEE; } p.top_01 {text-align:left; margin:5px 10px;} #tlist { width:207px; border:1px solid #CCCCCC; margin:0 0 25px 5px; text-align:center; float:left; } p.list_text1 {border-bottom:1px dotted #CCCCCC; margin:5px; text-align:left; width:175px; padding-left:20px; background-image:url(../img/list_yazi.gif); background-position:left top; background-repeat:no-repeat; height:40px; line-height:20px;} p.list_text2 {margin:5px; text-align:left; width:195px; color:#CC0000;} p.list_text3 {border-bottom:1px dotted #CCCCCC; margin:5px; text-align:left; width:195px;} p.list_text4 {margin:5px; width:190px; text-align:right;} p.list_text5 {margin:5px; width:190px; text-align:left; border-bottom:1px dotted #CCCCCC; height:30px;} #btn_tlist { display:block; width: 101px; height: 18px; background-image:url(../img/btn_list.gif); background-position:0px 0px; background-repeat:no-repeat;} #btn_tlist a { display:block; width: 101px; height: 18px; background-image:url(../img/btn_list.gif); background-position:0px -18px; background-repeat:no-repeat; } #btn_tlist:hover { background-position:0px -18px; } /*地域から探す*/ .title_top_02 {width:645px; height:25px; background-image:url(../img/title_top_02.gif); margin:5 0; padding:0; clear:both;} table.top_02 { width:615px; border-collapse:collapse; margin:0 auto; padding:0;} td.top_02_ltop { width:212px; text-align:left; padding-top:5px;} td.top_02_rtop { width:180px; text-align:right; padding-top:5px;} td.top_02_bottom { width:392px; text-align:left; border-bottom:1px dotted #CCCCCC;} td.top_02_map { width:223px; margin:0;} #area_map { width:625px; height:610px; margin:5px auto; z-index:1; position:relative;} #area_map_hakone { width:625px; height:610px; margin:5px auto; } #area_map_shonan{ width:625px; height:373px; margin:5px auto;} #area_map_izu { width:625px; height:610px; margin:5px auto;} #btn_list { display:block; width: 101px; height: 18px; background-image:url(../img/btn_list.gif); background-position:0px 0px; background-repeat:no-repeat; float:right;} #btn_list a { display:block; width: 101px; height: 18px; background-image:url(../img/btn_list.gif); background-position:0px -18px; background-repeat:no-repeat; float:right; } #btn_list:hover { background-position:0px -18px; } /*おすすめから探す*/ .title_top_03 {width:645px; height:25px; background-image:url(../img/title_top_03.gif); margin:5 0; padding:0; } p.top_reco { width:615px; margin:5px auto; text-align:left; border-bottom:1px dotted #CCCCCC;} /*-----検索結果一覧設定--------------------------------------------*/ #search_box {width:200px; height:275px; text-align:center; border:1px solid #EEEEEE; float:left; margin:5px; background-color:#F9F9F9;} p.serch_list_box_01 {text-align:left; padding:3px; margin:0;} p.serch_list_box_02 {width:184px; text-align:left; padding:3px; margin:0 auto; background-color:#FFFFCC;} p.serch_list_box_03 {width:190px; text-align:left; padding:5px; margin:0;} p.serch_list_box_04 {width:190px; text-align:right; padding:5px; margin:0;} /*-----物件詳細設定--------------------------------------------*/ #detail_title { width:625; padding:5px; margin:5px; background-color:#FFFFCC; border:1px dotted #CCCCCC;} span.detail_address { font-size:18px; color:#333333; font-weight:bold; } span.detail_price { font-size:18px; color:#CC0000; font-weight:bold; } table.detail { width:635px; border-collapse:collapse; margin:5px auto;} td.detail_01 { width:85px; border:1px solid #CCCCCC; background-color:#CCEEFF; font-weight:bold; text-align:left; padding:2px; font-size:14px; padding-left:5px;} td.detail_02 { width:190px; border:1px solid #CCCCCC; text-align:left; padding:2px; font-size:14px; padding-left:5px;} td.detail_04 { width:121px; border-bottom:1px dotted #CCCCCC; font-weight:bold; text-align:left; padding:2px; font-size:12px;} td.detail_05 { width:183px; border-bottom:1px dotted #CCCCCC; text-align:left; padding:2px; font-size:12px;} td.detail_06 { width:5px; } td.detail_07 { width:489pxpx; border-bottom:1px dotted #CCCCCC; text-align:left; padding:2px; font-size:12px;} td.detail_03 { width:320px; text-align:center; padding:2px;} .detail_photo_mini { margin:4px 2px 0 2px; } /*-----物件売却--------------------------------------------*/ #btn_sale_01 { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_01.gif); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #btn_sale_01 a { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_01.gif); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #btn_sale_01:hover { background-position:0px -24px; } #btn_sale_02 { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_02.gif); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #btn_sale_02 a { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_02.gif); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #btn_sale_02:hover { background-position:0px -24px; } #btn_sale_03 { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_03.gif); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #btn_sale_03 a { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_03.gif); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #btn_sale_03:hover { background-position:0px -24px; } #btn_sale_04 { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_04.gif); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #btn_sale_04 a { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_04.gif); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #btn_sale_04:hover { background-position:0px -24px; } #btn_sale_05 { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_05.gif); background-position:0px 0px; background-repeat:no-repeat; margin:3px auto;} #btn_sale_05 a { display:block; width: 214px; height: 24px; background-image:url(../img/btn_sale_05.gif); background-position:0px -120px; background-repeat:no-repeat; margin:3px auto; } #btn_sale_05:hover { background-position:0px -24px; } table.sale { width:615px; border-collapse:collapse; } th.sale1 { width:125px; border:1px solid #CCCCCC; background-color:#FFFFF0; font-weight:bold; text-align:center; } th.sale2 { width:340px; border:1px solid #CCCCCC; background-color:#FFFFF0; font-weight:bold; text-align:center; } th.sale3 { width:100px; border:1px solid #CCCCCC; background-color:#FFFFF0; font-weight:bold; text-align:center; } th.sale4 { width:50px; border:1px solid #CCCCCC; background-color:#FFFFF0; font-weight:bold; text-align:center; } td.sale1 { width:125px; border:1px solid #CCCCCC; } td.sale2 { width:340px; border:1px solid #CCCCCC; } td.sale3 { width:100px; border:1px solid #CCCCCC; text-align:center; } td.sale4 { width:50px; border:1px solid #CCCCCC; text-align:center; } /*-----物件検索--------------------------------------------*/ table.search { width:615px; border-collapse:collapse; } th.search { width:100px; border:1px solid #CCCCCC; background-color:#FFFFF0; font-weight:bold; text-align:left; padding:5px; } td.search { width:207px; border:1px solid #CCCCCC; padding:5px; } td.search_long { width:515px; border:1px solid #CCCCCC; padding:5px; } td.search_middle { width:415px; border:1px solid #CCCCCC; padding:5px; } /*-----お問い合わせ--------------------------------------------*/ table.inquiry { width:615px; border-collapse:collapse; } th.inquiry { width:115px; border:1px solid #CCCCCC; background-color:#FFFFF0; font-weight:bold; text-align:left; padding:5px; } th.inquiry2 { width:125px; border:1px solid #CCCCCC; background-color:#FFFFF0; font-weight:bold; text-align:left; padding:5px; } td.inquiry { width:192px; border:1px solid #CCCCCC; padding:5px; } td.inquiry_long { width:500px; border:1px solid #CCCCCC; padding:5px; } td.inquiry_middle { width:375px; border:1px solid #CCCCCC; padding:5px; }