@charset "utf-8";
/* CSS Document */




/*=========================================================
base
=========================================================*/

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family:"メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#363636;
	position: relative;
    -webkit-text-size-adjust: 100%;
min-width:960px;

}


a {
	text-decoration: none;
	color:#363636;
}
a:link {
	color:#363636;
}
a:hover {
	color: #626262;
	text-decoration: underline;
}
a:focus{
  	outline: none;
}
img {
	border: none;
}
p, ul, li, ol, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}



/*=========================================================
header
=========================================================*/



#header {
	margin: 0 auto;
	width: 960px;
	position: relative;
	height: 155px;
	z-index:999;
	border-bottom: 1px dashed #4D3520;
}
.head-h1 {
	font-size: 85%;
	padding: 5px 0 0 0;
	width: 100%;
	
	}

.header-logo {
	float:left;
	margin: 5px 0 0 0;
	}

.head-right-box {
	position: relative;
	}

.head-logo-polus {
	position: absolute;
	right:285px;
	top:52px;
	}	

.head-tel {
	text-align:center;
	position: absolute;
	left:127px;
	}
.head-tel02 {
	text-align:center;
	position: absolute;
	left:127px;
	}
	
@media screen and (maxwidth: 480px) {
                .head-tel02 {
					display:none;
                }
            }	
			
.head-btn-conversion {
	overflow: hidden;
	padding: 29px 0 0 89px;
 	}
	
.head-btn-conversion li{
	float: left;
 	}	
	
.head-document {
	padding: 0 6px 0 0;
	}
	
.head-navi {
	margin: 5px -11px 13px 0;
	overflow: hidden;
	}
	
.head-navi li {
	float: left;
	padding: 0 11px 0 0;
	}	

/*=========================================================
head navi
=========================================================*/

#navi {
	/*background: url(../img/common/navi_bg.gif) no-repeat;*/
	width: 817px;
	height: 36px;
	float: right;
	margin: 11px 0 0 0;
	background-color: #FFF;
	}

#navi li{
	float: left;
	padding: 0 2px 0 3px;
	 position: relative; 
	}
	
#navi ul {
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
}

* html #navi ul { 
    line-height: 0;
	}
	
#navi ul li { 
    float: none;
	}

#navi ul ul { 
    top: 0;
	}
	
#navi ul a {
	display: block;
	width: 131px;
	zoom: 1;
	line-height: 1;
    }

#navi > li > ul {
	background: #fff;
}



/*=========================================================
layout
=========================================================*/

	
#main {
	width: 960px;
	overflow: hidden;
	height: auto;
	margin: 0 auto;
	clear: both;
	position: relative;
	z-index: 1;
}


	
.contents {
	width: 686px;
	/*float: right;*/
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 0 0 90px 0;
	margin: 0 auto;
	}	

.article {
	margin: 0 auto ;
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;	
	
	}
	
.breadcrumb {
	font-size: 11px;
	margin: 0 0 10px 0;
}

.breadcrumb li {
	float: left;
	
}



/* aside
------------------------------------------*/
	
#aside {
	width: 256px;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 1;	
	display: none;
	}
	
.aside-inner {
	margin: 0 0 0 8px;
	}		
.aside-btn-document {
	position: relative;
	z-index: 1;
	margin: 2px 0 25px 0;
	overflow: hidden;	
	}
	
.aside-infomation {
	margin: 0 0 25px 0;
	border-bottom: #333 1px solid;
	width: 240px;
	overflow: hidden;
	}


.aside-info-item {
	margin: 0 0 0 0;
	}
	
.aside-info-item ul{
	margin: 3px 0 0 6px;
	}
	
.aside-info-item li{
	margin: 0 0 3px 0;
	width: 134px;
	line-height: 15px;
	}
.aside-info-caption {
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
	width:240px;
	height: auto;
	overflow: hidden;
	font-size: 93%;
	}			

.aside-info-caption li{
	margin: 0 0 2px 0 ;
	line-height:15px;
	}
	
.aside-mail-register {
	background: url(../img/common/side_mail_register.png) no-repeat;
	width: 240px;
	height: 118px;
	position: relative;
	margin: 0 0 15px 0;
	}
	
.aside-btn-register {
	position: absolute;
	top: 32px;
	left: 9px;
	}
	
.aside-btn-qrcode {
	position: absolute;	
	top: 27px;
	right: 12px;	
	}
	
.aside-input-register {
	position: absolute;	
	top: 90px;
	left: 10px;	
	}
	
.register-send {
	position: absolute;
	width: 73px;
	margin: 0 0 0 5px;
	top: 88px;
	left: 157px;
	height: 26px;
	background-color: #444;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	}
	
.aside-mail-register button:hover {
	background: #6A6A6A;
	}
	
.register-input {
	position: absolute;
	top: 88px;
	left: 5px;
	width: 150px;
	height: 20px;
    ime-mode: inactive;		
	}
	
.aside-mail-register-text {
		margin: 5px 0 22px 5px;
		}

.aside-staff-blog {
	margin: 0 0 25px 0;
	}	
	
.aside-staff-blog li {
	margin: 0 0 3px 0;
	}	
	
.aside-facebook {
	margin: 0 0 25px 0;
	}	

.aside-btn {
	margin: 0 0 25px 0;
	}	
/*=========================================================
h
=========================================================*/



/*=========================================================
footer
=========================================================*/	
#footer-outer {
	width: 100%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}


.footer-aside-bottom {
	width:960px;
	height:8px;
	text-align:left;
	margin: 0 auto;
	display: none;
	}

#footer {
	width: 960px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	padding: 47px 0 0 0;
}

#footer a {
	color: #202020;
	}
#footer a:hover {
	color: #019ea5;
	}
.footer-showroom {
	overflow: hidden;
	margin: 0 -24px 30px 0;
	text-align: center;
	}
.footer-showroom ul {
	float: left;
	padding: 0 8px 0 0;
	width: 130px;
	height: auto;
	overflow: hidden;
	}
.footer-showroom li {
	margin: 0 0 5px 0;
	}

.footer-showroom-photo img {
	border-radius: 4px;
	overflow: hidden;
	max-width: 100%;
}
.ft_center{
	width:328px;
	margin-left:auto;
	margin-right:auto;
}

.footer-menu {
	overflow: hidden;
	border-top: 1px dashed #4D3520;
	width: 930px;
	padding: 25px 0 0 60px;
	text-align: left;
	clear: both;
	margin: 0 auto ;
	line-height:18px;
	}

	
.footer-menu ul {
	float: left;
	width: 186px;
	margin: 0 20px 30px 0;		
	}
	
.footer-menu ul li {
	margin: 0 0 15px 0;
	}	

.footer-menu  a{
	background: url(../img/common/footer_icon.gif) no-repeat left 2px;
	padding: 0 0 0 12px;
	color: #202020;	
	}
	
.footer-menu a:link{
	color: #019ea5;
	}

.footer-menu a:hover{
	background: url(../img/common/footer_icon_.gif) no-repeat left 2px;
	color: #019ea5;
	text-decoration: none;
	}		

.footer-menu-title {
	font-size: 14px;
	font-weight: 700;
	padding-left: 40px;
	border-bottom: dashed 1px;
	line-height: 27px;
}

.footer-menu-title.has {
	background-image: url(../img/common/footer-menu-hasu.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 10px 15px 0;
}

.footer-menu-title.house {
	background-image: url(../img/common/footer-menu-house.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 10px 15px 0;
}

.footer-menu-title.mail {
	background-image: url(../img/common/footer-menu-mail.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 10px 15px 0;
}

.footer-bnr li a {
	background: none;
}
	

.footer-box {
	overflow: hidden;
	border-top: 1px dashed #4D3520;
	width: 940px;
	padding: 20px 0 0 0;
	text-align: left;
	clear: both;
	margin: 0 auto ;
	}	
.footer-text {
	margin: 0 0 15px 0;
	font-size: 11px;
	text-align: left;
	}

.footer-address {
	width: 65%;
	}

.footer-address ul{
	margin: 3px 0 0 10px;
	}
	
.footer-address li{
	margin: 0 0 10px 0;
	}
		
.footer-contact {
	width: 35%;
	margin: 15px 0 0 0;
	position: relative;
	
	}

.sp {
	text-align:center;
		position:absolute;
	top:0;
	left:37px;
	margin: 0 0 15px 0 ;
	}


.footer-contact li {
	margin:  0 5px 8px 0;
	}
	
.footer-discription {
	text-align: center;
	margin: 25px 0 10px 0 ;
	}

.copyright {
	text-align: center;
	margin: 0 0 10px 0 ;
	}
.fs-105 {
	font-size: 10.5px;
}
.lh-13 {
	line-height: 13px;
}




/*=========================================================
subpage
=========================================================*/	
.adjust {
	padding: 2px 0 120px 0 ;
	overflow:hidden;
	}

.adjust-side {
	padding: 0 ;
	/*background: url(../img/common/main_bg.png) repeat-y;*/
	overflow:hidden;
	}
	
.main-adjust-side {
	background: url(../img/common/main_bg.png) repeat-y;
	overflow:hidden;
}

/*.bottom-navi {
	background: url(../img/common/bottom-navi_bg.png) no-repeat;
	width:686px;
	height:74px;
	position: absolute;
    bottom: 50px;
	z-index: 9999999999999999;
	}
.bottom-navi ul{
	margin: 19px 0 0 112px;
	}	
.bottom-navi li{
	float:left;
	padding: 0 75px 0 0;
	display: block;
	}
.bottom-navi li:nth-child(3){
	padding-right:0;
}

.bottom-navi-box {
	width:823px;
	margin: 0 auto;
	padding: 0 0 0 137px;
	position: relative;
	}
.bottom-navi-box01 {
	width:686px;
	margin: 0 auto;
	padding: 0 0 0 274px;
	}*/	




.bottom-navi {
	background: url(../img/common/bottom-navi_bg.png) no-repeat;
	width:686px;
	height:74px;
	position: absolute;
    bottom: 50px;
	z-index: 999999;
	}
.bottom-navi ul{
	margin: 13px 0 0 116px;
	}	
.bottom-navi li{
	float:left;
	padding: 0 75px 0 0;
	display: block;
	}
.bottom-navi li:nth-child(3){
	padding-right:0;
}


.bottom-navi-box {
	width:823px;
	margin: 0 auto;
	padding: 0 0 0 137px;
	}
.bottom-navi-box01 {
	width:686px;
	margin: 0 auto;
	/*padding: 0 0 0 274px;*/
	}	

/* page-nation
------------------------------------------*/

.page-nation-top {
	float: right;
	margin: 5px 0 0 0;
	height:25px;
	}

.page-nation-number {
	text-align:center;
	color: #333;
	padding: 0 2px;

	}


	
.page-nation-number a{
	color: #333;
	padding: 3px 6px;	
	border: 1px solid #333;
	}
	
.page-nation-number a:hover{
	color: #FFF;
	background: #069CBA;
	}
				
.page-nation-allow {
	display:inline-block;
	margin: 2px 0 0 0;
	}

	.page-nation-number-active {
	text-align:center;
	padding: 0 2px;
	background: #333;
	padding: 3px 6px;
	border: 1px solid #333;
	color:#FFF;		

	}
	.page-nation-number-active a{
	text-align:center;
	background: #333;
	border: 1px solid #333;
	color:#FFF;
	text-decoration: none;
	cursor: default;
	}


.page-nation-bottom {
	margin: 50px auto 100px auto;
	text-align: center;
		clear: both;
	height:25px;
	width:686px;
	}


/* 準備中
------------------------------------------*/
.creating {
	background: url(../img/creating.jpg) no-repeat center 100px;
	width: 390px;
	height: 800px;
	margin: 0 auto;
	}




/* placeholder　
------------------------------------------*/	
	
input::-webkit-input-placeholder {font-size:11px;}
input:-moz-placeholder {font-size:11px;}
input::-moz-placeholder {font-size:11px;}
input:-ms-input-placeholder {font-size:11px;}
:-ms-input-placeholder {font-size:11px;}
input::-ms-input-placeholder {font-size:11px;}

html>/**/body .aside-mail-register input {
	font-size:12px;
	height: 20px;
	line-height:18px;
	}

/* Title
------------------------------------------*/
/*.title-line {
	position: relative;
	padding: 10px;
	margin: 10px;
	font-size: 16px;
}
.title-line:before {
	content: "";
	border-left: 1px solid black;
	width: 1px;
	height: 100%;
	left: 5px;
	top: 5px;
	position: absolute;
}
.title-line:after {
	content: "";
	border-bottom: 1px solid black;
	width: 60%;
	height: 1px;
	left: -5px;
	bottom: 5px;
	position: absolute;
}
.title-line img {
	display: none;
}*/
.title-line .text {
	display: none;
}
.title-1 .text {
	display: none;
}
.title-2 .text {
	display: none;
}
.title-3 .text {
	display: none;
}
.title-line-2 .text {
	display: none;
}
.title-4 .text {
	display: none;
}
.title-5 .text {
	display: none;
}

/* RESP　
------------------------------------------*/
.page-top, .page-top-bottom {
	display: none !important;
}
.smp {
	display: none !important;
}
.br-pc {
	
}
.br-sp {
	display: none;
}
/*--------------------------
zeh-box-inner 
-------------------------*/
.LTS02{
  letter-spacing: -0.2px;
}

/*---------------------
汎用CSS
---------------------*/
.pc_none {
  display: none;
}
/*---------------------
バナー
---------------------*/
.bnr-inner03 {
  text-align: center;
}
/*---------------------
住まいのコンシェルジュ
---------------------*/
.mainvisual {
	background: #F2EDE8;
    text-align: center;
    padding: 20px;
}
.mainvisual img {
    width: 93%;
    height: auto;
}