@charset "utf-8";

/*----------------------------------------------
共通
-----------------------------------------------*/
#wrapper {
  margin: 0 auto;
  width: 900px;
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
  background: #fff;
}
.red {
  color: #ff0000;
}
.content {
  margin-bottom: 20px;
}
input ,select {
  position: relative;
  top: 1px;
}

/*----------------------------------------------
ヘッダー
-----------------------------------------------*/
#header {
  position: relative;
  width: 100%;
  height: 87px;
}
#header_skin {
  width: 100%;
  height: 87px;
  overflow: hidden;
}
#logo {
  position: relative;
  width: 100%;
  height: 47px;
  overflow: hidden;
}
#header_skin h1 {
  width: 604px;
  height: 30px;
  font-size: 12px;
  text-indent: 15px;
  line-height: 3em;
  font-weight: normal;
  overflow: hidden;
}
#btn_favorite,#btn_sitemap,#btn_inquiry {
  position: absolute;
  top: 5px;
  width: 110px;
  height: 24px;
  text-indent: -9999px;
  _overflow: hidden;
}
#btn_favorite a,#btn_sitemap a,#btn_inquiry a {
  display: block;
  width: 110px;
  height: 24px;
  _height: 48px;
  overflow: hidden;
  _cursor: pointer;
}
#btn_inquiry a:hover {
  background-position: 0px -24px;
}
#btn_favorite a:hover {
  background-position: 0px -24px;
}

/*----------------------------------------------
メニュー
-----------------------------------------------*/
#menu {
  float: left;
  width: 199px;
  border-right: solid 1px #ccc;
  background: url(../images/2column/bg_menu.gif);
  overflow: hidden;
}
#menu ul {
  margin: 20px 9px;
  width: 180px;
}
#menu li {
  margin-bottom: 5px;
  width: 180px;
  height: 54px;
  font-weight: bold;
  overflow: hidden;
}
#menu li a {
  display: block;
  padding: 20px 25px 0 22px;
  width: 133px;
  height: 34px;
  _height: 88px;
  cursor: pointer;
}
#menu li a:hover {
  background-position: 0px -54px;
}

/*----------------------------------------------
メイン
-----------------------------------------------*/
#main {
  float: left;
  margin: 20px 0 40px 20px;
  width: 670px;
  overflow: hidden;
}
#main_long {
  margin: 20px 0 40px 20px;
  width: 95%;
}
#center_box,#right_box {
  float: left;
}
#center_box {
  margin-right: 10px;
  width: 470px;
  overflow: hidden;
}
#right_box {
  width: 180px;
}
#right_box div {
  margin-bottom: 10px;
  background: url(../images/3column/bg_side.gif) center bottom;
}
#main_pic,#special,#search_rent,#search_sale,#news,#shop {
  margin-bottom: 20px;
}
#main_pic {
  position: relative;
  width: 100%;
  overflow: hidden;
}
/*
.shadow {
  text-shadow: rgba(0, 0, 0, 1) 1px 1px 8px;
}
#main_pic span {
  position: absolute;
  top: 90px;
  _top: 40px;
  left: 0;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  z-index: 10;
}
*/
.top_txt {
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  height: 25px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  z-index: 50;
}
*:first-child+html #main_pic span {
  top: 40px;
}
#special ul {
  margin-bottom: 10px;
}
.top_bkn {
  width: 470px;
}
.top_bkn ul {
  float: left;
  width: 142px;
}
.top_comment {
  padding-left: 18px;
  background: url(../images/icon_comment.gif) no-repeat 0 3px;
  font-weight: bold;
  vertical-align: top;
}
.top_pic {
  margin: 0 auto;
  width: 130px;
  text-align: center;
}
.top_pic img {
  padding: 1px;
  width: 126px;
  border: solid 1px #ccc;
}
.top_route,.top_price,.top_layout {
  border-bottom: dotted 1px #ccc;
}
.top_price {
  font-size: 14px;
  font-weight: bold;
  color: #ff0000;
}
.top_detail {
  padding: 6px 0;
  text-align: center;
  background: #eee;
}
.right10 {
  padding-right: 10px;
}
.right15 {
  padding-right: 15px;
}
.right_p_10 {
  padding-right: 10px;
  border-right: dotted 1px #ccc;
}
.left_m_10 {
  margin-left: 10px;
}
#search_rent ul,#search_sale ul {
  display: inline-block;
  margin: 0 auto;
  width: 470px;
}
#search_rent li,#search_sale li {
  float: left;
  margin-bottom: 10px;
  width: 230px;
  height: 80px;
  line-height: 4.4em;
  font-size: 18px;
  font-weight: bold;
}
#search_rent li a,#search_sale li a {
  display: block;
  width: 230px;
  height: 80px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
#search_rent li a {
  background: url(../images/bg_btn_rent_left.gif) no-repeat top left;
}
#search_sale li a {
  background: url(../images/bg_btn_sale_left.gif) no-repeat top left;
}
#search_rent li span,#search_sale li span {
  display: inline-block;
  margin-left: 37px;
  width: 193px;
  height: 80px;
}
#search_rent li span {
  background: url(../images/bg_btn_rent.gif) no-repeat top right;
}
#search_sale li span {
  background: url(../images/bg_btn_sale.gif) no-repeat top right;
}
#news .title {
  margin-bottom: 0;
}
#news_cont {
  padding: 10px;
  width: 448px;
  height: 160px;
  overflow: auto;
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
#news_cont li {
  float: left;
  width: 420px;
  line-height: 2em;
  border-bottom: dotted 1px #ccc;
}
#news_cont span {
  margin-right: 20px;
  padding-left: 14px;
  background: url(../images/icon_news.gif) no-repeat 2px 5px;
  _background: url(../images/icon_news.gif) no-repeat 2px 1px;
}
#news_cont dl {
  float: left;
  padding: 5px;
  width: 408px;
  _width: 418px;
  line-height: 2em;
  border-bottom: dotted 1px #ccc;
  line-height: 1.6em;
}
#news_cont dt {
  float: left;
  padding-left: 14px;
  width: 80px;
  background: url(../images/icon_news.gif) no-repeat 2px 5px;
}
#news_cont dd {
  float: left;
  width: 310px;
  _width: 320px;
}
#news_cont dd img {
  margin-left: 5px;
  vertical-align: middle;
}
#shop li {
  width: 170px;
  padding: 5px;
  border-bottom: dotted 1px #ccc;
  overflow: hidden;
}
#shop span {
  display: inline-block;
  float: left;
}
#shop .name {
  margin-bottom: 3px;
  width: 170px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: url(../images/bg_dot.gif);
}
#shop .pic {
  width: 76px;
  padding: 1px;
  border: solid 1px #ccc;
}
/*
#shop img {
  padding: 1px;
  width: 74px;
  border: solid 1px #ccc;
}
*/
#shop .tel,#shop .email,#shop .time {
  margin-left: 4px;
  _margin-left: 2px;
  width: 80px;
}
.title {
  margin-bottom: 10px;
  width: 470px;
  height: 34px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  line-height: 2em;
  overflow: hidden;
}
.title span {
  display: inline-block;
  padding-left: 10px;
  width: 100%;
  height: 34px;
}
#right_box .sidetitle {
  margin: 0 0 5px 0;
  padding: 0;
  width: 180px;
  height: 31px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  line-height: 2.4em;
  text-indent: 22px;
  overflow: hidden;
  border: none;
}
*:first-child+html #right_box .sidetitle {
  margin-top: -2px;
}
#special_tbl {
  width: 470px;
}
#special_tbl td {
  border: none;
  width: 142px;
}
#special .special_border_left {
  width: 7px;
  border-right: 1px dotted #ccc;
}
#special .special_border_right {
  width: 7px;
  border: none;
}
/*----------------------------------------------
フッター
-----------------------------------------------*/
#footer {
  clear: left;
  position: relative;
  width: 100%;
  height: 42px;
}
#pagetop {
  position: absolute;
  top: -28px;
  right: 20px;
  width: 109px;
  height: 28px;
  cursor: pointer;
}
#copyright {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 800px;
  text-align: right;
  color: #666;
}
