@charset "utf-8";
	/*------------------------------------------------------------
		トープページ
	------------------------------------------------------------*/
	#gHeader {
		background-color: #a4000b;
		padding-bottom: 1px;
	}

	#gHeader .headerBox {
		max-width: 1200px;
		margin: 0 auto;
	}

	#gHeader .headerBox img {
		max-width: 100%;
	}

	.searchBox {
		padding-left: 34px;
	}

	.searchBox .inputBox {
		margin: 33px auto 29px;
		width: 355px;
		position: relative;
		box-sizing: border-box;
	}

	.searchBox .inputBox .mf_finder_searchBox_useSelects {
		margin: 0;
	}

	.searchBox .inputBox .mf_finder_searchBox_items {
		padding: 0;
	}

	.searchBox .inputBox .mf_finder_searchBox_query_input {
		padding: 6px 32px 5px 14px;
		width: 100%;
		height: 31px;
		font-size: 15px;
		box-sizing: border-box;
		border: solid 1px #000;
		-webkit-appearance: none;
		border-radius: 0;
	}

	.searchBox .inputBox button {
		height: 30px;
		width: 32px;
		position: absolute;
		top: 1px;
		right: 0;
		cursor: pointer;
		border: none;
		background: #000 url(/product/construction/handbook/img/common/icon04.png) center center no-repeat;
		background-size: 16px auto;
		-webkit-appearance: none;
		border-radius: 0;
	}

	.searchBox .mf_finder_searchBox_submit::before {
		content: "";
	}

	.searchBox .inputBox button:hover {
		opacity: 0.7;
	}

	#main .title li {
		width: 50%;
		position: relative;
		float: left;
		font-size: 26px;
		color: #fff;
		background-color: #4d4d4d;
	}

	#main .title .left {
		background-color: #000;
	}

	#main .title li a:before {
		margin-left: -25px;
		bottom: -21px;
		left: 300px;
		width: 50px;
		height: 21px;
		position: absolute;
		background: url(/product/construction/handbook/img/index/icon_02.png) top center no-repeat;
		content: "";
	}

	#main .title .left a:before {
		margin: 0 -25px 0 0;
		right: 300px;
		left: auto;
		background: url(/product/construction/handbook/img/index/icon_01.png) top center no-repeat;
	}

	#main .title li a {
		padding: 10px 0 8px;
		display: block;
		text-align: center;
		color: inherit;
		overflow: hidden;
	}

	#main .title .left .info {
		float: right;
		display: block;
		width: 600px;
	}

	#main .title .right .info {
		float: left;
		display: block;
		width: 600px;
	}

	#main .tableBox .subBox {
		padding: 46px 0 32px;
		width: 50%;
		float: left;
		background-color: #b3b3b3;
	}	

	#main .tableBox .subBox ul {
		width: 406px;
		float: right;
		padding-right: 100px;
	}

	#main .tableBox .subBox ul li {
		margin: 0 21px 21px 0;
		width: 121px;
		float: left;
		background-color: #fff;
	}

	#main .tableBox .subBox ul li:nth-child(3n) {
		margin-right: 0;
	}

	#main .tableBox .subBox ul li a {
		padding: 12px 0 10px;
		display: block;
		color: #a6000e;
		text-align: center;
	}

	#main .tableBox .subBox ul li a:hover {
		opacity: 0.7;
	}

	#main .tableBox .subBox ul li a span {
		margin-top: 7px;
		display: block;
	}

	#main .tableBox .subBox01 {
		background-color: #e5e5e5;
	}

	#main .tableBox .subBox01 ul {
		float: left;
		padding: 0 0 0 100px;
	}

	#main .tableBox .subBox01 ul li {
		background-color: #a4000b;
	}

	#main .tableBox .subBox01 ul li a {
		color: #fff;
	}

	#main .linkBox {
		padding: 53px 0 51px;
		background-color: #666;
	}

	#main .linkBox .link {
		max-width: 1010px;
		margin: 0 auto;
	}

	#main .linkBox .link .topLink {
		display: inline-block;
		float: left;
		border: #FFF solid 1px;
		background-color: #000;
	}

	#main .linkBox .link .topLink a {
		padding: 17px 64px 13px 56px;
		display: block;
		color: #fff;
		font-size: 36px;
		line-height: 2;
	}

	#main .linkBox .link .topLink a:hover {
		opacity: 0.7;
	}

	#main .linkBox .link .topLink a img {
		margin-right: 41px;
	}

	#main .linkBox .link ul {
		float: right;
	}

	#main .linkBox .link ul li {
		padding-left: 15px;
		float: left;
	}

	#main .linkBox .link ul li a {
		padding: 35px 0 27px;
		width: 160px;
		text-align: center;
		display: block;
		color: #fff;
		font-size: 22px;
		line-height: 1.75;
		border: #b4b4b4	 solid 2px;
	}

	#main .linkBox .link ul li a:hover {
		opacity: 0.7;
	}

	#main .linkBox .link ul li a img {
		margin-left: 5px;
	}

	#main .btmBox {
		padding: 40px 0;
		text-align: center;
		color: #fff;
		background-color: #a2000a;
	}

	#main .btmBox .txt01 {
		margin: 9px 0;
		display: block;
		font-size: 34px;
		font-weight: normal;
	}

	#main .btmBox .txt02 {
		margin-bottom: 12px;
		display: block;
		font-size: 16px;
	}

	#main .btmBox .txt03 a {
		display: inline-block;
		padding: 7px 27px 8px;
		font-size: 20px;
		color: #fff;
		border: #e5c1c1 solid 1px;
	}

	#main .btmBox .txt03 a:hover {
		opacity: 0.7;
	}

	#main .btmBox .txt04 a {
		margin: 10px;
		display: inline-block;
		padding: 10px 30px;
		font-size: 20px;
		color: #fff;
		border: #e7c0c3 solid 1px;
	}

	#main .btmBox .txt04 a:hover {
		opacity: 0.7;
	}

	/* 240319 追記 */
	#main .btmBox .txt04 .ats {
		margin: 5px;
		font-size: 12px;
		color: #fff;
	}
	/* 240319 追記 END */

	#main .btmBox .link01 {
		max-width: 1002px;
		margin: 0 auto;
	}

	#main .btmBox .link01 > ul {
		float: left;
	}

	#main .btmBox .link01 > ul li {
		margin-right: 29px;
		width: 239px;
		float: left;
		border: #e7c0c3 solid 1px;
	}

	#main .btmBox .link01 > ul li:last-child {
		margin-right: 0;
	}

	#main .btmBox .link01 > ul li a {
		display: block;
		padding: 16px 0 17px;
		color: #fff;
		font-size: 20px;
	}

	#main .btmBox .link01 > ul li a:hover {
		opacity: 0.7;
	}

	#main .btmBox .link01 > ul li a img {
		margin-left: 28px;
	}

	#main .btmBox .link01 .appLink {
		float: right;
	}

	#main .btmBox .link01 .appLink a {
		padding: 10px 41px;
		display: block;
		width: 465px;
		box-sizing: border-box;
		color: #fff;
		text-align: left;
		line-height: 1.1;
		font-size: 20px;
		border: #e7c0c3 solid 1px;
	}

	#main .btmBox .link01 .appLink a:hover {
		opacity: 0.7;
	}

	#main .btmBox .link01 .appLink a ul {
		float: left;
		margin-right: 20px;
	}

	#main .btmBox .link01 .appLink a ul li {
		float: left;
		margin-right: 15px;
	}

	/* 240314 追記 */
	#main .linkBox .link .bnr_hb img {
		float: left;
		width: 49%;
		margin: 40px 0px 0 10px;
	}
	/* 240314 追記 END */

	@media all and (min-width: 768px) and (max-width: 1024px) {
		#gHeader .headerBox {
			padding: 0 15px;
		}

		#gHeader .headerBox img {
			width: 100%;
		}

		#main {
			padding: 0;
		}

		#main .tableBox .subBox {
			padding: 46px 15px 32px;
			box-sizing: border-box;
		}

		#main .tableBox .subBox ul {
			width: auto;
		}

		#main .tableBox .subBox ul li {
			width: 32%;
			margin-right: 2%;
		}

		#main .tableBox .subBox ul li img {
			margin: 0 auto;
			width: 60%;
		}

		#main .linkBox .link {
			margin: 0 15px;
		}

		#main .linkBox .link .topLink {
			width: 49%;
		}

		#main .linkBox .link .topLink a {
			padding: 16px 16px 12px 16px; 
		}

		#main .linkBox .link .topLink a img {
			margin-right: 20px;
		}

		#main .linkBox .link ul {
			width: 49%;
		}

		#main .linkBox .link ul li {
			margin: 0 2% 0 0;
			padding: 0;
			width: 32%;
			box-sizing: border-box;
		}

		#main .linkBox .link ul li a {
			width: auto;
			font-size: 20px;
		}

		#main .linkBox .link ul li:last-child {
			margin: 0;
		}

		#main .linkBox .link ul li a img {
			width: 21px;
			margin: -3px 0 0 2px;
			vertical-align: middle;
		}

		#main .btmBox {
			padding: 40px 15px;
		}

		#main .btmBox .link01 {
			max-width: inherit;
		}

		#main .btmBox .link01 > ul {
			width: 48%;
		}

		#main .btmBox .link01 > ul li {
			margin: 0;
			width: 48%;
		}

		#main .btmBox .link01 > ul li a {
			font-size: 18px;
		}

		#main .btmBox .link01 > ul li a img {
			margin-left: 16px;
		}

		#main .btmBox .link01 > ul li:last-child {
			float: right;
		}

		#main .btmBox .link01 .appLink {
			width: 50%;
		}

		#main .btmBox .link01 .appLink a ul {
			margin-right: 5px;
		}

		#main .btmBox .link01 .appLink a {
			width: auto;
			font-size: 19px;
			padding: 10px 20px 9px;
		}

		.searchBox .inputBox button:hover {
			opacity: 1;
		}

		#main .title .left .info {
			float: none;
			width: auto;
		}

		#main .title .right .info {
			float: none;
			width: auto;
		}

		#main .title li a::before {
			left: 50%;
		}

		#main .title .left a::before {
			right: 50%;
		}

		#main .tableBox .subBox ul {
			padding: 0;
			float: none;
			margin: 0 auto;
		}

		/* 240319 追記 */
		#main .linkBox .link .bnr_hb img {
			width: 47%;
			margin: 20px 0px 0px 20px;
		}
		
		#main .btmBox .txt04 .ats {
		margin: 3px;
		font-size: 10px;
		}
		
		/* 240319 追記 END */
		
	}

	@media all and (max-width: 767px) {	
		#gHeader {
			padding: 20px 20px 12px 23px;
		}

		#gHeader .headerBox {
			max-width: inherit;
		}

		#gHeader h1 {
			float: left;
		}

		#gHeader h1 img {
			width: 220px;
		}

		.searchBox {
			padding: 0;
		}

		.searchBox .inputBox {
			margin: 11px auto;
			width: 70.13%;
		}

		.searchBox .inputBox .mf_finder_searchBox_query_input {
			padding: 4px 24px 3px 10px;
			width: 100%;
			height: 23px;
			font-size: 10px;
		}

		.searchBox .inputBox button {
			height: 22px;
			width: 24px;
			background-size: 11px auto;
		}

		.searchBox .mf_finder_searchBox_query_input {
			min-height: inherit;
		}

		.searchBox .inputBox button:hover {
			opacity: 1;
		}

		#main {
			margin: 0;
		}

		#main .title li {
			font-size: 13px;
		}

		#main .title li a:before {
			background: none;
		}

		#main .title .left a:before {
			background: none;
		}

		#main .title .on a:before {
			margin-left: -15px;
			width: 30px;
			background: url(/product/construction/handbook/img/index/icon_02.png) top center no-repeat;
			background-size: 30px auto;
		}

		#main .title .left.on a:before {
			background: url(/product/construction/handbook/img/index/icon_01.png) top center no-repeat;
			background-size: 30px auto;
		}

		#main .tableBox .subBox {
			padding: 30px 0 15px;
			width: 100%;
			border-bottom: #fff solid 1px;
		}	

		#main .tableBox .subBox ul {
			width: 87.2%;
		}

		#main .tableBox .subBox ul li {
			margin: 0 5% 17px 0;
			width: 30%;
			box-sizing: border-box;
		}

		#main .tableBox .subBox ul li a {
			padding: 10px 0 9px;
		}

		#main .tableBox .subBox ul li a img {
			width: 58%;
		}

		#main .tableBox .subBox ul li a span {
			margin-top: 5px;
			font-size: 11px;
		}

		#main .linkBox {
			padding: 30px 0;
			border-bottom: #fff solid 1px;
		}

		#main .linkBox .link {
			width: 100%;
		}

		#main .linkBox .link .topLink {
			display: block;
			width: 86%;
			float: none;
			margin: 0 auto 15px;
		}

		#main .linkBox .link .topLink a {
			padding: 14px 40px 8px;
			font-size: 25px;
		}

		#main .linkBox .link .topLink .infoSpan {
			max-width: 250px;
			margin: 0 auto;
			display: block;
		}

		#main .linkBox .link .topLink a img {
			width: 35px;
			height: auto;
			margin-right: 32px;
		}

		#main .linkBox .link .bannar  {
			display: block;
			width: 86%;
			float: none;
			margin: 15px auto 15px;
		}

		#main .linkBox .link ul {
			width: 86%;
			margin: 0 auto;
			float: none;
		}

		#main .linkBox .link ul li {
			width: 32%;
			margin: 0 2% 0 0;
			padding: 0;
			float: left;
			box-sizing: border-box;
		}

		#main .linkBox .link ul li:last-child {
			margin-right: 0;
		}

		#main .linkBox .link ul li a {
			width: auto;
			padding: 20px 0 20px;
			display: block;
			font-size: 13px;
			border: #b4b4b4	 solid 1px;
		}

		#main .linkBox .link ul li a img {
			width: 20px;
			margin-left: 5px;
		}

		#main .btmBox {
			padding: 30px 10px 38px;
		}

		#main .btmBox > img {
			width: 60px;
		}

		#main .btmBox .txt01 {
			margin: 7px 0 5px;
			font-size: 20px;
		}

		#main .btmBox .txt02 {
			margin-bottom: 7px;
			font-size: 10px;
		}

		#main .btmBox .txt03 a {
			margin-bottom: 30px;
			padding: 5px 22px 7px;
			font-size: 15px;
		}

		#main .btmBox .txt04 a {
			font-size: 16px;
			margin: 5px;
			padding: 9px;
			box-sizing: border-box;
			width: 90.5%;
		}
		
		/* 240319 追記 */
		#main .btmBox .txt04 .ats {
			margin: 2px;
			font-size: 10px;
		}
		/* 240319 追記 END */

		#main .btmBox .link01 > ul {
			width: 90.5%;
			margin: 0 auto 13px;
			float: none;
		}

		#main .btmBox .link01 > ul li {
			margin: 0;
			width: 47.5%;
			box-sizing: border-box;
		}

		#main .btmBox .link01 > ul li:last-child {
			float: right;
		}

		#main .btmBox .link01 > ul li a {
			padding: 10px 0 10px;
			font-size: 13px;
		}

		#main .btmBox .link01 > ul li a img {
			width: 23px;
			margin-left: 17px;
		}

		#main .btmBox .link01 .appLink {
			float: none;
			width: 90.5%;
			margin: 0 auto;
		}

		#main .btmBox .link01 .appLink a {
			padding: 7px 30px;
			display: block;
			width: 100%;
			box-sizing: border-box;
			color: #fff;
			text-align: left;
			line-height: 1.1;
			font-size: 15px;
			border: #e7c0c3 solid 1px;
		}

		#main .btmBox .link01 .appLink .info {
			max-width: 260px;
			margin: 0 auto;
		}

		#main .btmBox .link01 .appLink a ul {
			float: left;
			margin-right: 10px;
		}

		#main .btmBox .link01 .appLink a ul li {
			float: left;
			margin-right: 1px;
		}

		#main .btmBox .link01 .appLink a ul li img {
			width: 70%;
		}

		#main .btmBox .link01 .appLink p {
			margin-right: -10px;
		}

		#main .title .left .info {
			float: none;
			width: auto;
		}

		#main .title .right .info {
			float: none;
			width: auto;
		}

		#main .title li a::before {
			left: 50%;
		}

		#main .title .left a::before {
			margin: 0 -15px 0 0;
			right: 50%;
		}

		#main .tableBox .subBox ul {
			padding: 0;
			float: none;
			margin: 0 auto;
		}

		/* 240327 追記 */

		#main .linkBox .link .bnr_hb img {
			float: none;
			margin: 10px 5px 0 5px;
			width: 80%;
			max-width: 100%;
		}
		
		#main .linkBox .link {
			text-align: center;
		}
		
		/* 240327 追記 END */

	}

	@media all and (min-width: 0px) and (max-width: 374px) {
		#gHeader {
			padding: 20px 15px 12px;
		}

		#gHeader h1 img {
			width: 200px;
		}

		#main .linkBox .link .topLink a {
			padding: 14px 20px 8px;
		}

		#main .linkBox .link .topLink a img {
			margin-right: 20px;
		}

		#main .btmBox .txt01 {
			margin: 7px -5px 5px;
		}

		#main .btmBox .link01 .appLink a {
			padding: 7px 15px;
		}

		#main .btmBox .link01 .appLink p {
			letter-spacing: -1px;
		}

		#main .btmBox .link01 > ul li a img {
			margin-left: 12px;
		}

		/* 240327 追記 */
		#main .linkBox .link .bnr_hb img {
			width: auto;
			max-width: 85%;
		}
		/* 240327 追記 END */
	}

	@media all and (-ms-high-contrast:none){
		.searchBox .inputBox input.select {
			padding: 4px 32px 2px 15px;
		}
	}