@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

#HEADER ul.NAVI li a.H_EQUIPMENT	{ border-bottom:3px solid #36322f; }
.sidr ul li a.sidr-class-H_EQUIPMENT { background-color:#868482; }

.BOX { width:860px; height:auto;  margin:0 auto 50px auto; }
#PAGE em.TXT	{ width:100%; float:left; clear:none; margin:0px 0 0 0px; font-size:20px; line-height:1.2em; letter-spacing:0.05em; text-align:center; }
#PAGE p { width:auto; margin:0px 0 0 0px; float:left; clear:none; font-size:13px; line-height:2em; }

h3	{ width:100%float:left; clear:none; margin:30px 0 20px 0px; font-size:20px; line-height:2em; text-align:center; letter-spacing:0.1em; }
h3 strong	{ width:120px; float:left; margin:0 20px 0 0; padding:5px 0 5px 10px; background:#000; color:#fff; font-size:13px; line-height:1.2em; }
ul.QA_LINK	{ width:960px; float:left; display:inline; clear:both; margin:70px 0 30px 0px; border-right:1px solid #666; }
ul.QA_LINK li	{ width:190px; float:left; display:inline; clear:none; border-left:1px solid #000; border-top:1px solid #000; }
ul.QA_LINK li a	{ width:190px; float:left; display:inline; clear:none; text-align:center; padding-top:3px; border-bottom:1px solid #000; color:#000; }
ul.QA_LINK li a:link	{ padding-top:3px; border-bottom:1px solid #000; text-decoration:none; }
ul.QA_LINK li a:visited	{ padding-top:3px; border-bottom:1px solid #000; text-decoration:none; }
ul.QA_LINK li a:hover	{ padding:0 0 1px 0; border-top:3px solid #000; border-bottom:none; text-decoration:none; }
ul.QA_LINK li a:active	{ padding:0 0 1px 0; border-top:3px solid #000; border-bottom:none; text-decoration:none; }
ul.QA_LINK li a.CURRENT:link	{ padding:0 0 1px 0; border-top:3px solid #000; border-bottom:none; }
ul.QA_LINK li a.CURRENT:visited	{ padding:0 0 1px 0; border-top:3px solid #000; border-bottom:none; }

.QA_BOX	{ width:900px; float:left; display:inline; clear:both; margin:0 0 0 30px; padding:30px 0 0 0; background:#fff; text-align:center; }
ul.QA	{ width:800px; float:left; display:inline; clear:both; margin:30px 0 0 0px; padding:30px 80px; background:#fff; }
ul.QA li	{ width:198px; float:left; display:inline; clear:none; border:1px solid #000; border-right:none; border-bottom:none;  }
ul.QA li.WIDTH400 { width:400px; float:left; display:block; clear:none; border:0px solid #000; border-right:none; border-bottom:none;  }
ul.QA li.LI_MAIN { width:400px; float:left; clear:none; border:none;  }
ul.QA li.LI_MAIN img { width:360px; float:left; clear:none; }
ul.QA li.LI_MAIN small {margin-top:0; }
ul.QA li.WIDTH400 div { width:162px; height:60px; }
ul.QA li span.QA { margin-top:-10px; width:360px; }
ul.QA strong.STRONG_ALLART { width:760px; float:left; clear:none; margin:0 0 0 20px; }

img.BATH { width:320px; padding:20px; }
img.MAIN { width:360px; }

ul.QA li.LI_LONG	{ width:358px; height:270px; float:left; display:inline; clear:none; border:1px solid #cccccc; margin:0 18px 18px 18px; padding-bottom:20px; }
ul.QA li.LI_LONG p { float:left; clear:none; margin:0; line-height:1.7em; padding:0; }
ul.QA li.LI_LONG img { width:318px; float:left; clear:none; margin:20px 0 0 20px; border:none; }
ul.QA li.LI_LONG img.NORMAL { width:100%; float:left; clear:none; margin:0; }
ul.QA li.LI_LONG strong { width:318px; float:left; clear:none; }
ul.QA li.LI_LONG span { width:318px; float:left; clear:none; }

ul.QA li a	{ width:198px; float:left; display:inline; clear:none; text-align:center; border-top:3px solid #fff; border-bottom:1px solid #000; color:#000; }
ul.QA li img  { width:180px; border:1px solid #CCCCCC; clear:both; display:inline; float:left; margin-left:19px; }
ul.QA li img.BATH  { width:100%; border:1px solid #CCCCCC; clear:both; display:inline; float:left; margin-left:19px; }
ul.QA li strong  { width:180px; float:left; display:inline; clear:none; font-weight:bold; line-height:19px; margin-top:15px; margin-left:19px; }
ul.QA li span     { width:180px; float:left; font-size:13px; line-height:21px; display:inline; clear:none; margin-top:5px; margin-left:19px;}
ul.QA li small { float:left; display:inline; clear:none; font-weight:normal; line-height:19px; margin-top:15px; margin-left:19px; font-size:10px; }
ul.QA li a:link	{ border-top:3px solid #fff; border-bottom:1px solid #000; text-decoration:none; }
ul.QA li a:visited	{ border-top:3px solid #fff; border-bottom:1px solid #000; text-decoration:none; }
ul.QA li a:hover	{ border-top:3px solid #000; border-bottom:1px solid #fff; text-decoration:none; }
ul.QA li a:active	{ border-top:3px solid #000; border-bottom:1px solid #fff; text-decoration:none; }
ul.QA li a.CURRENT:link	{ border-top:3px solid #000; border-bottom:1px solid #fff; }
ul.QA li a.CURRENT:visited	{ border-top:3px solid #000; border-bottom:1px solid #fff; }
br.PC { dispaly:block; }

a.PAGETOP	{ width:auto; float:right; display:inline; clear:both; margin:10px 30px 0 0; font-size:11px; display:block; }
a.PAGETOP:hover	{ text-decoration:underline; }
a.PAGETOP:active	{ text-decoration:underline; }

br.SP { display:none; }

strong.STRONG_COPY { width:780px; float:left; clear:none; margin:50px 0 20px 0px; font-weight:bold; font-size:15px; }
ul.QA .YUKA { width:760px; float:left; clear:none; margin:0 0 0 20px; border:none; }
ul.QA .YUKA li { width:auto; border:none; margin:0 0 20px 0; }
ul.QA .YUKA img { width:auto; float:left; clear:none; margin-bottom:20px; }
ul.QA .YUKA li small { width:150px; float:left; clear:none; }
img.IMG_YUKA { width:150px; margin-right:10px; }
ul.QA  p { width:100%; float:left; clear:none; margin:0; }
#PAGE p.P_LEAD { width:800px; margin:20px 0 20px 0px; float:left; clear:none; }
strong.STRONG_ALLART { width:760px; float:left; clear:none; margin:0 0 0 20px; }

ul.UL_FLOOR { width:800px; }
ul.UL_FLOOR li { width:246px; float:left; clear:none; border:none; margin:0 0 20px 20px; }
ul.UL_FLOOR li img { width:226px; margin:0 0 0 0px; border:none; }
ul.UL_FLOOR li span { width:226px; margin:0 0 0 0px; float:left; clear:none; }
ul.UL_FLOOR li small { width:226px; margin:0 0 0 0px; float:left; clear:none; font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

small { line-height:1.7em; font-family:"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }

#KI { float:left; clear:none; margin:50px 0 0 0; }
img.IMG_PC { display:block; }
img.IMG_SP { display:none; }

ul.QA li.LI100 { width:800px; float:left; clear:none; border:none; padding:0; margin:0; }
ul.QA  li.LI100 img { width:100%; float:left; clear:none; border:none; padding:0; margin:0;}

/*	ドア*/
.UL_SETSUBI_KEY { width:100%; display:flex; justify-content: space-between;flex-wrap:wrap; }
.UL_SETSUBI_KEY li { width:23%; line-height:1.7em; margin:0 0 20px 0; }
.UL_SETSUBI_KEY li.W { width:49%; line-height:1.7em; margin:0 0 20px 0; }
.UL_SETSUBI_KEY li img { width:100%; }


/*	ガス設備*/
.DIV_BOX { width:800px; float:left; display:inline; clear:both; margin:0 0 30px 0px; padding:30px 80px; background:#fff; }
.DIV_BOX strong { width:100%; float:left; clear:none; text-align:center; border:none; font-size:17px; letter-spacing:0.1em; margin-bottom:10px; }
.UL_SETSUBI { width:100%; float:left; clear:none; margin:30px 0 30px 0; }
.UL_SETSUBI li { width:50%; float:left; clear:none; }
img.SETSUBIIMAGE { width:90%; float:left; clear:none; }
img.IMG_LOGO { float:left; clear:none; margin-bottom:10px; }

h3.H3_LONG { width:100%float:left; clear:none; margin:30px 0 20px 0px; font-size:20px; line-height:2em; text-align:center; letter-spacing:0.1em; }
#PAGE p.P_CENTER { width:100%; float:left; clear:none; text-align:center; margin-bottom:20px; font-size:13px; }
#PAGE p.P_TOP { width:100%; float:left; clear:none; text-align:center; margin:20px 0 0 0px;  }

/*	イメージ*/
#PAGE .IMAGE	{ width:350px; float:left; margin:0 0 50px 0px; }
#PAGE .IMAGE small { font-family:"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
.SP { display:none; }

.U_FOOTER ul.AREA li p { float: left; font-size: 10px; margin-top: 0px;}





@media screen and (max-width: 740px){
#PAGE .BOX { width:100%; height:auto; float:right; clear:none; margin:0 0px 50px 0; }
#PAGE .BOX img { width:100%; float:left; clear:none; }
#PAGE .IMAGE	{ float:left; margin:0 0 0 0px; }
#PAGE em.TXT	{ width:100%; float:left; display:inline; margin:20px 0 20px 0px; font-size:20px; line-height:1.7em; letter-spacing:0.05em; text-align:center; }
#PAGE p.P_TOP { width:100%; float:left; clear:none; text-align:left; margin:0px 0 0 0px;  }
br.SP { display:block; }
div.BOX { float:left; clear:none; height:auto; }
#KI { float:left; clear:none; margin:0px 0 0 0; }
#PAGE p { width:100%; float:left; clear:none; margin:0; }
ul.QA_LINK	{ width:100%; float:left; display:inline; clear:both; margin:0px 0 0 0px; border-right:1px solid #666; }
ul.QA_LINK li { width:24%; float:left; clear:none; }
ul.QA_LINK li a { width:100%; float:left; clear:none; }
h3	{ width:100%; float:left; display:inline; clear:both; margin:30px 0 20px 0px; border-bottom:1px solid #999; font-size:18px; line-height:2em; }
br.PC { display:none; }
ul.QA	{ width:96%; float:left; display:inline; clear:both; margin:0 0 0 0; padding:0 2% 20px 2%; background:#fff; }
ul.QA li	{ width:100%; float:left; display:inline; clear:none; border:0px solid #000; border-right:none; border-bottom:none; margin:20px 0 0 0; }
ul.QA li img  { width:40%; float:left; clear:none; border:1px solid #CCCCCC; clear:both; display:inline; float:left; margin:0 5px 0 0;}
ul.QA li img.BATH { width:88%; float:left; clear:none; }
ul.QA li strong  { width:160px; float:left; display:inline; clear:none; font-weight:bold; line-height:19px; margin-top:15px; margin-left:0px; }
ul.QA li span     { width:160px; float:left; font-size:11px; line-height:21px; display:inline; clear:none; margin-top:15px; margin-left:0px;}
ul.QA li.LI_MAIN { width:100%; float:left; clear:none; border:none;  }
ul.QA li.LI_MAIN img { width:100%; float:left; clear:none; border:none; }
img.MAIN { width:100%; float:left; clear:none; }
ul.QA li.WIDTH400 { width:100%; float:left; display:block; clear:none; border:0px solid #000; border-right:none; border-bottom:none;  }
ul.QA li.LI_LONG	{ width:99%; height:auto; float:left; display:inline; clear:none; border:1px solid #cccccc; margin:0 0 20px 0; }
ul.QA li.LI_LONG img { width:90%; float:left; clear:none; }
ul.QA li.LI_LONG strong { width:96%; float:left; clear:none; margin:10px 0 0 2%; }
ul.QA li.LI_LONG span { width:96%; float:left; clear:none; margin:10px 0 10px 2%; }
ul.QA_LINK { display:none; }
ul.QA li.WIDTH400 div { width:162px; height:auto; }
ul.QA li span.QA { margin-top:0px; width:100%; }
ul.QA li.LI_MAIN small {margin-top:0; margin-left:0; font-family:"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
strong.STRONG_COPY  { width:100%; float:left; clear:none; }
strong.STRONG_COPY img { width:100%; float:left; clear:none; }
ul.QA .YUKA { width:96%; float:left; clear:none; margin:0 0 0 2%; border:none; }
ul.QA .YUKA img { width:100%; float:left; clear:none; }
#PAGE p.P_LEAD { width:96%; margin:20px 0 20px 2%; float:left; clear:none; }
ul.UL_FLOOR { width:100%; float:left; clear:none; margin:0 0 0 0%; }
ul.UL_FLOOR li { width:48%; float:left; clear:none; margin:0 1%; }
ul.UL_FLOOR li img { width:100%; float:left; clear:none; }
ul.UL_FLOOR li span { width:100%; float:left; clear:none; margin:5px 0 0 0; }
img.IMG_SP { display:block; }
img.IMG_PC { display:none; }
ul.UL_DOOR  { width:100%; float:left; clear:none; }
ul.UL_DOOR li { width:100%; float:left; clear:none; text-align:center; }
ul.UL_DOOR li img { width:80%; float:left; clear:both; margin:0 0 0 10%; }
ul.UL_DOOR li span { width:100%; float:left; clear:none; text-align:center; }
p.P_CENTER { text-align:left; }
ul.DOORCOLOR { width:100%; float:left; clear:none; }
ul.DOORCOLOR li { width:50%; float:left; clear:none; line-height:1.7em; letter-spacing:0; }
img.DOOR_SETSUMEI { width:100%; float:left; clear:none; }

/*	ガス設備*/
.DIV_BOX { width:95%; float:left; display:inline; clear:both; margin:30px 0 30px 0px; padding:20px 2.5%; background:#fff; }
ul.UL_SETSUBI { width:100%; float:left; clear:none; margin:0; }
ul.UL_SETSUBI li { width:100%; float:left; clear:none; text-align:center; }
img.SETSUBIIMAGE { width:100%; float:left; clear:none; margin:0 0 10px 0; }
#PAGE ul.UL_SETSUBI li p { float:left; clear:none; text-align:left; margin:10px 0 0 0; }
img.IMG_LOGO { display:none; }
.DIV_BOX strong { width:100%; float:left; clear:none; text-align:center; border:none; font-size:17px; letter-spacing:0.1em: margin-bottom:10px; }
a.PAGETOP { display:none; }

/*ドア*/
.UL_SETSUBI_KEY li { width:49%; line-height:1.7em; margin:0 0 20px 0; font-size:13px; }
.UL_SETSUBI_KEY li.W { width:100%; line-height:1.7em; margin:0 0 20px 0; font-size:13px; }

}