@charset "utf-8";
/* page
-----------------------------------------------*/
.productImg,
.productImg h1 {
	margin: 0;
	padding: 0;
	clear: both;
}
.productNavi {
	margin: 0;
	padding: 13px 10px 13px 10px;
	width: 671px;
	background: transparent url(../images/product_navi_bg.jpg) repeat-x 0 0;
	background-size: contain;
	clear: both;
}
.productNaviLeft {
	margin: 0;
	padding: 3px 0 0 0;
	width: 409px;
	float: left;
}
.productNaviIcon {
	margin: 0;
	padding: 5px 10px 0 0;
	width: 55px;
	float: left;
	display: inline;
}
.contentsLeft p.productNaviPrice {
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: left;
	display: inline;
	font-size: 180%;
}
.productNaviRight {
	margin: 0;
	padding: 0;
	width: 262px;
	height: 34px;
	float: right;
}
.productAnchor {
	margin: 15px 0;
	padding: 0;
	clear: both;
}
.productAnchor ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.productAnchor li {
	margin: 0;
	padding: 0 10px 0 5px;
	display: inline;
}
.productAnchor li a {
	margin: 0;
	padding: 0 0 0 12px;
	background: transparent url(/common/images/arrow_anchor.gif) no-repeat 0 3px;
}
*:first-child+html .serviceListRight {
	margin: 0 0 0 14px;
	padding: 10px 8px;
	background: transparent url(../images/service_list_bg01.jpg) no-repeat -2px 0;
	width: 323px;
	float: left;
}
/* リユースユニットハウスの再整備・点検
===================================================*/
.productLayout03 {
	margin: 18px 0 30px 10px;
	padding: 2px;
	width: 664px;
	border: 1px solid #CCC;
}
.productLayout03bg {
	padding: 10px 0 18px 8px;
	width: 656px;
	background: url(../images/column_bg.jpg) repeat-x 0 0;
}
.productLayout03 p {
	margin: 0 0 18px;
	padding: 0;
}
.productLayout03 dl {
	margin: 0 0 0 16px;
	width: 620px;
	overflow: hidden;
}
.productLayout03 dt {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 117px;
}
.productLayout03 dd {
	float: left;
	margin: 0;
	padding: 0;
	width: 480px;
}
.productLink {
	margin: 25px 0 0 10px;
	padding: 0;
	width: 671px;
	background: transparent url(../images/product02_bg02.gif) no-repeat 0 100%;
}
.productLink h3 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 120%;
	border-bottom: solid 2px #30527A;
}
.productLink h3 a {
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent url(/common/images/arrow02.gif) no-repeat 0 50%;
	display: block;
	height: 2.4em;
}
.productLink h3 a.link01 {
	margin: 0 0 0 0;
	padding: 0.6em 0 0 15px;
	background: transparent url(/common/images/arrow02.gif) no-repeat 0 50%;
	display: block;
	height: 1.8em;
}
.contentsLeft .productLink p {
	margin: 10px 0 0 0;
	padding: 0;
}
.productLinkLeft {
	margin: 0;
	padding: 10px 7px;
	width: 143px;
	background: transparent url(../images/product02_bg01.jpg) no-repeat 0 0;
	float: left;
}
.productLinkRight {
	margin: 0 0 0 14px;
	padding: 10px 7px;
	width: 143px;
	background: transparent url(../images/product02_bg01.jpg) no-repeat 0 0;
	float: left;
}
.productNote {
	margin: 25px 0 0 10px;
	padding: 5px 15px 15px 15px;
	width: 641px;
	background: #F7F7F7;
	clear: both;
}
.productNote h3 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 120%;
	color: #FF8C3F;
	clear: both;
}
.contentsLeft .productNote p {
	margin: 0;
	padding: 0;
	clear: both;
}
.productNote ul {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}
.productNote li {
	margin: 0;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}
.relationBox {
	margin: 25px 0 0 10px;
	padding: 2px;
	width: 664px;
	border: solid 1px #CCC;
	clear: both;
}
.relationBg {
	margin: 0;
	padding: 8px;
	width: 648px;
	background: transparent url(../images/relation_bg01.jpg) repeat-x 0 0;
	clear: both;
}
.relationBg dl {
	margin: 0;
	padding: 0;
	width: 648px;
	clear: both;
}
.relationBg dt {
	margin: 0;
	padding: 0;
	width: 78px;
	float: left;
}
.relationBg dd {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
}
.relationBg ul {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background: transparent url(../images/line_dot.gif) repeat-x 0 0;
	clear: both;
}
.relationBg li {
	margin: 5px 15px 0 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	float: left;
	display: inline;
}
.relationBg li a {
	margin: 0;
	padding: 0 0 0 10px;
	background: transparent url(/common/images/arrow01.gif) no-repeat 0 5px;
}
.mb30 {
	margin-bottom: 30px !important;
}
.contentsLeft p.productLayoutLead {
	margin: 25px 10px 0 10px;
	padding: 0 0 0;
}
/* 製品ラインナップ
===========================================*/
.productLineup {
	margin: 25px 0 0 0;
	padding: 0 10px 30px 10px;
	width: 671px;
}
.productLineupLeft {
	margin: 0;
	padding: 0;
	width: 324px;
	float: left;
}
.productLineupRight {
	margin: 0;
	padding: 0;
	width: 324px;
	float: right;
}
.productLineup h3 {
	margin: 20px 0 0 0;
	padding: 0;
}
.productLineup p {
	margin: 0;
	padding: 20px 0;
}
.shopSearchBtn {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
	clear: both;
}
/* 仕様表
===========================================*/
#detail {
	padding-bottom: 30px;
}
#detail .note {
	margin: 5px 0 0 10px;
	font-size: 90%;
}
.detailTitle {
	margin: 25px 0 0 10px;
	padding: 0 0 0 0;
	width: 671px;
}
.detailTitle dt {
	float: left;
	font-weight: bold;
}
.detailTitle dd {
	float: right;
	text-align: right;
	font-size: 90%;
}
.productTable {
	margin: 25px 0 0 10px;
	padding: 0;
	width: 671px;
	border-top: solid 1px #CACACA;
	border-left: solid 1px #CACACA;
	clear: both;
}
.productTable th {
	margin: 0;
	padding: 10px;
	background: #F3F8FB;
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
.productTable thead th {
	margin: 0;
	padding: 10px;
	background: #DEEBF6;
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	font-weight: normal;
	text-align: center;
}
.productTable td {
	margin: 0;
	padding: 10px;
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	text-align: center;
}
.productTable td.pdf {
	margin: 0;
	padding: 10px;
	text-align: center;
}
.productTable td.pdf a {
	margin: 0;
	padding: 0 0 0 8px;
	background: transparent url(/common/images/arrow01.gif) no-repeat 0 3px;
	vertical-align: middle;
}
.productTable td.pdf a img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/* ページ用
===================================================*/
.productLayout01 {
	margin: 25px 0 0 0;
	padding: 0 10px 30px 10px;
	width: 671px;
	background: transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout01 ul {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}
.productLayout01 li {
	float: left;
}
.productLayout01 li.img01 {
	width: 207px;
}
.productLayout01 li.img02 {
	width: 219px;
}
.productLayout01 li.img03 {
	width: 244px;
}
.productLayout02 {
	margin: 25px 0 0 0;
	padding: 0 10px 30px 10px;
	width: 671px;
	background: transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout02Img {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
.productPoint {
	margin: 25px 0 0 0;
	padding: 0 10px 30px 10px;
	width: 671px;
}
.productPoint h3 {
	margin: 0;
	padding: 0;
}
.productPoint ul {
	margin: 20px 0 0 0;
	padding: 17px 20px 17px 20px;
	background: transparent url(../images/point_bg.gif) no-repeat 0 0;
	width: 656px;
	height: 112px;
	list-style: none;
}
.productPoint li {
	margin: 5px 0 0 0;
	padding: 0;
}
/**/
.productOptionList {
	margin: 25px 0 0 0;
	padding: 0 10px 0 10px;
	width: 671px;
	clear: both;
}
.productOptionList dl {
	margin: 0;
	padding: 20px 0 0 0;
	float: left;
}
.productOptionList dt {
	margin: 0;
	padding: 0;
	text-align: center;
}
.productOptionList dd {
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
}
.option01 {
	width: 150px;
	margin-right: 41px !important;
}
.option01 dt {
	height: 160px;
}
.option02 {
	width: 180px;
	margin-right: 41px !important;
}
.option02 dt {
	height: 160px;
}
.option03 {
	width: 150px;
}
.option02 dt {
	height: 160px;
}
.option04 {
	width: 95px;
	margin-right: 41px !important;
}
.option04 dt {
	height: 160px;
}
.option05 {
	width: 95px;
}
.option05 dt {
	height: 160px;
}
.option06 {
	width: 130px;
}
.option06 dt {
	height: 120px;
}
.option07 {
	height: 120px;
	width: 205px;
}
.option07 dt {
	height: 120px;
}
.option08 {
	width: 170px;
}
.option08 dt {
	padding: 18px;
	height: 84px;
}
.option09 {
	width: 165px;
}
.option09 dt {
	padding: 18px;
	height: 84px;
}
.contentsLeft p.productLayout01Link {
	margin: 0;
	padding: 20px 0 0 0;
	clear: both;
}
.contentsLeft p.productLayout01Link a {
	background: url(/common/images/arrow02.gif) no-repeat scroll 0 1px transparent;
	margin: 0;
	padding: 0 0 0 20px;
}
.productOptionList #moreOption {
	margin-top: 20px;
}
.productOptionList #moreOption a {
	display: block;
	max-width: 240px;
	height: 60px;
	background: #1B558C;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	line-height: 60px;
	border-radius: 4px;
}
.productOptionList #moreOption a:hover {
	opacity: .7;
}
.productOptionList #moreOption a span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
	font-weight: bold;
}
.productOptionList #moreOption a span::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	transform: translateY(-50%) rotate(45deg);
}
.f10 {
	font-size: 90%;
}
/* 20210408追加 */
.productNaviRight a:hover img,
.bnr_onlineshop a:hover img {
	opacity: 0.7;
}
.bnr_onlineshop {
	margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
	.mainBox {
		padding: 0 10px;
	}
	.productNavi {
		width: auto;
	}
	.productNaviLeft {
		float: none;
		width: auto;
	}
	.productAnchor li {
		display: inline-block;
	}
	.productAnchor li a {
		background-position: 0 8px;
		font-size: 14px;
	}
	.productPoint {
		width: 100%;
	}
	.productPoint ul {
		width: 100%;
		padding: 0;
		background: none;
	}
	.productPoint li {
		transform: scale(0.75) translateX(-64px);
	}
	.productLayout01,
	.productLayout02 {
		width: 100%;
	}
	.productLayout01 ul {
		background: #e1eef4;
	}
	.productLayout01 li {
		float: none;
		margin: 0 auto;
	}
	.productLayout02 h3 img,
	.productLayout02Img img,
	.productOptionList,
	.productOptionList h3 img {
		width: 100%;
	}
	.productOptionList dl {
		float: none;
		display: inline-block;
		width: 43%;
		margin-right: 20px !important;
	}
	.option08 dt, .option09 dt {
		padding: 0;
	}
	.productLayout03 {
		width: 94%;
	}
	.productLayout03bg {
		width: 100%;
		padding: 10px 8px 18px;
	}
	.productLayout03 img {
		width: 100%;
	}
	.productLayout03 dl {
		width: 100%;
		padding: 0 0 0 8px;
		margin: 0;
	}
	.productLayout03 dt {
		float: none;
		margin: 0 0 8px 0;
	}
	.productLayout03 dd {
		width: 100%;
	}

	.productLineup {
		width: 100%;
	}
	.productLineupLeft, .productLineupRight {
		float: none;
		margin: 0 auto;
	}
	.productLineupLeft {
		margin-bottom: 12px;
	}
	.productTable {
		width: 94%;
	}

	.productLink {
		width: 100%;
		margin: 25px 0 0;
		padding: 0 10px;
		background: none;
	}
	.productLink > div {
		width: 100%;
	}
	.productLinkLeft {
		background: none;
		float: unset;
	}
	.productLinkRight {
		background: none;
		float: unset;
		margin: 0;
	}
	.productLink h3 {
		font-size: 140%;
	}
	.productLink h3 a,
	.productLink h3 a.link01 {
		height: 1.8em;
		padding: 9px 0 0 15px;
	}
	.contentsLeft .productLink p {
		margin: 6px 0 0 0;
	}
	.productNote {
		width: 94%;
		margin: 25px 10px;
	}
	.relationBox {
		width: 94%;
		margin: 25px 10px;
	}
	.relationBg {
		width: 100%;
	}
}