h4{
	margin:40px 10px 10px 10px;
	font-size:20px;
}
#price img.tel{
	width:100%;
}
.uttl{
	background-color: #AF845C;
    margin: 20px 0 0 0;
    padding: 6px 0px 4px 25px;
    color: #ffffff;
    font-weight: bold;
    font-size:28px;
}
.uContents{
    background-color: #ffffff;
    width: 918px;
    padding: 30px 30px;
    margin: 0px 0 0 0;
    border: 1px solid #AF845C;
}
.priceDiv{
	width:960px;
	border:1px solid #ccc;
	background:#fff;
	padding:10px 10px 10px 10px;
}

.chiryoTable {
	width:100%;
	overflow:hidden; /*floatしたので高さ確保*/
	border:1px solid #ccc;
	border-top:none; /*dt,dd設定とかぶるので*/
	background:#ddd;
}
.chiryoTable dt{  }
.chiryoTable dt{
	width:260px;
	float:left;
	padding:10px;
	border-top:1px solid #ccc;
}
.chiryoTable dd{ /*width:100%;*/ }
.chiryoTable dd{
	margin-left:280px; /*dtの横幅にあわせて(padding含)*/
	padding:10px;
	border-left:1px solid #ccc; /*長くなる要素にあわせて*/
	border-top:1px solid #ccc;
	background:#fff;
}

.chiryoTable dd:after{
	clear:both;
}

/* ------------------------------------------------------------------------------

------------------------------------------------------------------------------ */
@media screen and (max-width: 980px) {

#price img.tel{
	width:96%;
}

.uttl{
    width: 78%;
    padding: 10px 10%;
    margin: 0 auto;
    border: 1px solid #AF845C;
}
.uContents{
    width: 90%;
    padding: 20px 4%;
    margin: 0 auto;
}
.priceDiv{
	width:88%;
	margin:0 2% 2% 2%;
	padding:4%;
}
.chiryoTable {
	width:96%;
	margin:0 2% 2% 2%;
}
.chiryoTable dt{
	width:180px;
}
.chiryoTable dd{
	margin-left:200px; /*dtの横幅にあわせて(padding含)*/
}


}
/* ------------------------------------------------------------------------------

------------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {

.chiryoTable dt{
	width:60%;
}
.chiryoTable dd{
	margin-left:60%;
}


}