/* CSS Document */


/* ----------�i�r�Q�[�V����------------ */

.nav{
	float:left;
	width:162px;
	padding-top:15px 0;
}

.nav ul{}

ul#gv li{
	
	padding:20px 0;
	
}

.article{
	text-align:center;
	padding-top:50px;
}

.t_content{
	margin:20px;	
}

/* ------------�R���e���c--------------- */

.content{
	width:735px;
}

h1{
	font-size:18px;
	color:#0085CD;
	border-bottom:#0085CD solid 1px;
	margin-bottom:15px;
}
h4{
	font-size:20px;
	font-weight:bolder;
	color:#fff;
}

.info{
	margin:70px 0 0 0;
}

.t_width{
	width:30px;
}

.w_space{
	width:30px;
}

.content p{
	font-size:14px;
	line-height:23px;
	color:#fff;
	font-weight:bolder;
}


/* --------------�t�b�^�[---------------- */
.footer{
	padding:20px 0 0 0;
}

.footer p{
	text-align:center;
}



/* ------------���C��--------------- */
.main_img{
	background:url(../images/bg.jpg) no-repeat;
	padding:7px 7px 9px 7px; 
	}
	
/* ------------�R���Z�v�g--------------- */
.concept{
	 background:url(../images/concept/bg.jpg) no-repeat;
	 text-align:center;
	 
}

.concept_scroll{
	overflow:auto;
	width:721px;
	height:628px;
}
/* ------------�R���Z�v�g--------------- */
.bland{
	height:628px;
}


/* ------------�g�s�b�N�X--------------- */
	.scroll {
		margin-top:0spx;
		text-align:left;
	}
	.scroll,
	.scroll-pane {
		overflow: auto;
		width: 730px;
		height: 105px;
		font-size:13px;
	}
	.scroll-pane .jspVerticalBar {
		width: 8px;
	}
	.scroll-pane .jspTrack{
		background: #eee;
	}
	.scroll-pane .jspDrag{
		background: #ccc;
	}

/* ------------�W�J--------------- */


.deploymen_con{
    background-image: url(../images/bg_sky.jpg);
    height: 622px;
    font-family: Hiragino Kaku Gothic W3 JIS2004;

    
}

.deploymen_con >.txt{
    width: 668px;
    margin: 0 auto;
    text-align: center;

}

.deploymen_con >.txt >h3{
    padding-top: 46px;
    font-size: 42px;
    color:0085cd;
    width: 250px;
    margin: 0 auto;
    border-bottom: 1px dotted #0085cd;
    margin-bottom: 25px;


}

.deploymen_con >.txt >p{
    font-size: 20px;    
    color: #656464;
    margin-bottom: 40px;
}

.deploymen_con >.txt >h3 >span{
   font-size: 34px; 
}

.deploymen_con >.logo{
    width: 668px;
    margin: 0 auto;  
    text-align: center;
}

.deploymen_con >.logo >p{
    margin-bottom: 50px;
}

.deploymen_con >.logo >div{
    display: flex;
    margin-bottom: 50px;
    justify-content: center;
}

.deploymen_con >.logo >div >p{
    margin-right: 25px;
}

/* ------------�R���e���c�{�b�N�X--------------- */


.sale_con{
    font-family: Hiragino Kaku Gothic W3 JIS2004;  
    margin-top: 50px;
}
.sale_con >h4{
font-size: 24px;
    color: #656464;
    text-align: center;
    padding-bottom: 10px;
}

.box_Area >ul >li{
 border: 1px solid #656464;    
 background-color: #f9fcdf;    
}
.box_Area >ul >li.full_box{
    margin-top: 30px;  
}

.full_box{
    margin-top: 32px;
}

.full_box li >.img_box{
    display: flex;
    justify-content: center;  
    padding-top: 10px;


}

.full_box li >.img_box >p{
    padding-right: 10px;
}

.full_box li >.img_box >div{
display: flex;
flex-direction: column;
}

.full_box li >.img_box >div >p{
    color: #656464;
    font-size: 15px;
    text-align: center;
   font-family: Hiragino Kaku Gothic W6 JIS2004;    
}

.full_box li >.img_box >div >p:nth-child(2){
    padding-top: 20px; 
}

.half_box{
    display: flex;
    flex-wrap: wrap;
}
.half_box li{
    margin-top: 20px;
    width: 48.3%;
        
}

.half_box li >.img_box >p img{
  padding: 10px 10px 0 10px;  
}

.half_box li:nth-child(odd){
 margin-right: 20px;
        
}

.btn{
    background: #0085cd;
    margin-top: 10px;
    padding: 15px 0 15px;
}

.btn_sold{
    background: #98aab3;
    margin-top: 10px;
    padding: 15px 0 0;
}

.btn_space{
    padding: 15px 0 15px;
}

.btn >h5{
    font-size: 17px;
    font-family: Hiragino Kaku Gothic W6 JIS2004; 
    display: block;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;

}

.btn >p,.btn_sold >p{
    font-size: 17px;
    border: 1px solid #fff;
    text-align: center;
    width: 200px;
    margin: 0 auto;
}

.btn >p >a,.btn_sold >p >a{
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-family: Hiragino Kaku Gothic W3 JIS2004;      
    padding: 5px 0;
    text-align: center;
    display: block;
}

.for_sale h4,
.for_rent h4{
    margin-top: 20px;
    font-size: 20px;
    color: #656464;
    text-align: center;
    padding-bottom: 10px;
}

.for_rent .btn02{
    background: #0085cd;
    margin-top: 10px;
    padding: 15px 0 0;
}

.three_Column{
    display: flex;
    flex-wrap: wrap;
}



.three_Column li{
    margin-top: 20px;
    width: 30%;
    margin-right: 33px;
        
}

.three_Column li:nth-of-type(3n){
    margin-right: 0;
        
}

.three_Column li >.img_box >p img{
  padding: 10px 10px 0 10px;  
        width: 90%;
}


.btn_sold >h5,
.btn02 h5
{
    font-size: 12px;
    font-family: Hiragino Kaku Gothic W6 JIS2004;
    display: block;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
}

.btn02 a{
    text-decoration: none;
}


/*add_2406*/

.box_Area1 >ul >li{  
    background-color: #fff;    
   }
   .box_Area1 >ul >li.full_box{
       margin-top: 30px;  
   }
.luxury_box{
    margin-top: 32px; 
}

.luxury_box li{
    margin: 20px auto;
}

.luxury_box li .img_box img{
    width: 100%;
}
.luxury_btn{
background: #000;
padding: 15px 0 15px;
}

.luxury_btn >h5 {
    font-size: 17px;
    font-family: Hiragino Kaku Gothic W6 JIS2004;
    display: block;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
}

.luxury_btn >p {
    font-size: 17px;
    border: 1px solid #fff;
    text-align: center;
    width: 200px;
    margin: 0 auto;
}

.luxury_btn >p >a, .btn_sold >p >a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-family: Hiragino Kaku Gothic W3 JIS2004;
    padding: 5px 0;
    text-align: center;
    display: block;
}

.luxury_notice{
    font-size: 14px !important;
    line-height: 23px !important;
    color: #000 !important;
    font-weight: bolder !important;
    margin: 20px 0 !important;
}