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

/* header
---------------------------------------------------------------------------- */

header{
	background:url(../img/under/under_head_bg.gif) repeat-x left bottom;
    margin-bottom:0px;
	padding-bottom:20px;
    font-size:12px;
    overflow:hidden;
    zoom:1;
}

    header div{
        width:940px;
        margin:0 auto;
        overflow:hidden;
        zoom:1;
    }
    
        header div ul.float_right{
            padding:5px 0;
        }
        
        header ul.float_right li{
            float:left;
            background:url(../img/common/arrow_p.png)#783E8A no-repeat 10px 4px;
            margin-left:20px;
            padding:0 20px 0 25px;
			line-height:20px;
        }
        
        header ul.float_right li a:link,
		header ul.float_right li a:visited,
		header ul.float_right li a:hover,
		header ul.float_right li a:active{
            color:#FFF;
        }


/* nav
---------------------------------------------------------------------------- */

header nav{
    clear:both;
    overflow:hidden;
    zoom:1;
}

	header h1{
		float:left;
		width:54%;
		margin-left:10px;
		padding-top:5px;
	}
    
    header nav div ul{
        float: none;
        margin-top:0;
        padding: 0 0 7px;
        overflow: hidden;
        zoom: 1;
    }
    
    header nav div li{
        float:left;
        border-left:#783E8A 1px solid;
    }
	    
    header nav div li a{
        display:block;
        width:93px;
        height:inherit;
        text-align:center;
    }
	
	header nav div li:nth-of-type(5) a {
		width:104px;
	}
		
		#gnavi ul{
			float:none;
		}
		
			#gnavi ul li:first-child {
				border:none;
				padding:0 26px 0 0;
				margin:0;
			}
		
			#gnavi ul li:first-child a{
				width:inherit;
				padding:0;
			}
		
			#gnavi ul li:first-child a:hover{
				background:none;
			}
		
			#gnavi ul li{
				float:left;
				line-height:inherit;
				margin-top: 12px;
				margin-left:9px;
				margin-right:0;
				padding-left:14px;
				padding-right:8px;
				font-weight:bold;
			}
			
			#gnavi ul li:last-child{
				border-right:#783E8A 1px solid;
				padding-right:15px;
			}


/* main_img */
.main_img{
    border-bottom:#783E8A 1px solid;
}

.main_top{
    background:#FFF;
}

    .main_top div{
        background:url(../img/under/bg_title01.jpg) center top no-repeat;
        /*width:1160px;*/
        margin:0 auto;
        height: 100px;
    }
    
    .main_top div h2{
        width: 900px;
        margin: 0 auto;
        padding-top:35px;
        color:#783E8A;
        font-weight:bold;
        font-size:30px;
    }


/* wrap
---------------------------------------------------------------------------- */
#wrap{
    width:940px;
    margin:0 auto 70px;
    clear:both;
    overflow:hidden;
    zoom:1;
}

#pankuzu{
    margin:8px 0;
    overflow:hidden;
    zoom:1;
}

    #pankuzu li{
        float:left;
        padding-right: 10px;
        color:#783E8A;
    }
    
    #pankuzu li a{
        color:#783E8A;
    }
    
    #pankuzu li:first-child{
        background:url(../img/common/icon-home.gif) no-repeat 0 3px;
        padding-left:23px;
    }

/* Body
---------------------------------------------------------------------------- */
body {
	position: relative;
	width:100%;
	text-align:left;
}

/* under.css */

.under #left_wrap h3{
	background:url(../img/common/title-bg.gif)#783E8A repeat-x bottom left;
	margin-bottom: 20px;
	padding-left:20px;
	color:#FFF;
	line-height:45px;
	font-size:20px;
	font-weight:bold;
}

.under #left_wrap .border_bottom h4 {
	border-left: 5px solid #783E8A;
    margin: 0px;
    padding-left: 10px;
    line-height: normal;
    color: #000;
    font-size: 16px;
	font-weight:bold;
}


.under #left_wrap h5{
	background:url(../img/common/icon-arrow.png) no-repeat 0;
	margin: 20px 0 10px 10px;
	padding-left:18px;
	font-weight:bold;
	font-size: 14px;
}

.under #left_wrap table{
	width:678px;
	margin:20px 10px;
}

.under #left_wrap table th{
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;
	background:#F3EEF4;
	width:27%;
	padding:10px 0 10px 20px;
    vertical-align: top;
    text-align: left;
}

.under #left_wrap table td{
	background: #fff;
	border-top:#999999 1px solid;
	border-right:#999999 1px solid;
	border-left:#999999 1px solid;
	width:73%;
	padding:10px 20px;
    vertical-align: top;
    text-align: left;
}

.under #left_wrap table tr:last-child th,
.under #left_wrap table tr:last-child td{
	border-bottom:#999999 1px solid;
}

.under #left_wrap dt{
	position: relative;
}

.under #left_wrap dt span{
	position: absolute;
}

.under #left_wrap dd{
	padding-left:15px;
}

.under #left_wrap aside{
	margin-left: 10px;
	color:#7C5925;
}

.under #left_wrap aside span{
	display:block;
	padding-left:15px;
}

.under #left_wrap section:last-of-type{
    margin-bottom:0;
}

.border_bg {
    background: #fff;
    border: 1px solid #999;
    padding: 3px;
}

.border_bg10 {
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
}

.border_bottom {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

#left_wrap section {
    margin-bottom: 50px;
    clear: both;
    overflow: hidden;
}

.under .form_btn{
	border:#999 1px solid;
	margin:30px 10px 0 10px;
	background: #fff;
}

	.under .form_btn div{
		margin:10px 20px;
		overflow:hidden;
		zoom:1;
	}
	
		.under .form_btn div div{
			float:left;
			border-right: #999 1px dotted;
			margin:0;
			padding-right:25px;
			overflow:hidden;
			zoom:1;
		}
		
			.under .form_btn div div address{
				background:url(../img/common/icon-tel.gif) no-repeat 0;
				padding-left:20px;
			}
			
				.under .form_btn div div address a{
					font-size:20px;
					font-weight:bold;
				}
			
		.under .form_btn div ul{
			float:left;
			margin-top:8px;
		}
		
		.under .form_btn div ul li{
			float:left;
			margin-left:25px;
		}

/* 物件一覧
---------------------------------------------------------------------------- */
.pro_box{
	margin-bottom:50px;
	clear:both;
	overflow:hidden;
	zoom:1;
}

.pro_box h4 a{
	color:#000;
}

.pro_box div:nth-of-type(2){
	position:relative;
	overflow:hidden;
	zoom:1;
}

.pro_box div:nth-of-type(2) p.border_bg{
	float:left;
	width:270px;
}

.pro_box div:nth-of-type(2) p.border_bg a{
	display:block;
}

.pro_box div:nth-of-type(2) p.border_bg img{
	max-width:100%;
}

.pro_box div:nth-of-type(2) div{
	float:left;
	margin-left:34px;
	width: 350px;
}

.pro_box div:nth-of-type(2) div dl{
	padding:3px 0;
	clear:both;
	overflow:hidden;
}

.pro_box div:nth-of-type(2) div dl dt{
	float:left;
	width:22%;
	padding-left:10px;
	color:#783E8A;
	font-weight:bold;
}

.pro_bana {
    display: flex;
}
.pro_bana li {
    margin-right: 10px;
}
.pro_bana li img {
    width: 240px;
}

.under #left_wrap .pro_box div:nth-of-type(2) div dl dd{
	float:right;
	width:75%;
	padding-left:0;
}

.under #left_wrap .pro_box div:nth-of-type(2) div dl.ttl_long dt{
	width: auto;
}

.under #left_wrap .pro_box div:nth-of-type(2) div dl.ttl_long dd{
	width: auto;
	float: left;
	margin-left: 15px;
}

	.pro_box div:nth-of-type(2) div dl dt.ttl{
		padding-left:0;
		font-size:14px;
		font-weight:bold;
		color:#000;
		margin-top: 4px;
	}
	
	.pro_box div:nth-of-type(2) div dl dt.ttl span{
		background:#FFF100;
		padding:2px 10px 0;
	}
	
	.under #left_wrap .pro_box div:nth-of-type(2) dt.ttl span {
	    position: inherit;
	}
	
	.pro_box div:nth-of-type(2) div dl dd.price{
		color:#FF0000;
		font-weight:bold;
		font-size:18px;
	}

.pro_box div:nth-of-type(2) div dl{
	border-bottom:#999999 1px dotted;
}

.pro_box div:nth-of-type(2) div dl:first-of-type,
.pro_box div:nth-of-type(2) div dl:last-of-type {
	border-bottom: 0;
}

.pro_box div:nth-of-type(2) div p{
	background: url(../img/common/arrow_p.png) no-repeat 10px 4px #783E8A;
	width:77px;
	padding: 0px 10px 0px 28px;
	line-height: 20px;
	float: right;
}

.pro_box div:nth-of-type(2) div p a{
	color:#fff;
}


/* 物件詳細
---------------------------------------------------------------------------- */
.pro_in{
	margin:0 10px;
	clear:both;
	overflow:hidden;
	zoom:1;
}

.pro_in .panorama object {
    width: 100%;
    height: 550px;
}

.property_in .pro_access{
	padding: 0 10px;
	clear:both;
	overflow:hidden;
	zoom:1;
}

.property_in .pro_access .border_bg{
	float:left;
}

.property_in .pro_access p{
	float:right;
	width:312px;
}

.property_in .pro_access p img{
	max-width:100%;
}

.property_in .pro_loca p{
	width:330px;
	line-height:1.6;
}

.property_in .pro_loca p:nth-of-type(2n+1){
	float:left;
	margin: 0 0 10px 10px;
}

.property_in .pro_loca p:nth-of-type(2n){
	float:right;
	margin: 0 10px 10px 0;
}

.property_in .pro_loca p:last-of-type{
	margin-bottom: 0;
}

.property_in .pro_photo{
	border-bottom:#999 1px dotted;
	padding:10px 0;
	clear:both;
	overflow:hidden;
	zoom:1;
}

.property_in .pro_photo:last-of-type{
	border-bottom: none;
}
	
.property_in .pro_photo li{
	float:left;
	background: none;
	border: 1px solid #999;
	width: 24.25%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 3px;
	box-sizing: border-box;
	text-align: center;
}

.property_in .pro_photo li:nth-child(4n){
	margin-right:0;
}


.property_in .pro_photo li img{
	max-width:100%;
	max-height:100%;
}

.ritsumen {
	clear: both;
	overflow: hidden;
}

.ritsumen li {
	float: left;
}


/* ギャラリー
---------------------------------------------------------------------------- */
.gallery_text_link{
	background: url(../img/common/arrow_p.png) no-repeat 10px 4px #783E8A;
	float: right;
	width: 100px;
	line-height: 20px;
	margin-top:10px;
	padding: 0px 10px 0px 28px;
}

.gallery_text_link a{
	color: #fff;
}

.line_purple {
	height: 5px;
	background: #783E8A;
	margin: 0 0 40px;
}

.home01 {
	border-bottom: 1px dotted #CDCDCD;
    margin: 20px 10px 0px;
    padding-bottom: 15px;
    clear: both;
    overflow: hidden;
}

	.home01 div {
		width: 330px;
		overflow: hidden;
	}
	
	.home01 div p:nth-child(1){
		background:url(../img/common/icon-arrow.png) no-repeat 0;
		margin-bottom: 5px;
		padding-left: 10px;
		font-weight: bold;
	}
	
	.home01 div p:nth-child(3){
		width: 150px;
		margin: 0px;
		padding: 0px;
		font-size: inherit;
		font-weight: normal;
	}

.home02 {
	border-bottom: 1px dotted #CDCDCD;
    margin: 20px 10px 0px;
    padding-bottom: 15px;
    clear: both;
    overflow: hidden;
}

	.home02 div p:nth-child(1){
		background:url(../img/common/icon-arrow.png) no-repeat 0;
		margin-bottom: 5px;
		padding-left: 10px;
		font-weight: bold;
	}
	
.home03 {
	margin: 20px 10px 0px;
    padding-bottom: 15px;
    clear: both;
    overflow: hidden;
}

.gallery_wrap div{
	border-bottom: 1px dotted #CDCDCD;
	padding: 10px 0;
	clear:both;
	overflow:hidden;
	zoom:1;
}

.gallery_wrap div:first-of-type{
	padding: 0 0 10px;
}

.gallery_wrap div:last-of-type{
	border-bottom:none;
}

.gallery_wrap div p{
	float:left;
	width: 212px;
	margin-right:17px;
}

.gallery_wrap div p:last-of-type{
	margin-right:0;
}

/* 下層ページ共通部分
---------------------------------------------------------------------------- */
/*#service #left_wrap h4,
#flow #left_wrap h4,
#company #left_wrap h4,
#recruit #left_wrap h4,
#form #left_wrap h4,
#privacy #left_wrap h4,
#sitemap #left_wrap h4*/
#service #left_wrap .border_bottom h3,
#flow #left_wrap h4,
#company #left_wrap .border_bottom h3,
#recruit #left_wrap .border_bottom h3,
#form #left_wrap .border_bottom h3,
#privacy #left_wrap .border_bottom h3,
#sitemap #left_wrap .border_bottom h3{
	border-left:#A5CA39 5px solid;
}

#flow #left_wrap h5,
#recruit #left_wrap h4{
	background: url(../img/common/arrow_lime_cs.png) no-repeat left 4px;
	margin:50px 0 0;
	padding-left:18px;
	font-weight:bold;
	font-size: 14px;
}

/* form */
#form #left_wrap a{
    color:#53AC2C;
}

.form #left_wrap span{
    color:#F00;
}

#form #left_wrap .mr_ml10 p:first-child{
	padding-bottom:30px;
}

#contact_form p{
    margin-bottom: 5px;
    color:#F00;
    font-size:14px;
}

/*#contact_form table:last-of-type{
    margin:0 0 15px;
}*/

#left_wrap #contact_form table th{
    line-height:2;
    padding:8px 10px 7px 20px;
}

#left_wrap #contact_form table td{
    padding:5px 20px;
    vertical-align:inherit;
}

#left_wrap #contact_form table:nth-of-type(3) tr:first-of-type td{
    padding:8px 20px;
}

#contact_form input[type="radio"],
#contact_form input[type="checkbox"] {
    vertical-align:middle;
}

#contact_form input[type="radio"]{
    margin-left:16px;
}

    #contact_form input[type="radio"]:first-child{
        margin-left:0;
    }

    /*#contact_form input[type="checkbox"]:nth-of-type(2n){
        margin-left:60px;
    }*/

#contact_form textarea,
#contact_form input[type="text"]{
    border:#999 1px solid;
    padding: 5px;
	font-size:12px;
}

#contact_form select{
    border:#999 1px solid;
    padding: 2px;
}

#contact_form div{
    text-align: center;
}

#contact_form button{
    border:none;
    cursor: pointer;
}

    #contact_form button:hover img{
        opacity:0.7;
        filter: alpha(opacity=70);
    }

#errorWrap{
	padding:0 10px;
}

#errorWrap p{
	text-align:left;
	margin-top: 20px;
	padding-bottom:0;
	color:#f00;
	font-weight: bold;
}

#errorWrap li{
	text-align:left;
	color:#f00;
}

.form_h4{
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
/* reform
---------------------------------------------------------------------------- */
.reform section ul{
	margin-bottom:20px;
}

.reform section ul li{
	background:url(../img/common/icon-arrow.png) no-repeat 0 7px;
	margin-left:10px;
	padding-left:15px;
	font-size:14px;
}

.reform01{
	background:#000;
	margin-bottom:20px;
	text-align:center;
	font-size:18px;
	color:#fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}


.reform_example {
	margin: 0 10px 10px;
	clear: both;
	overflow: hidden;
}

.reform_example p {
	width: 49%;
	float: left;
	margin-bottom: 10px;
}

.reform_example p:nth-of-type(2n+1) {
	margin-right: 2%;
}



/* recruit
---------------------------------------------------------------------------- */
.recruit #left_wrap table tr td dl{
	line-height:1.1;
}

	.recruit #left_wrap table tr td dl dt{
		padding-left:24px;
		font-size:9px;
	}
	
	.recruit #left_wrap table tr td dl dd{
		padding-left:0;
	}

.recruit #left_wrap .clear {
	clear: both;
	overflow: hidden;
}

.recruit #left_wrap table {
	margin: 20px 0;
}

.recruit #left_wrap table.float_left {
	float: left;
	width: 49%;
}

.recruit #left_wrap table.float_right {
	float: right;
	width: 49%;
}

.recruit #left_wrap table tr th {
	width: 23%;
	padding: 10px 0 10px 10px;
}

.recruit #left_wrap table tr td {
	width: auto;
	padding: 10px;
}


/* company
---------------------------------------------------------------------------- */
.company #left_wrap table tr:first-of-type td{
	line-height:1.1;
}

	.company #left_wrap table tr:first-of-type td span{
		padding-left:24px;
		font-size:9px;
	}


/* privacy
---------------------------------------------------------------------------- */
.privacy #left_wrap div p{
	margin:10px;
}

.privacy #left_wrap ul{
	margin:0 10px;
}

.privacy #left_wrap hr{
	margin:0 10px 10px 10px;
}

	.privacy #left_wrap ul li{
		margin-bottom:10px;
	}

.privacy #left_wrap ol{
	border: #999 1px solid;
	margin: 10px;
	padding:10px 10px 10px 30px;
}

	.privacy #left_wrap ol li{
		margin-bottom:0;
	}

.privacy #left_wrap dl{
	margin:0 10px;
}

	.privacy #left_wrap dl dt{
		/*background:url(../img/common/icon-arrow.png) no-repeat 0 8px;
		padding-left: 15px;
		font-size:14px;*/
		font-weight:bold;
	}

	.privacy #left_wrap dl dd{
		padding-left: 0;
	}

	.privacy #left_wrap dl dd li{
		list-style: disc;
		margin-left: 15px;
	}

	.privacy #left_wrap dl dd:last-of-type{
		line-height:1.1;
	}

		.privacy #left_wrap dl dd address{
			line-height:1.8;
		}

		.privacy #left_wrap dl dd span{
			padding-left:24px;
			font-size:9px;
			line-height: 1.8;
		}


/* sitemap
---------------------------------------------------------------------------- */
.sitemap #left_wrap ul li{
	background:url(../img/common/icon-arrow.png) no-repeat 0 9px;
	margin-left:10px;
	padding-left:15px;
	line-height:2;
	font-size:14px;
}

.sitemap #left_wrap ul li a{
	color:#000;
}

/* ------ 仲介手数料無料 --------*/
.free_tit{
    font-size: 27px;
    font-weight: bold;
    color: red;
    padding-top: 10px;
}

#left_wrap .pro_bana:nth-of-type(2) .free_tit{
    color: #333;
}