@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#conts .content .contentBg {
	padding-top: 16px;
}

#conts .textImg {
	margin-bottom: 20px;
}

#conts .comInner {
	margin-bottom: 26px;
	padding-bottom: 14px;
}

#conts .comInner .innerBg {
	padding: 0 12px 0 11px;
}

#conts .comInner p {
	font-size: 13px;
}

#conts .ttlImg {
	margin: 0 -12px 27px -11px;
	padding: 13px 11px 14px;
	background: url(../images/common/line12.gif) repeat-x left bottom;
}

#conts .ttlImg02 {
	margin-bottom: 18px;
}

#conts .inner {
	margin-top: 33px;
	border: 3px solid #FF4101;
}

#conts .inner .photo {
	margin-top: -29px;
	float: right;
}

#conts .inner .textBox {
	margin-right: -25px;
	padding: 0 0 0 13px;
	width: 390px;
	float: left;
}

#conts .inner .textBox p {
	margin: -15px 0 5px 5px;
}

#conts .inner .textBox li {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
}

#conts .imgBox {
	margin: 0 -13px 21px 0;
}

#conts .imgBox .photoBox {
	float: right;
}

#conts .imgBox .textBox {
	margin: 15px -74px 0 0;
	width: 407px;
	float: left;
}

#conts .imgBox .textBox .textUl01 {
	margin-bottom: 17px;
	padding: 10px 10px 6px;
	width: 304px;
	border: 3px solid #FFD544;
}

#conts .imgBox .textBox .textUl01 li {
	padding: 0 0 0 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8;
	background: url(../images/common/icon/icon21.gif) no-repeat left 4px;
}

#conts .imgBox .textBox .textUl02 {
	margin-top: 7px;
	padding: 13px 8px 7px;
	background-color: #FFF;
	border: 2px solid #4BA601;
}

#conts .imgBox .textBox .textUl02 li {
	color: #111;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8;
}

#conts .comInner .textImg {
	margin-bottom: 0;
	text-align: center;
}

#conts .banner {
	margin-bottom: 24px;
}

#conts .confidential {
	position: relative;
	background-color: #FFF;
	border: 1px solid #DDD;
}

#conts .confidential .title {
	position: absolute;
	left: 18px;
	top: -4px;
}

#conts .confidential .subBox {
	margin: 2px;
	padding: 1px 21px 7px 80px;
	background: url(../images/neighborhood/bg.jpg) repeat-y left top;
}

#conts .confidential .photoBox {
	float: right;
}

#conts .confidential .textBox {
	margin-top: 28px;
	float: left;
}

#conts .confidential p {
	margin-bottom: 7px;
	font-size: 15px;
	font-weight: bold;
}

#conts .confidential p span {
	background: url(../images/common/span_bg.gif) repeat-x left 15px;
}

@media all and (min-width: 0) and (max-width: 640px)  {
	#conts .textImg img {
		width: 100%;
	}
	
	#conts .ttlImg {
		margin-bottom: 15px;
	}
	
	#conts .ttlImg img {
		width: 100%;
	}
	
	#conts .inner {
		margin-top: 30px;
	}
	
	#conts .inner .photo {
		margin-top: -10.6%;
		float: none;
	}
	
	#conts .inner .photo img {
		width: 100%;
	}
	
	#conts .inner .textBox {
		margin: 0;
		padding: 10px;
		width: auto;
		float: none;
	}
	
	#conts .inner .textBox p {
		margin: 0;
	}
	
	#conts .inner .textBox p img {
		width: 50%;
	}
	
	#conts .inner .textBox li {
		padding-left: 1.0em;
		font-size: 14px;
		line-height: 1.4;
		text-indent: -1.0em;
	}
	
	#conts .imgBox {
		margin: 0 0 10px;
	}
	
	#conts .imgBox .photoBox {
		float: none;
	}

	#conts .imgBox .photoBox img {
		width: 100%;
	}
	
	#conts .imgBox .textBox {
		margin: 0;
		padding-top: 10px;
		width: auto;
		float: none;
	}
	
	#conts .imgBox .textBox .textUl01 {
		width: auto;
	}
	
	#conts .imgBox .textBox .textUl01 li {
		padding-left: 17px;
		font-size: 13px;
		background-size: 12px 12px;
		background-position: left 5px;
	}
	
	#conts .imgBox .textBox .textUl02 li {
		padding-left: 1.0em;
		font-size: 13px;
		line-height: 1.5;
		text-indent: -1.0em;
	}
	
	#conts .comInner {
		margin-bottom: 15px;
	}
	
	#conts .banner {
		margin-bottom: 15px;
	}
	
	#conts .banner img {
		width: 100%;
	}
	
	#conts .comFree {
		margin-top: 15px;
	}
	
	#conts .confidential .subBox {
		padding: 8px 0 5px 30px;
		background-size: 230px auto;
	}
	
	#conts .confidential .title {
		left: 5px;
	}
	
	#conts .confidential .title img {
		width: 21px;
	}

	#conts .confidential .photoBox {
		width: 30%;
	}

	#conts .confidential .photoBox img {
		width: 100%;
	}
	
	#conts .confidential .textBox {
		padding-right: 32%;
		margin-top: 0;
		width: auto;
		float: none;
	}
	
	#conts .confidential p {
		font-size: 13px;
	}
	
	#conts .confidential p span {
		background-position: left 13px;
	}
	
}

