@charset "utf-8";

/***********************************
  sapporo_anju
  /common/css/apartment_detail.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#main-inner h2 {border-bottom:6px solid #c3af73; margin-bottom:10px;}
div.detail-box {padding:10px 0;}
div.detail-box dl {background:url(/common/images/list/icon.gif) top left no-repeat; padding:0 0 7px 33px;}
div.detail-box dl dt {font-size:18px; font-weight:bold; color:#930; padding:3px 0;}
div.detail-box dl dd {font-size:14px;}
div.detail-box ul li {list-style:none; width:182px; height:32px; overflow:hidden; float:left; margin-right:5px;}
div.detail-box ul li a {display:block;}
div.detail-box ul li a:hover {background-color:transparent;}
div.detail-box ul li a:hover img {visibility:hidden;}
div.detail-box ul li.btn-reservation {background:url(/common/images/list/btn_reservation02_ov.gif);}
div.detail-box ul li.btn-flyer {background:url(/common/images/list/btn_flyer_detail03_ov.gif);}
div.detail-box ul li.btn-site {background:url(/common/images/list/btn_site02_ov.gif);}

div#photo-box {padding-bottom:12px;}
div#photo-box ul li {width:140px; float:left; margin-right:16px; list-style:none;}
div#photo-box ul li.none {margin:0;}
div#photo-box ul li dt {height:140px; width:140px; overflow:hidden;}
div#photo-box ul li dt img {height:140px;}
div#photo-box ul li dd {font-size:10px; color:#666; padding:5px 2px 0;}
div#photo-box p {padding:5px 2px 0;}

div#boxA {padding-bottom:22px;}
div#boxA div#boxA-left {width:336px; float:left;}
div#boxA div#boxA-left h4 {background:#c3af73; padding:7px 14px; font-size:14px; color:#000;}
div#boxA div#boxA-left h4 span {background:url(/common/images/list/lm04.gif) left no-repeat; padding-left:12px;}
div#boxA div#boxA-left dl {border:1px solid #dfd3ab; border-bottom:none;}
div#boxA div#boxA-left dl dt {background:#f1e5af; border-bottom:1px solid #dfd3ab; color:#930; font-weight:bold; padding:3px 7px;}
div#boxA div#boxA-left dl dd {border-bottom:1px solid #dfd3ab; color:#333; padding:3px 7px;}
div#boxA div#boxA-left dl dd strong {font-size:18px;}
div#boxA div#boxA-left dl dd p {line-height:1.3;}
div#boxA div#boxA-left dl dd p.small {font-size:10px;}
div#boxA div#boxA-left dl dd span {font-size:14px; font-weight:bold;}
div#boxA div#boxA-right {width:256px; float:right; background:url(/common/images/list/dott_box.gif) top;}
div#boxA div#boxA-right h4 {padding:10px;}
div#boxA div#boxA-right dl {padding:0 10px 5px; background:url(/common/images/list/dott_box_bottom.gif) bottom no-repeat; font-size:10px; color:666;}
div#boxA div#boxA-right dl dt {font-weight:bold;}
div#boxA div#boxA-right dl dd {padding:2px 0 5px;}

div#google-map {background:#dfd3ab; margin-bottom:6px; border: #dfd3ab solid 6px;}

p.btn-modelroom-map {width:232px; height:32px; overflow:hidden; margin:0 0 15px 378px; background:url(/common/images/list/btn_modelroom_map_ov.gif);}
p.btn-modelroom-map a {display:block;}
p.btn-modelroom-map a:hover {background-color:transparent;}
p.btn-modelroom-map a:hover img {visibility:hidden;}

p.caption {font-size:10px; color:#666; padding:0 2px 3px;}
table {width:610px; border-collapse:collapse; font-size:12px;}
table td {border:1px solid #dfd3ab; padding:3px 6px; vertical-align:top; line-height:1.4;}
table td.td-title {background:#c3af73; padding:5px 10px; font-size:14px; color:#000;}
table td.td-title strong {background:url(/common/images/list/lm04.gif) left no-repeat; padding-left:12px;}
table tr.typeA td {font-weight:bold; color:#930; background:#f1e5af;}
table td.w50 {width:50%;}

/*--side--*/
dl.flyer-box {padding:0 25px 20px;}
dl.flyer-box dt {text-align:center; padding-bottom:10px;}
dl.flyer-box dd {font-weight:bold;}
dl.flyer-box dd p {width:182px; height:30px; overflow:hidden; margin:10px 0 0 34px; background:url(/common/images/list/btn_flyer_ov.gif);}
dl.flyer-box dd p a {display:block;}
dl.flyer-box dd p a:hover {background-color:transparent;}
dl.flyer-box dd p a:hover img {visibility:hidden;}

dl.area-link dt {background:#c3af73; padding:6px 12px;}
dl.area-link dd {background:#dfd3ab; padding: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;}