@charset "utf-8";

.headerFix {
	position: fixed;
	width: 100%;
	min-width: 1080px;
	height: 140px;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	z-index: 80;
}
.headerFixSpace {
	width: 100%;
	height: 140px;
	left: 0px;
	top: 0px;
	background-color: #FFF;
}


/* 開閉用ボタンがクリックされた時のスタイル */
.MenuA, .MenuB, .MenuC, .MenuD, .MenuE {
	display: table;
	top: 0;
	left: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	visibility: hidden;
	opacity: 0;/*	background-color: rgba(255,255,255,0.8); */
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 90;
}


/* 開閉用ボタンがクリックされた時のスタイル */
.OpenA .MenuA {
	cursor: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
	visibility: visible;
	opacity: 1;
}

.OpenB .MenuB {
	cursor: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
	visibility: visible;
	opacity: 1;
}

.OpenC .MenuC {
	cursor: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
	visibility: visible;
	opacity: 1;
}

.OpenD .MenuD {
	cursor: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
	visibility: visible;
	opacity: 1;
}

.OpenE .MenuE {
	cursor: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
	visibility: visible;
	opacity: 1;
}

.MenuBtn li{
	float: left;
	display: block;
	font-size: 120%;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	cursor: pointer;
}
.rent {
	border: 1px solid #999;
	width: 17em;
	left: 40px;
	top: 40px;
	position: relative;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}
.sale {
	border: 1px solid #999;
	width: 17em;
	left: 100px;
	top: 40px;
	position: relative;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}
.mate {
	border: 1px solid #999;
	width: 17em;
	left: 160px;
	top: 40px;
	position: relative;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}
.rene {
	border: 1px solid #999;
	width: 17em;
	left: 220px;
	top: 40px;
	position: relative;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}
.process {
	border: 1px solid #999;
	width: 17em;
	top: 40px;
	position: relative;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	float: left;
	left: 180px;
}
.rent h3 {
	background-color: #009E96;
	width: 100%;
	text-align: left;
	color: #FFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-indent: 0.5em;
}
.sale h3 {
	background-color: #004098;
	width: 100%;
	text-align: left;
	color: #FFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-indent: 0.5em;
}
.mate h3 {
	background-color: #939D25;
	width: 100%;
	text-align: left;
	color: #FFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-indent: 0.5em;
}
.rene h3 {
	background-color: #00A0CA;
	width: 100%;
	text-align: left;
	color: #FFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-indent: 0.5em;
}
.process h3 {
	background-color: #646464;
	width: 100%;
	text-align: left;
	color: #FFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-indent: 0.5em;
}
.h3alinkWhite a {
	color: #FFF;
}

.rent li{
	background-color: #FFF;
	width: 100%;
	text-align: left;
	text-indent: 0.5em;
	margin: 0px;
	padding: 0em;
}
.sale li{
	background-color: #FFF;
	width: 100%;
	text-align: left;
	text-indent: 0.5em;
	margin: 0px;
	padding: 0em;
}
.mate li{
	background-color: #FFF;
	width: 100%;
	text-align: left;
	text-indent: 0.5em;
	margin: 0px;
	padding: 0em;
}
.rene li{
	background-color: #FFF;
	width: 100%;
	text-align: left;
	text-indent: 0.5em;
	margin: 0px;
	padding: 0em;
}
.process li{
	background-color: #FFF;
	width: 100%;
	text-align: left;
	text-indent: 0.5em;
	margin: 0px;
	padding: 0em;
}
.rent a {
	width: 100%;
	display: block;
	height: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.sale a {
	width: 100%;
	display: block;
	height: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.mate a {
	width: 100%;
	display: block;
	height: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.rene a {
	width: 100%;
	display: block;
	height: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.process a {
	width: 100%;
	display: block;
	height: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.rent a:hover {
	text-decoration: none;
}
.sale a:hover {
	text-decoration: none;
}
.mate a:hover {
	text-decoration: none;
}
.rene a:hover {
	text-decoration: none;
}
.process a:hover {
	text-decoration: none;
}
.headerLogoArea {
	background-image: url(img/sanki-logo-bg.png);
	height: 80px;
	width: 100%;
	background-repeat: no-repeat;
}

.sanki-logo {
	height: 80px;
	width: 50%;
	float: left;
	background-image: url(img/sanki-logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
}
.sanki-logo a{
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: -999em;
}

.headerMenuAArea {
	background-image: url(img/hbr.png);
	background-size: contain;
	background-repeat: no-repeat;
	float: right;
	height: 80px;
	background-position: right;
	display: flex;
	justify-content: center;
	align-items: center;
}
.headerMenuAArea ul {
	margin-right: 1em;
}
.headerMenuAArea li{
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	padding-right: 1em;
	padding-left: 1em;
}
.sitemap {
	background-image: url(img/sitemapIcon.png);
	background-repeat: no-repeat;
	background-size: contain;
	text-align: left;
	text-indent: 2.5em;
	background-position: 2em;
}

.headerLine {
	height: 5px;
	background-image: url(img/hbl.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	background-color: #1A93A6;
}
.headerMenuBArea {
	background-image: url(img/hbb.png);
	background-repeat: repeat-x;
	height: 55px;
	width: 100%;
}

.headerMenuBArea ul{
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 55px;
}
.headerMenuBArea li {
	color: #FFF;
}


.headerTelArea {
	background-image: url(img/freecall.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 55px;
	width: 25%;
	background-position: right;
	float: right;
}
.rentCol {
	color: #00928B;
}
.saleCol {
	color: #004098;
}
.mateCol {
	color: #939D25;
}
.reneCol {
	color: #00A0CA;
}

.processCol {
	color: #646464;
}
.footerMenuAArea {
	height: 345px;
	width: 100%;
	min-width: 1080px;
	background-color: #F2F3FA;
}
.footerMenuA {
	width: 245px;
	float: left;
	margin-top: 50px;
	padding-left: 20px;
}
.footerMenuA h3 {
	width: 245px;
	text-align: left;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #666;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 0.5em;
	color: #666;
	margin-bottom: 0.5em;
}
.footerMenuA li {
	width: 245px;
	text-align: left;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.footerMenuBArea {
	background: linear-gradient(to right, #8FC31F, #007F21);
	height: 40px;
	width: 100%;
}
.footerMenuBArea ul{
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}
.footerMenuBArea li{
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-right: 1em;
	padding-left: 1em;
	color: #FFF;
}
.footerMenuBArea a{
	color: #FFF;
}
.w1080{
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
}
.w1040 {
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
}

.login{
	float: right;
}
.footerLogoArea {
	background-image: url(img/footer_logo.png);
	height: 70px;
	width: 100%;
	min-width: 1080px;
	background-repeat: no-repeat;
}
.copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	height: 70px;
	padding-right: 20px;
}
.pagetop {
	position: fixed;
	z-index: 70;
	right: 30px;
	bottom: 50px;
}
a.anchor{
	display: block;
	padding-top: 165px;
	margin-top: -165px;
}
a.tanchor {
	display: block;
	padding-top: 165px;
	margin-top: -165px;
}
.search form {
	z-index: 85;
	position: fixed;
	right: 10px;
	top: 150px;
}
.search input {
	margin: 0px;
	padding: 0px;
	float: left;
	border: 1px solid #898989;
	text-indent: 0.5em;
}
.searchText {
	height: 30px;
	width: 270px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
@media screen and (max-width: 1081px),print{
.search form {
	top: 170px;
}
}