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

.NAVI ul li.M_REFORM	{ border-bottom:3px solid #1da4e7; }

ul { list-style:none; }
li {  list-style:none;  }
h2.BAR  { margin-bottom:30px; }
#PAGE .INSIDE h3 { font-size:13px; font-weight:bold; }
#PAGE .BORDER { width:640px; height:10px; float:left; clear:none; border-top:1px dotted #ccc; margin:30px 0; }
#PAGE .INSIDE h4 { font-size:25px; font-weight:bold; float:left; clear:none; }
#PAGE .INSIDE h4 span { width:45px; height:45px; background:url(../img/span_back.png) 45% ; float:left; clear:none; display:block; text-align:center; color:#fff; line-height:45px; }
#PAGE .INSIDE h4 strong { width:auto; float:left; clear:none;font-size:25px; font-weight:bold; float:left; clear:none; margin-left:20px; line-height:31px; background-image:url(../img/back_yellow.png); background-repeat:repeat; background-position:0% 80%; margin-top:5px; }
#PAGE .INSIDE h4 .H4_RIGHT { width:590px; float:right; clear:none; }
#PAGE .INSIDE h4 .H4_RIGHT strong { width:auto; float:left; clear:both; margin:0 0 0 20px; }
#PAGE .INSIDE h4 .H4_RIGHT small { width:auto; float:left; clear:both; font-size:13px; margin-left:20px; }
#PAGE .INSIDE strong.LEFT_MARGIN { float:left; clear:none; margin:0 0 0 70px; font-weight:bold;  }
#PAGE .INSIDE strong.STRONG_LEFT { font-weight:bold; float:left; clear:none; margin-top:20px; }
#PAGE .INSIDE img.IMG_TOP { float:left; clear:none; margin:20px 0 0 0; } 
#PAGE .INSIDE p { float:left; clear:none; }
#PAGE .INSIDE img.ZU { border:15px solid #ececec; float:left; clear:none; margin:30px 0; } 
#PAGE .INSIDE p { width:640px; float:left; clear:none; font-size:12px; line-height:1.7em; }
#PAGE .INSIDE p.INFO { width:160px; float:left; clear:none; text-align:center; }
#PAGE .INSIDE p.P490 { width:490px; float:left; clear:none; }
#PAGE .INSIDE strong.STRONG_LEFT490 { width:490px; font-weight:bold; float:left; clear:none; margin-top:20px; }
#PAGE .INSIDE p img.ILLUST { width:150px; float:right; clear:none; }
#PAGE .INSIDE strong img.ILLUST { width:150px; float:right; clear:none; }
#PAGE .INSIDE strong { width:640px; float:left; clear:none; }
#PAGE .INSIDE ul.PHOTO { width:660px; float:left; clear:none; margin:20px 0 0 0;  list-style:none; position:relative; }
#PAGE .INSIDE ul.PHOTO img.IMAGE_RIGHT_FLOWER {width:100px; position:absolute; top:-50px; right:20px; }
#PAGE .INSIDE ul.PHOTO li { width:315px; margin:0 15px 0 0; float:left; clear:none; line-height:1.7em;  list-style:none; }
#PAGE .INSIDE ul.PHOTO li img { width:315px; float:left; clear:none; margin-bottom:10px; }
#PAGE .INSIDE img.IMAGE_RIGHT { width:150px; float:right; celar:none; }


/*	問い合せボックス*/ 
#PAGE  .SHEET .CONTACTBOX  { width:580px; float:left; margin:30px 0 0 0; background:#fff550; padding:30px; background:url(../img/contact_back.png) 0 0 no-repeat; }
#PAGE  .SHEET .CONTACTBOX strong   { width:auto; float:left; padding:0; border:none; text-align:center; font-weight:bold; font-size:15px; line-height:2.5em; }
#PAGE  .SHEET .CONTACTBOX .TEL { width:220px; float:left; padding:10px 0 15px 20px; border-right:1px solid #999; font-weight:bold; font-size:12px; line-height:2.5em; }
#PAGE  .SHEET .CONTACTBOX .TEL strong  { width:220px; float:left; margin:5px 0 0 0; font-weight:bold; font-size:25px; line-height:1.2em; text-align:left; }

#PAGE  .SHEET .CONTACTBOX .TEL strong em   { font-size:15px; line-height:1.2em; }
#PAGE  .SHEET .CONTACTBOX .MAIL    { width:360px; float:right; margin:10px 20px 0 0; text-align:center; font-weight:bold; font-size:12px; line-height:2.5em; }

#PAGE  .SHEET .CONTACTBOX ul.CON	{ width:600px; float:left; margin:10px 0 0 60px; }
#PAGE  .SHEET .CONTACTBOX ul.CON li	{ width:250px; float:left; ; }
#PAGE  .SHEET .CONTACTBOX ul.CON li span { margin-right:60px; }
#PAGE  .SHEET .CONTACTBOX ul.CON li a	{ width:250px; float:left; color:#fff; text-align:center; line-height:45px; }
#PAGE  .SHEET .CONTACTBOX ul.CON li span img	{ width:20px; margin:13px 10px 0 70px; vertical-align:middle; }
#PAGE  .SHEET a.CON_CON	{ width:250px; height:40px; float:right; margin:0; background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #666 0%, #000 100%) repeat scroll 0 0; color:#fff; text-align:center; font-size:14px; line-height:40px; }
#PAGE  .SHEET a.CON_CON img	{ width:20px; margin:0 10px 0 0; vertical-align:middle; }

#PAGE  .SHEET a:hover.CON_CON	{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffa366 0%, #f60 100%) repeat scroll 0 0; }
#PAGE  .SHEET a:active.CON_CON	{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffa366 0%, #f60 100%) repeat scroll 0 0; }


#PAGE  .SHEET .CONTACTBOX ul.CON li a.CON_RES	{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #d682b3 0%, #bb2f80 100%) repeat scroll 0 0; }
#PAGE  .SHEET .CONTACTBOX ul.CON li a:hover.CON_RES	{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffa366 0%, #f60 100%) repeat scroll 0 0; }
#PAGE  .SHEET .CONTACTBOX ul.CON li a:active.CON_RES	{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffa366 0%, #f60 100%) repeat scroll 0 0; }







@media screen and (max-width: 740px){
#PAGE { padding-bottom:30px; }
br.PC { display:none; }
#PAGE .SHEET .SIDE_WHITE { display:none; }
h2.BAR  { margin-bottom:20px; }
#PAGE .INSIDE h3 { font-size:13px; font-weight:bold; margin:0 0 0 2.5%; }
#PAGE .BORDER { width:100%; height:10px; float:left; clear:none; border-top:1px dashed #ccc; margin:20px 0; }
#PAGE .INSIDE h4 { width:100%; font-size:15px; font-weight:bold; float:left; clear:none; }
#PAGE .INSIDE h4 span { width:30px; height:30px; background:url(../img/span_back.png) 45% ; float:left; clear:none; display:block; text-align:center; color:#fff; line-height:30px; margin-right:2%; }
#PAGE .INSIDE h4 strong { width:88%; float:right; clear:none;font-size:18px; font-weight:bold; float:left; clear:none; margin-left:0px; line-height:31px; background-image:none; background-repeat:repeat; background-position:0% 80%; margin-top:5px; line-height:1.7em; color:#1da4e7; }
#PAGE .INSIDE h4 .H4_RIGHT { width:85%; float:right; clear:none; }
#PAGE .INSIDE h4 .H4_RIGHT strong { width:auto; float:left; clear:both; margin:0 0 0 0px; }
#PAGE .INSIDE h4 .H4_RIGHT small { width:auto; float:left; clear:both; font-size:13px; margin-left:0px; }
#PAGE .INSIDE strong.LEFT_MARGIN { width:100%; float:left; clear:none; margin:10px 0 0 0%; font-weight:bold; line-height:1.5em;font-size:15px;  }
#PAGE .INSIDE img.IMG_TOP { widh:100%; float:left; clear:none; margin:20px 0 0 0; } 
#PAGE .INSIDE strong.STRONG_LEFT { width:100%; font-weight:bold; float:left; clear:none; margin:10px 0 10px 0; font-size:15px; line-height:1.7em; }
#PAGE .INSIDE p { width:100%; float:left; clear:none; line-height:1.7em; font-size:14px; line-height:1.7em; }
#PAGE .INSIDE p.P490 { width:100%; float:left; clear:none; line-height:1.7em; }
#PAGE .INSIDE strong.STRONG_LEFT490 { width:100%; font-weight:bold; float:left; clear:none; margin-top:20px; line-height:1.7em; }
#PAGE .INSIDE img.ZU { width:93%; border:5px solid #c0c0c0; float:left; clear:none; margin:20px 0; } 
#PAGE .INSIDE strong img.ILLUST { display:none; }
#PAGE .INSIDE ul.PHOTO { width:100%; float:left; clear:none; margin:20px 0 0 0;  list-style:none; }
#PAGE .INSIDE ul.PHOTO li { width:100%; margin:0 0px 0 0; float:left; clear:none; line-height:1.7em;  list-style:none; }
#PAGE .INSIDE ul.PHOTO li img { width:100%; float:left; clear:none; margin-bottom:10px; }
#PAGE .INSIDE img.IMAGE_RIGHT { display:none; }
#PAGE  .SHEET .CONTACTBOX  { width:100%; float:left; margin:30px 0 30px 0; padding:5px 0; background:#fff550; }
#PAGE .SHEET a.CON_CON	{ width:80%; margin:10px 10%; }

#PAGE  .SHEET .CONTACTBOX strong   { width:100%; float:left; border-bottom:1px solid #999; text-align:center; font-weight:bold; font-size:15px; line-height:2.5em; }
#PAGE  .SHEET .CONTACTBOX .TEL { width:100%; float:left; padding:10px 0 0px 0px; border-right:0px solid #999; font-weight:bold; font-size:12px; line-height:2.5em; text-align:center; }
#PAGE  .SHEET .CONTACTBOX .TEL strong  { width:100%; float:left; margin:5px 0 0 0; font-weight:bold; font-size:25px; line-height:1.2em; text-align:center; }
#PAGE  .SHEET .CONTACTBOX .MAIL    { width:100%; float:left; margin:10px 0px 0 0; text-align:center; font-weight:bold; font-size:12px; line-height:2.5em; }
#PAGE  .SHEET .CONTACTBOX ul.CON	{ width:100%; float:left; margin:0px 0 0 0px; }

#PAGE  .SHEET .CONTACTBOX ul.CON li	{ width:100%; float:left; margin:0px; }
#PAGE  .SHEET .CONTACTBOX ul.CON li span { margin-right:0px; font-size:15px; line-height:60px; }
#PAGE  .SHEET .CONTACTBOX ul.CON li a	{ width:100%; height:60px; float:left; color:#fff; text-align:left; line-height:2.5em; margin-top:0px; }
#PAGE  .SHEET .CONTACTBOX ul.CON li a.CON_CON	{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #666 0%, #000 100%) repeat scroll 0 0; margin-bottom:30px; }
#PAGE  .SHEET .CONTACTBOX ul.CON li a img	{ width:30px; margin:13px 10px 0 30%; vertical-align:middle; }
#PAGE .INSIDE p img.ILLUST { display:none; }
#PAGE .INSIDE img.IMAGE_RIGHT_FLOWER  { display:none; }




/*	リフォーム事例*/ 
#PAGE .INSIDE p.INFO { width:150px; float:left; clear:none; font-size:12px; }

}