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

#products_contents .title_search{
width: 100%;
margin: 0;
padding: 0;
line-height: 1;
height: 80px;
background: url(../search/images/title_search.png) no-repeat left center;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-bottom: #ccc 1px solid;
}

#products_contents{width: 100%;padding: 0 0 20px 0 !important;margin: 0;color: #333;}
#products_contents a{ color: #333; text-decoration: none;}
#products_contents h1{padding: 0 !important;margin: 0;color: #333;}
#products_contents ul,
#products_contents li{margin: 0;padding: 0;list-style: none;}

#products_contents h1.title_cat{margin: 0;padding: 1em 0 0.8em 0 !important;line-height: 1.5;border-bottom: #ccc 1px solid;box-sizing: border-box;}

/*===========================*/
#product_menu_block{
width: 100%;
height: 52px;
border-bottom: 1px #ccc solid;
box-sizing: border-box;
position: relative;
z-index: 1;
}

#product_menu_block a{text-decoration:none;}

/*--------------------------*/
#product_menu_block .catmenu_base{
width: 600px;
font-size: 100%;
float: left;
padding-top: 5px;
z-index: 2;
}


#product_menu_block .catmenu_base2{
/*
width: 600px;
*/
width: 900px;
height: 50px;
position: absolute;
}


/*--------------------------*/
#product_menu_block .catmenu01{
width: 300px;
padding: 0px;
box-sizing: border-box;
background: #fff;
font-size: 120%;
}
#product_menu_block .catmenu01 a{
display: block;
width: 300px;
height: 40px;
background: #fff url(../search/images/catmenu_arrow_gray.png)no-repeat 5px 14px;
background-size: 22px;
padding-left: 32px;
padding-top: 12px;
box-sizing: border-box;
}
/*--------------------------*/
#product_menu_block .catmenu02{
width: 300px;
font-size: 110%;
background: #fff;
position: absolute;
top:50px;
left: 0;
display: none;/* test */
padding: 10px !important;
border: #333 1px solid;
box-sizing: border-box;
z-index: 3;
}
#product_menu_block .catmenu02 > li > a{
display: block;
padding: /*5px 0px 0px 5px*/ 0 !important;
height: 28px;
box-sizing: border-box;
background: url(../search/images/catmenu02_arrow.png) no-repeat 270px 0px;
}
#product_menu_block .catmenu02 > li > a:hover{
color: #DC7979;
background: url(../search/images/catmenu02_arrow.png) no-repeat 270px -28px;
}
/*--------------------------*/
#product_menu_block .catmenu03{
width: 300px;
font-size: 100%;
background: #fff;
position: absolute;
top:-1px;
left: 298px;
display: block;
border: #333 1px solid;
padding: 10px 15px 10px 15px !important;
box-sizing: border-box;
z-index: 4;
}
#product_menu_block .catmenu03 .cat_title{
display: block;
/*height: 28px;*/
font-weight: bold;
font-size: 110%;
padding: /*5px 0px 5px 0px*/ 0.2em 0 !important;
box-sizing: border-box;
}
#product_menu_block .catmenu03 li > a{
display: block;
padding: 8px 0px 0px 0px;
box-sizing: border-box;
}
#product_menu_block .catmenu03 li > a:hover{
color: #DC7979;
text-decoration: underline;
}

#product_menu_block img.catmenu_icon,#product_menu_block img.catmenu_icon2{width: 20px;vertical-align: bottom;margin: 0 0.5em 0 0 !important;padding: 0 !important;}

/*--------------------------*/

#product_menu_block .btn_estimate{
width: 200px;
height: 30px;
font-size: 120%;
float: left;
margin-right: 10px;
text-align: center;
padding-top: 5px;
}
#product_menu_block .btn_estimate a{
display: block;
height: 30px;
background: #F2CA70;
color: #fff;
padding: 7px 0px 0px 0px;
border-radius: 8px;
box-sizing: border-box;
}
#product_menu_block .btn_estimate a:hover{
background: #F2B170;
}
/*--------------------------*/

#product_menu_block .btn_order{
width: 200px;
height: 30px;
font-size: 120%;
float: left;
text-align: center;
padding-top: 5px;
}
#product_menu_block .btn_order a{
display: block;
height: 30px;
background: #AFBF6D;
color: #fff;
padding: 7px 0px 0px 0px;
border-radius: 8px;
box-sizing: border-box;
}
#product_menu_block .btn_order a:hover{
background: #80A163;
}

/*===========================*/

#product_search_block{
width: 800px;
margin: 0 auto;
padding: 20px 0px;
}

#product_search_block .productname_search,
#product_search_block .productnumber_search{
width: 100%;
background: #f0f0f0;
padding: 10px 0px;
border-radius: 6px;
overflow: hidden;
clear: both;
margin-bottom: 10px;
}

#product_search_block label{
font-size: 130%;
display: block;
float: left;
padding-top: 7px;
margin: 0px 30px;
font-weight: bold;
}

#product_search_block input{
vertical-align: top;
margin: 0px;
height: 100%;
box-sizing: border-box;
background-color: transparent;
border-style: none;
font-size: 120%;
}

#product_search_block .search_name,
#product_search_block .search_number{
background: #fff;
height: 30px;
padding: 8px;
width: 350px;
float: left;
border: #999 1px solid;
}
#product_search_block .search_name:hover,
#product_search_block .search_number:hover{
background: #FFFEE0;
}

#product_search_block .search_btn{
width: 130px;
display: block;
background: #8D94A2;
color: #fff;
height: 30px;
margin-left: 20px;
float: left;
border-radius: 6px;
}
#product_search_block .search_btn:hover{
background: #999;
cursor: pointer;
}

#product_search_block .reset_btn{
width: 130px;
display: block;
background: #BABDC4;
color: #fff;
height: 30px;
margin-left: 10px;
float: left;
border-radius: 6px;
}
#product_search_block .reset_btn:hover{
background: #999;
cursor: pointer;
}


/*===========================*/

#product_catlist{width: 100%;border-top: #ccc 1px solid;border-bottom: #ccc 1px solid;padding: 20px 0px;font-size: 100%;}
#product_catlist .catlist01{width: 100%;margin: 0;padding: 0;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;}
#product_catlist .catlist01 li{width: calc(20% - 20px);margin: 10px; box-sizing: border-box;text-align: center;border: #ddd 2px solid;}
#product_catlist .catlist01 li:hover{border: #DC7979 2px solid;}
#product_catlist .catlist01 li img{width:70%;vertical-align: bottom;margin: 1em 0;}
#product_catlist .catlist01 li .txt_base{display: block;text-align: center;padding: 0.5em 0;}
#product_catlist .catlist01 li a:hover{opacity: 0.5;color: #DC7979;}

/*
#product_catlist .catlist01{
overflow: hidden;
}
#product_catlist .catlist01 li{
float: left;
width: 250px;
margin-bottom: 5px;
margin-left: 5px;
font-size: 120%;
}
#product_catlist .catlist01 li a{
display: block;
border: #ddd 3px solid;
padding: 6px 0px 0px 0px;
box-sizing: border-box;
height: 54px;
background: url(../search/images/catbtn_arrow_gray.png) no-repeat 230px 10px;
background-size: 8px;
}
#product_catlist .catlist01 li a:hover{
border: #DDDEC6 3px solid;
color: #A3A36C;
}

.catlist_btn01{background: url(../search/images/catbtn_no01.png) no-repeat 10px 15px;}
.catlist_btn02{background: url(../search/images/catbtn_no02.png) no-repeat 10px 15px;}
.catlist_btn03{background: url(../search/images/catbtn_no03.png) no-repeat 10px 15px;}
.catlist_btn04{background: url(../search/images/catbtn_no04.png) no-repeat 10px 15px;}
.catlist_btn05{background: url(../search/images/catbtn_no05.png) no-repeat 10px 15px;}
.catlist_btn06{background: url(../search/images/catbtn_no06.png) no-repeat 10px 15px;}
.catlist_btn07{background: url(../search/images/catbtn_no07.png) no-repeat 10px 15px;}
.catlist_btn08{background: url(../search/images/catbtn_no08.png) no-repeat 10px 15px;}
.catlist_btn09{background: url(../search/images/catbtn_no09.png) no-repeat 10px 15px;}
.catlist_btn10{background: url(../search/images/catbtn_no10.png) no-repeat 10px 15px;}
.catlist_btn11{background: url(../search/images/catbtn_no11.png) no-repeat 10px 15px;}
.catlist_btn12{background: url(../search/images/catbtn_no12.png) no-repeat 10px 15px;}
.catlist_btn13{background: url(../search/images/catbtn_no13.png) no-repeat 10px 15px;}
.catlist_btn14{background: url(../search/images/catbtn_no14.png) no-repeat 10px 15px;}
.catlist_btn15{background: url(../search/images/catbtn_no15.png) no-repeat 10px 15px;}
.catlist_btn16{background: url(../search/images/catbtn_no16.png) no-repeat 10px 15px;}
.catlist_btn17{background: url(../search/images/catbtn_no17.png) no-repeat 10px 15px;}
.catlist_btn18{background: url(../search/images/catbtn_no18.png) no-repeat 10px 15px;}

#product_catlist .catlist01 li a span{
display: block;
margin-left: 42px;
}
#product_catlist .catlist01 span.txt_base{
padding-top: 10px;
}
*/



/*===========================*/

#product_foot_block{
width: 100%;
overflow: hidden;
padding: 20px 0px;
}
/*--------------------------*/
#product_foot_block .catalog_link_box{background: #DDDD9F;width:570px;margin:0px;padding: 0.8em 0;float: left;font-size: 120%;overflow: hidden;box-sizing: border-box;}

#product_foot_block .catalog_link_box .catalog51,
#product_foot_block .catalog_link_box .catalog2019{float: left;width: 46%;margin: 0 0 0 1em;box-sizing: border-box;overflow: hidden;}
/*--------------------------*/
#product_foot_block .catalog_img{float: left;width: 70px; margin-right: 10px;}
#product_foot_block .catalog_img img{width: 100%;border: #ccc 1px solid;}
#product_foot_block .catalog_img img:hover{border: #ff0000 1px solid;}
#product_foot_block .catalog_title{float: left;display: block;font-weight: bold;color: #898955;padding: 0;box-sizing: border-box;}
#product_foot_block .catalog_link_digi,
#product_foot_block .catalog_link_PDF{float: left;display: block;width: 150px;
line-height: 1; padding: 0.5em 0 0.3em 1.2em;margin-top: 0.5em; background: #ffffff url("../images/ico_arrow_16x16.png") no-repeat left;font-size: 90%;box-sizing: border-box; border-radius: 3px;border: #ccc 1px solid;}
#product_foot_block .catalog_link_digi:hover,
#product_foot_block .catalog_link_PDF:hover{border: #ff0000 1px solid;}



/*--------------------------
#product_foot_block .catalog_link_digi{
display: block;
width: 160px;
height: 77px;
background: #fff;
border:#98C9D7 1px solid;
padding-top: 6px;
box-sizing: border-box;
float: left;
margin-left: 10px;
font-size: 90%;
}
#product_foot_block .catalog_link_digi span{
display: block;
width: 150px;
height: 63px;
margin: 0px auto;
border-left:#98C9D7 5px solid;
padding: 15px 0px 0px 8px;
box-sizing: border-box;
}
#product_foot_block .catalog_link_digi:hover{
border:#6CB1C5 1px solid;
}
#product_foot_block .catalog_link_digi span:hover{
border-left:#6CB1C5 5px solid;
}*/

/*--------------------------
#product_foot_block .catalog_link_PDF{
display: block;
width: 160px;
height: 77px;
background: #fff;
border:#E2C7B4 1px solid;
padding-top: 6px;
box-sizing: border-box;
float: left;
margin-left: 10px;
font-size: 90%;
}
#product_foot_block .catalog_link_PDF span{
display: block;
width: 150px;
height: 63px;
margin: 0px auto;
border-left:#E2C7B4 5px solid;
padding: 15px 0px 0px 8px;
box-sizing: border-box;
}
#product_foot_block .catalog_link_PDF:hover{
border:#E1B18F 1px solid;
}
#product_foot_block .catalog_link_PDF span:hover{
border-left:#E1B18F 5px solid;
}*/

/*--------------------------*/



/* slide */
.list_carousel {
	width:430px;
	margin:0px;
	padding:0px;
	float: right;
	position:relative;
}
.list_carousel ul {
	margin:0 !important;
	padding:0 !important;
	list-style: none;
	display: block;
	width: 360px;
	height:100px;
	position: absolute;
	top:0;
	left:55px;
	overflow: hidden;
	box-sizing: border-box;
}
.list_carousel li {
	width:340px;
	height:100px;
	padding: 0;
	margin: 0;
	display:inline-block;
	float: left;
	line-height:1em;
	overflow:hidden;/**/
	margin-right: 20px !important;/**/
	box-sizing: border-box;
}
.list_carousel li a:hover {filter: alpha(opacity=70); -moz-opacity:0.70;opacity:0.70;}
#next,
#prev {
	position: absolute;
	top: 35px;
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/home/pickup_arrow_l.png) left top no-repeat;
	text-indent: -9999px;
}
#prev {
	left: 2px;
}
#prev:hover {
	background:url(../images/home/pickup_arrow_l_on.png) left top no-repeat;
}
#next {
	right: 2px;
	background: url(../images/home/pickup_arrow_r.png) left top no-repeat;
}
#next:hover {
	background:url(../images/home/pickup_arrow_r_on.png) left top no-repeat;
}



/**/
#product_search_result{
width: 100%;
padding: 20px 0px;
border-top: #ccc 1px solid;
}

#product_search_result .result_block01{
width: 900px;
margin: 0px auto;
overflow: hidden;
font-size: 120%;
}
#product_search_result .disp_terms_base{
width: 750px;
float: left;
}
#product_search_result .disp_terms{
width: 750px;
height: 50px;
padding: 14px 0px;
background: #fff;
border-top: #333 1px solid;
border-left: #333 1px solid;
border-right: #333 1px solid;
box-sizing: border-box;
}
.disp_terms_fuki{
display: block;
background: url(../search/images/fukidashi_img.png) no-repeat top center;
width: 100%;
height: 25px;
}
#product_search_result .disp_terms p{
width: 600px;
margin: 0px auto;
text-align: center;
}
#product_search_result .disp_terms span{
display: inline-block;
font-size: 130%;
font-weight: bold;
margin: 0px 10px;
text-align: center;
}
#product_search_result .disp_terms_select{
background: #F2F2F2;
height: 50px;
border: none;
padding: 10px;
margin-left: 10px;
box-sizing: border-box;
font-size: 100%;
float: right;
}


#product_search_result .result_product_box{
width: 100%;
border-bottom: #ccc 1px solid;
overflow: hidden;
font-size: 120%;
padding: 10px 0px;
}

#product_search_result .name{
font-weight: bold;
padding: 10px 0px;
font-size: 110%;
}
#product_search_result .product_data{
width: 810px;
float: left;
}

#product_search_result .data_box{
width: 100%;
clear: both;
overflow: hidden;
margin-bottom: 5px;
}
#product_search_result .data_label{
width: 180px;
height: 40px;
background: #f2f2f2;
float: left;
text-align: right;
padding: 12px 10px 0px 0px;
box-sizing: border-box;
font-weight: bold;
}
#product_search_result .data_number,
#product_search_result .data_price,
#product_search_result .data_catalog{
height: 40px;
margin-left: 5px;
width: 500px;
float: left;
padding: 12px 10px 0px 10px;
box-sizing: border-box;
}
#product_search_result .data_catalog span{
display: inline-block;
margin-right: 10px;
}

#product_search_result .data_catalog a.catalog_link{
color: #333;
text-decoration: underline;
display: inline-block;
margin-left: 20px;
padding: 0px 28px 0px 0px;
background: url(../search/images/icon_link_gray.png) no-repeat right -3px;
}

#product_search_result .data_catalog a.notice_link{
color: #333;
text-decoration: underline;
display: inline-block;
margin-left: 0px;
padding: 0px 28px 0px 0px;
background: url(../search/images/icon_link_gray.png) no-repeat right -3px;
}

#product_search_result .data_catalog a:hover{
background: #f2f2f2 url(../search/images/icon_link_gray.png) no-repeat right -3px;
}


#product_search_result .btn_box{
width: 200px;
float: right;
background: #F2F2F2;
text-align: center;
padding: 10px 0px 5px 0px;
}
#product_search_result .btn_box a{
display: block;
width: 180px;
margin: 0px auto 5px auto;
padding: 8px 0px;
color: #FFF;
border-radius: 8px;
font-weight: bold;
}
#product_search_result .btn_box_contact{background: #D1CFCF;}
#product_search_result .btn_box_contact:hover{background: #999999;}
#product_search_result .btn_box_estimate{background: #F2CA70;}
#product_search_result .btn_box_estimate:hover{background: #F2B170;}
#product_search_result .btn_box_order{background: #AFBF6D;}
#product_search_result .btn_box_order:hover{background: #80A163;}

#product_search_result .page_block{
width: 100%;
padding: 15px 0px;
text-align: center;
font-size: 120%;
}
#product_search_result .page_back,
#product_search_result .page_next{
display: inline-block;
background: #333;
border: #333 1px solid;
color: #FFF;
padding: 5px;
box-sizing: border-box;
margin-right: 10px;
}
#product_search_result .page_back:hover,
#product_search_result .page_next:hover{
background: #666;
border: #666 1px solid;
}
#product_search_result .page_no{display: inline-block;}
#product_search_result .page_no a{
display: inline-block;
background: #fff;
border: #333 1px solid;
padding: 5px 8px;
box-sizing: border-box;
margin-right: 10px;
}
#product_search_result .page_no .no_link,
#product_search_result .page_no a:hover{
display: inline-block;
background: #333;
border: #333 1px solid;
color: #FFF;
}




#product_cattitle_block{padding: 20px 0px;}
#product_cattitle_block .cattitle_box{width: 100%;box-sizing: border-box;}
#product_cattitle_block h2{margin: 0 0 0.5em 0;padding: 0.5em 0 0.5em 0;font-size: 130%;box-sizing: border-box;color: #333;}
#product_cattitle_block h2 img{width: 25px;vertical-align: bottom;margin: 0 0.3em 0 0;}
#product_cattitle_block .cattitle_box h3{
height: 40px;
margin: 0;
padding: 12px 0px 0px 12px;
color: #fff;
font-size: 120%;
box-sizing: border-box;
background: #333;
}

#seach_notfound_block{ padding: 20px 0px;}
#seach_notfound_block .seach_notfound{
width: 650px;
margin: 0px auto;
font-size: 120%;
line-height: 1.5;
}
#seach_notfound_block .seach_notfound_txt{
background: #E4F5FA;
padding: 20px 30px;
box-sizing: border-box;
}
#seach_notfound_block .seach_notfound_txt a{
display: inline-block;
color: #2669E6;
}
#seach_notfound_block .seach_notfound_txt a:hover{
text-decoration: underline;
}
#seach_notfound_block .triangle{
  width: 0;
  height: 0;
  margin-left: 300px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #E4F5FA;
}
#seach_notfound_block .seach_notfound_img{
width: 100%;
text-align: center;
}




#product_cat_block{
padding:0 0 4em 0;
border-bottom: #ccc 1px solid;
}
#product_cat_block h2{
color: #A3A36C;
font-size: 130%;
margin: 2em 0 1em 0 !important;
}
#product_cat_block h2 img{width: 3%;vertical-align: bottom;margin-right: 0.5em;}
/*#product_cat_block ul{width: 100%; margin: 0; padding: 0; font-size: 120%;}*/
/*#product_cat_block li{display: block; margin: 0; padding: 0px 0px 8px 0px;}
#product_cat_block li a{text-decoration: underline;}
#product_cat_block li a:hover{color: #DC7979;}*/
#product_cat_block ul{width: 100%; margin: 0; padding: 0; font-size: 120%;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#product_cat_block li{padding: 0;width: calc(33.3% - 20px);margin: 10px;text-align: center;}

#product_cat_block li span.cat_img{display: block;}
#product_cat_block li span.cat_img img{width: 100%;vertical-align: bottom;}
#product_cat_block li span.link_txt{display: inline-block;padding: 0.5em;border-bottom: #fff 1px solid;}
#product_cat_block li a:hover span.link_txt{border-bottom: #333 1px solid;}






#price_update_base{
border-bottom: 1px solid #CCCCCC;
}

#price_update{
text-align:left;
color: #FF0000;
padding: 20px 0px 25px 0px;
font-size: 16px;
line-height: 26px;
width: 900px;
margin: 0px auto;
}

#price_update span{
display: block;
text-align: center;
font-size: 20px;
margin: 0px 0px 10px 0px;
font-weight: bold;
}

#price_update a{
color: #FF0000;
text-decoration: underline;
font-weight: bold;
}






.catalog_banner_link{
        border: 2px solid #8c8b8b;
        border-radius: 5px;
        width: 210px;
        display: block;
        margin: 0px 0px 0px 15px;
        padding: 15px 5px;
        font-size: 16px;
        line-height: 16px;
        text-indent: 24px;
        color: #000000;
        background-color: #ffffff;
        background-image: url('../images/arrow_forward_ios.svg');
        background-repeat: no-repeat;
        background-position: center left 12px;
}

.catalog_banner_link:hover{
        border: 2px solid #f06661;
}

.catalog_banner_row{
        display: flex;
}

.catalog_banner_col1{
        width: 72px;
        margin: 15px 0px 15px 30px;
}
.catalog_banner_col2{
        width: 440px;
}

.catalog_banner_label{
        margin: 25px 0px 0px 15px;
        font-size: 24px;
        line-height: 24px;
        color: #7f7d4f;
        font-weight: bold;
}
.catalog_banner_buttons{
        display: flex;
        margin: 15px 0px 0px 0px;
}
.catalog_link_base{
	background: #DDDD9F;width:570px;margin:0px;
	padding: 0px;float: left;font-size: 120%;overflow: hidden;box-sizing: border-box;
}