@charset "utf-8";
/*
====================================================
	
	housing.css
	
	CSS page layput setting
	全ページに適用
	
====================================================
*/

#index{
	background:#eeeeee;
}

.contBox00{
	clear:both;
	background:#FFF;
	margin-bottom:20px;
	position:relative;
	padding:0px 0px 20px 12px;
}
.contBox00 .contDl{
	width:950px;
	float:none;
	padding:20px 20px 20px 8px;
}
.contBox00 .contDl dt{
	margin-bottom:10px;
}
.contBox00 .contDl dd{
	font-size:15px;
}
.contBox00 .linkBox{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:999;
}
.housing #Contents {
  border-bottom: none;
}

/*---------------------------------------------------
	#index
---------------------------------------------------*/
.boxUl {
	margin-bottom:20px!important;
}
.boxUl li{
	float:left;
	margin:0px 0px 0px 0px!important;
}
.boxUl ul{
}

.boxUl02{
}
.boxUl02 li{
	float:left;
	margin:0px 20px 20px 0px;
}

/*---------------------------------------------------
	#contBox
---------------------------------------------------*/
.contBox{
	clear:none;
	background:#FFF;
	margin-bottom:20px;
	position:relative;
	width:475px;
	float:left;
}
.contDl{
	width:435px;
	float:left;
	padding:20px;
	min-height: 10px;
}
.contDl dt{
	margin-bottom:0;
}
.contDl dd{
	font-size:15px;
}
.linkBox{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height: 60px;
	width:100%;
	z-index:999;
}

#houseBox000{
	padding-left:15px;
}

.linkBox:hover{
	background:url(../img/share/over.png);
}
.notText{
	text-align:center;
	font-size:20px;
	padding:30px 0px;
}
.bukkennLink{
	padding:5px;
	background:#D5D5D5;
}
.bukkennLink:hover{
	padding:5px;
	background:#FFAE3B;
	color:#FFF;
}
/*---------------------------------------------------
	.housing
---------------------------------------------------*/

.housing .table_01 {
}
.housing .table_01 td{
	padding-right:9px;
}

/*--contentsLeft--*/
.housing #contentsLeft{
	width:264px;
	float:left;
}
.housing #contentsLeft #ul01 {
}
.housing #contentsLeft #ul01 li{
	margin-bottom:5px;
}

/*--contentsRight--*/
.housing #contentsRight{
	width:736px;
	float:right;
}

.housing #HeaderBody{
	background:url(../img/housing/share/head_back.gif) repeat-x;
}

.housing #slideshow {
    width: 736px;
	margin:2px 0px 15px 0px;
	padding-bottom:15px;
}
.housing #slideshow div {
    width: 732px;
    height: 605px;
    overflow: hidden;
    position: relative;
	margin-bottom:3px;
}
.housing #slideshow div div {
    top: 0;
    left: 0;
    position: absolute;
}
.housing #slideshow ul {
    width: 736px;
}
.housing #slideshow ul li {
    float: left;
	padding-right:3px;
}
.housing #slideshow .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

/*---------------------------------------------------
	#sale
---------------------------------------------------*/
#sale h3{
	font-size:20px;
	text-align:center;
	margin-bottom:0px;
}
#sale .kukaku{
	width:1000px;
	position:relative;
}
#btnUl {
}
#btnUl li{
	position:absolute;
}
#btnUl li.c8{
	top:279px;
	left:387px;
}
#btnUl li.c2{
	top:222px;
	left:452px;
}
#btnUl li.d8{
	top:131px;
	left:445px;
}

#btnUl li.a{
	top:190px;
	left:360px;
}

#btnUl li.b{
	top:190px;
	left:450px;
}
#btnUl li.c{
	top:190px;
	left:535px;
}
#btnUl li.d{
	top:190px;
	left:615px;
}


/*.box*/
.box {
	width:740px;
	background:#FFF;
	border: solid 10px #CCC;
	position:absolute;
	top:-100px;
	left:90px;
	padding:20px 20px 20px 20px;
	font-size:14px!important;
}


.border {
	border-bottom:#999999 solid 2px;
	padding-bottom:5px;
	margin-bottom:25px;
}
.title{
	font-size:40px;
	font-weight:bold;
	line-height:1em;
	vertical-align:middle;
}
.copy{
	font-size:25px;
	font-weight:bold;
	line-height:1em;
	vertical-align:middle;
}
.kakaku{
	font-size:30px;
	font-weight:bold;
	line-height:1em;
	vertical-align:middle;
	color:#EEB202;
}

/*leftBox*/
.leftBox {
	float:left;
	width:360px;
}

.boxTable {
	width:100%;
	margin-bottom:20px;
	border-bottom:#999 dotted 1px;
}
.boxTable th{
	width:100px;
	color:#EEB202;
	padding:2px 10px 2px 10px;
	border-top:#999 dotted 1px;
}
.boxTable td{
	padding:2px 10px 2px 10px;
	border-top:#999 dotted 1px;
	border-left:#999 dotted 1px;
}

/*rightBox*/
.rightBox {
	float:right;
	width:360px;
}

.bottomBox{
	padding-top:20px;
	clear:both;
}

.bottomBox a{
	clear:both;
	display:block;
	text-align:right;
}


/*bottomUl*/
.bottomUl {
}
.bottomUl li{
	float:left;
}

.locationUl {
	float:left;
	font-size:15px;
	width:500px;
}
.locationUl li{
}

#map {
	width:992px;
	height:400px;
	border:#CCC solid 4px;
}
/*---------------------------------------------------
	#rent
---------------------------------------------------*/

.rentTb { width:960px; color:#000; border:#B1E8ED 3px solid; }

.rentTb tr { border-bottom:#FFF solid 1px; }
.rentTb tr th { padding:5px; font-size:12px; }
.rentTb tr .tale { text-align:left;}

.color01 { background-color:#85CBC3; text-align:center; padding:10px 0px 10px 0px;  }
.color02 { background-color:#98D5E5; text-align:center; }
.color03 { background-color:#97D5FF; text-align:center; }
.color04 { background-color:#B6DCD9; text-align:center; padding:15px 0px 15px 0px; border-right:#FFF solid 1px;  }
.color04-01 { background-color:#B6DCD9; text-align:center; }
.color05 { background-color:#B1E8ED; text-align:center; border-right:#FFF solid 1px; }
.color06 { background-color:#CCF0FF; text-align:center;}
.color07 { color:#F93; font-size:108%; }

.rentList { border:#B1E8ED 3px solid; width:1000px; margin:5px 0px 5px; font-size:86%;}
.color14 { text-align:center; border-right:#B1E8ED solid 1px;  }
.color14-01 { text-align:center;border-right:#B1E8ED solid 1px;   }
.color15 { text-align:center; border-right:#B1E8ED solid 1px; }
.color16 {}
.leftTxt { text-align:right; padding-top:10px; }


#rent .th01 { width:200px;}
#rent .th02 { width:200px;}
#rent .th03 { width:65px;}
#rent .th04 { width:65px;}
#rent .th05 { width:65px;}
#rent .th06 { width:65px;}
#rent .th07 { width:65px;}
#rent .th08 { width:65px;}
#rent .th09 { width:130px; padding:0px 10px;}
/*
===== rent2 =================================*/
#rentBox { padding:40px 0px 0px 0px; font-size:108%; }

#rentBoxLeft { float:left; width:570px;border-right:solid 1px #1CA6A8; padding-right:40px;}
.rentBoxTxt { color:#1CA6A8; font-weight:bold; margin-bottom:10px; }
.rentBoxTxt02 { width:450px; }
.rentBoxTxt02 dt { color:#1CA6A8; padding-top:10px; }

table.rentBoxTxt03 { width:350px; margin-top:10px; }
table.rentBoxTxt03 th { width:100px; }
table.rentBoxTxt03 td { padding-left:10px; border-left:solid 1px #1CA6A8; }
.rentBoxTitle { color:#1CA6A8; border-bottom: solid 1px #1CA6A8; clear:both; padding:50px 0px 0px ; }

#rentBoxRight{ float:right; width:350px; }
ul.rentBtnBox { padding-top:65px; background-image:url(../img/rent2/rentNaviBkimg.gif); background-repeat:no-repeat; border-bottom:#00A69C solid 2px; }
ul.rentBtnBox li { padding:0px 0px 10px 0px; text-align:center; }
ul.saleBtnBox { padding-top:65px; margin-top:20px; background-image:url(../img/rent2/saleNaviBkimg.gif); background-repeat:no-repeat; border-bottom:#00AD16 solid 2px; }
ul.saleBtnBox li { padding:0px 0px 10px 0px; text-align:center; }

#rentBoxImg { width:500px; padding-bottom:20px; }

a.rentLink:link,
a.rentLink:visited { color:#F3F3F3; text-decoration: none; }
a.rentLink:hover,
a.rentLink:active { color: #FFF; text-decoration: none; }

.prev{
	clear:both;
	text-align:right;
}

/*
===== model =================================*/
.model .section{
	padding-bottom:20px!important;
}
.model .section #left{
	float:left;
	margin:0px;
	padding:0px;
}
.model .section #right{
	position:relative;
	width:471px;
	height:312px;
	float:right;
	margin:0px;
	padding:0px;
}

.model .section #right .btn01{
	position:absolute;
	top:81px;
	bottom:0px;
	left: 5px;
}
.model .section #right .btn02{
	position:absolute;
	top:156px;
	bottom:0px;
	left: 12px;
}


.box {
	position:relative;
	z-index:9999;
}



/*================================================
		物件
=================================================*/

#bukkennBack{
	background:#FFFFFF;
	padding:20px 0px 0px 20px;
}
.houseBox{
	float:left;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
	width:448px;
/*	height:370px;*/
	background:#FFFFFF;
	border:#D4D4D4 solid 1px;
}
.houseBox.houseBox_col2 {
  box-sizing: border-box;
  width: 960px;
  float: none;
}
.houseBox_l {
  width: 460px;
  float: left;
}
.houseBox_r {
  float: right;
}
.houseBox02{
	float:left;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
	width:448px;
	height:320px;
	background:#FFFFFF;
	border:#EB63D9 solid 1px;
}
.houseBox03{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	width:448px;
	height:320px;

}
.houseTitle{
	border-bottom:#D4D4D4 solid 1px;
	padding-bottom:5px;
	margin-bottom:15px;
	position: relative;
}
.name{
	font-size:25px;
	float:left;
}
.yen{
	float:right;
}
.yen_left {
  float:left;
  margin-left: 1em;
}
.yen01{
	font-size:25px;
}
.yen02{
	font-size:15px;
}
.imgBox{
	margin-bottom:10px;
}

.imgBox2{
	margin-bottom:10px;
	position:relative;
}

.housing_icon{
	left: -8px;
    position: absolute;
    top: -10px;
}

.sumi_icon{
	left: 175px;
    position: absolute;
    top: 163px;
}

.imgBox2 img{
	float:left;
	margin-right:10px;
}


.imgBox img{
	float:left;
	margin-right:10px;
}
.naiyou{
	height:160px;
}
.naiyou02{
	height:130px;
}
.text01{
	font-size:15px;
}
.text02{
	font-size:12px;
}
.gaiyou{
	font-size:12px;
}
.color02{
	background:#FFFFFF;
	color:#D91EBB;
}

.imgBox3{
	margin-bottom:10px;
	position:relative;
}
.imgBox3 img{
  margin-left: 0;
	margin-right: 0;
  margin-bottom: 10px;
}
.naiyou03 {
  margin-bottom: 10px;
}

/*================================================
		物件
=================================================*/

.houseBoxT{
	float:left;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
	width:448px;
	height:410px;
	background:#FFFFFF;
	border:#D4D4D4 solid 1px;
}


.houseBoxT .imgBox{
	margin-bottom:10px;
}


.houseBoxT .imgBox img{
	float:left;
	margin-right:0px;
}

.houseInfoBlock {
  box-sizing: border-box;
  width: 960px;
  background: #F8EBF3;
  padding: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.message_txt {
  font-size: 18px;
  color: #222;
  margin-bottom: 10px;
}
.message_link {
  
}
a.btn-icon {
  display: inline-block;
  max-width: 280px;
  text-align: left;
  background-color: #E65399;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 30px 8px 30px;
  position: relative;
}

.btn-icon::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 40%;
  border-top: solid 7px #fff;
  border-left: solid 7px transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-icon:hover {
  opacity: 0.8;
}
.houseBox_w {
  clear: both;
  margin: 0 0 20px;
}
.madori_t01 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}
.madori_t01 span {
  display: inline-block;
  color: #fff;
  background: #192548;
  text-align: center;
  width: 15em;
}
.font-b {
  font-weight: bold;
}
.houseBox_info {
  padding: 0 10px 10px 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #FFFFFF;
  border: #D4D4D4 solid 1px;
}
.houseBox_info h3 {
  font-size: 18px;
  color: #fff;
  background: #192548;
  text-align: center;
  padding: .2em 0;
  margin: 0px -10px 20px;
}

.btn_vr {
	position: absolute;
	top: 0;
	right: 0;
}
.btn_vr a {
	position: relative;
}
.effect-1,
.effect-2 {
  position: absolute;
  display: block;
  width: 100%;
  height: 40px;
  background: #117ecd;
  background: linear-gradient(45deg, #6aabe0 0%, #117ecd 100%);
  border-radius: 6px;
  opacity: .3;
  z-index: 1;
}

.effect-1 {
  animation: ripple ease-out 1.8s infinite;
}

.effect-2 {
  animation: ripple ease-out 1.8s 0.27s infinite;
}
.ttl_mb_0 {
	margin-bottom: 0;
}
@keyframes ripple {
  0% {
    transform: scale(.8);
    opacity: 1;
  }

  98% {
    opacity: 0;
  }

  100% {
    transform: scale(1.15, 1.25);
    opacity: 0;
  }
}
.btn_vr_2 {
	clear: both;
	text-align: center;
	margin: 20px auto;
}