@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#conts .content .contentBg {
	padding-top: 15px;
}

#conts .comInner {
	margin-bottom: 24px;
}

#conts .comInner .innerBg {
	padding-bottom: 20px;
}

#conts .textImg {
	margin-bottom: 24px;
}

#conts .ttlImg {
	margin-bottom: 20px;
	padding: 14px 11px;
	background: url(../images/common/line12.gif) repeat-x left bottom;
}

#conts .headLine02 {
	margin: 0 10px 27px;
}

#conts .inner {
	margin: 0 12px 0 14px;
}

#conts .inner .photoBox {
	float: right;
}

#conts .inner .textBox {
	width: 450px;
	float: left;
}

#conts .inner .textBox p {
	margin-bottom: 16px;
	font-size: 13px;
	line-height: 1.4;
}

#conts .inner .textBox p span {
	color: #FF3F00;
	font-weight: bold;
}

#conts .imgInner {
	margin-bottom: 26px;
	padding: 16px 15px 12px;
	background-color: #FFF;
	border: 1px solid #DDD;
}

#conts .imgInner .text {
	margin: 0 2px 16px;
}

#conts .imgInner .photoBox {
	float: left;
}

#conts .imgInner .textBox {
	margin-top: 3px;
	width: 410px;
	float: right;
}

#conts .imgInner .textBox p {
	font-size: 13px;
}

#conts .imgInner .textBox .subText {
	margin: 10px 0 16px;
	padding: 10px 12px 7px;
	position: relative;
	border: 3px solid #FF4E4E;
}

#conts .imgInner .textBox .subText p {
	margin-bottom: 5px;
}

#conts .imgInner .textBox .subText li {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
}

#conts .imgInner .textBox .text02 {
	color: #FF4D4D;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#conts .imgInner .textBox .subText img {
	position: absolute;
	left: 50%;
	bottom: -12px;
}

#conts .inner02 {
	padding: 8px 12px 0 12px;
}

#conts .inner02 .photoBox {
	float: right;
}

#conts .inner02 ul {
	padding: 15px 13px 17px;
	width: 298px;
	float: left;
	border: 3px solid #FF4101;
}

#conts .inner02 li {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}

#conts .inner02 li span {
	color: #FF3F00;
}

#conts .pageBox {
	margin: 20px 12px 0;
	border: 2px solid #FFC601;
}

#conts .pageBox .title {
	padding: 7px 11px 6px;
	background: url(../images/inheritance/p_bg.gif) repeat left top;
	border-bottom: 2px solid #FFC601;
}

#conts .pageBox .subBox {
	padding: 17px 14px 14px 17px;
}

#conts .pageBox ul {
	padding: 2px 25px 0 0;
	float: left;
	border-right: 1px solid #CCC;
}

#conts .pageBox li {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
}

#conts .pageBox .linkBox {
	margin-top: 10px;
	width: 340px;
	float: right;
}

#conts .pageBox .linkBox p {
	margin-top: 6px;
	color: #1F1F1F;
	float: left;
	font-size: 13px;
}

#conts .pageBox .linkBox .link {
	float: right;
}

#conts .bother {
	margin: 0 12px 32px;
	padding: 0 28px 0 9px;
	position: relative;
	border: 3px solid #0268CC;
}

#conts .bother .photoBox {
	margin-top: -107px;
	float: right;
}

#conts .bother .textBox {
	padding-top: 13px;
	float: left;
}

#conts .bother .textBox .text {
	margin-bottom: 15px;
}

#conts .bother .textBox p {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
}

#conts .bother .positionImg {
	position: absolute;
	left: 49%;
	bottom: -18px;
}

#conts .btmInner {
	margin: 0 13px;
	padding-bottom: 7px;
}

#conts .btmInner .photoBox {
	float: left;
}

#conts .btmInner .textBox {
	width: 380px;
	float: right;
}

#conts .btmInner .textBox p {
	font-size: 13px;
	line-height: 1.4;
}

#conts .btmInner .textBox .text {
	margin: 22px 0 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
}

#conts .btmInner .textBox .link {
	margin-top: 9px;
	text-align: right;
}

@media all and (min-width: 0) and (max-width: 640px)  {
	#conts .comInner .innerBg {
		padding-bottom: 10px;
	}
	
	#conts .textImg img {
		width: 100%;
	}
	
	#conts .ttlImg {
		margin-bottom: 10px;
	}
	
	#conts .ttlImg img {
		width: 100%;
	}
	
	#conts .inner {
		margin: 0 10px;
	}
	
	#conts .inner .photoBox {
		margin-bottom: 10px;
		float: none;
	}

	#conts .inner .photoBox img {
		width: 100%;
	}
	
	#conts .inner .textBox {
		width: auto;
		float: none;
	}
	
	#conts .imgInner .text img {
		width: 100%;
	}
	
	#conts .imgInner .photoBox {
		margin-bottom: 10px;
		float: none;
	}
	
	#conts .imgInner .photoBox img {
		width: 100%;
	}
	
	#conts .imgInner .textBox {
		width: auto;
		float: none;
	}
	
	#conts .imgInner .textBox .subText li {
		font-size: 14px;
	}
	
	#conts .imgInner .textBox .text02 {
		font-size: 18px;
	}
	
	#conts .inner02 .photoBox {
		margin-bottom: 10px;
		float: none;
	}

	#conts .inner02 .photoBox img {
		width: 100%;
	}
	
	#conts .inner02 ul {
		width: auto;
		float: none;
	}
	
	#conts .inner02 li {
		font-size: 15px;
	}
	
	#conts .pageBox .subBox {
		padding: 10px;
	}
	
	#conts .pageBox ul {
		width: auto;
		float: none;
		border: none;
	}
	
	#conts .pageBox li {
		font-size: 14px;
	}
	
	#conts .pageBox .linkBox {
		width: auto;
		float: none;
	}
	
	#conts .pageBox .linkBox p {
		float: none;
	}

	#conts .pageBox .linkBox .link {
		margin-top: 5px;
		float: none;
		text-align: right;
	}
	
	#conts .bother {
		padding: 0 10px 10px;
	}
	
	#conts .bother .photoBox {
		margin-top: -10px;
		float: none;
		text-align: center;
	}
	
	#conts .bother .textBox {
		width: auto;
		float: none;
	}
	
	#conts .bother .textBox .text img {
		width: 90%;
	}
	
	#conts .btmInner .photoBox {
		margin-bottom: 10px;
		float: none;
	}

	#conts .btmInner .photoBox img {
		width: 100%;
	}
	
	#conts .btmInner .textBox {
		width: auto;
		float: none;
	}
	
	#conts .btmInner .textBox .title img {
		width: 80%;
	}

	#conts .btmInner .textBox p {
		font-size: 12px;
	}
	
	#conts .btmInner .textBox .text {
		margin: 15px 0 10px;
		font-size: 13px;
	}
		
	
}