@charset "utf-8";

.slidebox{
    width: 950px;
    margin: 15px auto;
}

		/* navi */
		#nav {
			margin-bottom: 0;
		}
		/* message */
		#message {
			display: block;
			padding: 11px 0 10px 0;
			text-align: center;
			background:#f6f6f6;
		}
		#message .wrap {
			width: 875px;
			height: 21px;
			padding: 0 0 0 75px;
			background: url(../images/header/bg-message.gif) no-repeat 0 50%;
			color: #231815;
			font-size: 0.8em;
			line-height: 21px;
		}
		.new-titile{
			display: block;
			text-align: center;
    display: block;
    text-align: center;
    margin: 50px auto 60px;
		}
		.ribbon9 {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
}
.ribbon9:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -35px;
    z-index: 0;
  border: 20px solid #2196F3;
  border-left-color: transparent;/*山形に切り抜き*/
}

.ribbon9:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -35px;
    z-index: 0;
  border: 20px solid #2196F3;
  border-right-color: transparent;/*山形に切り抜き*/
}

.ribbon9 h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: #FFF;
  background: #21408f;/*真ん中の背景色*/
    z-index: 9;
}
.ribbon9 h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #397eb5;/*左の折り返し部分*/
}
.ribbon9 h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #397eb5;/*右の折り返し部分*/
}

h3.new-subtitle {
    position: relative;
    padding: 0.6em;
    background: #21408f;
    display: block;
    max-width: 670px;
    text-align: center;
    margin: 15px auto 5px;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.12em;
}

h3.new-subtitle:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: 15px solid transparent;
    border-top: 15px solid #21408f;
    width: 0;
    height: 0;
    right: 0;
    margin: auto;
}
		/* mainimg */
		#mainimg {
			margin-bottom: 15px;
			padding-top: 11px;
			text-align: center;
			background: url(../images/top_con/mainimg/bg.gif) no-repeat 50% 100%;
		}
		#mainimg h2 {
			margin: 0;
			padding: 0;
		}
		#mainimg .bt01 {
			position: absolute;
			top: 60px;
			right: 0px;
		}
		#mainimg .bt01 a {
			display: block;
			width: 220px;
			height: 45px;
		}
		#mainimg .bt02 {
			position: absolute;
			top: 240px;
			right: 17px;
			width: 318px;
			height: 44px;
		}
		#mainimg .number {
			position: absolute;
			top: 70px;
			right: 105px;
		}
		/* mainbg */
		#mainbg {
			margin-bottom: 15px;
			padding-top: 11px;
			text-align: center;
		}
		#mainbg h2 {
			margin: 0;
			padding: 0;
		}
		#mainbg .bt01 {
			position: absolute;
			top: 60px;
			right: 0px;
		}
		#mainbg .bt01 a {
			display: block;
			width: 220px;
			height: 45px;
		}
		#mainbg .bt02 {
			position: absolute;
			top: 240px;
			right: 21px;
			width: 318px;
			height: 44px;
		}
		#mainbg .number {
			position: absolute;
			top: 21px;
			right: 145px;
		}
		#mainbg .wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
        }

		.side-reform{
    max-width: 187px;
			text-align: center;
		}
		.side-reform img{
			width: 100%;
		}
		.side-reform .mb-10{
			margin: 0 auto;
		}
		/* bukken kensaku */
		#bk .bt01 {
			float:left;
		}
		#bk .bt02 {
			float:left;
		}
		#bk .bt03 {
			float:left;
		}
		#bktab01{
			clear:both;
		}
		#bktab02{
			clear:both;
		}
		#bktab03{
			clear:both;
		}
		#bk .wrap{
			width:688px;
			border:1px solid #0b8440;
			padding:10px;
		}
		/*map*/
		#map {
			clear:both;
			position: relative;
			width: 100%;
			height: 525px;
			margin: 0;
			background: url(../images/top_con/map/mapbg.gif) no-repeat 0 0;
		}
		#map .bt04 {
			position: absolute;
			top: 475px;
			left: 316px;
		}
		#map .bt05 {
			position: absolute;
			top: 482px;
			left: 617px;
		}
		#map .btArea {
			position: absolute;
			top: 27px;
			left: 25px;
			width: 261px;
			height: 73px;
		}
		#map .btArea li {
			margin: 0 0 10px 0;
			cursor: pointer;
		}
		#maplist div {
			position: absolute;
			width: 217px;
			padding-top: 13px;
		}
		#maplist h3 {
			margin-bottom: 5px;
			padding-left: 55px;
			color: #803802;
			font-size: 16px;
		}
		#maplist .map01 {
			top: 15px;
			left: 290px;
		}
		#maplist .map02 {
			top: 100px;
			left: 150px;
		}
		#maplist .map03 {
			top: 82px;
			left: 414px;
		}
		#maplist .map04 {
			top:220px;
			left: 294px;
		}
		#maplist .map05 {
			top:292px;
			left: 267px;
		}
		#maplist .map06 {
			top:373px;
			left: 100px;
		}
		#maplist .map07 {
			top:423px;
			left: 494px;
		}
		#maplist .map-num02-1 {
			float: left;
			width: 80px;
			font-size: 20px;
			font-weight: bold;
			line-height: 1em;
			color: #888;
			text-align: right;
		}
		#maplist .map-num02-2 {
			float: right;
			width: 60px;
			padding-right: 50px;
			font-size: 20px;
			font-weight: bold;
			line-height: 1em;
			color: #FF6B6B;
			text-align: right;
		}

		/*osusume*/
		#osusume {
			position: relative;
			width: 100%;
			margin: 0 0 10px 0;
		}
		#osusume .tab {
    position: absolute;
    top: 70px;
    left: 5px;
    height: 35px;
		}
		#osusume .tab li {
			float: left;
			margin: 0 7px 0 0;
			cursor: pointer;
		}
		#osusume .tab li{
    background-color: #22ad3c;
    color: #fff;
    font-weight: bold;
    padding: 10px 15px 7px;
    border-radius: 10px 10px 0px 0px;
}
		#osusume .inner {
    clear: both;
    width: 100%;
    height: 330px;
    margin: 0;
    padding: 9px 0 0 9px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px #ddd solid;
    background: #ffffff;
    box-sizing: border-box;
    margin: 60px 0 0;
		}
		#osusume .inner::-webkit-scrollbar {
			width: 10px;
			background: #cccccc;
		}
		#osusume .inner::-webkit-scrollbar-thumb {
			border-radius: 8px;
		}
		#osusume .inner::-webkit-scrollbar-track-piece:start {
			background: #ccc;
		}
		#osusume .inner::-webkit-scrollbar-track-piece:end {
			background: transparent;
		}

		#EstatecontentOsusume {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
		}

		/*merit*/
		#merit {
			width: 100%;
			margin: 0 0 35px 0;
		}
		#merit h3 {
			position: relative;
			width: 100%;
			margin:0; padding:0;
		}
		#merit h4 {
			margin: 0;
			padding: 0;
		}
		#merit li {
			float: left;
			line-height: 19px;
			padding:0;
			margin:0;
		}
		#merit1 { width: 356px; background: url(../images/top_con/merit/bg-01.gif) no-repeat right bottom;}
		#merit2 {width: 350px;}
		#merit3 {width: 356px; background: url(../images/top_con/merit/bg-01.gif) no-repeat right bottom;}
		#merit4 {width: 350px;}
		#merit li p {
			padding: 10px 20px 20px 20px;
		}
		#merit  p.left-none{
			padding-left:0px;
			margin:0;
		}
		#merit .bt {
			clear: both;
			padding-top: 20px;
			padding-bottom:10px;
			text-align: center;
		}
#first.pickup{
    margin: 50px auto;
}
.pickupTitle{
	display: flex;
	justify-content: center;
	align-items: center;
    font-size: 26px;
	font-weight: bold;
}
.pickupTitle img{
	margin: 0 25px;
}
.pickupTitle p + img +p{
	border-bottom: 3px solid #ff0012;
}
.pickup h3.new-subtitle {
    background: #E78200;
}
.pickup h3.new-subtitle:after {
    border-top: 15px solid #E78200;
}
.subDesc{
	font-size: 18px;
	margin: 25px 0;
	line-height: 1.6;
}
		/*first*/
		#first {
			width: 100%;
			margin: 0 0 45px 0;
		}
		#first .bgtop {
			position: relative;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		#first h3 {
		}
		#first .inner {
    background: url(../images/top_con/first/img-01.gif) no-repeat right 50px;
    border: 1px solid #21408f;
    padding: 60px 20px 20px 20px;
    margin: -30px 0 0;
    font-size: 16px;
		}
		#first.pickup .inner {
    background: none;
    border: 1px solid #21408f;
    padding: 60px 20px 20px 20px;
    margin: -30px 0 0;
    font-size: 16px;
		}
		#first.rentdo_content .inner{
			background: none;
		}
		#first.rentdo_content .inner a{
    background: rgb(240,151,56);
    background: -moz-linear-gradient(top, rgba(240,151,56,1) 0%, rgba(241,116,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(240,151,56,1) 0%,rgba(241,116,0,1) 100%);
    background: linear-gradient(to bottom, rgba(240,151,56,1) 0%,rgba(241,116,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09738', endColorstr='#f17400',GradientType=0 );
    color: #fff;
    font-size: 16px;
    width: 392px;
    display: block;
    margin: 0 auto;
    padding: 6px 0;
    border-radius: 7px;
    border: 1px solid #F17400;
    text-decoration: none;
}
		#first p {
    line-height: 1.8;
		}
		#first .bt {
			margin-top: 25px;

			margin-bottom: 0;
    text-align: center;
		}

		/*reform*/
		#reform {
			width: 100%;
			margin: 0 0 45px 0;
			padding: 0;
		}
		#reform .bgtop {
			position: relative;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		#reform .inner {
			background: url(../images/top_con/reform/img-01.gif) no-repeat  right 50px;
    border: 1px solid #21408f;
    padding: 60px 20px 20px 20px;
    margin: -30px 0 0;
    font-size: 16px;
		}
		#reform .inner .fl {
			float: left;
			width: 435px;
		}
		#reform .inner .fr {
			float: right;
		}
		#reform p {
    line-height: 1.8;
		}
		#reform .bt {
			padding-top: 25px;
			margin-bottom: 0;
    text-align: center;
		}

		/*voice*/
		#voice {
			width: 100%;
			margin: 0 0 25px 0;
		}
		#voice h3 {
			position: relative;
			margin: 0;
			padding: 0;
		}
		#voice h3 a {
			position: absolute;
			top: 17px;
			right: 9px;
		}
		#VoiceArea {
			width: 100%;
			padding: 20px 0 20px 0;
		}
		#VoiceArea dl {
			display: block;
			float: left;
			width: 205px;
			height: 200px;
			margin: 0px;
			padding: 14px;
			background: #fff;
			border: 1px solid #efefef;
		}
		#VoiceArea dl:hover {
			padding: 10px;
			border: 5px solid #d6e3bf;
		}
		#VoiceArea dl dt {
			display: block;
			height: 130px;
			margin: 0 0 20px 0;
			padding: 0;
			text-align: center;
		}
		#VoiceArea dl dt img {
			width: 100%;
		}
		#VoiceArea dl dd {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 0.8em;
			line-height: 16px;
		}
		#VoiceArea dl dd p {
			padding-top: 8px;
			height: 15px;
			overflow: hidden;
		}
		#VoiceArea dl dd .link {
			padding-top: 10px;
			text-align: right;
		}
		#VoiceArea dl dd a {
			color: #238658;
			text-decoration: underline;
		}
		#VoiceArea dl:hover dd a {
			text-decoration: none;
		}

		/*news*/
		#news {
			float: left;
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: 12px;
			line-height: 20px;
		}
		#news .inner {
			width: 100%;
			height: 220px;
			margin: 0;
			overflow-x: hidden;
			overflow-y: auto;
		}
		#news  .inner::-webkit-scrollbar {
			width: 10px;
			background: #cccccc;
		}
		#news  .inner::-webkit-scrollbar-thumb {
			background: #333;
			border-radius: 8px;
		}
		#news  .inner::-webkit-scrollbar-track-piece:start {
			background: #ccc;
		}
		#news  .inner::-webkit-scrollbar-track-piece:end {
			background: #ccc;
		}
		#news  .inner::-webkit-scrollbar-corner {
			background: transparent;
		}

		#news h3 {
			margin-bottom: 15px;
		}
		#news dl {
			float: left;
			width: 100%;
		}
		#news dl dt {
			padding-left: 15px;
			color: #333;
			background: url(../images/top_con/news/bg-blt.gif) no-repeat 0 50%;
		}
		#news dl dd {
			padding-bottom: 15px;
			padding-left: 15px;
		}
		#news dl dd a {
			color: #04914b;
			text-decoration: underline;
		}
		#news dl dd a:hover {
			text-decoration: none;
		}

		/*newstop*/
		#newstop {
			float: left;
			width: 340px;
			margin: 0;
			padding: 0;
			font-size: 12px;
			line-height: 20px;
		}
		#newstop .inner {
			width: 340px;
			height: 220px;
			margin: 0;
			overflow-x: hidden;
			overflow-y: auto;
		}
		#newstop  .inner::-webkit-scrollbar {
			width: 10px;
			background: #cccccc;
		}
		#newstop  .inner::-webkit-scrollbar-thumb {
			background: #333;
			border-radius: 8px;
		}
		#newstop  .inner::-webkit-scrollbar-track-piece:start {
			background: #ccc;
		}
		#newstop  .inner::-webkit-scrollbar-track-piece:end {
			background: #ccc;
		}
		#newstop  .inner::-webkit-scrollbar-corner {
			background: transparent;
		}

		#newstop h3 {
			margin-bottom: 15px;
		}
		#newstop dl {
			float: left;
			width: 100%;
		}
		#newstop dl dt {
			padding-left: 15px;
			color: #333;
			background: url(../images/top_con/news/bg-blt.gif) no-repeat 0 50%;
		}
		#newstop dl dd {
			padding-bottom: 15px;
			padding-left: 15px;
		}
		#news dl dd a {
			color: #ff7f00;
			text-decoration: underline;
		}
		#news dl dd a:hover {
			text-decoration: none;
		}

		/*event*/
		#event {
			position: relative;
			float: right;
			width: 340px;
			height: 220px;
			margin: 0;
			padding: 0;
			font-size: 12px;
			line-height: 20px;
		}
		#event .inner {
			width: 340px;
			height: 220px;
			margin: 0;
			overflow-x: hidden;
			overflow-y: auto;
		}
		#event .inner::-webkit-scrollbar {
			width: 10px;
			background: #cccccc;
		}
		#event .inner::-webkit-scrollbar-thumb {
			background: #333;
			border-radius: 8px;
		}
		#event .inner::-webkit-scrollbar-track-piece:start {
			background: #ccc;
		}
		#event .inner::-webkit-scrollbar-track-piece:end {
			background: #ccc;
		}
		#event .inner::-webkit-scrollbar-corner {
			background: transparent;
		}

		#event h3 {
			position: relative;
			margin: 0;
			padding: 0;
		}
		#event h3 a {
			position: absolute;
			top: 6px;
			right: 0;
		}
		#event dl {
			padding: 20px 0;
		}
		#event dl .photo {
			float: left;
		}
		#event dl dd {
			float: right;
			width: 145px;
		}
		#event dl .txt a {
			color: #008539;
		}

/* osusume */
	.Osu-con {
		float: left;
		width: 146px;
		height: 240px;
		margin: 0;
		padding: 15px 5px 15px 5px ;
		background: #ffffff;
	}
	.Osu-con:hover {
		background-color: #DCECFC;
	}
	.Osu-con a {
		color: #1F1F1F;
		font-size: 0.8em;
		text-decoration: none;
		line-height: 1.2em;
	}
	.Osu-mcon {
		position: relative;
	}
.wsB-img {
padding: 5px 0 0 0;
width: 137px;
height: 100px;
}
	.sB-img {
		padding: 5px 0 0 0;
		margin: 0 auto;
		text-align: center;
	}
	.sB-img img {
    width: 100%;
    object-fit: cover;
    height: 146px;
    object-position: center;
	}
.sB-icon01 {
width: 86px;
height: 85px;
position: absolute;
top: 50px;
left: 0;
}
	.sB-icon02 {
    width: 100%;
    height: auto;
    margin-top: 5px;
    padding: 5px 0 5px;
    overflow: hidden;
    border: 1px #3c71ca solid;
    text-align: center;
    vertical-align: middle;
	}
.sB-icon02 img {
margin: 0 3px 3px 0;
}
.sB-text01 {
height: 18px;
overflow: hidden;
line-height: 18px;
padding-top:5px;
}
.sB-text01 span {
padding: 0 0 0 10px;
color: #CB0000;
font-size: 1.3em;
font-weight: bold;
}
	.sB-text02 {
		overflow: hidden;
		color: #C00;
		font-size: 16px;
		font-weight: bold;
		line-height: 24px;
		padding-left:12px;
    border-bottom: 1px solid #cacaca;
	}
	.sB-text02 span {
		font-size: 12px;
		color:#333;
		font-weight:normal;
	}
	.sB-text03 {
		overflow: hidden;
		height: 15px;
		font-size: 12px;
		line-height: 15px;
		color: #7e7e7e;
	}
	.sB-text03 img {
		float: right;
	}
.sB-shosai {
text-align: center;
position: absolute;
bottom: 0px;
}

	.kaiintable {
		border: 5px solid #CCC;
		margin-right: auto;
		margin-left: auto;
		margin-top: 5px;
		margin-bottom: 10px;
	}
.oshirase{
	width: 670px;
	border: double 5px #F00;
	padding: 10px;
	margin: 10px 0 10px 0;
	line-height: 1.6em;
	font-size: 12px;
	text-align: left;
}
.slider-wrapper{
	width:730px;
	height:384px;
}
#wrapper {
  height:384px;
  width:730px;
}
/* 新着物件情報top */
#newarticle{}
#newarticle .wrap {
    width: 950px;
    margin: 20px auto 40px auto;
}
#newarticle .wrap .shinchaku{
    text-align: right;
    font-size: 16px;
    color: #737373;
	margin-bottom:5px;
}
#newarticle .wrap .bukkenjyoho{
    width: 930px;
    overflow: hidden;
    zoom: 1;
    border-bottom: none;
    border-right: none;
    margin: 0 auto;
}
#newarticle .bukkenbox{
    min-height: 270px;
    width: 154px;
    border: 1px solid #999;
    margin: 0 8px 3px 0;
    float: left;
    position: relative;
    padding: 8px 10px;
}
#newarticle .syubetu-icon {
	margin-bottom:5px;
}
.bukkenbox .photo {
    text-align: center;
    margin-bottom: 5px;
	min-height:100px;
}
.bukkenbox .ad {
    font-size: 12px;
    margin-bottom: 5px;
}
.bukkenbox table {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px dotted #999;
    margin-bottom: 5px;
}
.bukkenbox table th {
    width: 4em;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 5px;
    background-color: #e7e7e7;
    border-bottom: 1px dotted #999;
}
.bukkenbox table td {
    font-size: 12px;
    padding: 3px;
    border-bottom: 1px dotted #999;
}
.red {
    color: #ff0000;
}
.bukkenbox .btn {
    text-align: right;
}
#newarticle .bukkenbox a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
}
#newarticle .bukkenbox:hover{
	background-color:#fcfadd;

}