@charset "UTF-8";

/* トップページ */

/* ヘッダー */
header{
	position:fixed;
	top:0;
	left:0;
	width:200px;
	height:100%;
	border-right:1px solid #DDD;
	background:#FFF;
	box-sizing:border-box;
	z-index:100;
}

/* ロゴ */
#logo-top{
	text-align:center;
	padding:0 0 50px;
	background:#FFF;
}

/* ナビゲーション */
#gnavi-top{
	font-family:'Futura';
	background:#FFF;
}
#gnavi-top ul li{
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:2px;
}
#gnavi-top ul li a{
	display:block;
	padding:15px 40px 11px;
	border-top:1px solid #DDD;
}
/* IE9 */
:root #gnavi-top ul li a{
	padding:6px 40px 11px\0/;
}
/* IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#gnavi-top ul li a{
		padding:15px 40px 11px !important;
	}
}
#gnavi-top ul li a:hover{
	background:#EEE;
	text-shadow:0 1px 0 #FFF;
}
#gnavi-top ul li.mail a{
	padding:9px 35px 5px;
}
#teltel-top{
	border-top:1px solid #DDD;
	text-align:center;
	padding:20px 35px 0;
}
#teltel-top h2{
	font-family:'Futura';
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:1px;
	padding:0 0 20px;
}


/* コンテンツ */
#contents-top{
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:0 0 0 200px;
}

/* メインイメージ */
#main{
	width:100%;
}
#main img{
	width:100%;
}


/* 格納庫 */
#box{
	position:relative;
	bottom:95px;
	width:100%;
	box-sizing:border-box;
}

/* スライドショー */
#slide-box{
	float:left;
	padding:0 15px 0 30px;
	width:50%;
	box-sizing:border-box;
}
#slide-box h3{
	padding:0 0 5px;
}
#slide{
	border:13px solid #555;
}

/* メンバーログイン */
#member{
	float:right;
	width:50%;
	padding:18% 30px 0 15px;
	box-sizing:border-box;
}
@media (min-width: 1400px) {
	#member{
		padding:23% 30px 0 15px;
	}
}
#member h3{
	padding:0 0 7px;
}
#member p{
	line-height:160%;
	padding:0 0 10px;
}
#member ul li{
	float:left;
	width:48%;
	margin:0 4% 0 0;
	text-align:center;
	box-sizing:border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}
#member ul li a{
	display:block;
	color:#FFF;
	padding:12px 0 8px;
	-webkit-box-shadow:inset 0 1px 0 0 #FFFFFF,1px 1px 1px #999;
	-moz-box-shadow:inset 0 1px 0 0 #FFFFFF,1px 1px 1px #999;
	box-shadow:inset 0 1px 0 0 #FFFFFF,1px 1px 1px #999;
}
#member ul li.last{
	margin:0;
}
#member ul li.login{
	background:#2C4197;
	background:-webkit-gradient( linear, left top, left bottom, from(#2C4197), to(1, #6C7AB6) );
	background:-moz-linear-gradient( center top, #2C4197, #6C7AB6 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C4197', endColorstr='#6C7AB6');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#2C4197, endcolorstr=#6C7AB6))";
	zoom: 1;
	border:1px solid #2C4197;
}
#member ul li.login a:hover{
	color:#EEE;
	text-shadow:0 1px 0 #2C4197;
	background:#1F2D69;
	background:-webkit-gradient( linear, left top, left bottom, from(#2C4197), to(#1F2D69) );
	background:-moz-linear-gradient( center top, #2C4197, #6C7AB6 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F2D69', endColorstr='#1F2D69');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#1F2D69, endcolorstr=#1F2D69))";
	zoom: 1;
}
#member ul li.registration{
	background:#777;
	background:-webkit-gradient( linear, left top, left bottom, from(#777), to(#A0A0A0) );
	background:-moz-linear-gradient( center top, #777, #A0A0A0 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#A0A0A0');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#777777, endcolorstr=#A0A0A0))";
	zoom: 1;
	border:1px solid #777;
}
#member ul li.registration a:hover{
	color:#EEE;
	text-shadow:0 1px 0 #777;
	background:#777;
	background:-webkit-gradient( linear, left top, left bottom, from(#777), to(1, #535353) );
	background:-moz-linear-gradient( center top, #777, #535353 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#535353');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#777777, endcolorstr=#535353))";
	zoom: 1;
}


/* カテゴリー */
#category{
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:0 0 0 200px;
}

.category{
	padding:50px 0;
}
.category{
	border-bottom:1px solid #DDD;
}
.category.top{
	padding:0 0 50px;
}
.category.bottom{
	border:none;
}
.category h2{
	text-align:center;
	padding:0 0 40px;
}
.category h3{
	text-align:center;
	padding:0 0 30px;
}
.category h3 img{
	width:200px;
}
@media (min-width: 1300px) {
	.category h3 img{
		width:250px;
	}
}

/* 売買・賃貸 */
#forsale{
	float:left;
	width:70%;
	box-sizing:border-box;
	padding:0 15px 0 30px;
}

#area{
	float:left;
	width:57.5%;
}
#area ul{
	padding:20px 0 0;
}
#area ul li{
	float:left;
	width:31.333%;
	margin:0 2% 2% 0;
	text-align:center;
	box-sizing:border-box;
}
#area ul li a{
	display:block;
	color:#FFF;
	padding:8px 0 5px;
	background:#2C4197;
	background:-webkit-gradient( linear, left top, left bottom, from(#2C4197), to(#6C7AB6) );
	background:-moz-linear-gradient( center top, #2C4197 #6C7AB6 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C4197', endColorstr='#6C7AB6');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#2C4197, endcolorstr=#6C7AB6))";
	zoom: 1;
	border:1px solid #2C4197;
	-moz-box-shadow:inset 0 1px 0 0 #FFF,1px 1px 1px #999;
	-webkit-box-shadow:inset 0 0 1px 0 #FFF,1px 1px 1px #999;
	box-shadow:inset 0 1px 0 0 #FFF,1px 1px 1px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}
#area ul li a:hover{
	color:#EEEEEE;
	text-shadow:0 1px 0 #2C4197;
	background:#1F2D69;
	background:-webkit-gradient( linear, left top, left bottom, from(#2C4197), to(#1F2D69) );
	background:-moz-linear-gradient( center top, #2C4197, #1F2D69 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F2D69', endColorstr='#1F2D69');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#1F2D69, endcolorstr=#1F2D69))";
	zoom: 1;
}
#area ul li.right{
	marign:0 0 2%;
}

#point-map{
	float:right;
	width:42.5%;
	padding:15px 0 0;
}
#point-map img{
	width:100%;
}

#forrent{
	float:right;
	width:30%;
	box-sizing:border-box;
	padding:0 30px 0 15px;
}

.black{
	background:#333;
	vertical-align:bottom;
	line-height:0;
}

#forsale img, #forrent img{
	width:100%;
}
#forsale h3, #forrent h3{
	text-align:left;
	padding:15px 0;
}
#forsale h3 img, #forrent h3 img{
	width:200px;
}
@media (min-width: 1300px) {
	#forsale h3 img, #forrent h3 img{
		width:250px;
	}
}
#forsale h4, #forrent h4{
	font-size:1.5rem;
	color:#000;
	padding:0 0 5px;
}
#forsale a img,
#forrent a img{
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
#forsale a:hover img,
#forrent a:hover img{
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
	-moz-opacity: 0.5;
    opacity: 0.5;
}

/* おすすめ */
#recommend{
	padding:0  0 0 15px;
}
.inline{
	width:100%;
	height:650px;
}

/* プロフィール */
#profile ul li{
	float:left;
	width:30%;
	padding:0 30px 0 0;
	box-sizing:border-box;
}
#profile ul li.map{
	width:70%;
	padding:0 15px 0 30px;
}
#map{
	height:530px;
}
#profile ul li p{
	padding:8px 0;
	border-top:1px solid #555;
}
#profile ul li p.bottom{
	border-bottom:1px solid #555;
}
#profile ul li a{
	position:relative;
  	display:inline-block;
}
#profile ul li a::after{
	content:'';
  	position:absolute;
  	bottom:1px;
  	left:0;
  	width:100%;
  	height:1px;
  	-webkit-transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	transform:scaleX(0);
  	background-color:#555555;
  	-webkit-transition:all .3s ease;
  	transition:all .3s ease;
}
#profile ul li a:hover::after{
	-webkit-transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	transform:scaleX(1);
}


/* フッター */
footer{
	box-sizing:border-box;
	padding:60px 0 90px 200px;
}

/* ページトップ */
#pagetop{
	margin-left:75px;
}