@charset "utf-8";
/* CSS Document */

/**********************************************
common
***********************************************/
#side_navi{
width:240px;
background: #f06b00;
padding:5px 5px 0px 5px;
margin-bottom:15px;
}
#side_navi li{
list-style:none;
padding-bottom:5px;
}
#side_navi li a:hover img{
-moz-opacity:0.95;
opacity:0.95;
filter: alpha(opacity=95);
}



#mainttl{
box-shadow:0 0px 10px -10px rgba(0,0,0,0.2) inset;
}
#mainttl div{
background: url(../../img/common/ttl_bg.png) no-repeat left top;
}
#mainttl h2{
background: url(../../img/common/ttl_bg02.png) no-repeat left top;
height: 105px;
width: 1020px;
text-align:left;
margin:0px auto;
padding-top:55px;
}


.ttl_point{
background: url(../../img/reform/ttl_bg_point.png) no-repeat right top #fff;
}
.ttl_about{
background: url(../../img/about/ttl_bg_about.png) no-repeat right top #fff;
}
.ttl_works{
background: url(../../img/works/ttl_bg_works.png) no-repeat right top #fff;
}
.ttl_voice{
background: url(../../img/inner/ttl_bg_voice.png) no-repeat right top #fff;
}
.ttl_flow{
background: url(../../img/flow/ttl_bg_flow.png) no-repeat right top #fff;
}
.ttl_corporate{
background: url(../../img/corporate/ttl_bg_corporate.png) no-repeat right top #fff;
}
.ttl_showroom{
background: url(../../img/showroom/ttl_bg_showroom.png) no-repeat right top #fff;
}
.ttl_contact{
background: url(../../img/inner/ttl_bg_contact.png) no-repeat right top #fff;
}
.ttl_estimate{
background: url(../../img/inner/ttl_bg_estimate.png) no-repeat right top #fff;
}
.ttl_visit{
background: url(../../img/inner/ttl_bg_visit.png) no-repeat right top #fff;
}
.ttl_news{
background: url(../../img/inner/ttl_bg_news.png) no-repeat right top #fff;
}
.ttl_loan{
background: url(../../img/inner/ttl_bg_loan.png) no-repeat right top #fff;
}
.ttl_cm{
background: url(../../img/inner/ttl_bg_cm.png) no-repeat right top #fff;
}
.ttl_privacy{
background: url(../../img/inner/ttl_bg_privacy.png) no-repeat right top #fff;
}
.ttl_sitemap{
background: url(../../img/inner/ttl_bg_sitemap.png) no-repeat right top #fff;
}
.ttl_ecopoint{
background: url(../../img/ecopoint/ttl_bg_ecopoint.png) no-repeat right top #fff;
}
.ttl_sfa{
background: url(../../img/sfa/ttl_bg_sfa.png) no-repeat right top #fff;
}
.ttl_mokuzai{
background: url(../../img/mokuzai/ttl_bg_mokuzai.png) no-repeat right top #fff;
}
.ttl_awa{
background: url(../../img/dannetsu/ttl_bg_awa.png) no-repeat right top #fff;
}
.ttl_woodtile{
background: url(../../img/woodtile/ttl_bg_woodtile.png) no-repeat right top #fff;
}





#pan{
width:1020px;
margin:15px auto;
}
#pan li{
display:inline;
font-size:85%;
text-align:left;
color:#857d6f;
list-style:none;
}
#pan li a{
color:#453d30;
text-decoration:none;
display: inline-block;
margin-right:5px;
}
#pan li a i{
color: #ef7a00;
padding-right:3px;
font-size:120%;
vertical-align:-5%;
}
#pan li a:hover,
#pan li a:active{
color:#453d30;
text-decoration:underline;
}




#s_cate{
width: 250px;
border-top:2px solid #f06b00;
border-bottom:2px solid #f06b00;
background:#fff;
margin-bottom:20px;
}
#s_cate p{
display:none;
}
#s_cate ul{
padding:0px 5px;
}
#s_cate ul li{
list-style:none;
border-bottom:1px dotted #dadada;
padding:5px 0px;
}
#s_cate ul li a{
display:block;
padding:13px 5px;
font-size:108%;
color:#333;
text-decoration:none;
}
#s_cate ul li a:before{
  content: "\f138";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:5px;
color:#f06b00;
}
#s_cate ul li a:hover{
background:#fdecdb;
}










/*++++ button ++++*/
.btn_o{
padding:15px 0px;
}
.btn_o a,
.btn_top a{
border-radius:3px;
background: #fc923e; /* Old browsers */
background: -moz-linear-gradient(top,  #fc923e 0%, #e86c00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc923e), color-stop(100%,#e86c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fc923e 0%,#e86c00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fc923e 0%,#e86c00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fc923e 0%,#e86c00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fc923e 0%,#e86c00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc923e', endColorstr='#e86c00',GradientType=0 ); /* IE6-9 */


color:#ffffff;
text-decoration:none;
font-weight:bold;
padding:5px 15px 3px 15px;
}
.btn_o a:after,
.btn_top a:after{
  content: "\f138";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-left:5px;
margin-left:-2px;
}
.btn_o a:hover,
.btn_o a:active,
.btn_top a:hover,
.btn_top a:active{
/*background: #f37a1a;*/
background: #ef7a00; /* Old browsers */
background: -moz-linear-gradient(top,  #ef7a00 0%, #d65c00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef7a00), color-stop(100%,#d65c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ef7a00 0%,#d65c00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ef7a00 0%,#d65c00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ef7a00 0%,#d65c00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ef7a00 0%,#d65c00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7a00', endColorstr='#d65c00',GradientType=0 ); /* IE6-9 */
}



.btn_top{
padding:50px 0px 0px 0px;
}
.btn_top a{
padding:10px 30px 8px 30px;
font-size:138.5%;
}





.btn_bl{
padding:15px 0px;
}
.btn_bl a{
border-radius:3px;
background:#f0f0f0;
color:#333;
text-decoration:none;
font-weight:bold;
border:1px solid #ccc;
padding:6px 15px 4px 15px;
font-size:93%;
}
.btn_bl a:after{
  content: "\f138";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-left:5px;
margin-left:-2px;
}
.btn_bl a:hover,
.btn_bl a:active{
background: #ccc;
}




p.in_btn{
background:#000;
font-weight: bold;
color:#fff;
border-radius:3px;
font-size:12px !important;
}
p.in_btn a{
display:inline-block;
padding:3px 15px 1px 15px;
color:#fff;
text-decoration:none;
font-size:12px !important;
}
p.in_btn a:after{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscal;

content: "\f105";
padding-left:5px;
}
p.in_btn:hover{
background:#f06b00;
}


.top_event_list a{
display:block;
padding:8px 15px 5px 15px;
color:#333;
text-decoration:none;
background:#fff;
border-radius:3px;
}
.top_event_list a:hover{
background:rgba(255,255,255,0.95);
}






/*-- button size --*/
.btn_big a{
padding:10px 15px 8px 15px;
}







/*++++ blog_navi ++++*/
.pagenavi{
text-align:left;
line-height:100%;
padding:70px 0px 0px 15px;
}
.pagenavi span,
.pagenavi a{
display: inline-block;
text-align:center;
text-decoration:none;
line-height:150%;
font-size:93%;
width:30px;
height:24px;
padding-top:6px;
border-radius:3px;
margin:0px 5px 5px 0px;
border:1px solid #cbbc9d;
color:#cbbc9d;
}

.pagenavi a:hover,
.pagenavi a:active,
.pagenavi .current_page{
border:1px solid #cab795;
color:#FFFFFF;
background:#cab795;
}
.pagenavi .link_next,
.pagenavi .link_before{
margin:0px 0px 5px 0px;
background:#6d6454;
color:#FFFFFF;
font-weight:bold;
border:1px solid #6d6454;
}
.pagenavi .link_next{
margin-left:-5px;
}




#blog-navi{
list-style:none;
border-top:3px solid #f7efe2;
margin:50px -25px 10px -25px !important;
width:750px;
position:relative;
}
#shop_contents #blog-navi{
border-top: none;
width:700px;
margin:50px 0px 15px 0px !important;
}
#blog-navi li{
margin-top:10px;
list-style:none;
font-size:108%;
width:50%;
float:right;
position:relative;
}
#blog-navi li.next{
text-align:left;
float:left;
}
#blog-navi li a{
display:block;
margin:0px 10px;
height: 40px;
text-decoration:none;
}
#blog-navi li.next a{
padding:10px 15px 10px 40px;
}
#blog-navi li.prev a{
padding:10px 40px 10px 15px;
}
#blog-navi li a span{
display:block;

/*position:relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
*/
line-height:130%;
}

#blog-navi li:before{
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
font-size: 4em;
color: #ef7a00;
width:40px;
position: absolute;
top:0px;
}
.next:before{
  content: "\f104";
left:15px;
}
.prev:before{
  content: "\f105";
right:15px;
text-align:right;
}
.next:after{
content:" ";
display:block;
position: absolute;
top:0;
right:0;
width:1px;
height:100%;
border-right:1px solid #f7efe2;
}

#blog-navi li a:hover,
#blog-navi li a:active{
background:#fdecdb;
border-radius:3px;
}





/*++++ txt ++++*/
.list_txt{
padding-left:25px;
}









.about_foot{
width:700px;
padding-top:20px;
}
.about_foot ul{
}
.about_foot ul li{
list-style:none;
background: #f5ebd9;
float:left;
width:105px;
height:75px;
padding:0px 0px 0px 15px;
position:relative;
text-align:center;
}
.about_foot ul li:after{
content:url(../../img/inner/cont_navi_bg.png);
width: 16px;
display:block;

position: absolute;
top:0;
right:-16px;
}
.about_foot ul li.af01{
z-index:25;
width:80px;
padding-right:10px;
}
.about_foot ul li.af02{
z-index:20;
}
.about_foot ul li.af03{
z-index:15;
}
.about_foot ul li.af04{
z-index:10;
}
.about_foot ul li.af05{
z-index:5;
}
.about_foot ul li.af06{
width:110px;
padding:none;
z-index:1;
padding: 0px 0px 0px 5px;
margin-right:0px;
background:#f5ebd9;
}
.about_foot ul li.af06:after{
display:none;
}
.about_foot ul li a{
display:block;
color:#333;
height:75px;
text-decoration:none;
}
.about_foot ul li a span{
display:block;
line-height:130%;

  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.about_foot ul li.active,
.about_foot ul li:hover,
.about_foot ul li:active{
background: #ef7a00;
font-weight:bold;
}
.about_foot ul li.active:after,
.about_foot ul li:hover:after,
.about_foot ul li:active:after{
content:url(../../img/inner/cont_navi_bg02.png);
}
.about_foot ul li.active a,
.about_foot ul li a:hover,
.about_foot ul li a:active{
color:#fff;
}


.eco_tbl{
	width:100%;
	border-bottom: 1px dotted #ccc;
}
.eco_tbl th ,
.eco_tbl td{
	padding:15px;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
.eco_tbl tr th:last-child,
.eco_tbl tr td:last-child{
	border-right: 0px;
}

.eco_tbl th{
	background-color:#fdecdb;
	text-align:left;
}







/**********************************************
top
***********************************************/

.top_base{
padding:60px 0px;
}
.bg_box01{
background:#f9f6f1;
}





#promo{
background: url(../../img/top/promo_bg.jpg) no-repeat center top;
background-size:cover;
text-align:center;
}

.top_point_box{
background: #ff901d;
padding-bottom:20px;
}
.top_point_box02{
width:1100px;
margin:-4px auto 0px auto;
}
.top_point{
width:361px;
margin-right:8px;
float: left;
}
.top_point:last-of-type{
margin-right:0px;
}
.top_point a{
display:block;
position:relative;
text-decoration:none;
color:#333;
}
.top_point p{
position:absolute;
top:95px;
left:0;
width:320px;
padding: 15px 20px;
font-size:93%;
line-height:130%;
z-index:10;
}




.top_shop_holiday .pc_30th{
display:none;
}
.top_shop_holiday .shop_holiday{
background: #fff5f5;
padding:25px 15px;
width:100%;
text-align:center;
box-sizing: border-box;
}
.top_shop_holiday .shop_holiday a{
text-decoration: none;
color:#CF1212;
font-size:18px;
}
.top_shop_holiday .shop_holiday a:hover{
text-decoration: underline;
}




#1000ryoku_box {
margin: 0 auto;
padding:32px 0;
width:1020px;
background:#fff;
}

#top_bnr_box{
background:url(../../img/top/top_bg01.gif) repeat left top;
padding:30px 0px 15px 0px;
}
.top_bnr{
width:1020px;
margin:0px auto;
}
.top_bnr div{
float:left;
padding-bottom:20px;
}
.top_bnr div a{
display:inline-block;
box-shadow: 0px 0px 3px #eee;
backgrand:#fff;
}

.top_bnr div:nth-of-type(2n){
float:right;
}

.top_bnr div a{
box-shadow: 0px 0px 3px #aaa;
}
.top_bnr div a:hover img{
opacity:0.8;
}
/*
.top_bnr div:first-of-type{
width: 100%;
}
*/

.top_ttl{
text-align:center;
padding-bottom:40px;
}
.top_ttl p{
padding-top:10px;
font-size:123.1%;
}
.top_ttl p br{
display:none;
}







.btn{
margin-top:20px;
}
.btn a{
margin:0px auto;
display:block;
width:80%;
max-width:400px;
padding:10px 10px;
text-align:center;
color:#fff;
background:#322920;
font-size:108%;
text-decoration:none;
}
.btn a:hover{
background: #433e38;
}

.btn a::after{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn a::after{
content:"\f138";
padding-left:5px;
}




.top_works{
width:100%;
box-sizing:border-box;
}
.top_works div.tw_box{
max-width:400px;
box-sizing: border-box;
margin:10px 0px;
background:#fff;
float:left;
transition:all linear 0.2s;
}
.top_works div.tw_box a{
padding:5px;
display:block;
text-decoration:none;
color:#333;
transition:all linear 0.2s;
}
.top_works:hover div.tw_box:hover a{
box-shadow:0px 0px 0px 5px #fff;
}
.top_works div.tw_box:hover{
opacity:0.8;
box-shadow:0px 0px 10px #000;
position:relative;
z-index:500;
}



.top_works div img{
max-width:100%;
height: auto;
}

.top_works div ul{
padding:5px 0px;
}
.top_works div ul li{
list-style:none;
padding:2px 3px 0px 3px;
background: #ef7a00;
display:inline-block;
margin-right:2px;
color:#fff;
font-size:93%;
margin-bottom:3px;
}
.top_works div h3{
font-weight:bold;
font-size: 116%;
}
.top_works div p{
font-size:93%;
}








.top_event_area{
width:1020px;
margin:0px auto;
text-align:left;
font-size:93%;
padding-bottom:20px;
}
.color_cyubu{
color:#f5afd9;
}
.color_kanto{
color:#3488d0;
}
.color_kansai{
color:#88bb67;
}
.color_cyugoku{
color:#a77bc3;
}
.color_fukuoka{
color:#ecb700;
}

.top_event_box01{
width:100%;
box-sizing:border-box;
}
.top_event{
float:left;
width: 240px;
background:#fff;
margin:10px 20px 10px 0px;
}
.top_event:last-of-type{
margin-right:0px;
}
.top_event a{
border-top:3px solid #ed7400;
display: block;
text-decoration:none;
color:#333;
transition:all linear 0.2s;
}
.top_event a:hover{
opacity:0.8;
box-shadow:0px 0px 5px #aaa;
}

.top_event_box02{
width:1020px;
box-sizing:border-box;
margin:0px auto;
}
.top_event_box02 .top_event:nth-of-type(4n){
margin-right:0px;
}

.top_event figure{
padding:15px 10px;
}
.top_event figure.openhouse{
padding:0px;
}
.top_event figure img{
max-width:100%;
height: auto;
}

.top_event div{
padding:0px 15px 10px 15px;
}
.te_area{
text-align:center;
font-size:93%;
padding:1px 0px;
margin:0px -15px;
}

.bg_cyubu{
background:#f5afd9;
color:#fff;
font-weight:bold;
}
.bg_kanto{
background:#3488d0;
color:#fff;
font-weight:bold;
}
.bg_kansai{
background:#88bb67;
color:#fff;
font-weight:bold;
}
.bg_cyugoku{
background:#a77bc3;
color:#fff;
font-weight:bold;
}
.bg_fukuoka{
background:#ecb700;
color:#fff;
font-weight:bold;
}


.te_time{
font-size:93%;
font-weight:bold;
padding-top:10px;
}
.top_event h3{
color:#be1d00;
font-size:123.1%;
padding:5px 0px;
}
.te_basyo{
font-size:93%;
}


#top_selection + #top_plus,
style + #top_plus{
background:#f9f6f1;
}


#top_plus section{
width:1020px;
margin:0px auto;
}
.top_plus_l{
width:50%;
float:left;
}
.top_plus_l .top_ttl{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.top_plus_r{
width:50%;
float:right;
}
.top_plus_r div{
float:left;
margin-bottom:15px;
}
.top_plus_r div:nth-of-type(2n){
float:right;
}





#top_showroom_box{
background:url(../../img/top/top_bg02.jpg) no-repeat center center / cover ;
}
.top_showroom{
width:1020px;
margin:20px auto 0px auto;
background: url(../../img/top/top_map.png) no-repeat right center;
}

.top_showroom p{
font-size:138.5%;
line-height:150%;
}

.top_showroom div{
width:100%;
margin-bottom:10px;
}
.top_showroom div p{
float:left;
width: 165px;
position:relative;
z-index:10;
}
.top_showroom div p a{
display:block;
width:100%;
background:#fff;
border-left:5px solid #ff8000;
box-sizing:border-box;
padding:8px 10px 5px 10px;
line-height:130%;
font-weight:bold;
font-size: 16px;
text-decoration: none;
color:#333;
box-shadow:1px 1px 3px #ccc;
}
.top_showroom div p a:hover{
color:#ff8000;
}

.top_showroom div ul{
width:100%;
padding-left:190px;
margin-left:-165px;
box-sizing:border-box;
float:left;
padding-top:8px;
}
.top_showroom div ul li{
list-style:none;
font-size:16px;
margin-right:10px;
display:inline-block;
line-height:130%;
}






.top_special_box{
width: 100%;
box-sizing:border-box;
}
.top_special{
float:left;
width: 240px;
background:#fff;
margin:10px 20px 10px 0px;
}
.top_special a{
display: block;
text-decoration:none;
color:#333;
width:100%;
padding:9px;
border:1px solid #e9e1d9;
box-sizing:border-box;
transition:all linear 0.2s;
}
.top_special p:first-of-type{
background: #f1f1f1;
border-radius:15px;
font-size:100%;
line-height:120%;
text-align:center;
padding:5px 5px 3px 5px;
margin:10px 0px;
}
.top_special h3{
color:#f06c00;
font-size:123.1%;
padding-bottom:5px;
}
.top_special p:nth-of-type(2){
font-size:100%;
line-height:150%;
}

.top_special a:hover{
opacity:0.8;
box-shadow:0px 0px 5px #aaa;
}

.top_shopping_box{
width: 1020px;
margin: 0px auto 30px auto;
}
.top_shopping_box div:nth-of-type(odd){
float:left;
margin-bottom:10px;
}
.top_shopping_box div:nth-of-type(even){
float:right;
margin-bottom:10px;
}
.top_shopping_box div a{
display:inline-block;
box-shadow: 0px 0px 3px #aaa;
backgraund:#fff;
}
.top_shopping_box div a:hover{
opacity:0.8;
box-shadow: 0px 0px 5px #aaa;
}



.top_group{
width:1020px;
padding:30px 0px;
margin:0px auto;
text-align:center;
letter-spacing: -.40em;
}
.top_group div{
display:inline-block;
letter-spacing: normal;
padding:5px 5px;
width:25%;
box-sizing:border-box;
}
.top_group div img{
max-width:100%;
height:auto;
}






.bx-controls{
width:1020px;
position:relative;
margin:0px auto 0px auto;
height:0px;
}
.bx-controls a{
color:#ef7a00;
display:block;
border-radius:50%;
}
.bx-controls a:hover,
.bx-controls a:active{
color:#fff;
background:#ef7a00;
}
.bx-prev,
.bx-next{
position:absolute;
top:-250px;
text-align:center;
}
.bx-prev{
left:-60px;
padding:0px 20px 0px 15px;
}
.bx-next{
right:-50px;
padding:0px 15px 0px 20px;
}





#allshop .shop_holiday{
width:1020px;
margin:0px auto;
padding-bottom:25px;
text-align:center;
}
#allshop .shop_holiday a{
display:block;
padding:8px 0px;
background: #FFF5F5;
border-radius: 5px;
text-decoration:none;
color:#CF1212;
font-size:123.1%;
font-weight: bold;
border:1px solid #FFF5F5;
}
#allshop .shop_holiday a:hover{
border:1px solid #CF1212;
}



#top_blog_box{
background:#fff;
padding:30px 0px 30px 0px;
margin-bottom:50px;
margin-top: -50px;
}

#top_blog{
width:1020px;
margin:0px auto 0px auto;
text-align:left;
}

#top_blog h2{
font-size:153.9%;
line-height:130%;
}
#top_blog h2 span{
color:#ef7a00;
font-size:12px;
font-weight: normal;
padding-left:10px;
}

#top_blog .t_box{
padding:5px 0px 0px 0px;
background:#fff;
overflow: auto;
height:275px;
margin-top:5px;
border:1px solid #DADADA;
}

#top_blog .top_blog_btn{
width:100%;
margin:0px auto;
}
#top_blog .top_blog_btn a{
display:block;
color:#333;
border:1px solid #DADADA;
border-top:none;
padding:3px 5px;
text-align:center;
text-decoration: none;
font-size:12px;
}
#top_blog .top_blog_btn a::after{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscal;

content: "\f105";
padding-left:5px;
}
#top_blog .top_blog_btn a:hover{
background:#F06C00;
color:#fff;
}



/* info
-----------------------------------*/
.top_info{
float:left;
/*width: 370px;*/
width:330px;
margin-right:15px;
position:relative;
}
.top_info div.t_box{
padding-bottom:0px;
}

.top_info_box{
margin:0px 5px 5px 10px;
border-bottom:1px dotted #dadada;
padding:0px 0px 5px 0px;
}
.top_info_box p{
display:inline-block;
border-radius:3px;
font-size:85%;
padding:4px 10px 3px 10px;
line-height:100%;
margin-right:5px;
color:#fff;
}
.top_info_box data{
font-size:93%;
color:#888888;
}
.top_info_box h3{
font-size:93%;
font-weight:normal;
padding-top:5px;
}
.top_info_box h3 a{
color:#333;
}
.top_info_box h3 a:hover {
text-decoration:none;
}

.ti_area00 { background: #F06C00; } 
.ti_area01 { background: #3488D0; } /* 関東 */
.ti_area02 { background: #F39BCF; } /* 中部 */
.ti_area03 { background: #88BB67; } /* 関西 */
.ti_area04 { background: #A77BC3; } /* 中国四国 */
.ti_area05 { background: #ecb700; } /* 福岡 */




/* staffblog
-----------------------------------*/
#top_staff{
/*width:610px;*/
width:330px;
float:right;
position:relative;
}
#top_staff .t_box{
padding-top:0px;
}
.top_staff_box{
margin:0px 5px;
border-bottom:1px dotted #dadada;
}
.top_staff_box a{
display:block;
padding:8px;
width:100%;
box-sizing:border-box;
}
.top_staff_box a:hover{
background:#fdecdb;
}
.top_staff_box figure{
float:left;
width:40px;
height:40px;
overflow:hidden;
}
.top_staff_box figure img{
height:40px;
width: auto;
}
.top_staff_box figure img.def_img{
margin-left:-6px;
}

.top_staff_box div{
float:right;
width:100%;
box-sizing:border-box;
padding-left:50px;
margin-left:-50px;
margin-top:-3px;
}
.top_staff_box div data,
.top_staff_box div p{
font-size:85%;
color:#888888;
display:inline-block;
padding-right:10px;
line-height:100%;
}
.top_staff_box div h3{
padding-top:3px;
line-height:130%;
color:#000;
font-size:108%;
font-weight: 500;
}














/**********************************************
about
***********************************************/
.about_msg{
background: url(../../img/about/message.jpg) no-repeat right top;
padding-right:260px;
margin-bottom:30px;
}
.about_msg p{
padding-bottom: 15px;
line-height:180%;
font-size:14px;
}

.about_list{
width: 660px;
background: #f9f9f9;
padding: 20px 20px 10px 20px;
}
.about_list a{
display:block;
margin-bottom:10px;
}
.about_list a:hover dl,
.about_list a:active dl{
background:#d8ead8;
}
.about_list dl{
list-style:none;
position:relative;
width: 648px;
border:1px solid #c3d2c3;
background:#e7f5e7;
padding: 5px;
}
.about_list dl dt{
float:left;
width: ;
}
.about_list dl dd{
float:right;
width: 270px;
padding-right:22px;
padding-top:10px;
font-size:93%;
color:#464646;
position:relative;
}
.about_list dl dd:after{
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
content: "\f0da";
position:absolute;
top:0;
right:0px;
color:#fff;
background: #457947;
width: 10px;
height: 50px;
padding-top:40px;
text-align:center;

}




/*++++ construct ++++*/
.txtimg_box{
width: 680px;
}
.txtimg_box div{
float:right;
padding:5px 0px 20px 20px;
}




/*++++ dream ++++*/
.dream_btn_box{
width: 717px;
margin-right:-17px;
}
.dream_btn{
float:left;
width: 190px;
padding:15px;
border:1px solid #cabb9b;
border-radius:5px;
margin-right:17px;
}
.dream_btn p{
width: 190px;
padding:0px 0px;
line-height:170%;
}
.dream_btn p.btn_o{
padding-top:15px;
}
.dream_btn p a{
display:block;
width: 170px;
padding: 5px 10px;
text-align:center;
}




/*++++ support ++++*/
.support01{
width:700px;
}
.hoshoarea{
width:400px;
float:left;
}
.hoshoarea h3{
text-align:center;
padding:5px 0px;
font-size:123.1%;
background:#ccc;
color:#333;
}
.hoshoarea dl{
border-bottom:1px solid #ccc;
padding:5px 10px;
width: ;
}
.hoshoarea dl:first-of-type{
border-top:1px solid #ccc;
}
.hoshoarea dt{
width:200px;
float:left;
}
.hoshoarea dd{
width:150px;
float:right;
text-align:right;
}
.hosho_ph{
float:right;
}

.support02{
width: 700px;
}
.support02 p{
width:400px;
float:left;
}
.support02 div{
float:right;
}






/*++++ anshin ++++*/
#anshin_melit{
width: 709px;
margin-right:-9px;
position:relative;
padding-bottom:40px;
padding-;eft: 1px;
}
#anshin_melit div{
border-radius:5px;
background:#f9f1dc;
width: 226px;
float:left;
margin:0px 10px 10px 0px;
}
#anshin_melit div p{
padding:10px 15px;
line-height:150%;
font-size:93%;
}


.anshin_tab01{
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
}
.anshin_tab01 th{
background: #f0f0f0;
padding:10px 10px 7px 10px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
width: 250px;
}
.anshin_tab01 thead th{
padding:8px 10px 5px 10px;
text-align:center;
font-weight:bold;
font-size:108%;
background: #ef7a00;
color:#fff;
width: auto;
}
.anshin_tab01 td{
padding:10px 10px 7px 10px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-size:108%;
text-align:center;
}

.anshintxt{
font-size:123.1%;
}

#anshin_gai{
width: 100%;
background:#e9e7e3;
margin:20px 0px 30px 0px;
}
#anshin_gai h3{
background: #98938b;
font-size: 123.1%;
padding:5px 0px 2px 0px;
text-align:center;
}
#anshin_gai p{
padding:15px 0px 10px 0px;
text-align:center;
}
#anshin_gai ul{
width: 660px;
margin:0px auto;
padding-bottom:15px;
}
#anshin_gai li{
list-style:none;
float:left;
margin:0px 10px;
}


.anshin_tab02{
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
}
.anshin_tab02 th{
background: #f0f0f0;
padding:10px 10px 7px 10px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
width: 100px;
text-align:center;
}
.anshin_tab02 thead th{
padding:8px 10px 5px 10px;
text-align:center;
font-weight:bold;
font-size:108%;
background: #ef7a00;
color:#fff;
width: auto;
}
.anshin_tab02 td{
padding:10px 5px 7px 5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-size:108%;
text-align:center;
width:161px;
}








/**********************************************
point
***********************************************/
.point01{
background:url(../../img/reform/point_bg.gif) no-repeat right top;
padding-right:230px;
margin-bottom:50px;
}


.point_box{
width: 700px;
margin-right:-17px;
}
.point_box02{
width: 730px;
}

.p_list{
float:left;
width: 335px;
margin-right:30px;
margin-bottom:25px;
}
.p_list a{
display:block;
width: 335px;
text-decoration: none;
}
.p_list h3{
font-size: 18px;
color:#333;
padding-bottom:2px;
}
.p_list h3:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:5px;
color: #f06b00;
/*content: "\f0eb";*/
/*content: "\f046";*/
content: "\f192";
font-size:18px;
}
.p_list div{
border:1px solid #c0c0c0;
border-bottom: none;
}
.p_list a:hover div img{
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}
.p_list p{
border:1px solid #c0c0c0;
border-top: none;
padding:10px;
line-height:130%;
font-size:93%;
color:#333;
}
.p_list a:hover p{
color:#888;
}





.point_navi{
width:700px;
overflow:hidden;
}
.point_navi figure a:hover{
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}
.point_navi div{
float:left;
width: 330px;
margin-right:40px;
padding-bottom:40px;
}
.point_navi div:nth-of-type(2n){
margin-right:0px;
}
.point_navi div h5{
font-size:123.1%;
font-weight:bold;
color:#f06b00;
padding:10px 0px 8px 1px;
}
.point_navi div h5:before{
  content: "\f138";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:5px;
}
.point_navi div p{
font-size:108%;
line-height:150%;
}
.point_navi div p.in_btn{
width:280px;
margin:15px auto 0px auto !important;
text-align:center;
}
.point_navi div p.in_btn a{
width:280px;
padding:10px 0px 8px 0px;
}




.point_navi02{
width:705px;
overflow:hidden;
border-top: 2px solid #f7eee1;
padding:15px 25px 0px 25px;
margin:0px -20px -20px -25px;
}

.point_navi02 > p{
color:#f06b00;
font-weight:bold;
font-size:123.1%;
padding-bottom:5px;
}
.point_navi02 > p:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:5px;
color: #f06b00;
/*content: "\f0eb";*/
/*content: "\f046";*/
content: "\f192";
}

.point_navi02 div{
float:left;
width:228px;
height:70px;
border:1px solid #dadada;
margin-right:5px;
margin-bottom:5px;
}

.point_navi02 div figure{
float:left;
width: 90px;
height:70px;
overflow:hidden;
}
.point_navi02 div figure img{
width: auto;
height:70px;
margin-left: -13px;
}
.point_navi02 div p{
float:right;
  position: relative;
  top: 50%;
width: 113px;
padding-left:25px;
text-indent:-8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
line-height:130%;
font-size:108%;
color:#333;
font-weight:bold;
text-decoration:nonel
}
.point_navi02 div p:before{
  content: "\f138";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:5px;
color:#f06b00;
}
.point_navi02 div p span{
font-size:10px;
color:#333;
font-weight: normal;
}

.point_navi02 div:hover{
border:1px solid #f06b00;
}
.point_navi02 div a {
display:block;
width:228px;
height:70px;
}
.point_navi02 div a:hover figure img {
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}
.point_navi02 div a:hover p {
color:#f06b00;
}




/*++++ kawada ++++*/


.point_subttl{
	color:#ef7a00;
	border-left:5px solid #ef7a00;
	border-bottom:1px solid #ef7a00;
	padding:2px 0px 2px 10px;
	margin-bottom:10px;
	font-size:123.1%;
}



.point_ph{
	text-align:center;
	margin-bottom:20px;
}
.pt_phb img{
	border:1px solid #dedbd9;
	padding:10px 0;
}




.point_check{
	margin-bottom:20px;
}
.point_check li{
	list-style:none;
	color:#ef7a00;
	font-size:131%;
	line-height:200%;
	}
.point_check li i{
	margin-right:10px;
}




.item p{
	padding:8px;
	margin:5px 0 0 0;
	color:#333;
	background-color:#f9f8f4;	
	font-size:85%;
	text-align:left;
	line-height:150%;
}
.item p strong{
	font-weight:bold;
	color:#ef7a00;
	font-size:108%;
}
p.point_itxt{
	background-color:#fff;
	padding:5px 0 0 0;
	font-size:100%;
	line-height:180%;	
}






.item1{
	width:700px;	
	margin-bottom:40px;
}
.item1 div{
	margin-left:20px;
	float:right;
}
.item1 div div{
	float:none;
	margin:0;
	padding:0;
}
.item1 div.txt01{
	margin:0;
	padding:0;
}





.item2{
	margin-bottom:40px;
	width:700px;
}
.item2 div{
	width:315px;
	float:left;
	margin:0 17px;
}
.item2 div div{
	float:none;
	padding:0;
	margin:0;
}
.item2 div p{
	width:299px;
}





.item3{
	margin-bottom:20px;
	padding:0 12px;
}
.item3 div{
	margin:0 5px;
	float:left;
}
.item3 div div{
	width:215px;
	float:none;
	margin:0;
}
.item3 div p{
	width:199px;
}





.point_merit{
	margin-bottom:20px;
}
.point_merit li,
.pt_att li{
	list-style:none;
	margin-left:13px;
	text-indent:-13px;
	font-size:108%;
	line-height:200%;

}	
.point_merit li:before{
	content: "・";
}
.pt_att li:before{
	content: "※";
}






/*++ kitchen ++*/


#main .p_navi .kitchen_ip{
	padding-top:5px;
}
#main .p_navi .kitchen_ih{
	padding-top:25px;
}



.k_layout{
	width:700px;
	margin-bottom:20px;
}
.k_layout div{
	float:left;
	width:166px;
	padding-right:15px;
	margin-bottom:20px;
}
.k_layout p{
	width:519px;
	float:left;
	font-size:108%;
	line-height:200%;
	padding:0;
	margin:0;
}
.klayout_a_txt{
	float:right;
	width:375px;
	margin-right:15px;
}



.point_subi{
	margin-bottom:40px;	
}
.point_subi p{
	width:520px;
	float:left;
	margin-right:15px;
}
.point_subi div{
	float:left;
}
/* .point_subi div img{
	margin-left:15px;
} */





/*++ bathroom ++*/

.bsizel{
	float:left;
	width:250px;
}
.bsizer{
	float:right;
	width:450px;
}

.bath_t_txt{
	width:375px
}




/*++ toilet ++*/

.tsize_txt{
	width:375px;
}


.tdoor_ttl{
	width:234px;
}

.tdoor_txt{
	width:425px;
	float:left;
	line-height:200%;
	font-size:108%;
}





/*++ wash room ++*/

.pr_stxt{
	width:375px;
}





/*++ naiso ++*/

.cls_stxt{
	width:435px;
}


.point_ntbl{
	width:100%;
}
.point_ntbl th, .point_ntbl td{
	padding:10px;
	border:solid 1px #f48d22;
}
.point_ntbl th{
	background-color:#ffc066;
	font-size:108%;
	text-align:center;
	color:#562c00;
	line-height:105%;
	vertical-align: middle;
}
.point_ntbl th span{
	font-size:69%;
	font-weight:normal;
}




/*++ exterior ++*/

p.point_gatet{
	width:370px;
	float:left;
	margin-right:15px;
}







/**********************************************
flow
***********************************************/
.flow_img{
width: 700px;
padding-top:5px;
margin-bottom:70px;
}
.flow_img li{
float:left;
list-style:none;
}

.flow_box{
width:700px;
position:relative;
}
.flow_box:before{
content:" ";
width: 5px;
height:85%;
background: #dab793;
display:block;
position:absolute;
top:20px;
left:43px;
}

#flow01,
#flow02,
#flow03,
#flow04,
#flow05,
#flow06,
#flow07,
#flow08{
width: 700px;
margin-bottom:35px;
}

.flow_no{
float:left;
width:125px;
margin-left:-7px;
position:relative;
}
.flow_data{
float:right;
width: 580px;
margin-top:10px;
height: 178px;
}
#flow01 .flow_data{
background: url(../../img/flow/f_ph01.jpg) no-repeat right 60px;
height: auto;
}
#flow02 .flow_data{
background: url(../../img/flow/f_ph02.jpg) no-repeat right 60px;
}
#flow03 .flow_data{
background: url(../../img/flow/f_ph03.jpg) no-repeat right 60px;
}
#flow04 .flow_data{
background: url(../../img/flow/f_ph04.jpg) no-repeat right 60px;
}
#flow05 .flow_data{
background: url(../../img/flow/f_ph05.jpg) no-repeat right 60px;
}
#flow06 .flow_data{
background: url(../../img/flow/f_ph06.jpg) no-repeat right 60px;
}
#flow07 .flow_data{
background: url(../../img/flow/f_ph07.jpg) no-repeat right 60px;
}
#flow08 .flow_data{
background: url(../../img/flow/f_ph08.jpg) no-repeat right 60px;
height: auto;
}



.flow_data h2{
border-bottom:1px solid #cccccc;
font-size:182%;
padding-bottom:5px;
margin-bottom:15px;
}
.flow_data h2 span{
padding:3px 5px 1px 10px;
color:#fff;
background: #bf0000;
font-size:12px;
vertical-align: middle;
letter-spacing:5px;
}
.flow_data p{
width:360px;
}

 






/**********************************************
flow
***********************************************/
.flow_img{
width: 700px;
padding-top:5px;
margin-bottom:70px;
}
.flow_img li{
float:left;
list-style:none;
}

.flow_box{
width:700px;
position:relative;
}
.flow_box:before{
content:" ";
width: 5px;
height:85%;
background: #dab793;
display:block;
position:absolute;
top:20px;
left:43px;
}

#flow01,
#flow02,
#flow03,
#flow04,
#flow05,
#flow06,
#flow07,
#flow08{
width: 700px;
margin-bottom:35px;
}

.flow_no{
float:left;
width:125px;
margin-left:-7px;
position:relative;
}
.flow_data{
float:right;
width: 580px;
margin-top:10px;
height: 178px;
}
#flow01 .flow_data{
background: url(../../img/flow/f_ph01.jpg) no-repeat right 60px;
height: auto;
}
#flow02 .flow_data{
background: url(../../img/flow/f_ph02.jpg) no-repeat right 60px;
}
#flow03 .flow_data{
background: url(../../img/flow/f_ph03.jpg) no-repeat right 60px;
}
#flow04 .flow_data{
background: url(../../img/flow/f_ph04.jpg) no-repeat right 60px;
}
#flow05 .flow_data{
background: url(../../img/flow/f_ph05.jpg) no-repeat right 60px;
}
#flow06 .flow_data{
background: url(../../img/flow/f_ph06.jpg) no-repeat right 60px;
}
#flow07 .flow_data{
background: url(../../img/flow/f_ph07.jpg) no-repeat right 60px;
}
#flow08 .flow_data{
background: url(../../img/flow/f_ph08.jpg) no-repeat right 60px;
height: auto;
}



.flow_data h2{
border-bottom:1px solid #cccccc;
font-size:182%;
padding-bottom:5px;
margin-bottom:15px;
}
.flow_data h2 span{
padding:3px 5px 1px 10px;
color:#fff;
background: #bf0000;
font-size:12px;
vertical-align: middle;
letter-spacing:5px;
}
.flow_data p{
width:360px;
}

 










/**********************************************
loan
***********************************************/
/*
.loan_tab{
width: 100%;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
margin-bottom:30px;
}
.loan_tab th{
background: #f0f0f0;
padding:10px;
width: 180px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
text-align:left;
}
.loan_tab td{
padding:10px;
width: 127px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
*/
/* loan原本 */
.loan_tab{
width: 100%;
border-bottom:1px dotted #cccccc;
margin-bottom:30px;
}
.loan_tab th{
padding:15px 10px 15px 10px;
width: 160px;
border-top:1px dotted #cccccc;
text-align:left;
background:#fdecdb;
}
.loan_tab td{
padding:15px 0px 15px 10px;
width: 160px;
border-top:1px dotted #cccccc;
}
.loan_tab td .btn_bl{
padding:0px 0px 0px 10px;
}
.loan_tab td .btn_bl a{
padding:3px 10px;
}

/* 以下19/04/23追加テンプレ 和泉澤 */
.closed_wrap{
	width: 80%;
	margin: 0 auto;
}
.closed_wrap h3{
	text-align: center;
	font-size: 153.9%;
    margin-bottom: 10px;
    line-height: 150%;
}
.closed_table{
	width: 100%;
	border-bottom:1px dotted #cccccc;
	margin-bottom:30px;
}
.closed_table th{
	padding:10px 30px;
	width: 40%;
	border-top:1px dotted #cccccc;
	text-align:left;
	background:#fdecdb;

}
.closed_table td{
	padding:10px 30px;
	width: 60%;
	border-top:1px dotted #cccccc;
	vertical-align: middle;
}

/**********************************************
showroom
***********************************************/
#showroom_map{
width: 700px;
padding-bottom:50px;
position:relative;
background: url(../../img/showroom/listmap.gif) no-repeat left top;
height:420px;
}
.sr_map{
}
.sr_list{
margin:30px 0px 0px 340px;
background:#fff;
background: rgba(255,255,255,0.8);
border:1px solid #ddd;
border-radius:5px;
padding:20px 20px 0px 20px;
width:300px;
}
.sr_list p{
padding-left:5px;
font-size:123.1%;
font-weight:bold;
line-height:130%;
padding-top:3px;
}
.sr_list p a{
text-decoration:none;
color:#333;
}
.sr_list p.sr_li01,
#kanto h2{
border-left: 5px solid #3488d0;
}
.sr_list p.sr_li02,
#chubu h2{
border-left: 5px solid #f39bcf;
}
.sr_list p.sr_li03,
#kansai h2{
border-left: 5px solid #88bb67;
}
.sr_list p.sr_li04,
#chugoku h2{
border-left: 5px solid #a77bc3;
}
.sr_list p.sr_li05,
#kyusyu h2{
border-left: 5px solid #f2cf10;
}


.sr_list ul{
width:300px;
padding:5px 0px 14px 6px;
}
.sr_list ul li{
list-style:none;
width: 96px;
float:left;
font-size:100%;
margin-bottom:3px;
}
.sr_list ul li a{
text-decoration:none;
padding:3px 0px;
color:#333;
}
.sr_list ul li a:hover,
.sr_list ul li a:active{
text-decoration: underline;
}
.sr_list ul li a:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
content: "\f0da";
color:#333;
padding-right:5px;
}




.srattribute{
width:100%;
margin-bottom:30px;
}

.srattribute dt,
.srattribute dd{
display:inline;
vertical-align:center;
}
.srattribute dd{
font-size: 108%;
margin-right:10px;
}
.srattribute dt img{
margin-right:5px;
}




.sr_area{
padding-bottom:50px;
}
.sr_area h2{
font-size: 167%;
line-height:110%;
padding:3px 0px 0px 10px;
margin-bottom:20px;
}




.sr_data{
padding: 0px 5px 15px 5px;
border-bottom:1px dotted #8a8a8a;
margin-bottom:15px;
}
.sr_data_l{
float:left;
width: 430px;
}
.sr_data_r{
float:right;
width: 242px;
padding-top:5px;
}

.sr_data h4{
display:inline;
line-height:100%;
color:#b10000;
font-size:153.9%;
font-weight:bold;
margin-right:10px;
}
.sr_data h4 a{
text-decoration:none;
color:#b10000;
}
.sr_data h4 a:hover,
.sr_data h4 a:active{
text-decoration:underline;
}
.sr_data_info{
color:#cf0000;
background: #fff5f5;
text-align:center;
padding:5px 0px 3px 0px;
margin-bottom:10px;
font-weight: bold;
}

.sr_data p{
line-height:140%;
}
.sr_data p img{
vertical-align:baseline;
}
.sr_taio{
width: 414px;
background:#f7f1e6;
padding: 8px 8px 6px 8px;
margin-top:10px;
border-radius:5px;
}
.sr_taio dt{
float:left;
width: 70px;
color:#683c2b;
line-height:130%;
font-size:93%;
font-weight:bold;
}
.sr_taio dd{
float:right;
width: 335px;
border-left: 1px solid #683c2b;
padding-left:8px;
line-height:130%;
color:#2c2c2c;
font-size:93%;
}
.sr_data .btn_o{
width: auto;
text-align:right;
font-size:93%;
padding-top:0px;
}
.sr_data .sr_ph{
width:232px;
border:1px solid #dddddd;
padding: 4px;
}
.sr_data .sr_ph a{
}
.sr_data .sr_ph a:hover img {
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}

.sr_name img,
.sr_name h4{
vertical-align:middle;
}
.sr_name img{
font-size:153.9%;
line-height:100%;
margin-right:5px;
height:21px;
}

.sr_name{
margin-bottom:13px;
}


/* キャンペーン用エリア表示
-----------------------------------*/
/* includeファイル共通使用 */

.campaign_area{
padding-top:10px;
border-top:1px dotted #8a8a8a;
}
.campaign_area .sr_data{
padding: 0px 5px 9px 5px;
margin-bottom:10px;
}
.campaign_area .sr_data p,
.campaign_area .sr_data_r{
display:none;
}
.campaign_area .sr_data_l{
width: 100%;
}
.campaign_area .sr_data h4{
float:left;
font-size:18px;
padding-bottom:0px;
}
.campaign_area .sr_data dl.sr_taio{
float:right;
margin-top:0px;
}









/**********************************************
works
***********************************************/
#works_list{
width: 704px;
margin-right:-4px;
padding-bottom:50px;
}
.works_list02{
float:left;
width: 170px;
margin:0px 6px 6px 0px;
}
.works_list02 a{
width:168px;
display:block;
border:1px solid #cabb9c;
text-decoration:none;
}
.works_list02 a:hover,
.works_list02 a:active{
border:1px solid #ef7a00;
box-shadow:1px 1px 0px #ef7a00, -1px -1px 0px #ef7a00, -1px 1px 0px #ef7a00, 1px -1px 0px #ef7a00;
}
.works_list02 a:hover img,
.works_list02 a:active img{
-moz-opacity:0.85;
opacity:0.85;
filter: alpha(opacity=85);
}
.works_list02 p{
background: #ef7a00;
padding:5px 0px 5px 10px;
color:#fff;
text-align:center;
line-height:140%;
font-weight:bold;
font-size:93%;
}
.works_list02 p:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
content: "\f0da";
padding-right:5px;
margin-left:-10px;
}


mark.mark01{
background: none;
font-size:138.5%;
font-weight:normal;
padding:0px 5px;
margin-bottom:0px;
border-bottom:2px solid #457947;
font-style: normal;
}



.staff_works{
width: 700px;
position:relative;
margin-bottom:50px;
}
.staff_works .top_btn{
position:absolute;
top:24px;
right:0;
}
.staff_works02{
border:1px solid #dadada;
width: 680px;
padding:0px 10px;
}
.staff_works02 div{
width:680px;
border-bottom:1px dotted #dadada;
}
.staff_works02 div:last-child{
border-bottom: none;
}
.staff_works02 a{
width:680px;
display:block;
padding:10px 0px 8px 0px;
}
.staff_works02 a h4{
color:#333;
text-decoration:none;
float:left;
font-weight:normal;
}
.staff_works02 a:hover h4{
text-decoration:underline;
}
.staff_works02 a h4:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
content: "\f138";
color:#ef7a00;
padding-right:5px;
}
.staff_works02 a p{
color:#888888;
text-decoration:none;
float: right;
font-size:77%;
text-align:right;
}



.works_box{
width:700px;
margin-bottom:40px;
}
.works_ph01{
float:left;
padding: 5px;
border:1px solid #dadada;
/*box-shadow:1px 1px 3px #eee,-1px -1px 3px #eee;*/
}
.works_ph01 div{
height:210px;
overflow:hidden;
width:280px;
}
.works_ph01 img{
width:280px;
min-height:210px !important;
position:relative;
/*  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
*/
}
.works_ph01 a:hover img,
.works_ph01 a:active img{
-moz-opacity:0.85;
opacity:0.85;
filter: alpha(opacity=85);
}
.works_box02,
.works_req02{
float:right;
width: 385px;
line-height:160%;
}
/*.works_box02{
background: url(../../img/works/works_br.gif) no-repeat left top;
}*/
.works_box02 h3{
color: #b50000;
font-size:138.5%;
padding:0px 0px 0px 0px;
line-height:130%;
/*background: url(../../img/works/works_br.gif) no-repeat left bottom;*/
}

.works_cate {
padding-bottom:5px;
line-height: 100%;
}
.works_cate span{
background: #0f0f0f;
font-size:11px;
color:#fff;
padding:1px 10px 0px 10px;
border-radius:3px;
margin-right:2px;
display:inline-block;
margin-bottom:2px;
}

.works_box02 h3 a{
text-decoration:none;
color: #b50000;
}
.works_box02 h3 a:hover,
.works_box02 h3 a:active{
text-decoration: underline;
}
.works_req{
padding-top:15px;
padding-bottom:10px;
}
.works_req h5{
margin-bottom:5px;
}
.works_req p,
.works_req02 p{
line-height:160%;
padding: 0px 0px;
font-size:12px;
}
.works_req div,
.works_req02 div{
padding-bottom:5px;
}

.works_box .btn_o{
padding-top:10px;
}

#works_entry h2{
/*background: url(../../img/works/works_br.gif) no-repeat left bottom;*/
color: #b50000;
font-size:182%;
/*padding:0px 0px 15px 0px;*/
line-height:130%;
margin-bottom:30px;
}




.works_tbl{
width: 100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin-bottom:30px;
}
.works_tbl th{
font-size:108%;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:15px 15px;
width: 110px;
background: #282828;
color:#fff;
}
.works_tbl td{
font-size:108%;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:15px 15px;
width: 177px;
}


.w_before{
width: 690px;
border:3px solid #f2e8d5;
padding:30px 5px;
margin-bottom:50px;
position:relative;
}
.w_before:before{
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
content: "\f0d7";
display:block;
width:100%;
position:absolute;
bottom:-66px;
left:0;
text-align:center;
font-size: 100px;
color:#f2e8d5;
}
.w_before h3{
margin-top: -50px;
position:relative;
padding-left:10px;
}
.w_before div{
width:33.3%;
box-sizing:border-box;
padding:10px;
float:left;
}
.w_before div img,
.w_after div img{
max-width:100%;
height: auto;
}

.w_construct{
padding-bottom:60px;
overflow:hidden;
}
.w_construct div{
width:33.3%;
padding:0px 10px 20px 10px;
box-sizing: border-box;
float:left;
}
.w_construct div img{
max-width:100%;
height: auto;
}

.w_repoint{
padding-bottom:60px;
}

.w_after{
width: 700px;
}
.w_after div{
float:left;
padding-bottom:10px;
padding-right:15px;
}
.w_after div:last-child{
padding-right:0;
margin-right:0;
}


.works_voice{
width:650px;
border-radius:5px;
background:#f7f1e6;
padding: 25px;
}
.works_voice h4{
padding-bottom:5px;
}

.w_ph{
padding:5px;
background: #fff;
border:1px solid #f4f4f4;
box-shadow:1px 1px 3px #ccc,-1px -1px 3px #f4f4f4;
width: 150px;
float:right;
margin:0px 0px 20px 15px;
}






/*++++ old ++++*/
.case_body{
line-height:200%;
padding:2px 0px 50px 0px;
}
.case_body p,
.case_body td{
line-height:200%;
}
.case_body ul{
margin:10px 0px 0px 0px;
}
.case_body li{
list-style-image: url(/img/point12.gif);
margin:0px 0px 0px 45px;
font-size: 108%;
line-height:200%;
}
.case_body img{
max-width: 640px;
}
.case_name{
padding-top:2px;
font-weight:bold;
color:#FF5700;
}
.bute{
padding:25px 0px;
text-align:center;
font-size:14px;
letter-spacing:3px;
}
.case_body table{
    border-collapse: inherit;
    border-spacing: inherit;
}


.case_shop{
}
.case_shop td{
vertical-align:top;
}
.case_shop td.case_shop01{
width:165px;
}
.case_shop td.case_shop01 img{
border:1px solid #CCCCCC;
}
.case_shop td.case_shop02 address{
line-height:160%;
padding:3px 0px;
padding-left:22px;
}
.case_shop td.case_shop03{
vertical-align:middle;
width:160px;
text-align:center;
}
.case_shop td.case_shop03 p{
text-align:center;
}
.case_shop td.case_shop03 p a{
background:url(../../img/point08.gif) no-repeat left center;
padding-left:10px;
}




/*
2013.02.08 施工事例改修
*/

.nc_ttl{
font-size:28px;
color:#ff5700;
/*color:#444;*/
text-shadow:2px 2px 1px #ccc;
line-height:140%;
padding-bottom:20px;
}

.cn_data{
border-left:2px solid #fff;
border-top:2px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.cn_data th{
border-bottom:1px solid #fff;
text-align:center;
vertical-align:middle;
font-weight:bold;
font-size:12px;
background:#212121;
color:#fff;
padding:8px 0px;
line-height:160%;
width:20%;
}
.cn_data td{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#eee;
padding:8px 5px 8px 12px;
line-height:170%;
text-align:left;
vertical-align:top;
width:30%;
}

.cn_before{
list-style:none;
width:100% !important;
padding:0px !important;
margin:0px !important;
background:none !important;
}
.cn_before li{
float:left;
background:none !important;
list-style-image:none !important;
width:auto !important;
padding:0px 3px 3px 0px !important;
margin:0px 0px 0px 0px !important;
}

.cn_after{
}
.cn_after dt{
padding-bottom:10px;
}
.cn_after dd{
font-size:14px;
line-height:170%;
padding-bottom:35px;
}


.cn_voice{
background:url(../../img/inner/cn_voicebg.gif) repeat 0 0;
border:2px solid #ecddcd;
/*padding:20px 30px;*/
padding:20px 20px;
margin-top:20px;
margin-bottom:30px;
}

.cn_voice h5{
padding-bottom:7px;
}
.cn_voice h5 p{
line-height:170%;
}

.cn_staffimg{
float:right;
background-color:#fff;
padding:8px;
border:1px solid #ccc;
box-shadow:2px 2px 1px #ccc;
border-radius:9px;
margin-left:15px;
margin-top:10px;
margin-bottom:7px;
}


.works_gas div{
width:320px;
float:left;
padding:0;
margin:0;
}

.works_gas div h4{
padding:8px;
margin-bottom:12px;
background: none repeat scroll 0 0 #ef7a00;
color: #fff;
font-size:123.1%;
border-radius: 3px;
}
#works_entry .works_arrow{
width:33px;
margin:0 12px 0 15px;
height:476px;
color:#f2e8d5;
font-size: 100px;
top:160px;
position:relative;
}


/**********************************************
info
***********************************************/

.info_list .t_ttl{
margin-bottom:0px;
}
.info_list dl{
width: 100%;
padding:10px 6px;
border-bottom:1px dotted #8a8a8a;
box-sizing: border-box;
}
.info_list dt{
float:left;
width: 110px;
color:#333;
}
.info_list dt:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
content: "\f0da";
padding-right:5px;
color:#ef7a00;
}
/*
.info_list dd{
float:left;
width: 100%;
padding:2px 10px 0px 210px;
margin-left:-210px;
box-sizing: border-box;
background: #8a8a8a;
}*/

/*.info_list dd.info_cate{
float:left;
width: 100px;
margin-left:0;
margin-right:13px;
padding:2px 10px 0px 10px;
text-align:center;
color:#333;
border-radius:3px;
font-size:93%;
color:#fff;
}

.info_list dd.info_ttl{
float:left;
width:100%;
margin-left:-120px;
padding:3px 0px 2px 120px;
box-sizing:border-box;
}
*/

.info_list dd{
float:left;
width:100%;
margin-left:-230px;
padding:0px 0px 0px 250px;
box-sizing:border-box;
}
.info_list dd.info_cate{
float:left;
width: 100px;
margin-left:0px;
padding:2px 10px 0px 10px;
text-align:center;
border-radius:3px;
font-size:93%;
color:#fff;
}


#shop_main .info_list dd{
float:left;
width: 578px;
}

.info_list a{
display:block;
text-decoration:none;
}
.info_list a:hover,
.info_list a:active{
background:#fdecdb;
}


.info_data{
text-align:right;
color:#999;
margin-top:-15px;
margin-bottom:30px;
}
.info_data p{
display:inline-block;
margin: 0px 0px 0px 10px;
}
.info_data p i{
padding-right:5px;
}
.info_entry{
width: 100%;
overflow:hidden;
clear:both;
padding-bottom:50px;
}


.info_entry .left_img{
float:left;
}
.info_entry .right_img{
float:right;
}


.info_entry img{
max-width:100%;
height: auto;
}










/**********************************************
voice
***********************************************/
.voice_box{
width: 670px;
padding: 15px;
background: #f8f6f2;
border-radius:5px;
margin-bottom:20px;
}

.voice_txt{
float:left;
width: 355px;
line-height:140%;
}
.voice_txt h2,
.voice_box03 h2{
font-size:123.1%;
color: #b50000;
position:relative;
padding-left:25px;
line-height:130%;
}
.voice_txt h2:before,
.voice_box03 h2:before{
content: "\f075";
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

height:100%;
position:absolute;
top:-3px;
left:0;
font-size:18px;

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.voice_txt h2 a,
.voice_box03 h2 a{
text-decoration:none;
color: #b50000;
cursor:text;
}

.voice_img{
float:right;
width: 295px;
border:1px solid #eae5da;
}
.voice_txt div{
padding-left: 25px;
}
.voice_txt p{
font-size:93%;
line-height:150%;
}
.voice_txt p.voice_sr,
.voice_sr{
color:#ef7a00;
text-align:right;
font-size:11px;
letter-spacing:1px;
padding-top:5px;
padding-bottom:15px;
}



.voice_box02{
width:711px;
margin-right:-11px;
position:relative;
padding-top:50px;
}
.voice_box03{
width:212px;
padding:7px;
float:left;
background: #f8f6f2;
border-radius:5px;
margin-right:11px;
margin-bottom:10px;
}
.voice_box03 h2{
font-size:108%;
}
.voice_box03 h2:before{
font-size:123.1%;
}
.voice_box03 .voice_sr{
padding-bottom:5px;
margin-top:-2px;
font-size:77%;
}
.voice_box03 p{
line-height:150%;
font-size:93%;
}
.voice_box03 .voice_img{
float:none;
width:210px;
margin-bottom:10px;
}
.voice_box03 .voice_img img{
width:210px;
}



/**********************************************
corporate
***********************************************/
.company_table{
width: 100%;
border-top:1px dotted #ccc;
margin-bottom:30px;
}
.company_table th{
background: #f7f7f7;
padding:15px 20px;
font-size:108%;
width:130px;
border-bottom:1px dotted #ccc;
box-shadow:0px 3px 0px #fff inset,0px -3px 0px #fff inset;
text-align:left;
}
.company_table td{
padding:15px 20px;
font-size:108%;
border-bottom:1px dotted #ccc;
}
.company_table td ul{
padding-left:20px;
}
.company_table td span{
display:block;
padding-bottom:5px;
}


.history{
width:700px;
}
.history h2{
float:left;
width: 100px;
font-size:138.5%;
background:#ccc;
color:#fff;
border-radius:5px;
padding:8px 10px;
text-align:center;
margin:0px 20px 0px 0px;
position:relative;
}
.history h2:before{
content:" ";
display:block;
width: 0px;
height:0px;
border:21px solid transparent;
border-left:21px solid #ccc;
position:absolute;
top:0;
right:-40px;
}
.history h2:after{
content: " ";
display:block;
position:absolute;
top:15px;
right:-30px;
width:9px;
height:9px;
background:#fff;
border: 2px solid #ccc;
border-radius:50%;
}


.history dl{
float:left;
width:535px;
border-left:5px solid #ccc;
padding:12px 0px 30px 20px;
}
.history dl dt{
font-size:100%;
width:50px;
float:left;
padding-bottom:10px;
}
.history dl dd{
width:485px;
font-size:100%;
float:left;
padding-bottom:10px;
}


.link_box{
width: 700px;
margin-bottom:50px;
}
.link_box02{
width: 340px;
float:left;
margin:0px 5px 10px 5px;
position:relative;
}
.link_box02 a{
display:block;
text-decoration:none;
width: 328px;
border:1px solid #ccc;
padding:5px;
}
.link_box02 div{
float:left;
width: 120px;
margin-right:10px;
}
.link_box02 dl{
float:left;
width: 198px;
}
.link_box02 dt{
color:#bf0000;
font-weight:bold;
padding-bottom:5px;
}
.link_box02 dd{
font-size:77%;
color:#333;
}
.link_box02 .fa-external-link{
position:absolute;
top: 5px;
right:5px;
}
.link_box02 a:hover .fa-external-link{
color:#ef7a00;
}

 










/**********************************************
sitemap
***********************************************/
.sitemap{
width: 700px;
}
.sitemap ul{
width: 330px;
margin:0px 10px;
float:left;
}
.sitemap ul li{
list-style:none;
font-size:123.1%;
position:relative;
margin-bottom:15px;
}
.sitemap ul li a{
text-decoration:none;
color:#333;
border-bottom:1px dotted #aaa;
display:block;
padding:8px 0px 8px 30px;
}

.sitemap li:before,
.sitemap li li:before{
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
color: #ef7a00;
position:absolute;
top:11px;
left:10px;
}
.sitemap li:before{
content: "\f138";
}
.sitemap ul li a:hover{
background: #fdecdb;
}


.sitemap ul ul{
float:none;
margin: 5px 0px 0px 0px;
padding:10px 0px 0px 20px;
width: 310px;
}
.sitemap li li{
font-size:93%;
line-height:150%;
padding-bottom:5px;
margin-bottom:0px;
}
.sitemap li li a{
border-bottom:none;
display:inline;
padding-left:22px;
}
.sitemap li li:before{
content: "\f105";
top:3px;
}
.sitemap li li:hover:before{
left:12px;
}
.sitemap li li a:hover{
background: none;
color: #ef7a00;
}









/**********************************************
contact,estimate
***********************************************/
.contact01{
width: 990px;
background: url(../../img/inner/cont01.jpg) no-repeat right bottom;
padding:30px 0px 30px 0px;
position:relative;
margin:-30px -20px 0px 0px;
}

.contact_tel{
width: 690px;
margin-top:20px;
border-radius:5px;
background: #fff;
}
.contact_tel h3{
font-size:123.1%;
background: #eeeeee;
padding:4px 15px 1px 10px;
}
.contact_tel h3 i{
color:#c70000;
font-size:108%;
}
.contact_tel h3 span{
font-size:12px;
font-weight:normal;
}
.contact_tel dl{
padding:5px 10px;
width: 669px;
}
.contact_tel dt{
width: 73px;
font-size:108%;
font-weight:bold;
float:left;
border-bottom:1px dotted #ccc;
padding:5px 0px 3px 0px;
}
.contact_tel dd{
width: 130px;
font-size:108%;
float:left;
border-bottom:1px dotted #ccc;
background: url(../../img/common/icon_tel.gif) no-repeat left center;
padding:5px 0px 3px 20px;
}

/* ▽▽▽ 電話番号ページ 和泉澤 */
.contact_tel2{
width: 800px;
margin-top:20px;
border-radius:5px;
background: #fff;
margin: 0 auto;
}

.contact_tel2 p{
	font-size:120%;
	padding: 0px 13px;
}

.contact_tel2 dl{
padding:5px 10px;
width: 750px;
margin: 0 auto;
}

.contact_tel2 dt, .contact_tel2 dd{
	margin: 10px 0;
	font-size: 153.6%;
}	

.contact_tel2 dt{
width: 150px;
font-weight:bold;
float:left;
border-bottom:1px dotted #ccc;
padding:5px 0px 3px 0px;

}
.contact_tel2 dd{
width: 150px;
float:left;
border-bottom:1px dotted #ccc;
background: url(../../img/common/icon_tel.gif) no-repeat left center;
padding:5px 0px 3px 22px;
display: block;
margin-right: 40px;
background-size: 13%;
}

.contact_tel2 dd>a>span{
	display: none;
}

/* ▲▲▲ 電話番号ページ ここまで */

.cont_att{
margin:0px 0px 30px 0px;
border:2px solid #cf0000;
background: #fff5f5;
font-size:123.1%;
text-align:center;
font-weight: weight;
padding:20px;
border-radius:5px;
}



.cont_mitsu{
width: 695px;
margin-top:20px;
}
.cont_mitsu a{
display:block;
border-radius:5px;
}


.contact02{
width:975px;
margin-right:-5px;
padding: 0px 0px 90px 0px;
}
.cont_box{
width: 298px;
float:left;
border:1px solid #cabb9b;
margin:0px 15px 0px 10px;
}
.cont_current{
box-shadow:10px 10px 0px #e8dec8,-10px -10px 0px #e8dec8,10px -10px 0px #e8dec8,-10px 10px 0px #e8dec8;
position:relative;
}
.cont_current:before{
display:block;
content:url(../../img/inner/cont_arrow.gif);
width: 150px;
height:71px;
position:absolute;
bottom:-82px;
left:75px;
}

.cont_type{
background: url(../../img/inner/cont02.gif) no-repeat left top;
height: 42px;
font-size:153.9%;
text-align:center;
padding-top:5px;
}
.cont_type span{
margin-left: -20px;
}
.cont_type i{
font-size:120%;
color:#fff;
}
.cont_type_txt{
padding: 15px 15px 15px 15px;
height:220px;
overflow:hidden;
}
.ct_txt01{
height: 150px;
padding-bottom:15px;
font-size:14px;
}
.cont_type_txt p em{
font-size:16px;
}
.cont_type_txt .btn_o{
font-size:16px;
text-align:center;
margin:0px;
padding:10px;
}



.cont_tbl {
width:100%;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin-bottom:30px;
}
.cont_tbl th,
.cont_tbl td{
padding: 15px 20px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.cont_tbl th{
background: #eeeeee;
width: 200px;
font-weight:normal;
font-size:123.1%;
vertical-align:top;
}
.cont_tbl td{
font-size:108%;
}
.cont_tbl td p{
line-height:130%;
}
.mintxt{
font-size:12px;
}





/*++++ estimate ++++*/
.estimate_list{
width: 684px;
}
.estimate_list li{
width:114px;
list-style:none;
float:left;
margin-bottom:5px;
}






/*++++ visit ++++*/
.area .sr_data .sr_data_l p img,
.area .sr_data .sr_data_r{
display:none;
}


.area .sr_data .sr_taio dt{
display:inline-block;
background:#faecc7;
padding:0px 10px;
border-radius:5px;
font-weight: normal;
color:#333;
line-height:130%;
}
.area .sr_data .sr_taio dd{
display:inline;
line-height:130%;
}


/*
.area p{
margin-left:25px;
line-height:130%;
font-size:93%;
}
.area p strong{
color:#ff5700;
font-size:16px;
}
.area p:last-child{
font-size:93%;
letter-spacing:1px;
line-height:170%;
padding-top:5px;
}
.area p span{
background:#faecc7;
padding:0px 10px;
border-radius:5px;
}

*/

#datepicker_alert{
color:#CF1212;
padding-top:5px;
}

.table01 input,
.table01 textarea{
backgrtound:#ffffff;
border:1px solid #abadb3;
}
.table01 input[type="radio"]{
border: none;
}
.con_cal input{
position:relative;
z-index: 500;
background-color: transparent;
}
.con_cal input:focus{
z-index:1;
}
.con_cal i{
margin-left:-25px;
vertical-align: middle;
font-size:16px;
position:relative;
z-index:50;
}














/**********************************************
mokuzai
***********************************************/
#mokuzai{
width:680px;
font-size:15px;
line-height:180%;
}
#mokuzai h3{
font-size:24px;
color:#ed6c00;
border-left:5px solid #ed6c00;
padding-left:10px;
margin-bottom:20px;
}

.mokuzai01{
margin:0px auto 20px auto;
}
.mokuzai02{
width: 320px;
padding:0px 10px;
float:left;
}
p.moku_txt01{
height:30px;
font-size:18px;
font-weight:bold;
color:#fff;
padding:5px 15px 7px 15px;
border-radius:3px;
background: #ed6c00;
margin-bottom:10px;
}
.mokuzai03{
background: #fff3d8;
border-radius:3px;
padding:15px;
}
.mokuzai03 ul{
padding-left:20px;
padding-bottom:15px;
}
p.moku_txt02{
background:#cae090;
line-height:160%;
font-size:13px;
padding:10px 15px 5px 15px;
border-radius:3px;
height:70px;
margin:0px;
}

.moku_att{
font-size:13px;
line-height:160%;
text-indent:-13px;
padding-left:13px;
}

table.mokuzai_tbl{
width:100%;
border-top:1px solid #ec6941;
border-left:1px solid #ec6941;
margin-bottom:15px;
}
table.mokuzai_tbl th{
background: #f9cec0;
padding:10px 15px;
color:#333333;
font-size:123.1%;
font-weight:bold;
text-align:left;
line-height:130%;
border-right:1px solid #ec6941;
border-bottom:1px solid #ec6941;
}
table.mokuzai_tbl th span{
font-size:14px;
font-weight:normal;
}
table.mokuzai_tbl td{
line-height:150%;
padding:10px 15px;
background:#fff;
font-size:108%;
border-right:1px solid #ec6941;
border-bottom:1px solid #ec6941;
}
#mokuzai td span{
font-size:12px;
}

.moku_txt03{
font-weight:bold;
font-size:153.9%;
color:#ed6c00;
text-align:center;
padding-bottom:40px;
line-height:130%;
}
















/**********************************************
404
***********************************************/
#notfound{
background:url(../../img/inner/404.png) no-repeat left top;
padding: 140px 0px 50px 80px;
width: 940px;
margin:0px auto;
}
#notfound h2{
color:#ffffff;
font-size: 100px;
font-family: 'Denk One', sans-serif;
padding-bottom:70px;
}
#notfound h2 span{
font-size:60px;
}
.notfound_txt{
font-size:197%;
padding-bottom:10px;
}
#notfound div p{
padding-bottom:15px;
font-size:108%;
line-height:180%;
}
#notfound div p.btn_o{
margin-bottom:20px;
}

















/**********************************************
ecopoint
***********************************************/
.ecopoint_promo{
width:920px;
margin:20px auto 50px auto;
}
.ecopoint_promo img{
margin-right:-27px;
}


.ecopoint_about{
background:url(../../img/ecopoint/about_bg.png) no-repeat center top;
padding:20px 18px 0px 18px;
width:884px;
margin:0px auto 30px auto;
}
.ecopoint_about h3{
margin-bottom:20px;
}
.ecopoint_about p:frist-of-type span{
display:inline-block;
padding-bottom:10px;
font-size:93%;
}
.ecopoint_about02{
width: 884px;
margin-top:20px;
}
.ecopoint_about02 div{
float:left;
}
.ecopoint_about02 div.ecopoint_about03{
float:right;
width: 395px;
padding-top: 50px;
}
.ecopoint_about03 p{
padding-bottom:5px;
}
.ecopoint_about03 div:first-of-type{
border-bottom:1px dotted #000000;
padding-bottom:20px;
margin-bottom:20px;
}


.eq_box{
width:920px;
margin:0px auto 60px auto;
}
.eq_box h3{
border-left: 15px solid #f08526;
padding: 10px 0px 8px 15px;
font-size:215%;
color:#f08526;
font-weight:bold;
margin-bottom:20px;
}
.eq_box h4{
background: #66c00e;
color:#fff;
font-size:138.5%;
padding:8px 0px 5px 10px;
margin-bottom:15px;
}
.eq_box h5{
border-left:5px solid #66c00e;
border-bottom:1px solid #66c00e;
padding: 5px 0px 2px 10px;
color:#66c00e;
font-size:138.5%;
margin-bottom:15px;
}


.ecopoint_kigen{
border:2px solid #f08526;
font-weight:bold;
font-size: 30px;
padding:5px 20px 0px 20px;
text-align:center;
}


.ecopoint_koto{
width:920px;
}
.ecopoint_koto div{
float:left;
width: 450px;
}
.ecopoint_koto div:first-child{
margin-right:20px;
}
.ecopoint_koto div p span{
font-size:12px;
display:inline-block;
padding-top:10px;
}



.ecopoint_list01,
.ecopoint_list02{
width: 920px;
}
.ecopoint_list01 li{
list-style:none;
width: 301px;
float:left;
margin-left: 8px;
}
.ecopoint_list01 li:first-child,
.ecopoint_list02 li:first-child{
margin-left:0px;
}
.ecopoint_list01 li p,
.ecopoint_list02 li p{
background: #f5f5f5;
text-align:center;
padding:5px 0px 3px 0px;
}

.ecopoint_list02 li{
list-style:none;
width: 176px;
float:left;
margin-left: 10px;
}


.ecopoint_plus{
margin-bottom:30px;
}
.ecopoint_plus h4{
background: #8b6db1;
}
.ecopoint_plus h5{
border-left:5px solid #8b6db1;
border-bottom:1px solid #8b6db1;
color:#8b6db1;
}
.ecopoint_plus02{
float:left;
width:450px;
margin-left: 20px;
padding-bottom:20px;
}
.ecopoint_plus02:nth-child(odd){
margin-left: 0px;
}

.ecopoint_plus .ecopoint_list01,
.ecopoint_plus .ecopoint_list02{
width: 450px;
}
.ecopoint_plus .ecopoint_list01 li{
width: 146px;
float:left;
margin-left: 6px;
}
.ecopoint_plus .ecopoint_list02 li{
width:86px;
margin-left: 5px;
}

.ecopoint_plus .ecopoint_list01 li:first-child,
.ecopoint_plus .ecopoint_list02 li:first-child{
margin-left:0px;
}

.ecopoint_plus .ecopoint_list01 li p,
.ecopoint_plus .ecopoint_list02 li p{
font-size:12px;
line-height:150%;
}


.ecopoint_plus03{
width:920px;
padding-bottom:5px;
}
.ecopoint_plus03 div{
float:left;
width:450px;
margin-left:20px;
}
.ecopoint_plus03 div:first-child{
margin-left: 0px;
}



.ecopoint_hakko{
background: url(../../img/ecopoint/hakko.gif) no-repeat right center;
padding-right:270px;
}












/**********************************************
sfa
***********************************************/
.sfa_ttl{
background: url(../../img/sfa/sfa_ttl_bg.gif) repeat-x left bottom;
padding-bottom:15px;
margin-bottom:25px;
}
.sfa_point{
background:url(../../img/sfa/sfa_img02.png) no-repeat right top;
counter-reset:li;
}
.sfa_point li{
list-style:none;
width:450px;
font-weight: bold;
font-size:138.5%;
color:#007ac5;
display:block;
padding-bottom:15px;
}
.sfa_point li:before{
counter-increment:li;
content:counter(li)".";
display:inline-block;
}
.sfa_point li p{
font-size:14px;
font-weight:normal;
color:#333;
padding-left:20px;
padding-top:5px;
line-height:170%;
}


.sfa_box{
background: url(../../img/sfa/sfa_img04.jpg) no-repeat right bottom;
width:700px;
}
.sfa_box figure{
float:right;
}
.sfa_box p{
float:left;
width: 460px;
padding-bottom:20px;
}

.sfa_btn a{
border-radius:5px;
font-size:16px;
display:block;
padding:10px;
font-weight:bold;
color:#fff;
text-align: center;
box-shadow:0px 5px 0px #00508d;
background: #0067b6;
margin-bottom:5px;
text-decoration:none;
}
.sfa_btn a:hover{
box-shadow: none;
margin-top:5px;
margin-bottom:0px;
background:#0a6ebb;
}


.sfa_box02{
width:700px;
padding-bottom:30px;
}
.sfa_box02 p{
float:left;
width: 330px;
}
.sfa_box02 div{
float:right;
}


.sfa_box03{
padding-bottom:15px;
}
.sfa_box03 h5{
margin-bottom:0px;
}
.sfa_box03 ul{
width:700px;
overflow:hidden;
padding:0px 0px 10px 0px;
}
.sfa_box03 li{
list-style:none;
font-size:14px;
width: 223px;
float:left;
border-bottom:1px solid #dadada;
padding:10px 0px;
margin-right:10px;
}
.sfa_box03 li:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:5px;
color: #007ac5;
content: "\f138";
}
.sfa_box03 li a{
text-decoration:none;
color:#333;
}
.sfa_box03 li a:hover{
color:#007ac5;
}













/**********************************************
dannetsu
***********************************************/
#awaawa{
padding:0px 5px;
}

.awa_ttl{
background: url(../../img/dannetsu/ttl_bg.gif) repeat-x left bottom;
padding-bottom:3px;
margin-bottom:20px;
}


#awa_promo{
background:url(../../img/dannetsu/awa_promo_bg.png) no-repeat left top;
height: 347px;
margin-bottom:50px;
}
#awa_promo p{
padding: 5px 0px 0px 30px;
width: 500px;
line-height:170%;
}

.awa_box01{
width:960px;
}
.awa_box01 div div:first-child{
float:left;
padding-bottom:20px;
}
.awa_box01 div ul{
width: 280px;
padding-left:30px;
float:left;
}

.awa_summer{
background: url(../../img/dannetsu/summer_bg.gif) no-repeat left top;
float:left;
width:410px;
padding: 30px;
}
.awa_winter{
background: url(../../img/dannetsu/winter_bg.gif) no-repeat right top;
float:right;
width:410px;
padding: 30px;
}


.awa_flow_box{
width:960px;
margin-bottom:30px;
}
.awa_flow{
width: 232px;
float:left;
margin-left: 10px;
}
.awa_flow:first-child{
margin-left:0px;
}
.awa_flow p{
padding-top:10px;
position:relative;
text-indent:-25px;
margin-left:25px;
line-height:150%;
}
.awa_flow p span{
background: #ef7a00;
padding:0px 5px;
margin-right:5px;
color:#fff;
}



.awa_seishitsu{
width:960px;
padding-top:20px;
}
.awa_seishitsu div{
width:960px;
padding-bottom:5px;
}
.awa_seishitsu div div{
float:left;
padding-right:15px;
width:30px;
}
.awa_seishitsu div p{
float:left;
font-weight: bold;
color:#ea5504;
font-size:18px;
line-height:170%;
}



.awa_tokucho_box{
width:960px;
padding:10px 0px 20px 0px;
}
.awa_tokucho{
width: 470px;
float:left;
margin-left:20px;
}
.awa_tokucho:first-child{
margin-left:0px;
}
.awa_tokucho h4{
background: url(../../img/dannetsu/bg01.gif) repeat left top;
font-size:138.5%;
color:#0071bc;
line-height:150%;
padding:5px 0px 5px 10px;
margin-bottom:10px;
}
.awa_tokucho div{
width: 470px;
}
.awa_tokucho div figure{
float:left;
width: 135px;
}
.awa_tokucho div p{
float:left;
padding-left:15px;
width: 320px;
}



.awa_erea{
background:url(../../img/dannetsu/bg02.gif) no-repeat left top;
padding:30px 0px;
}
.awa_erea div{
background:url(../../img/dannetsu/area_bg.gif) no-repeat left top;
padding-left: 258px;
}



/**********************************************
ウッドタイル
***********************************************/

.wt_ttl{
text-align:center;
background: url(../../img/woodtile/ttl_bg.png) repeat-x left bottom;
padding-bottom:15px;
margin-bottom:20px;
}


.wt_about{
margin-bottom:50px;	
}
.wt_about p{
width:470px;
float:left;
margin-right:30px;
}
.wt_about div{
width:470px;
float:left;
}

.wt_sample{
width:970px;	
}
.wt_sample figure{
width:305px;
float:left;
height:;
margin:0 25px 30px 0;
padding:0;
}
.wt_sample figure:nth-child(3n){
margin:0 0 30px 0;
}

.wt_sample figcaption{
text-align:center;
padding-top:5px;
}


.wt_flow{
width:220px;
float:left;
margin-right:30px;
padding-top: 10px;
}
.wt_flow:nth-child(4n){
margin:0;
}

.wt_flow p{
padding-top: 5px;
}

.wt_detail dl{
width:470px;
float:left;
margin-right:30px;
border-bottom:1px dotted #999;
}
.wt_detail div{
float:left;
}
.wt_detail dl dt{
font-size:108%;
float:left;
width:120px;
border-top:1px dotted #999;
padding:15px 0;
}
.wt_detail dl dd{
font-size:108%;
float:left;
width:350px;	
border-top:1px dotted #999;
padding:15px 0;
}

.wt_srlist li{
font-size:123.1%;
width:470px;
list-style:none;
float:left;
margin:0 30px 20px 0;
}
.wt_srlist li:nth-child(2n){
margin:0 0 20px 0;
}

.wt_srlist li:before{
  content: "\f138";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:7px;
}

.wt_pr{
margin-top:30px;
font-size:146.5%;
text-align:center;
}


.wt_btn{
width:970px;
padding:30px 0;
background:#ed7514;
text-align:center;
text-decoration:none;
}
.wt_btn a{
font-size:153.9%;
color:#fff;
font-weight:bold;
text-decoration:none;
}
.wt_btn:hover{
opacity:0.8;
}

.wt_sample a:link figure figcaption,
.wt_sample a:visited figure figcaption
{
    color: #4585e6;
    text-decoration: underline;
}
.wt_sample a:hover figure{
color: #4585e6;
text-decoration: none;
opacity:0.8;
}




/**********************************************
selection
***********************************************/
.selection_list article{
/*width:45%;*/
width:30%;
float:left;
margin-right:5%;
margin-bottom:80px;
}
.selection_list article:nth-of-type(3n){
margin-right:0;
}
.selection_list article a{
padding:10px;
display:block;
text-decoration:none;
color:#333;
transition:all linear 0.2s;
}

.selection_list article img{
max-width:100%;
height:auto;
}

.selection_list article ul{
padding:5px 0px;
}
.selection_list article li{
list-style:none;
padding:2px 5px 0px 5px;
background: #ef7a00;
display:inline-block;
margin-right:2px;
color:#fff;
font-size:81%;
}
.selection_list article h3{
font-weight:bold;
font-size: 131%;
line-height:150%;
padding: 10px 0px;
}
.selection_list article p{
font-size:93%;
color:#666;
}
.selection_list article a:hover{
box-shadow:0px 0px 3px 1px #ccc;
}






#selection_entry img{
max-width:100%;
height:auto;
}

#selection_entry h3{
border-top:2px solid #ef7a00;
padding:80px 0px;
text-align:center;
font-weight:normal;
font-size:197%;
}

#selection_data_box{
width:100%;
margin-bottom:60px;
}
.selection_ph{
width:780px;
float:left;
}
#selection_data_box img{
max-height:520px;
}

.selection_ph .slider-for{
margin:0 0 20px 0;
padding:0;
}
.selection_ph .slider-for li{
width:100%;
text-align:center;
}
.selection_ph .slider-for li img{
margin:0px auto;
}

.selection_ph .slider-nav li{
width:78px;
float:left;
margin-right:5px;
cursor: pointer;
}
.selection_ph .slider-nav li img{
opacity:0.5;
}
.selection_ph .slider-nav li:hover img,
.selection_ph .slider-nav li.slick-current img{
opacity:1;
}


.selection_ph .slider-for .slick-prev{
    left: 10px;
background:url(../../img/top/btn_prev.png) no-repeat center top / 100%;
    width: 37.5px;
    height: 37.5px;
    top: 50%;
}
.selection_ph .slider-for .slick-next{
right: 10px;
background:url(../../img/top/btn_next.png) no-repeat center top / 100%;
    width: 37.5px;
    height: 37.5px;
    top: 50%;
}
.selection_ph .slider-for .slick-prev:hover,
.selection_ph .slider-for .slick-next:hover{
background-position: center bottom;
}




.selection_data{
background:#f9f6f1;
width:200px;
float:right;
box-sizing: border-box;
padding:20px 10px;
}

.selection_data h4{
font-size:131%;
text-align:center;
color:#ef7a00;
padding-bottom:10px;
}

.selection_data table{
width:100%;
border-top:1px dotted #8a8a8a;
}
.selection_data th,
.selection_data td{
width:100%;
display:block;
}
.selection_data th{
padding-top:10px;
font-size:108%;
padding-bottom:5px;
}
.selection_data td{
border-bottom:1px dotted #8a8a8a;
padding-bottom:10px;
}
.selection_data td p,
.selection_data td li{
font-size:100%;
}



.selection_box01{
width:100%;
box-sizing:border-box;
margin-bottom:20px;
}
.selection_before,
.selection_madori{
width:100%;
background:#fff;
box-sizing:border-box;
margin-bottom:40px;
}
.selection_madori{
margin-top:20px;
}
.selection_before p,
.selection_madori p{
width: 120px;
float: left;
text-align:center;
font-size:138.5%;
font-weight:bold;
box-sizing:border-box;
padding-top:10px;
border-top:2px solid #ef7a00;
}
.selection_before ul,
.selection_madori div{
width: 860px;
float:right;
}

.selection_before ul{
margin-bottom:-10px;
}
.selection_before li{
width:16.6%;
box-sizing:border-box;
padding-left:10px;
margin-bottom:10px;
float:left;
list-style:none;
}


.selection_story_box{
background:url(../../img/common/bg.gif) repeat left top;
padding:40px;
}
.selection_story{
background:rgba(255,255,255,0.9);
padding:40px;
}


.selection_story h4{
border-top:2px solid #ef7a00;
padding-top:10px;
font-size:153.9%;
padding-bottom:20px;
margin-top:40px;
}
.selection_story h4:first-of-type{
margin-top:0px;
}
.selection_story h5{
font-size:138.5%;
color:#ef7a00;
margin-bottom:10px;
}

.selection_story p{
font-size:108%;
padding-bottom:20px;
}


.story_img_1{
max-width:48%;
float:right;
margin-left:30px;
margin-bottom:20px;
box-sizing:border-box;
}

.story_img_2,
.story_img_3{
width:100%;
}
.story_img_2 div{
float:left;
width:48%;
box-sizing:border-box;
margin:20px 0px;
}
.story_img_2 div:nth-of-type(2n){
float:right;
}
.story_img_3 div{
float:left;
width:32%;
box-sizing:border-box;
margin:20px 2% 20px 0px;
}
.story_img_3 div:nth-of-type(3n){
margin-right:0;
}

.story_img_1 img,
.story_img_2 img,
.story_img_3 img{
border:5px solid #fff;
box-shadow:0px 0px 0px 1px #ccc;
max-width:100%;
height: auto;
}


.story_img_2 + p,
.story_img_2 + ul,
.story_img_2 + ol,
.story_img_3 + p,
.story_img_3 + ul,
.story_img_3 + ol{
padding-top:20px;
}




.selection_voice{
width:100%;
margin-top:40px;
}
.selection_voice_l{
float:left;
width:150px;
background: #ef7a00;
font-soze:138.5%;
font-weight:bold;
color:#fff;
text-align:center;
}
.selection_voice_l span{
display:block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.selection_voice_r{
width: 790px;
float:right;
background:#fff;
padding:20px;
box-sizing: border-box;
position:relative;
}
.selection_voice_r::before{
content:"";
display:block;
position:absolute;
left:-15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

width: 0;
height: 0;
border-style: solid;
border-width: 10px 15px 10px 0;
border-color: transparent #fff transparent transparent;

}
.selection_voice_r p{
line-height:180%;
font-size:14px;
}





#selection_shop{
width:100%;
margin-top:20px;
padding:40px;
box-sizing:border-box;
}

.selection_shop_l{
width: 120px;
float: left;
text-align:center;
font-size:138.5%;
font-weight:bold;
box-sizing:border-box;
padding-top:10px;
border-top:2px solid #ef7a00;
}
#selection_shop .sr_data{
float:right;
border:none;
margin:0px;
padding:20px 40px;
border:1px solid #ccc;
position:relative;
cursor:pointer;
}
#selection_shop .sr_data .btn_o{
display:none;
}
#selection_shop .sr_data:hover{
opacity:0.8;
}






.select_btn{
width:50%;
margin:60px auto 40px auto;
}
.select_btn a{
display:block;
padding:15px 15px;
text-align:center;
text-decoration:none;
font-size:123.1%;
background: #ef7a00;
color:#fff;
}







/**********************************************
diy
***********************************************/
#diy_mainttl{
box-shadow:0 0px 10px -10px rgba(0,0,0,0.2) inset;
background:url(../../img/diy-tv/ttl_bg.jpg) no-repeat center center / cover;
}
#diy_mainttl h2{
text-align:center;
}

#diy_contents{
width:960px;
margin:0px auto;
}

#diy_contents img{
max-width:100%;
height:auto;
}



.diy_mainimg{
margin-bottom:40px;
width:100%;
}
.diy_mainimg div{
float:left;
}

.diy_tvph{
width:100%;
}
.diy_tvph figure{
float:left;
}


.diy_master{
width:860px;
margin:40px auto 100px auto;
box-sizing:border-box;
padding:20px;
background: #f9f6f1;
}
.diy_master figure{
float:left;
width: 280px;
}

.diy_master div{
float: right;
width: 500px;
}
.diy_master div p{
font-size:108%;
line-height:160%;
}
.diy_master div p:first-of-type{
border-bottom:1px solid #000;
font-size:12px;
margin-bottom: 15px;
}
.diy_master div p:first-of-type span{
font-weight:bold;
font-size:16px;
}
.diy_master div p:first-of-type span em{
font-size:24px;
}

.diy_recipe_ttl{
width:100%;
text-align:center;
margin-bottom:20px;
}
.diy_recipe_ttl div{
display:inline-block;
width: 170px;
margin-right:10px;
position:relative;
top:25px;
}
.diy_recipe_ttl h3{
display:inline-block;
font-size:36px;
color:#6e4407;
}


.diy_recipe{
width:100%;
padding:30px 0px;
border-top:1px solid #f8ecd0;
border-bottom:1px solid #f8ecd0;
margin-bottom:40px;
}
.diy_recipe figure{
float:left;
width: 430px;
}
.diy_recipe figure a:hover{
opacity:0.8;
}
.diy_recipe div{
width: 480px;
float:right;
}
.diy_recipe div h4 a{
color:#c37425;
font-size:197%;
line-height:130%;
text-decoration:none;
}
.diy_recipe div h4 a:hover{
text-decoration:underline;
}

.diy_recipe div p.diy_onair{
font-size:93%;
text-align:right;
padding-bottom:15px;
color: #666;
}

.diy_recipe div p.diy_recipe_txt{
font-size:116%;
line-height:160%;
}

.diy_recipe div p.diy_btn01{
text-align: center;
margin-top:20px;
}
.diy_recipe div p.diy_btn01 a{
display:block;
width:80%;
margin:0px auto;
padding:5px 0px;
font-size:93%;
border:1px solid #000;
color:#000;
text-decoration:none;
}
.diy_recipe div p.diy_btn01 a:hover{
background:#000;
color:#fff;
}

.diy_btn02{
margin-bottom:100px;
}
.diy_btn02 a{
display:block;
background: #ef7a01;
width:530px;
margin:0px auto;
color:#fff;
text-decoration:none;
text-align:center;
font-size:138.5%;
padding:15px 0px;
font-weight:bold;
border-radius:3px;
}
.diy_btn02 a:hover{
background:#f18300;
}



.diy_link_box{
width:100%;
box-sizing:border-box;
padding:20px;
background: #f9f6f1;
}

.diy_link{
width: 440px;
float:left;
}
.diy_link:last-of-type{
float:right;
}
.diy_link p{
font-size:138.5%;
line-height:130%;
color:#6e4407;
margin-bottom:15px;
font-weight:bold;
text-align:center;
}
.diy_link a{
text-decoration:none;
}
.diy_link a p{
font-size:85%;
padding-top:5px;
color:#333;
font-weight:normal;
text-align:left;
}
.diy_link a:hover{
opacity:0.8;
}


/**********************************************
jisedai-points
***********************************************/

.eco_base{
	    width: 100%;
    max-width: 1040px;
    box-sizing: border-box;
    padding: 0px 20px;
    margin: 0px auto;
}

.eco_wrap{
  font-size: 13px;
  padding-top: 20px;
}

.eco_box-medium{
	  padding-top: 50px;
    padding-bottom: 50px;
}

.eco_ttl02{
	text-align: center;
}
.eco_ttl03{
	font-size:230%;
	font-weight:bold;
	text-align: center;
	line-height:1.5;
  margin-bottom: 20px;
}
.eco_ttl03 br{
  display: none;
}
.eco_ttl04{
}

.eco_txt{
	line-height: 1.8;
	font-size: 123.1%;
}
.eco_fs12{
	font-size:12px;
}


.eco_bg_beige{
	width: 100%;
	background: #eadec8;
}

.eco_bg_white{
	background: white;
	
}

.eco_middle_box{
	max-width:800px;
	margin: 0 auto;
}

.eco_box_large{
	padding-top: 70px;
    padding-bottom: 70px;

}


.eco_issue_box{
  padding-top:70px;
	padding-bottom: 60px;
}
.eco_issue_box h4{
	text-align: center;
	font-size: 153.9%;
	font-weight:bold;
	line-height:1.5;
  margin-bottom: 20px;
}
.eco_issue_box h4 span.eco_issue_ttltxt{
	font-size: 30px;
	background: url(../../img/jisedai-points/line_bg.gif) repeat-x left bottom;
  font-feature-settings: "palt";
}
.eco_issue_ttltxt br{
  display: none;
}

.eco_issue_ex{
  margin-top: 30px;
}
.eco_issue_ex p{
	font-weight: bold;
	font-size: 138.5%;
	line-height: 1.5;
	border-bottom: 1px #d6d0c0 solid;
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 5px;
}

.eco_figure{
	display: flex;
	justify-content: space-between;
}
.eco_figure figure{
  width:19%;
}
.eco_figure figure > figcaption{
	text-align:center;
	font-size: 123.1%;
	margin-top: 5px;
	line-height: 1.5;
  font-feature-settings: "palt";
}


.eco_point_get{
	display: flex;
	justify-content: space-between;
}
.eco_point_get > div{
	width: 48%;
  text-align: center;
}

.eco_point_get h4{
	background: #aecf8c;
	padding: 5px 0;
	text-align: center;
	font-size: 153.9%;
	font-weight:bold;
	line-height:1.5;
  margin-bottom: 20px;
}
.eco_point_get ul{
	padding-left: 20px;
}
.eco_point_get ul,
.eco_point_get ol{
  margin-bottom: 20px;
  text-align: left;
}
.eco_point_get li{  
	font-size: 123.1%;
	line-height: 1.8;
}
.eco_point_get ol li{
	list-style-type: none;
  position: relative;
  padding-left:20px;
}
.eco_point_get ol li span:first-of-type{
  position: absolute;
  top:3px;
  left:0;
}

ul.eco_point_get_caution{
  padding-left: 0;
}
ul.eco_point_get_caution li{
	list-style-type: none;
	font-size: 93%;;
  position: relative;
}


/* 交換 */
.eco_exchange_box{
  text-align:center;
	background: white;
  padding-top: 70px;
	padding-bottom: 60px;
}
dl.eco_exchange_term{
	font-weight: bold;
	margin: 30px auto 45px auto;
}

.eco_exchange_term dt{
	background: #950000;
	color: #fff;
	font-size: 123.1%;
	width: 135px;
}
.eco_exchange_term dd{
	background: #fff;
	color: #950000;
	padding: 0 20px;
	font-size: 153.9%;
}

.eco_exchange_term dt,
.eco_exchange_term dd{
	border: 1px solid #950000;	
	display: inline-block;
  vertical-align: top;
	line-height: 50px;
}
.eco_exchange_term dd br{
  display: none;
}

.eco_exchange_figure{
	display: flex;
	justify-content: space-between;
}

.eco_exchange_figure figure{
	width: 16%;
}
.eco_exchange_figure figcaption{
	font-size: 123.1%;
  padding-top: 5px;
  text-align: center;
}

.eco_exchange_btn{
  margin:30px auto 20px auto; 
	max-width: 500px;
  background: #fff;
	text-align: center;
}
.eco_exchange_btn > a{
	color: #fff;
	background: #3e63ae;
	padding: 10px;
	font-weight: bold;
	font-size: 123.1%;
  line-height: 1.8;
	display: block;
	text-decoration: none;
	border-radius: 6px;
}
.eco_exchange_btn > a br{
  display:none;
}
.eco_exchange_btn > a:hover{
  box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
  opacity: 0.80;
}
.eco_exchange_btn > a span{
	font-weight: normal;
	font-size: 12px;
  display: block;
}
.eco_exchange_btn ~ p{
	font-size: 12px;
}


.eco_point_manika{
  margin-top:50px;
}

.eco_point_manika h4{
  font-size: 167%;
  text-align: center;
	margin: 25px 0 20px 0;
}
.eco_point_manika h4 br{
  display: none;
}


/* リフォーム事例 */

.eco_case{
	display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
	padding-top:20px;
}
.eco_case > img{

	width: 60%;
}
.eco_case > div{
	width: 36%;
}
.eco_case div > h4{
	line-height: 1.5;
	border-left: 5px solid #333;
	font-size: 123.1%;
	padding-left: 5px;
	margin-bottom: 10px;
}
.eco_case_txt p{
	line-height: 1.8;
	font-size: 123.1%;
	margin-bottom: 20px;
}

.eco_case_table{
	width: 100%;
}
.eco_case_table caption{
	background: #aecf8c;
	color: #000;
	line-height:1.8;
	font-weight: bold;
  font-size: 123.1%;
	margin-bottom: 20px;
	position: relative;
  padding:5px;
}
.eco_case_table caption br{
  display: none;
}
.eco_case_table caption::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #aecf8c;
}

.eco_case_table th,
.eco_case_table td{
  font-size: 116%;
	font-weight: normal;
	padding: 3px;
}
.eco_case_table td{
	text-align: right;
}

.eco_case_txt .eco_case_table + p{
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #3d1c14;
  font-size: 182%;
  line-height: 1;
  font-weight: bold;
  text-align: right;
  margin-bottom: 0
}

.eco_case_btn{
  width: 100%;
  margin-top: 30px;
}
.eco_case_btn > a{
	color: #fff;
	max-width: 325px;
	background: #f08300;
	font-weight: bold;
	display: block;
	text-decoration: none;
  padding:10px 10px;
  font-size: 123.1%;
  margin:0px auto;
  text-align: center;
	border-radius: 7px;
}	
.eco_case_btn > a:hover{
  box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
  opacity: 0.80;
}

.eco_case_line {
	padding-bottom: 60px;
	margin-bottom: 40px;
	border-bottom: 1px solid #aaa;
}


.eco_case_caution{
  background: #fff;
	padding: 30px 40px 0 40px;
}
.eco_case_caution li{
	font-size: 108%;
  line-height: 1.5;
	list-style-type: none;
  position: relative;
  padding-left:15px;
}
.eco_case_caution li::before{
  content: "※";
  position: absolute;
  top:0;
  left:0;
}



/* セミナー */
.eco_seminar_banner{
	background: url(../../img/jisedai-points/seminar_bg.jpg) no-repeat center center / cover;
	font-family: 'M PLUS Rounded 1c', sans-serif;
  padding:20px 30px 30px 30px;
  box-sizing: border-box;
  margin-top: 30px;
}
.eco_seminar_ttl{
  text-align: center;
  margin-bottom: 20px;
}

.eco_seminar_inner{
	display:flex;
  margin-bottom: 20px;
}
.eco_seminar_inner div{
  width: 27%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eco_seminar_banner ul{
}
.eco_seminar_banner li{
	margin-bottom: 5px;
	font-size: 153.9%;
  font-weight: bold;
}
.eco_seminar_inner + p{
  text-align: center;
	font-size: 153.9%;
  font-weight: bold;
}
.eco_seminar_inner + p br{
  display: none;
}
.eco_seminar_btn{
  margin-top: 30px;
}
.eco_seminar_btn a{
	color: #fff;
	background: #3e63ae;
	font-weight: bold;
	display: block;
	text-decoration: none;
	max-width: 740px;
  text-align: center;
  margin:0px auto;
  padding:15px 0;
  font-size: 153.9%;
  line-height: 1.3;
}
.eco_seminar_btn a:hover{
  box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
  opacity: 0.90;
}
.eco_seminar_btn a br{
  display: inline;
}


/* お問合せ先 */
.eco_contact_box{
  background: #fff;
  padding:30px 40px;
}
.eco_contact_box h4{
  font-size: 182%;
  text-align: center;
  margin-bottom: 30px;
}
.eco_contact_box h4 br{
  display: none;
}
.eco_contact{
  display: flex;
  justify-content: space-between;
}
.eco_contact div{
  width: 45%;
}
.eco_contact_ttl{
  font-size: 138.5%;
  font-weight: bold;
  border-bottom: 2px solid #333333;
  line-height: 1.8;
}

.eco_contact p{
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.eco_contact p + p{
  margin-top: 5px;
}
p.eco_big_num{
	font-weight: bold;
	font-size: 307%;
	line-height: 1;
}
p.eco_contact_blue{
	color: #3e63ae;
}

.eco_contact_ip{
	font-weight: bold;
	font-size: 278%;
	line-height:1;
  margin-bottom: 15px;
}

.eco_contact_ip span{
	background: #3e63ae;
	color: white;
	font-weight: bold;
	font-size: 16px;
  padding:5px 0;
	display: inline-block;
	width: 80px;
	vertical-align: top;
	text-align: center;
}

p.eco_contact_red{
	color: #950000;
}
.eco_contact_mail{
  padding-top: 20px;
}
p.eco_contact_mail > a{
  text-align: center;
  padding:15px 0;
	font-weight: bold;
	display: block;
	text-decoration: none;
  width: 100%;
	max-width: 440px;
	border: solid #3d1c14 1px;
	color: #3d1c14;
	box-sizing: border-box;
  font-size: 123.1%;
}
p.eco_contact_mail > a:hover{
  color:#fff;
	background: #3d1c14;
  box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
}

.eco_wrap img{
	max-width: 100%;
	height: auto;
}

.eco_nikka-btn{
		margin-top: 60px;
		margin-bottom: 60px;
	  display: flex;
    justify-content: space-between;
}

.eco_nikka-btn a{
	width: 30%;
}

.eco_nikka-btn a:hover{
	opacity: .7;
}





/**********************************************
CSR活動
***********************************************/

.csr_wrap{
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-weight: 500;
width:1020px;
background:#fff url("../../img/csr/promo.jpg") no-repeat;
color:#333;
margin:0 auto;
padding:0 0 100px 0;
margin-bottom:100px;
}
.csr_wrap section{
padding:80px 0;
}
.csr_wrap section p{
font-size:116%;
width:800px;
margin:0 auto 30px auto;
}
.csr_activity_ph figure figcaption{
text-align:center;
}
.csr_wrap section h2,
.csr_contact h2{
font-family: "游明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝","ＭＳ Ｐ明朝",serif;
font-size:28px;
text-align: center;
margin-bottom:40px;
}
.csr_intro{
font-family: "游明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝","ＭＳ Ｐ明朝",serif;
font-size:123.1%;
border-bottom: solid 1px #ececec;
}
.csr_activity_intro{
font-size:116%;
}
.csr_ttlact{
font-family: "游明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝","ＭＳ Ｐ明朝",serif;
width:800px;
margin:0 auto;
font-size:20px;
border-bottom:solid 1px #333;
padding-bottom:10px;
margin-bottom:25px;
}

.csr_promo{
width:100%;
padding-top:100px;
height:346px;
margin:0;
}
.csr_promo h2{
width:260px;
padding:70px;
margin:0 auto;
background-color: rgba(0,0,0,0.4);
color:#fff;
font-size:215%;
text-align:center;
vertical-align: middle;
}
.csr_activity_ph{
width:800px;
margin:0 auto;
}
.csr_activity_ph figure{
width:380px;
margin-right:40px;
float:left;
}
.csr_activity_ph figure:last-child{
margin-right:0;
}
.csr_activity_ph div{
margin-bottom:5px;
}
.csr_activity_ph div{
width:380px;
margin-right:40px;
float:left;
}
.csr_activity_ph div:last-child{
margin-right:0;
}

.csr_activity_movie{
width:800px;
margin:0 auto;
padding:40px 0 60px 0;
}

.csr_news{
border-top: solid 1px #ececec;
}
.csr_reports{
display: flex;
flex-wrap: wrap;
width:830px;
margin:0 auto;
}
.csr_report{
display: inline-flex;
align-items: flex-start;
width:250px;
margin:0 40px 40px 0;
}
.csr_report:nth-child(3n){
margin:0 0 40px 0;
}
.csr_report img{
width:250px;
}
.csr_report-time{
font-size:93%;
}

.csr_report a{
color:#333;
text-decoration:none;
}
.csr_report a:hover{
-moz-opacity: 0.80;
opacity: 0.80;
filter: alpha(opacity=80);
}
.csr_report a h3{
font-size:123.1%;
}

.csr_wrap .csr_report-time,
.csr_wrap .csr_report-time{
width:250px;
margin:0;
}
.csr_report-data{
margin-top:3px;
}
.csr_wrap .csr_report_btn{
width:400px;
margin:0 auto;
}
.csr_report_btn a:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:5px;
content: "\f0da";
}
.csr_report_btn a{
display: block;
width:400px;
background:#efefef;
padding:15px 0;
text-align: center;
text-decoration: none;
color:#333;
}
.csr_report_btn a:hover{
-moz-opacity: 0.80;
opacity: 0.80;
filter: alpha(opacity=80);
}


.csr_contact{
font-size:116%;
width:680px;
border:solid 1px #ececec;
padding:60px;
margin:0 auto;
}
.csr_contact h2{
font-family: "游明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝","ＭＳ Ｐ明朝",serif;
}
.csr_contact_btn{
font-size:123.1%;
margin:30px auto 0 auto;
}
.csr_contact_btn a:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
padding-right:5px;
content: "\f0da";
color:#fff;
}
.csr_contact_btn a{
display: block;
width:680px;
background:#f06b00;
padding:15px 0;
text-align: center;
text-decoration: none;
color:#fff;
}
.csr_contact_btn a:hover{
-moz-opacity: 0.80;
opacity: 0.80;
filter: alpha(opacity=80);
}









/**********************************************
***********************************************/
/*++++ ショールーム用 ++++*/
#sf_cont{
width: 1018px;
clear:both;
border:1px solid #efe0c6;
border-radius:5px;
height: 78px;
background: #fff;
margin:0px auto 50px auto;
}
#sf_cont div{
float:left;
padding-top:9px;
}
#sf_cont div.sf_cont02{
width: 204px;
background: #efe0c6;
height: 61px;
padding: 17px 0px 0px 14px;
margin-right:20px;
text-align:center;
}
#sf_cont ul{
float:right;
width: 462px;
padding-top:9px;
}
#sf_cont li{
list-style:none;
float:left;
padding-right:5px;
padding-left:10px;
}



#shop_contents #sf_cont{
width: 978px;
}
#shop_contents #sf_cont div.sf_cont02{
width: 184px;
margin-right:15px;
}
#shop_contents #sf_cont ul{
width: 447px;
}
#shop_contents #sf_cont li{
padding-right:10px;
padding-left:0px;
}





/*++++ hatanodai ++++


#shop_about{
width:980px;
border-top:7px solid #72a31b;
padding: 15px 20px 20px 20px;
margin:0px auto 50px auto;
position:relative;
background: url(http://tokyo.nikka-home.co.jp/hatanodai/img/foot_bg.jpg) no-repeat right top #fff;
}
.shop_about_map{
position:absolute;
top:15px;
left:395px;
}
#shop_about p{
padding:15px 0px;
width: 365px;
line-height:150%
}

*/