@charset "utf-8";


/* 法律・敷地の基礎知識
=========================================================================*/
.contentsBoxSection{
	margin:20px 0 0 10px;
	padding:0;
	width:671px;
	clear:both;
	}
.contentsBoxSection p{
	margin:0;
	line-height:180%;
	}

p.knowledgeLead{
	margin:0 0 15px 0;
	line-height:180%;
	}
.ScontentsAreaBox{
	margin:0 0 20px 0;
	width:690px;
	overflow:hidden;
	}
.ScontentsAreaLeft{
	float:left;
	margin:0;
	padding:0 0 14px 0;
	width:336px;
	border:1px solid #CCC;
	background:url(../img/contents_bg_s.jpg) no-repeat 2px 2px;
	}
.ScontentsAreaRight{
	float:right;
	margin:0;
	padding:0 0 14px 0;
	width:336px;
	border:1px solid #CCC;
	background:url(../img/contents_bg_s.jpg) no-repeat 2px 2px;
	}
.ScontentsAreaBox .stit{
	margin:0 0 12px 7px;
	padding:12px 0 0 3px;
	width:320px;
	height:27px;
	border-bottom:2px solid #30527A;
	}
.ScontentsAreaBox .stit h4{
	margin:0;
	}
.ScontentsAreaBox .table{
	margin:0 0 0 10px;
	width:320px;
	}
.ScontentsAreaBox .table .img{
	padding:0 12px 0 0;
	width:80px;
	vertical-align:top;
	}
.ScontentsAreaBox .table .txt{
	width:228px;
	line-height:150%;
	vertical-align:top;
	}
.ScontentsAreaBox .table .link{
	vertical-align:bottom;
	font-weight:bold;
	}
.ScontentsAreaBox .table .link a:link,
.ScontentsAreaBox .table .link a:visited{
	padding:0 0 0 18px;
	color:#1B558C;
	background:url(../img/icon_arrow01.gif) no-repeat 0 0.1em;
	}
.ScontentsAreaBox .table .link a:hover,
.ScontentsAreaBox .table .link a:active{
	padding:0 0 0 18px;
	color:#1B558C;
	background:url(../img/icon_arrow01.gif) no-repeat 0 0.1em;
	}

ul.knowledgeContentsAnchor{
	margin:20px auto 0 auto;
	padding:0 0 0 3px;
	list-style:none;
	overflow:hidden;
	}

ul.knowledgeContentsAnchor li{
	float:left;
	margin:0 15px 0 0;
	}

ul.knowledgeContentsAnchor li a{
	margin:0;
	padding:0 0 0 10px;
	background:transparent url(/common/images/arrow_anchor.gif) no-repeat 0 center;
	}

.knowledgeStit01{
	margin:20px 0 0 0;
	font-size:120%;
	color:#333333;
	font-weight:bold;
	}
.knowledgeTable01{
	margin:10px 0 0 1px;
	border:1px solid #BFBFBF;
	width:670px;
	border-collapse:collapse;
	}
.knowledgeTable01 th{
	padding:10px 13px;
	border:1px solid #BFBFBF;
	background:#EBF3FC;
	vertical-align:middle;
	text-align:left;
	}
.knowledgeTable01 td{
	padding:10px 13px;
	border:1px solid #BFBFBF;
	vertical-align:top;
	line-height:180%;
	}

.knowledgeStit02{
	margin:30px 0 0 0;
	font-size:120%;
	color:#333333;
	font-weight:bold;
	}
.colorList{
	margin:18px 0 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	}
.colorList li{
	float:left;
	margin:0 30px 0 0;
	padding:0 0 0 37px;
	height:35px;
	}
.colorList li.color01{
	background:url(../img/img_color01.gif) no-repeat 0 2px;
	}
.colorList li.color02{
	background:url(../img/img_color02.gif) no-repeat 0 2px;
	}
.colorList li.color03{
	background:url(../img/img_color03.gif) no-repeat 0 2px;
	}
.knowledgeTable02{
	margin:20px 0 30px 1px;
	width:670px;
	border:1px solid #BFBFBF;
	border-collapse:collapse;
	}
.knowledgeTable02 th{
	padding:7px 13px;
	border:1px solid #BFBFBF;
	background:#EBEBEB;
	vertical-align:top;
	text-align:left;
	}
.knowledgeTable02 th.color01{
	background:#FFECF3;
	vertical-align:middle;
	}
.knowledgeTable02 th.color02{
	background:#E2FAFE;
	vertical-align:middle;
	}
.knowledgeTable02 th.color03{
	background:#FFF2E1;
	vertical-align:middle;
	}
.knowledgeTable02 td{
	padding:12px 13px;
	border:1px solid #BFBFBF;
	vertical-align:top;
	line-height:180%;
	}

.knowledgeContetnsArea{
	margin:20px 0 0 0;
	padding:0 0 18px 0;
	width:669px;
	border:1px solid #CCC;
	background:url(/unithouse/support/img/contents_bg.jpg) no-repeat 2px 2px;
	overflow:hidden;
	}
.knowledgeContetnsArea .stit{
	margin:0 0 16px 7px;
	padding:12px 0 0 5px;
	width:650px;
	height:27px;
	border-bottom:2px solid #30527A;
	}
.knowledgeContetnsArea .seigenTxt01{
	margin:0 0 20px 12px;
	line-height:180%;
	}
.knowledgeContetnsArea .seigenTxt02{
	margin:0 0 20px 12px;
	line-height:180%;
	}
.knowledgeContetnsArea .seigenStit{
	margin:0 0 10px 12px;
	font-size:120%;
	font-weight:bold;
	color:#1B558C;
	}
.kenpeiBox{
	margin:0 0 0 12px;
	width:630px;
	overflow:hidden;
	}
.kenpeiBox .kenpeiTxt{
	float:left;
	width:380px;
	}
.kenpeiBox .kenpeiTxt .img01{
	margin:0 0 20px 0;
	}
.kenpeiBox .kenpeiTxt .txt{
	margin:0;
	line-height:180%;
	}
.kenpeiBox .img02{
	float:right;
	margin:0;
	}

.yousekiBox{
	margin:0 0 0 12px;
	width:630px;
	overflow:hidden;
	}
.yousekiBox .yousekiTxt{
	float:left;
	width:380px;
	}
.yousekiBox .yousekiTxt .img01{
	margin:0 0 20px 0;
	}
.yousekiBox .yousekiTxt .txt01{
	margin:0 0 30px 0;
	line-height:180%;
	}
.yousekiBox .yousekiTxt .txt02{
	margin:0 0 0 10px;
	line-height:180%;
	}
.yousekiBox .img02{
	float:right;
	margin:20px 0 0 0;
	}
#yousekiBottom{
	margin:20px 0 30px 0;
	}

.shinseiBoxSection{
	margin:30px 0 0 10px;
	padding:0;
	width:671px;
	clear:both;
	}
p.shinseiStit{
	margin:0 0 15px 0;
	padding:0 0 0 20px;
	background:url(../img/icon_square01.gif) no-repeat 0 center;
	font-size:120%;
	font-weight:bold;
	}
p.shinseiTxt{
	margin:0 0 30px 20px;
	line-height:180%;
	}
.shinseiBox{
	margin:0 0 30px 0;
	width:671px;
	overflow:hidden;
	}
.shinseiBox .shinseiTxtArea{
	float:left;
	width:400px;
	}
.shinseiBox .img{
	float:right;
	}

.pointTable{
	margin:10px 0 0 1px;
	border:1px solid #BFBFBF;
	width:670px;
	border-collapse:collapse;
	}
.pointTable th{
	padding:10px 13px;
	border:1px solid #BFBFBF;
	background:#EBF3FC;
	vertical-align:middle;
	text-align:left;
	}
.pointTable td{
	padding:10px 13px;
	border:1px solid #BFBFBF;
	vertical-align:top;
	line-height:180%;
	}

.pointContetnsArea{
	margin:20px 0 0 0;
	padding:12px 12px 18px 12px;
	width:645px;
	border:1px solid #CCC;
	background:url(/unithouse/support/img/contents_bg.jpg) no-repeat 2px 2px;
	overflow:hidden;
	}
.pointContetnsArea .pointStit{
	margin:0 0 12px 0;
	}
.pointContetnsArea .pointTxt{
	margin:0;
	}

.spOnly {
	display: none;
}

@media screen and (max-width: 750px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
	.mainBox {
		padding: 0 10px;
	}

	.spTtl {
		padding: 35px 20px;
		background: #fff;
		border-top: solid 3px #1B558C;
		border-bottom: solid 1px #d9d9d9;
		font-size: 20px;
		font-weight: bold;
	}

	.productNavi,
	.contentsImg,
	.contentsLeft,
	.contentsBox,
	.footstepBox,
	p.faqLead {
		width: 100%;
	}
	.contentsImg {
		overflow: hidden;
	}
	.contentsImg img {
		width: 700px;
	}

	.ScontentsAreaBox {
		width: auto;
	}
	.ScontentsAreaLeft,
	.ScontentsAreaRight {
		float: none;
	}
	.ScontentsAreaLeft {
		margin: 0 auto 10px;
	}
	.ScontentsAreaRight {
		margin: 0 auto;
	}

	.contentsBoxSection,
	.knowledgeTable01,
	.knowledgeTable02,
	.knowledgeContetnsArea,
	.knowledgeContetnsArea .stit,
	.kenpeiBox,
	.kenpeiBox .kenpeiTxt,
	.yousekiBox,
	.yousekiBox .yousekiTxt,
	.shinseiBoxSection,
	.shinseiBox,
	.shinseiBox .shinseiTxtArea,
	.pointTable,
	.pointContetnsArea {
		width: auto;
	}
	.knowledgeContetnsArea .seigenTxt01,
	.knowledgeContetnsArea .seigenTxt02 {
		margin: 0 12px 20px;
	}
	.knowledgeContetnsArea .seigenStit {
		margin: 0 12px 10px;
	}
	.kenpeiBox,
	.yousekiBox {
		margin: 0 12px;
	}
	.kenpeiBox .kenpeiTxt img,
	.yousekiBox .yousekiTxt .img01 img {
		width: 100%;
		height: auto;
	}
	.kenpeiBox .kenpeiTxt,
	.kenpeiBox .img02,
	.yousekiBox .yousekiTxt,
	.yousekiBox .img02,
	.shinseiBox .shinseiTxtArea,
	.shinseiBox .img {
		float: none;
	}
	.kenpeiBox .img02 img,
	.yousekiBox .img02 img,
	.shinseiBox .img img {
		display: block;
		margin: 10px auto 0;
	}

	.shinseiBoxSection {
		margin: 30px 10px 0;
	}

	.bottomTel-sp {
		margin: 0 15px 40px;
	}
}