@charset "utf-8";
/* CSS Document */

/*----------------会社情報------------------*/
.nav_about,
.nav_about::before,
.nav_about::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;}
.nav_about {
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 50px;
	background-image:url(../img/common/nav_about.png);
	background-repeat:no-repeat;
	display: inline-block;
	width: 160px;
	height: 82px;
	text-align: center;
	text-decoration: none;
	outline: none;}
.nav_about:hover {
	color: #0D1B33;
	background-image:url(../img/common/nav_about_.png);
	background-repeat:no-repeat;
	width: 160px;
	height: 82px;}
.nav_about::before {
	right: 0;}
.nav_about::after {
	left: 0;}
.nav_about:hover::before,
.nav_about:hover::after {
	width: 0;
	background-color: #FFF;}


/*----------------施工ギャラリー------------------*/
.nav_gallery,
.nav_gallery::before,
.nav_gallery::after {
	clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .7s;
	transition: all .7s;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;}
.nav_gallery {
	clear:both;
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 50px;
	background-image:url(../img/common/nav_gallery.png);
	background-repeat:no-repeat;
	display: inline-block;
	width: 160px;
	height: 82px;
	text-align: center;
	text-decoration: none;
	outline: none;}
.nav_gallery:hover {
	color: #0D1B33;
	background-image:url(../img/common/nav_gallery_.png);
	background-repeat:no-repeat;
	width: 160px;
	height: 82px;
	margin:0;
	padding:0;}
.nav_gallery::before {
	right: 0;
	margin:0;
	padding:0;
}
.nav_gallery::after {
	left: 0;
	margin:0;
	padding:0;}
.nav_gallery:hover::before,
.nav_gallery:hover::after {
	width: 0;
	background-color: #FFF;
	margin:0;
	padding:0;}
	
/*----------------ビルメンテナンス-----------------*/
.nav_maintenance,
.nav_maintenance::before,
.nav_maintenance::after {
	clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .7s;
	transition: all .7s;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;}
.nav_maintenance {
	clear:both;
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 50px;
	background-image:url(../img/common/nav_maintenance.png);
	background-repeat:no-repeat;
	display: inline-block;
	width: 160px;
	height: 82px;
	text-align: center;
	text-decoration: none;
	outline: none;}
.nav_maintenance:hover {
	color: #0D1B33;
	background-image:url(../img/common/nav_maintenance_.png);
	background-repeat:no-repeat;
	width: 160px;
	height: 82px;
	margin:0;
	padding:0;}
.nav_maintenance::before {
	right: 0;
	margin:0;
	padding:0;
}
.nav_maintenance::after {
	left: 0;
	margin:0;
	padding:0;}
.nav_maintenance:hover::before,
.nav_maintenance:hover::after {
	width: 0;
	background-color: #FFF;
	margin:0;
	padding:0;}

/*----------------改修工事-----------------*/
.nav_repair,
.nav_repair::before,
.nav_repair::after {
	clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .7s;
	transition: all .7s;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;}
.nav_repair {
	clear:both;
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 50px;
	background-image:url(../img/common/nav_repair.png);
	background-repeat:no-repeat;
	display: inline-block;
	width: 160px;
	height: 82px;
	text-align: center;
	text-decoration: none;
	outline: none;}
.nav_repair:hover {
	color: #0D1B33;
	background-image:url(../img/common/nav_repair_.png);
	background-repeat:no-repeat;
	width: 160px;
	height: 82px;
	margin:0;
	padding:0;}
.nav_repair::before {
	right: 0;
	margin:0;
	padding:0;}
.nav_repair::after {
	left: 0;
	margin:0;
	padding:0;}
.nav_repair:hover::before,
.nav_repair:hover::after {
	width: 0;
	background-color: #FFF;
	margin:0;
	padding:0;}

/*----------------不動産売買-----------------*/
.nav_realestate,
.nav_realestate::before,
.nav_realestate::after {
	clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .7s;
	transition: all .7s;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;}
.nav_realestate {
	clear:both;
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 50px;
	background-image:url(../img/common/nav_realestate_pick.png);
	background-repeat:no-repeat;
	display: inline-block;
	width: 160px;
	height: 82px;
	text-align: center;
	text-decoration: none;
	outline: none;}

/*----------------お問い合わせ-----------------*/
.nav_contact,
.nav_contact::before,
.nav_contact::after {
	clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .7s;
	transition: all .7s;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;}
.nav_contact {
	clear:both;
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 50px;
	background-image:url(../img/common/nav_contact.png);
	background-repeat:no-repeat;
	display: inline-block;
	width: 160px;
	height: 82px;
	text-align: center;
	text-decoration: none;
	outline: none;}
.nav_contact:hover {
	color: #0D1B33;
	background-image:url(../img/common/nav_contact_.png);
	background-repeat:no-repeat;
	width: 160px;
	height: 82px;
	margin:0;
	padding:0;}
.nav_contact::before {
	right: 0;
	margin:0;
	padding:0;}
.nav_contact::after {
	left: 0;
	margin:0;
	padding:0;}
.nav_contact:hover::before,
.nav_contact:hover::after {
	width: 0;
	background-color: #FFF;
	margin:0;
	padding:0;}


/*----------------ナビ共通-----------------*/
#contents_nav {
	background-color: #fff;
	height: 82px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#contents_nav ul {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#contents_nav ul li{
	float:left;
}