@charset "utf-8";

/***********************************
  sapporo_anju
  /common/css/search_result.css
***********************************/

@import "./base.css";
@import "./shadowbox.css";


/*==================================
  Main Layout
==================================*/
div#contents {border:none; background:#faf5df; padding:0; margin:0 0 22px;}
div#contents div#main {width:640px; float:left;}
div#contents div#main div#main-inner {border:1px solid #dfd3ab; background:#fff; padding:14px 14px 30px;}
div#contents div#side {width:300px; float:right;}

/*--main--*/
div#contents div#main .mab10 {margin-bottom:10px;}
div#main-inner h2 {border-bottom:6px solid #c3af73; margin-bottom:10px;}

div#map-select {background:url(/common/images/top/back_tab_map.gif) bottom repeat-x; padding-right:10px; height:32px;}
div#main-inner div#map-select h3 {width:206px; float:left; padding:5px 0 0;}
div#map-select p {width:100px; float:left; padding-top:5px;}
div#map-select ul {list-style:none; width:146px; float:right;}
div#map-select ul li {width:70px; height:32px; overflow:hidden; font-size:0; line-height:0;}
div#map-select ul li a {display:block;}
div#map-select ul li a:hover {background-color:transparent;}
div#map-select ul li a:hover img {visibility:hidden;}
div#map-select ul li#tab-map01 {float:left; background:url(/common/images/top/tab_map01_ov.gif);}
div#map-select ul li#tab-map02 {float:right; background:url(/common/images/top/tab_map02_ov.gif);}
dl#line-select {border:2px solid #c3af73; border-width:0 2px 2px; padding:3px 18px 2px 5px;}
dl#line-select dt {width:195px; float:left;}
dl#line-select dd {width:380px; float:right; font-size:10px; font-weight:bold; text-align:right; padding-top:5px; color:#666;}
dl#line-select dd input {vertical-align:middle; margin-right:2px;}
dl#line-select dd span {margin-left:10px;}
dl#line-select dd span.tozai {color:#f60;}
dl#line-select dd span.nanboku {color:#060;}
dl#line-select dd span.toho {color:#036;}
dl#line-select dd span.jr {color:#333;}
p#line-select {border:2px solid #c3af73; border-width:0 2px; padding:3px 18px 2px 5px;}
div#google-map {border:solid #c3af73; border-width:0 2px 2px; margin-bottom:20px;}

div#contents div#main div#main-inner h3.hit {background:#c3af73 url(/common/images/common/hit.gif) left no-repeat; padding:7px 0 7px 45px; margin-bottom:15px; font-size:14px; color:#300;}
div#main-inner dl.sort-list dt {width:4.5em; float:left; padding-bottom:10px;}
div#main-inner dl.sort-list dd ul li {list-style:none; float:left; padding-right:7px; margin-right:7px; border-right:1px solid #333; font-weight:bold;}
div#main-inner dl.sort-list dd ul li.none {border:none; margin:0; padding:0;}

div.sort-box {background:#dfd3ab; padding:10px 9px; margin-bottom:10px;}
div.sort-box dl dt {width:162px; overflow:hidden; background:#fff; float:left; padding:6px 0; text-align:center;}
div.sort-box dl dd {width:415px; float:right;}
div.sort-box dl dd h4 {font-size:18px; padding-bottom:5px;}
div.sort-box dd h4 a {background:url(/common/images/list/icon_link.gif) left no-repeat; padding-left:35px; color:#600;}
div.sort-box dl dd p.deve {font-size:14px; font-weight:bold; line-height:1;}
div.sort-box dl dd p.deve img {vertical-align:middle; margin-right:5px;}
div.sort-box dl dd ul#data {list-style:none; padding:5px 0;}
div.sort-box dl dd ul#data li {width:200px; float:left; margin-bottom:5px;}
div.sort-box dl dd ul#data li.none {float:right;}
div.sort-box dl dd ul#data li.long {width:405px;}
div.sort-box dl dd ul#data li.btn-detail {width:121px; height:20px; background:url(/common/images/list/btn_detail_ov.gif);}
div.sort-box dl dd ul#data li.btn-detail a {display:block;}
div.sort-box dl dd ul#data li.btn-detail a:hover {background-color:transparent;}
div.sort-box dl dd ul#data li.btn-detail a:hover img {visibility:hidden;}
div.sort-box dl dd ul#data2 {list-style:none; padding:5px 5px 0 5px; background:#faf5df; margin-bottom:10px;}
div.sort-box dl dd ul#data2 li {width:200px; float:left; margin-bottom:5px;}
div.sort-box dl dd ul#data2 li.long {width:405px; font-weight:bold;}
div.sort-box dl dd ul#data2 li.none {float:right;}
div.sort-box dl dd ul#bnr-area {list-style:none;}
div.sort-box dl dd ul#bnr-area li {overflow:hidden;}
div.sort-box dl dd ul#bnr-area li a {display:block;}
div.sort-box dl dd ul#bnr-area li a:hover {background-color:transparent;}
div.sort-box dl dd ul#bnr-area li a:hover img {visibility:hidden;}
div.sort-box dl dd ul#bnr-area li.btn-modelroom {float:left; width:137px; height:32px; background:url(/common/images/list/btn_modelroom_ov.gif); margin-right:2px;}
div.sort-box dl dd ul#bnr-area li.btn-flyer-detail {float:left; width:137px; height:32px; background:url(/common/images/list/btn_flyer_detail_ov.gif); margin-right:2px;}
div.sort-box dl dd ul#bnr-area li.btn-site {float:right; width:137px; height:32px; background:url(/common/images/list/btn_site_ov.gif);}
div.sort-box dl dd ul#bnr-area li.btn-detail {float:right; width:130px; height:24px; background:url(/common/images/list/btn_detail_ov.gif); margin-top:10px;}

/*--side--*/
dl.area-link dt {background:#c3af73; padding:6px 12px; margin-top:25px;}
dl.area-link dd {background:#dfd3ab; padding:6px 12px;}
dl.area-link dd ul {list-style:none; padding:5px 0 1px;}
dl.area-link dd ul li {background:url(/common/images/list/lm05.gif) left no-repeat; padding-left:12px; margin-bottom:3px;}

/*--search_box--*/
div#search-select {width:610px; padding:0; margin-top:20px;}
div#search-select ol {list-style:none; padding-bottom:5px;}
div#search-select ol li {width:215px; float:left; background:url(/common/images/top/x.gif) right no-repeat;}
div#search-select ol li.none {width:180px; background:none;}
p.btn-search {text-align:center; padding-top:5px;}

/*--old_googlemap--*/
#map {width: 606px; height: 400px; border:#c1b374 solid 2px;}
#gmapInfo {margin: 10px; padding: 0;}
#gmapInfo dl{margin: 0; padding: 0; font-size: 12px; color: #333333;}
#gmapInfo dt{font-weight: bold; margin: 0px 0px 10px 0px; padding: 0; background: url(../img02/point01.gif) no-repeat top left;}
#gmapInfo dd{margin: 0; padding: 0; line-height: 160%; border-bottom: 1px dashed #cccccc;}
#gmapInfo dd.mapWebLink{font-weight: bold; margin: 0; padding: 0; line-height: 160%; border-bottom: 1px dashed #cccccc;}
#gmapInfo dd.mapWebLink a{color: #ff6600;}
#gmapInfo dd.mapMile a{color: #CC0000;}
#gmapInfo dd.mapDetailLink{margin: 0; padding: 0; line-height: 160%; border-bottom: 1px dashed #cccccc; font-size: 10px;}
.mapRight {display:none;}

/* Selectbox Styles
=================================*/
a.sctble_display {border:none; padding-right:22px; background:url(/common/images/top/select_right.png) no-repeat right top;}
a.sctble_display:hover {background-position:right -84px;}
a.sctble_focus {background-position: right -168px !important;}
a.sctble_display span {font-weight:normal; color:#333; height:84px; padding:0 5px 0 10px; background:url(/common/images/top/select_left.gif) no-repeat left top; font-size:13px; font-weight:bold;}
a.sctble_display:hover span {background-position: left -84px;}
a.sctble_focus span {background-position: left -168px !important;}
/*--nanba_edit--*/
a.s-access span {font-weight:bold; color:#333; height:24px; padding:60px 0 0 10px; background:url(/common/images/top/select_access.png) no-repeat left top; font-size:13px;}
a.s-access:hover span {background-position: left -84px;}
a.s-plan span {font-weight:bold; color:#333; height:24px; padding:60px 0 0 10px; background:url(/common/images/top/select_plan.png) no-repeat left top; font-size:13px;}
a.s-plan:hover span {background-position: left -84px;}
a.s-price span {font-weight:bold; color:#333; height:24px; padding:60px 0 0 10px; background:url(/common/images/top/select_price.png) no-repeat left top; font-size:13px;}
a.s-price:hover span {background-position: left -84px;}
/* Pulldown Mat
=================================*/
div.sctble_mat {background:#e1ead6; margin-top:-53px; width:180px;}
div.sctble_mat dl {border-color:#93af72;}
div.sctble_mat a {color:#262626;}
div.sctble_mat a.selected {color:#666;}

/* Pulldown Mat
=================================*/
div.sctble_mat.nooptg p {border:solid #dfd3ab 2px; background:#fff; font-size:13px;}
div.sctble_mat.nooptg p a {padding:2px 7px; margin:0; color:#670000; text-decoration:none; font-weight:bold; display:block;}
div.sctble_mat.nooptg p a:hover {color:#fff; background:#670000;}

/* Selectbox Styles
=================================*/
a.sctble_display {display:inline-block; *display:inline; zoom:1; color:#262626; text-decoration:none; cursor:default;}
a.sctble_display span {display:block; width:148px; cursor:pointer;}


/* Pulldown Mat
=================================*/
div.sctble_mat {border:solid #dfdfdf 1px; border-top:none; border-left:none; background:#eee;}
div.sctble_mat a {color:#1972ea; font-weight:normal;}
div.sctble_mat a.selected {color:#333; text-decoration:none; cursor:default;}