@charset "utf-8";

/***********************************
  sapporo_anju
  /common/css/top.css
***********************************/

@import "./base.css";
@import "./shadowbox.css";
@import "./showlistings.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#main-inner h2 {border-bottom:6px solid #c3af73; margin-bottom:10px;}
div#main-inner h3 {padding-bottom:8px; font-size:0; line-height:0;}
div#map-select {background:url(/common/images/top/back_tab_map.gif) bottom repeat-x; padding-right:10px;}
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; 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:2px solid #c3af73;}
dl#area-select {background:url(/common/images/top/back_area.gif) repeat-y; padding-top:8px; margin-bottom:20px;}
dl#area-select dt {width:70px; float:left; text-align:center;}
dl#area-select dd {padding:0 10px 8px 83px;}
dl#area-select dd ol li {list-style:none; float:left; margin-right:8px;}
dl#area-select dd ol li a {font-weight:bold;}

/*--search_box--*/
div#search-select {width:610px; padding:0 0 22px;}
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;}


p#style-select-box {padding-bottom:15px;}

/*--accordion--*/
table#accordion-table {width:610px; border-collapse:collapse; font-size:10px;}
table#accordion-table td {padding:5px 10px; border:1px solid #dfd3ab;}
table#accordion-table td span {margin-left:15px;}
table#accordion-table td p {padding-top:3px;}
table#accordion-table td input {margin-right:4px; vertical-align:middle;}
table#accordion-table td.td-title {background:#f1e5af; color:#333; font-size:14px; font-weight:bold;}

/*--scroll_box--*/
div.scrollable {float:left; position:relative; overflow:hidden; width:540px; height:190px;}
div.scrollable div.items {width:20000em; position:absolute; clear:both; margin-left:10px;}
div.scrollable div.items div {float:left; width:80px; cursor:pointer; padding:0; margin-right: 10px; line-height:1.4;}
div.scrollable div.items div img {width:80px; overflow:hidden; margin-bottom:5px;}
div.scrollable div.items div span {color:#666; font-size:10px;}
a.prev, a.next, a.prevPage, a.nextPage {display:block; width:25px; height:60px; background:url(/common/images/top/left_arrow.png) top no-repeat; float:left; margin:10px 5px; cursor:pointer; font-size:1px;}
a.disabled {visibility:hidden !important;}
a.next, a.nextPage {background:url(/common/images/top/right_arrow.png) top no-repeat; clear:right;}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:bottom;}

dl.list-box {margin:20px 0 10px; border-bottom:6px solid #c3af73;}
dl.list-box dt {width:285px; float:left;}
dl.list-box dd {width:100px; float:right; padding-top:8px;}
dl.list-box dd p {overflow:hidden;}
dl.list-box dd p a {display:block;}
dl.list-box dd p a:hover {background-color:transparent;}
dl.list-box dd p a:hover img {visibility:hidden;}
dl.list-box dd p#btn-apartment-list {width:91px; height:14px; background:url(/common/images/top/btn_apartment_list_ov.gif); float:right;}
dl.list-box dd p#btn-flyer-list {width:71px; height:14px; background:url(/common/images/top/btn_flyer_list_ov.gif); float:right;}
p#ff-hack {font-size:1px; text-indent:-4649em;}

/*--style_select--*/
body#style-select {background:#fff;}
div#style-wrapper {width:960px; margin:0 auto; background:#fff;}
div#style-wrapper h1 {font-size:12px; font-weight:normal; padding:0 7px 5px;}
div#style-wrapper table#style-table {width:950px; margin-left:5px; font-size:10px; border-collapse:collapse;}
div#style-wrapper table#style-table td {border:1px solid #dfd3ab; padding:4px; width:12.5%; vertical-align:top;}
div#style-wrapper table#style-table tr.tr-title td {background:#f1e5af; font-weight:bold; padding:4px 8px;}
div#style-wrapper table#style-table td dl {padding-bottom:5px;}
div#style-wrapper table#style-table td dl dt {width:18px; float:left;}
div#style-wrapper table#style-table td dl dd {width:90px; float:right; line-height:1.4; _width:88px; _padding-top:3px;}
*+html div#style-wrapper table#style-table td dl dd {padding-top:3px;}
div#style-wrapper p.btn-search {text-align:center; padding-bottom:10px;}