@charset "utf-8";


/*////////////////////////////////////////////////////////////////

top.css   トップページのCSS

////////////////////////////////////////////////////////////////*/


/*---------------------------------------------------------
沿線マップ
---------------------------------------------------------*/
#slider .main_image {
  position: relative;
  background: url(/images/img_kodawari02.jpg) no-repeat;
  height: 310px;
}

#slider  .main_image .bt01 {
  position: absolute;
  top: 23px;
  left: 376px;
}

#slider .main_image .bt02 {
  position: absolute;
  top: 32px;
  right: 391px;
}

#slider .main_image .bt03 {
  position: absolute;
  top: 111px;
  left: 45px;
}

#slider .main_image .bt04 {
  position: absolute;
  top: 111px;
  left: 193px;
}

#slider .main_image .bt05 {
  position: absolute;
  top: 111px;
  left: 368px;
}

#slider .main_image .bt06 {
  position: absolute;
  top: 111px;
  right: 255px;
}

#slider .main_image .bt07 {
  position: absolute;
  bottom: 97px;
  left: 45px;
}

#slider .main_image .bt08 {
  position: absolute;
  bottom: 97px;
  left: 135px;
}

#slider .main_image .bt09 {
  position: absolute;
  bottom: 97px;
  left: 225px;
}

#slider .main_image .bt10 {
  position: absolute;
  bottom: 97px;
  left: 315px;
}

#slider .main_image .bt11 {
  position: absolute;
  bottom: 97px;
  right: 394px;
}

#slider .main_image .bt12 {
  position: absolute;
  bottom: 97px;
  right: 293px;
}

#slider .main_image .bt13 {
  position: absolute;
  left: 376px;
  left: 332px;
  bottom: 20px;
}

#slider .main_image .bt_mainline {
  position: absolute;
  bottom: 69px;
  right: 21px;
}


/*---------------------------------------------------------
おすすめ物件
---------------------------------------------------------*/
div#new {
  margin-bottom: 20px;
}

.inner > div {
  padding: 10px 8px 0px;
  margin: 10px 0px;
}

.ttlh3 {
  float: left;
}

.outer {
  height: 206px;
  margin: 12px 7px;
}

.outer h3 {
  float: left;
  margin-right: 7px;
}

.room-section {
  border-style: solid;
  border-width: 1px;
  height: 204px;
  float: right;
  width: 463px;
  border-color: #cf556a;
  position: relative;
}

ul.toppic-icn.icn {
  height: 34px;
  width: 464px;
  float: right;
  background: url(/images/bg_top_osusumeicon.jpg) left bottom;
}

.photo {
  width: 206px;
  height: 156px;
  float: left;
  border: 1px solid #ccc !important;
  position: absolute;
  top: 40px;
  left: 6px;
}

.room-section .photo > p {
  cursor: pointer;
  display: table-cell;
  height: 156px;
  text-align: center;
  vertical-align: middle;
  width: 206px;
  background: #fbfaf5;
  display: table-cell;
  vertical-align: middle;
}

.room-section .photo > p:hover {
  opacity: 0.7;
}


.top_detail-info {
  width: 233px;
  float: right;
  margin: 5px;
  border-bottom: 1px dotted #999999;
  padding: 4px 0 3px;
}

.top_detail-info li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0px;
}


/*/////////アイコン用////////*/


li.icon_off {
  height: 34px;
  width: 53px;
  float: left;
  padding-top: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

li.icon_no {
  height: 34px;
  width: 53px;
  float: left;
  padding-top: 10px;
  text-align: center;
  color: #b74659;/*//////アクシス用noアイコン色//////*/
  font-weight: bold;
}

/*/////////物件名用////////*/

li.tatemono-name {
	float: left;
	padding: 10px;
}

.tatemono-name a {
	color: #ffffff;
	font-weight: bold;
}

/*/////////物件の詳細////////*/

li.price {
  margin-top: -6px;
}

.price span {
  font-size: 33px;
  color: #cf556a;
  font-weight: bold;
}

/*/////////スタッフコメント////////*/

p.top_staff-comment {
  width: 233px;
  float: right;
  margin: 0px 5px 6px 5px;
  line-height: 16px;
}

/*---------------------------------------------------------
小宮商事
---------------------------------------------------------*/
.inner_two {
  padding: 0px 8px;
  margin: 10px 0px;
}

.inner_two ul.toppic-icn.icn {
  height: 34px;
  width: 464px;
  float: right;
  background: url(/images/bg_top_osusumeicon02.jpg) left bottom;
}


.inner_two li.icon_no {
  height: 34px;
  width: 53px;
  float: left;
  padding-top: 10px;
  text-align: center;
  color: #789602;/*//////小宮商事用noアイコン色//////*/
  font-weight: bold;
}

.inner_two .room-section {
  border-style: solid;
  border-width: 1px;
  height: 204px;
  float: right;
  width: 463px;
  border-color: #9abb14;
  position: relative;
}

.inner_two .price span {
  font-size: 33px;
  color: #9abb14;
  font-weight: bold;
}


/*---------------------------------------------------------
大黒商事
---------------------------------------------------------*/
.inner_three {
  padding: 0px 8px;
  margin: 10px 0px;
}

.inner_three ul.toppic-icn.icn {
  height: 34px;
  width: 464px;
  float: right;
  background: url(/images/bg_top_osusumeicon03.jpg) left bottom;
}


.inner_three li.icon_no {
  height: 34px;
  width: 53px;
  float: left;
  padding-top: 10px;
  text-align: center;
  color: #0b4f7d;/*//////大黒商事用noアイコン色//////*/
  font-weight: bold;
}

.inner_three .room-section {
  border-style: solid;
  border-width: 1px;
  height: 204px;
  float: right;
  width: 463px;
  border-color: #2b6f9e;
  position: relative;
}

.inner_three .price span {
  font-size: 33px;
  color: #2b6f9e;
  font-weight: bold;
}

/*---------------------------------------------------------
豊徳開発
---------------------------------------------------------*/
.inner_four {
  padding: 0px 8px;
  margin: 10px 0px;
}

.inner_four ul.toppic-icn.icn {
  height: 34px;
  width: 464px;
  float: right;
  background: url(/images/bg_top_osusumeicon04.jpg) left bottom;
}


.inner_four li.icon_no {
  height: 34px;
  width: 53px;
  float: left;
  padding-top: 10px;
  text-align: center;
  color: #057a1d;/*//////大黒商事用noアイコン色//////*/
  font-weight: bold;
}

.inner_four .room-section {
  border-style: solid;
  border-width: 1px;
  height: 204px;
  float: right;
  width: 463px;
  border-color: #169230;
  position: relative;
}

.inner_four .price span {
  font-size: 33px;
  color: #169230;
  font-weight: bold;
}

/*---------------------------------------------------------
美ささ不動産
---------------------------------------------------------*/
.inner_five {
  padding: 0px 8px;
  margin: 10px 0px;
}

.inner_five ul.toppic-icn.icn {
  height: 34px;
  width: 464px;
  float: right;
  background: url(/images/bg_top_osusumeicon05.jpg) left bottom;
}


.inner_five li.icon_no {
  height: 34px;
  width: 53px;
  float: left;
  padding-top: 10px;
  text-align: center;
  color: #f16f87;/*//////美ささ不動産用noアイコン色//////*/
  font-weight: bold;
}

.inner_five .room-section {
  border-style: solid;
  border-width: 1px;
  height: 204px;
  float: right;
  width: 463px;
  border-color: #f48299;
  position: relative;
}

.inner_five .price span {
  font-size: 33px;
  color: #f48299;
  font-weight: bold;
}