@charset "utf-8";

/***********************************
  HOKKAISOKEN
  www/info/style.css
***********************************/

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


/*==================================
  Main Layout
==================================*/

div#contents p.lm01 {background:url(/common/images/lm01.gif) left no-repeat; padding-left:12px;}
div#contents div#contents-box {margin:30px 20px 0;}
div#contents div#contents-box div#navi-box {border:1px solid #ccc; padding:10px 10px 10px 20px; margin-bottom:20px;}
div#contents div#contents-box div#navi-box dl#navi-box-left {width:265px; float:left;}
div#contents div#contents-box div#navi-box dl#navi-box-right {width:300px; float:left;}
div#contents div#contents-box div#navi-box dl#navi-box-right dd p {margin-top:5px;}
div#contents div#contents-box div#navi-box ul {list-style:none; padding-top:5px;}
div#contents div#contents-box div#navi-box ul li {float:left; margin-right:10px; line-height:1.4; border:none;}
div#contents div#contents-box div#navi-box ul li#btn-modelhouse {width:110px; height:22px; overflow:hidden; background:url(./images/btn_modelhouse_ov.gif); margin-bottom:8px;}
div#contents div#contents-box div#navi-box ul li#btn-condominium {width:110px; height:22px; overflow:hidden; background:url(./images/btn_condominium_ov.gif); margin-bottom:8px;}
div#contents div#contents-box div#navi-box ul li#btn-land {width:110px; height:22px; overflow:hidden; background:url(./images/btn_land_ov.gif);}
div#contents div#contents-box div#navi-box ul li#btn-apartment {width:110px; height:22px; overflow:hidden; background:url(./images/btn_apartment_ov.gif);}
div#contents div#contents-box div#navi-box ul li a {display:block;}
div#contents div#contents-box div#navi-box ul li a:hover {background-color:transparent;}
div#contents div#contents-box div#navi-box ul li a:hover img {visibility:hidden;}

div#contents div#contents-box h3 {font-size:14px; color:#666; background:url(./images/line.gif) bottom no-repeat; padding:5px; margin-bottom:10px;}


div#contents div#contents-box ul.info-list {list-style:none;}
div#contents div#contents-box ul li {border-bottom:1px solid #d6d6d6;}
div#contents div#contents-box ul li dl {padding:8px;}
div#contents div#contents-box ul li dl dt {width:70px; float:left;}
div#contents div#contents-box ul li dl dd.list-body {width:400px; float:left; font-size:10px; color:#666; line-height:1.4;}
div#contents div#contents-box ul li dl dd.list-body p {margin-bottom:5px; font-size:12px;}
div#contents div#contents-box ul li dl dd.list-body p a {font-weight:bold; margin-right:10px;}
div#contents div#contents-box ul li dl dd.list-link {width:120px; float:right;}
div#contents div#contents-box ul li dl dd.list-link p {width:110px; height:22px; margin-left:10px; overflow:hidden; background:url(./images/btn_detail_ov.gif);}
div#contents div#contents-box ul li dl dd.list-link p a {display:block;}
div#contents div#contents-box ul li dl dd.list-link p a:hover {background-color:transparent;}
div#contents div#contents-box ul li dl dd.list-link p a:hover img {visibility:hidden;}

div#contents div#contents-box p.text-navi {padding:20px 0; text-align:center;}

div.side-box00 {margin-top:20px;}
div.side-box00 ul {list-style:none;}
div.side-box00 ul li {background:url(./images/back_link.gif) top left no-repeat; padding:10px 0 10px 30px;}
div.side-box {margin-top:20px;}
div.side-box h3 {font-size:14px; color:#fff; background:url(./images/back_side.gif) top left no-repeat; padding:11px 0 11px 33px; line-height:1;}
div.side-box p {margin-top:10px;}
div.side-box ul {list-style:none; padding:10px 0 0 5px;}
div.side-box ul li {margin-bottom:10px; background:url(./images/lm.gif) left 3px no-repeat; padding-left:16px;}
div.side-box ul li.none {margin-bottom:25px;}

div#side-voice {margin-top:20px;}