@charset "utf-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

                            登戸エステート

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            body
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#index {
    font-family: "lr oSVbN","qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN",sans-serif;
    line-height:1.5;
    font-weight:lighter;
    width:100%;
    margin:0px auto;
    background:url(../../img/index/body_back.gif) repeat-x 0 1px;
    color:#666666;
}
@media (min-width: 0px) and (max-width: 640px) {
	body#index {
		background:none;
	}
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            index recommend class box1
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#recommend.box1 ul {
    height:177px;
}

#recommend.box1 ul li {
    width:463px;
}

#recommend.box1 .left {float:left;}
#recommend.box1 .right {float:right;}

#recommend.box1 dl {
    float:right;
    padding-left:14px;
    width:298px;
}

#recommend.box1 dd {
    float:left;
    width:217px;
    min-height:19px;
    height: auto !important;
    height:19px;
    padding-top:4px;
    display:block;
    background:url(../../img/common/dot_line.gif) repeat-x;
}

#recommend.box1 .first {
    background:none;
}

#recommend.box1 dt {
    clear:both;
    float:left;
    width:68px;
    min-height:19px;
    height: auto !important;
    height:19px;
    padding-top:4px;
    display:block;
    background:url(../../img/common/dot_line.gif) repeat-x;
}


#recommend.box1 .price {
    padding-top:0;
}

#recommend.box1 .price span {
    font-size:250%;
    font-weight:bold;
    color:#FF6600;
}

#recommend.box1 em {
    float:left;
    width:151px;
    height:151px;
    display:block;
    text-align:center;
}

#recommend.box1 strong {
    float:right;
    width:76px;
    height:16px;
    display:block;
    margin-top:17px;
    padding-right:12px;
}

#recommend.box1 h2 {width:950px;height:23px;font-size:0;background:url(../../img/index/index_ttl01.gif) no-repeat;text-indent:-9999px;}

#recommend.box1 em a       {display:block;border:3px solid #FFFFFF;}
#recommend.box1 em a:hover {border:3px solid #f2009a;}

#recommend.box1 strong a {width:76px;height:16px;display:block;background:url(../../img/common/bukken_btn.gif) no-repeat;text-indent:-9999px;}

@media (min-width: 0px) and (max-width: 640px) {
	#recommend {
		overflow:hidden;
	}
	/*
	#recommend.box1 h2 {
		width:auto;
		background-size:contain;
		border:none;
	}
	*/
	#recommend.box1 ul {
		height:auto;
	}
	#recommend.box1 ul li {
		width:auto;
		overflow:hidden;
		margin-top:10px;
		padding:0 10px 10px;
		border-bottom:1px solid #ccc;
	}
	#recommend.box1 .left,
	#recommend.box1 .right {float:none;}
	#recommend.box1 em {
		display:block;
		float:left;
		width:100px;
		height:100px;
		text-align:center;
	}
	#recommend.box1 em a {
		display:block;
		border:1px solid #ccc;
		background:#f3f3f3;
		width:100px;
		height:100px;
		line-height:98px;
		box-sizing:border-box;
	}
	#recommend.box1 em a:hover {
		border-width:1px;
	}
	#recommend.box1 em a img {
		width:100px;
		height:100px;
	}
	#recommend.box1 dl {
		float:none;
		width:auto;
		margin-left:110px;
		padding:0;
		overflow:hidden;
		background:url(../../img/common/dot_line.gif) bottom repeat-x;
	}
	#recommend.box1 dt {
		clear:both;
		float:left;
		width:58px;
		min-height:19px;
		height: auto !important;
		padding-top:4px;
		display:block;
		background:url(../../img/common/dot_line.gif) repeat-x;
	}
	#recommend.box1 dd {
		float:none;
		width:100%;
		min-height:19px;
		height: auto !important;
		padding-top:4px;
		margin-left:63px;
		display:block;
		background:url(../../img/common/dot_line.gif) repeat-x;
	}
	#recommend.box1 .first {
		background:url(../../img/common/dot_line.gif) repeat-x;
	}
	#recommend.box1 .price {
		padding-top:0;
	}
	#recommend.box1 .price span {
		font-size:250%;
		font-weight:bold;
		color:#FF6600;
	}
	#recommend.box1 strong {
		display:block;
		float:none;
		width:auto;
		height:auto;
		margin:10px 0 0;
		padding:0;
	}
	#recommend.box1 strong a {
		position:relative;
		
		display:block;
		width:auto;
		height:32px;
		line-height:32px;
		background:#66CC00;
		text-indent:0;
		text-align:center;
		text-decoration:none;
		color:#fff;
		border-radius:3px;
	}
	#recommend.box1 strong a:after {
		content:"";
		display:block;
		position:absolute;
		right:10px;
		top:50%;
		z-index:1;
		width:5px;
		height:5px;
		border:2px solid #fff;
		margin-top:-4px;
		border-bottom:none;
		border-left:none;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}

}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            index procedure class box1
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#procedure.box1 ul {
    padding:17px 0px 21px 6px;
}

#procedure.box1 li {
    float:left;
    padding-right:34px;
    width:272px;
}

#procedure.box1 #step1 {height:70px;margin-bottom:21px;background:url(../../img/common/index_step.gif) no-repeat;text-indent:-9999px;}
#procedure.box1 #step2 {height:70px;margin-bottom:21px;background:url(../../img/common/index_step.gif) no-repeat;text-indent:-9999px;background-position:0 -70px}
#procedure.box1 #step3 {height:70px;margin-bottom:21px;background:url(../../img/common/index_step.gif) no-repeat;text-indent:-9999px;background-position:0 -140px}

#procedure.box1 h2 {width:950px;height:41px;background:url(../../img/index/index_ttl04.png) no-repeat;text-indent:-9999px;}

@media (min-width: 0px) and (max-width: 640px) {
	#procedure {
		float:none;
		width:auto;
		margin:auto;
		background:none;
	}
	/*
	#procedure.box1 h2 {
		background-size:contain;
		background-position:bottom;
		
		width:auto;
		height:13px;
	}
	*/
	#procedure.box1 ul {
		padding:0 10px;
	}
	
	#procedure.box1 li {
		float:none;
		padding:10px 0;
		width:auto;
	    background:url(../../img/common/dot_line.gif) center top repeat-x;
	}
	#procedure.box1 li:first-child {
		background:none;
	}
	#procedure.box1 #step1,
	#procedure.box1 #step2,
	#procedure.box1 #step3 {
		height:70px;
		margin-bottom:10px;
	}

}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            index newMaterial
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#newMaterial {
    float:left;
    width:640px;
    margin:5px 0;
    padding-bottom:5px;
    background:url(../../img/index/bottom_box2.gif) center bottom no-repeat;
}

#newMaterial dl {
    padding:2px 0px 14px 9px;
}

#newMaterial dt {
    width:108px;
    min-height:19px;
    height: auto !important;
    height:19px;
    display:block;
    position:absolute;
    padding:15px 0 10px 24px;
    background:url(../../img/index/arrow2.gif) no-repeat;
    background-position:0 17px;
}

#newMaterial dd {
    width:471px;
    min-height:19px;
    height: auto !important;
    height:19px;
    padding:15px 0 10px 142px;
    background:url(../../img/common/dot_line.gif) repeat-x;
    background-position:bottom;
}

#newMaterial h2 {width:640px;height:47px;background:url(../../img/index/index_ttl02.png) no-repeat;text-indent:-9999px;}
@media (min-width: 0px) and (max-width: 640px) {
	#newMaterial {
		float:none;
		width:auto;
		margin:auto;
		background:none;
	}
	/*
	#newMaterial h2 {
		background-size:contain;
		background-position:bottom;
		
		width:auto;
		height:25px;
	}
	*/
	#newMaterial dl {
		padding:0 10px 10px;
	}
	#newMaterial dt {
		width:auto;
		min-height:auto;
		height: auto !important;
		position:static;
		padding:10px 0 0 18px;
		background-position:0 14px;
	}
	#newMaterial dd {
		width:auto;
		min-height:auto;
		height: auto !important;
		padding:0 0 10px;
	}
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            index info
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#info {
    float:right;
    width:300px;
    margin:5px 0;
    padding-bottom:5px;
    background:url(../../img/index/bottom_box3.gif) no-repeat;
    background-position:bottom;
}

#info ul {
    padding:7px 0px 0 9px;
}

#info li {
    width:277px;
    padding-top:9px;
    background:url(../../img/common/dot_line.gif) repeat-x;
    background-position:bottom;
}

#info li.end {
    background:none;
}

#info dt {
    height:24px;
    color:#000000;
    padding-left:21px;
}

#info dd {
    min-height:18px;
    height: auto !important;
    height:18px;
    padding:0 0 10px 21px;
    background:url(../../img/index/arrow2.gif) no-repeat;
}

#info #facebookFrame {
    display:block;
    width:120px;
    height:121px;
    margin:0 auto;
}

#info #facebookFrame img {
    display:block;
    width:120px;
    height:111px;
}

#info h2 {width:300px;height:47px;background:url(../../img/index/index_ttl03.png) no-repeat;text-indent:-9999px;}

@media (min-width: 0px) and (max-width: 640px) {
	#info {
		float:none;
		width:auto;
		margin:auto;
		padding:0;
		background:none;
	}
	/*
	#info h2 {
		background-size:contain;
		background-position:bottom;
		
		width:auto;
		height:47px;
	}
	*/
	#info ul {
		padding:0 10px 10px;
	}
	#info li {
		width:auto;
		padding:10px 0;
	}
	#info dt {
		font-weight:bold;
		
		height:auto;
		color:#000000;
		padding:0 0 5px;
	}
	#info dd {
		min-height:auto;
		height: auto !important;
		padding:0 0 0 21px;
		background:url(../../img/index/arrow2.gif) 0 0.3em no-repeat;
	}
	
	#info #facebookFrame {
		display:block;
		width:120px;
		height:111px;
		margin:0 auto;
	}
	
	#info #facebookFrame img {
		display:block;
		width:120px;
		height:111px;
	}

}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            bannerDetail
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#bannerDetail {clear:both;width:910px;margin:0px auto 13px auto;}
#bannerDetail a {width:910px;height:116px;display:block;background:url(../../img/index/banner_03.png) no-repeat;text-indent:-9999px;}

@media (min-width: 0px) and (max-width: 640px) {
	#bannerDetail {
		width:auto;
		margin:15px 20px;
	}
	#bannerDetail a {
		width:100%;
		height:auto;
		padding-top:26.1%;
		display:block;
		background:url(../../img/index/banner_03_sp.png) 0 0 no-repeat;
		background-size:contain;
		text-indent:0;
		font-size:14px;
		text-align:center;
	}
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

                            登戸エステート

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */