@charset "UTF-8";

#productsAnc_pc_pec {
	background: #f2f2f2;
	padding: 10px 0 10px 10px;
	margin-bottom: 32px;
}

#productsAnc_pc_pec .listAnchor3_pec {
	display: table;
	width: 100%;
}

#productsAnc_pc_pec .listAnchor3_pec li {
	float: none;
	display: table-cell;
	vertical-align: middle;
}

#productsAnc_pc_pec .listAnchor3_pec li a {
	font-size: 13px;
	display: block;
	padding: 0 18px 0 19px;
}

#productsAnc_sp_pec .listAnchor3_pec li {
}

#productsAnc_sp_pec .listAnchor3_pec li a {
	font-size: 13px;
	display: block;
	padding: 0 18px 0 19px;
}

.f11_pec{font-size:11px !important;}
 
.customer1{
	background:#f2f2f2;
	color:#333;
}

.customer2{
	background:#333;
	color:#fff;
}

.customer1 .contents_pec{
	margin-bottom:0;
	position:relative;
	height:80px;
}

.customer2 .contents_pec{
	margin-bottom:0;
	position:relative;
	height:90px;
}

.customer1 p,
.customer2 p{
	font-size:26px;
	display:inline-block;
	position:absolute;
	bottom:0;
}

.customer2 p{
	bottom:1px;
}

.customer2 ul{
	position:absolute;
	bottom:0;
	left:160px;/*20180115*/
	margin-bottom:12px;
}

.customer2 li{
	padding-left:10px;/*20180115*/
}


.customer2 li a{
	color:#fff;
}


.customer2 a.arrow_pec {
	background: rgba(0, 0, 0, 0) url("/assets/img/icon_arrow_white.png") no-repeat scroll left center;
    padding: 1px 0 0 8px !important; /*20180115*/
}

.customer2 a.blank_pec {
    background: rgba(0, 0, 0, 0) url("/assets/img/icon_blank_w.png") no-repeat scroll left center;
    margin-left: -1px;
    padding-left: 13px;
}
/*

.customer2 a.arrow_pec {
    background: rgba(0, 0, 0, 0) url("/assets/img/icon_arrow_white.png") no-repeat scroll left center;
    padding: 2px 0 0 12px;
}

*/


.pdT85_pec {
    padding-top: 55px !important;
}


/*20170821 (min-width:641px→737px)*/	
@media screen and (min-width: 897px){
#contentBlock_pec {
    /*padding: 0 0 20px;*/
	/*background:#333;20170619*/
	/*border-bottom:solid #FFFFFF 40px;20170619*/
	padding: 0 0 0px;
	/*border-bottom:solid #f2f2f2 20px;*//*20170619*/
}	
	
	#productsPnl_01_pec {
		margin-bottom: /*100*/0px;/*20170619*/
	}
		
	#productsPnl_01_pec a,
	#productsPnl_02_pec a {
		display: block;
		width: 996px;
		height: 381px;
		/*position: absolute;*/
		top: /*30*/0px;
		left: 0;
		/*filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;*/
	}
	
	#noMove #productsPnl_01_pec a,
	#noMove #productsPnl_02_pec a {
		top: 0;
		left: 0;
		filter: alpha(opacity=1);
		-moz-opacity: 1;
		opacity: 1;
	}
	
	#productsPnl_01_pec .ancPnlBox_01_pec a {
		filter: alpha(opacity=1);
		-moz-opacity: 1;
		opacity: 1;
		top: 0;
		left: 0;
	}
	
	.ancPnl {
		width: 100%;
	}
	
	#productsPnl_01_pec a img,
	#productsPnl_02_pec a img {
		
	}
	

	.pnlBorder {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 74px;
	}
	
	.pnlBorder.pnlBorder2 {
		height: 54px;
	}

	.ancPnlBox_00_pec {
		/*position: relative;*/
		width: /*996px*/100%;;
		height: 210px;
	}
	
	.ancPnlBox_01_pec,
	.ancPnlBox_02_pec,
	.ancPnlBox_03_pec,
	.ancPnlBox_04_pec,
	.ancPnlBox_05_pec,
	.ancPnlBox_06_pec,
	.ancPnlBox_07_pec,
	.ancPnlBox_08_pec,
	/*.ancPnlBox_09_pec,*/
	.ancPnlBox_10_pec {
		/*position: relative;*/
		width: /*996px*/100%;
		height: 381px;
	}
	
.ancPnlBox_09_pec {width: 100%; height: 461px;}/*20170619*/	/*20180115*/	
		
	.ancPnlBox_01_pec,
	.ancPnlBox_03_pec,
	.ancPnlBox_05_pec,
	.ancPnlBox_07_pec,
	.ancPnlBox_09_pec,
    	.ancPnlBox_04_pec {
		background:#333;
	}	
	
	.ancPnlBox_01_pec:before,
	.ancPnlBox_03_pec:before,
	.ancPnlBox_05_pec:before,
	.ancPnlBox_07_pec:before,
	.ancPnlBox_09_pec:before {
		width:50%;
		height: 381px;
		right:0;
		background:#000;
		content:"";
		display:block;
		position:absolute;
	}

	.ancPnlBox_00_pec {
		background:#f2f2f2;/*20170619*/
	}	

	/*.ancPnlBox_00_pec,*/
	.ancPnlBox_02_pec,
	.ancPnlBox_04_pec,
	.ancPnlBox_06_pec,
	.ancPnlBox_08_pec,
	.ancPnlBox_10_pec {
		background:/*#f2f2f2*/#333;/*20170619*/
	}	

	.ancPnlBox_00_pec:before {
		width:50%;
		height: 210px;
		right:0;
		background:#ccc;
		content:"";
		display:block;
		position:absolute;
	}	
	
	.ancPnlBox_01_pec:before,
	.ancPnlBox_03_pec:before{
		width:50%;
		height: 381px;
		right:0;
		background:#ccc;
		content:"";
		display:block;
		position:absolute;
	}
	



	.ancPnlBox_00_pec a {
		position: relative;
		width: 996px;
		height: 210px;
		margin:0 auto;/*20170425*/
		/*background:#fff;*/
	}			
	
	.ancPnlBox_01_pec a,
	.ancPnlBox_02_pec a,
	.ancPnlBox_03_pec a,
	.ancPnlBox_04_pec a,
	.ancPnlBox_05_pec a,
	.ancPnlBox_06_pec a,
	.ancPnlBox_07_pec a,
	.ancPnlBox_08_pec a,
	.ancPnlBox_09_pec a,
	.ancPnlBox_10_pec a {
		position: relative;
		width: 996px;
		height: 381px;
		margin:0 auto;/*20170425*/
		/*background:#fff;*/
	}

#productsPnl_00_pec a,
#productsPnl_00_pec a:focus,
#productsPnl_01_pec a,
#productsPnl_01_pec a:focus{
	background:#fff;
		filter: alpha(opacity=1);
		-moz-opacity: 1;
		opacity: 1;
}
/*	
	#productsPnl_01_pec a,
	#productsPnl_01_pec a:link,
	#productsPnl_01_pec a:visited,
	#productsPnl_01_pec a:hover,
	#productsPnl_01_pec a:active,
	#productsPnl_01_pec a:focus{
		background:#ccc;
	}	
*/

/*
#container_pec a:focus, #contents_pec a:focus, #footer_pec a:focus, #gnavi_pec a:focus, .contents_pec a:focus {
	opacity: 0.4;
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	color: #777;
}*/


		
	
#ancPnlBox_02,
#ancPnlBox_03,
#ancPnlBox_04,
#ancPnlBox_05,
#ancPnlBox_06,
#ancPnlBox_07,
#ancPnlBox_08,
#ancPnlBox_09{
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		top:30px;
		position:relative;
}


.pnlLink_pec,
	.pnlBlank_pec {
		font-size: 18px;
		font-weight: bold;
		position: absolute;
	}
	.ancPnlBox_00_pec a {
		position: relative;
		width: 996px;
		height: 210px;
		display:block;
	}
	/*.ancPnlBox_00_pec a:hover{
		opacity: 0.6;
	}*/
	
	.ancPnlBox_00_pec .pnlLink_pec {
		color: #000000;
		padding-left: 15px;
		background: url(/assets/products/img/products_arrow_bk.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*right: 40px;*/
		left: 40px;
		bottom: 10px;
	}
	

    .ancPnlBox_01_pec .pnlLink_pec.fcBK_pec, .ancPnlBox_03_pec .pnlLink_pec.fcBK_pec{
        color: #000;
    }
	
	.ancPnlBox_00_pec .pnlLink_pec.active, .ancPnlBox_01_pec .pnlLink_pec.active, .ancPnlBox_03_pec .pnlLink_pec.active  {
		background: url(/assets/products/img/products_arrow_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
	}	
		
	.ancPnlBox_01_pec .pnlLink_pec {
		color: #ffffff;
		padding-left: 15px;
		background: url(/assets/products/img/products_arrow_bk.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		left: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_02_pec .pnlLink_pec {
		color: #fff;
		padding-left: 15px;
		background: url(/assets/products/img/products_arrow_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*right: 40px;*/
		right: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_02_pec .pnlLink_pec.active {
		background: url(/assets/products/img/products_arrow_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
	}

	
	.ancPnlBox_03_pec .pnlLink_pec {
		color: #ffffff;
		padding-left: 15px;
		background: url(/assets/products/img/products_arrow_bk.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		left: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_04_pec .pnlBlank_pec {
		color: #000000;
		padding-left: 20px;
		background: url(/assets/products/img/products_blank_bk.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*right: 40px;*/
		left: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_04_pec .pnlBlank_pec.active {
		background: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.ancPnlBox_05_pec .pnlBlank_pec {
		color: #fff;
		padding-left: 20px;
		background: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		right: 40px;
		bottom: 20px;
	}
		
	
	.ancPnlBox_01_pec .pnlBlank_pec {
		color: #000;
		padding-left: 20px;
		background: url(/assets/products/img/products_blank_bk.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*right: 40px;*/
		left: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_01_pec .pnlBlank_pec.active {
		background: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.ancPnlBox_02_pec .pnlBlank_pec {
		color: #fff;
		padding-left: 20px;
		background: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		right: 40px;
		bottom: 20px;
	}
	

		
	.ancPnlBox_03_pec .pnlBlank_pec {
		color: #000;
		padding-left: 20px;
		background: url(/assets/products/img/products_blank_bk.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*right: 40px;*/
		left: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_03_pec .pnlBlank_pec.active {
		background: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.ancPnlBox_09_pec .pnlBlank_pec {
		color: #ffffff;
		padding-left: 20px;
		background: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		right: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_04_pec .pnlLink_pec {
		color: #ffffff;
		padding-left: 20px;
		background: url(/assets/products/img/products_arrow_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		right: 40px;
		bottom: 20px;
	}
    
	.ancPnlBox_04_pec .pnlBlank_pec {
		color: #ffffff;
		padding-left: 20px;
		background: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		right: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_09_pec .pnlLink_pec {
		color: #ffffff;
		padding-left: 20px;
		background: url(/assets/products/img/products_arrow_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		right: 40px;
		bottom: 20px;
	}
	
	.ancPnlBox_10_pec .pnlLink_pec {
		color: #ffffff;
		padding-left: 20px;
		background: url(/assets/products/img/products_arrow_wh.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*left: 40px;*/
		right: 40px;
		bottom: 20px;
	}

	.company-name{
		font-size:13px;
		display:inline-block;
		position:absolute;
		bottom:23px;
	}	
		
	.ancPnlBox_05_pec .company-name{
		color:#fff;
		right:235px;
	}
	
	.ancPnlBox_01_pec .company-name{
		color:#333;
		left:180px;
	}
	
	.ancPnlBox_02_pec .company-name{
		color:#fff;
		right:200px;
	}
	
	.ancPnlBox_03_pec .company-name{
		color:#333;
		left:390px;/*20180115*/
	}
	
/*	.ancPnlBox_09_pec .company-name{
		color:#fff;
		right:180px;
	}
*/  
	.ancPnlBox_04_pec .company-name{/*20180115*/
		color:#fff;
		right:180px;
	}

}

/*20170821 (max-width:640px→737px)*/	
@media screen and (max-width: 896px){
	
/*20170619*/	
#container_sp_pec {
	/*background:#333 !important;*/
	height:0px !important;
}
/*20170619 end*/

	#productsPnl_01_pec {
		margin-bottom: 50px;
	}
	
	.spPnlBox_pec {
		position: relative;
	}
	
	#productsPnl_01_pec a,
	#productsPnl_02_pec a {
		display: block;
	}
	
	#productsPnl_01_pec a img,
	#productsPnl_02_pec a img {
		display: block;
	}
	
	.spProductsPnl a span {
		display: block;
		position: absolute;
		/*color: #ffffff;*/
		font-weight: bold;
		font-size: 14px;
		width: 100%;
		height: 30px;
		line-height: 30px;
		left: 0;
		bottom: 0;
		z-index: 5;
		/*background-color: #b60f42;*/
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	.spProductsPnl a span.pnlBlank_pec.fcBk_pec.line2_pec {/*20180115*/
		line-height: 1.2;
		bottom: 5px;
		background-position: 10px 2px;
	}
	
	.spProductsPnl a span.pnlLink_pec.fcWh_pec {
		background-image: url(/assets/products/img/products_arrow_wh.png);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		padding-left: 25px;
		background-size: 6px 8px;
		-moz-background-size: 6px 8px;
		-webkit-background-size: 6px 8px;
		color: #ffffff;
	}
	
	.spProductsPnl a span.pnlLink_pec.fcBk_pec {
		background-image: url(/assets/products/img/products_arrow_bk.png);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		padding-left: 25px;
		background-size: 6px 8px;
		-moz-background-size: 6px 8px;
		-webkit-background-size: 6px 8px;
		color: #000000;
	}
	
	.spProductsPnl a span.pnlBlank_pec.fcWh_pec {
		background-image: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		padding-left: 25px;
		background-size: 9px 8px;
		-moz-background-size: 9px 8px;
		-webkit-background-size: 9px 8px;
		color: #ffffff;
	}
	
	.spProductsPnl a span.pnlBlank_pec.fcBk_pec {
		background-image: url(/assets/products/img/products_blank_bk.png);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		padding-left: 25px;
		background-size: 9px 8px;
		-moz-background-size: 9px 8px;
		-webkit-background-size: 9px 8px;
		color: #000000;
	}
	
.spProductsPnl a p.company-name{
	font-size:8px !important;
	display:inline-block;
	position:absolute;
}

.spProductsPnl a p.company-name.p01{/*20180115*/
	left:85px;
	bottom:7px;
}

.spProductsPnl a p.company-name.p02{
	left:115px;
	bottom:7px;
	line-height:1.5em;
	color:#fff;
}

.spProductsPnl a p.company-name.p03{/*20180115*/
	left:145px;
	bottom:7px;
	line-height:1.2em;
}

.spProductsPnl a p.company-name.p04{
	left:105px;
	bottom:7px;
	color:#fff;
}

/*参考
.customer1 p,
.customer2 p{
	font-size:26px;
	display:inline-block;
	position:absolute;
	bottom:0;
}

.customer2 p{
	bottom:7px;
}

.customer2 ul{
	position:absolute;
	bottom:0;
	left:240px;
}
.customer2 li a{
	color:#fff;
}

.customer2 a.arrow_pec {
    background: rgba(0, 0, 0, 0) url("/assets/img/icon_arrow_white.png") no-repeat scroll left center;
    padding: 2px 0 0 12px;
}

.customer2 a.blank_pec {
    background: rgba(0, 0, 0, 0) url("/assets/img/icon_blank_w.png") no-repeat scroll left center;
    margin-left: -1px;
    padding-left: 13px;
}
*/

	.customer1_sp{
	/*background:#f2f2f2;*/
	padding-top:10px;
	/*margin-top:20px;*/
}

	.customer2_sp{
	/*background:#333;
	color:#fff;*/
	padding-top:30px;
}

.customer1_sp p,
.customer2_sp p{
	font-size:20px;
	display:block;
	padding-left:10px !important;
    
    


}
 

}





@media screen and (max-width:320px) {
	
	.spProductsPnl a span {
		font-size: 12px;
	}
.spProductsPnl a p.company-name{
	font-size:7px !important;
}	
.spProductsPnl a p.company-name.p06{/*20180115*/
	left:65px;
}	
.spProductsPnl a p.company-name.p07{
	left:200px;
}

.spProductsPnl a p.company-name.p08{/*20180115*/
	left:120px;
}



	.spProductsPnl a span.pnlLink_pec.fcWh_pec {
		background-image: url(/assets/products/img/products_arrow_wh.png);
		background-repeat: no-repeat;
		background-position: 5px 10px;
		padding-left: 15px;
		background-size: 6px 8px;
		-moz-background-size: 6px 8px;
		-webkit-background-size: 6px 8px;
	}
	
	.spProductsPnl a span.pnlLink_pec.fcBk_pec {
		background-image: url(/assets/products/img/products_arrow_bk.png);
		background-repeat: no-repeat;
		background-position: 5px 10px;
		padding-left: 15px;
		background-size: 6px 8px;
		-moz-background-size: 6px 8px;
		-webkit-background-size: 6px 8px;
	}
	
	.spProductsPnl a span.pnlBlank_pec.fcWh_pec {
		background-image: url(/assets/products/img/products_blank_wh.png);
		background-repeat: no-repeat;
		background-position: 5px 10px;
		padding-left: 17px;
		background-size: 9px 8px;
		-moz-background-size: 9px 8px;
		-webkit-background-size: 9px 8px;
	}
	
	.spProductsPnl a span.pnlBlank_pec.fcBk_pec {
		background-image: url(/assets/products/img/products_blank_bk.png);
		background-repeat: no-repeat;
		background-position: 5px 10px !important;
		padding-left: 17px;
		background-size: 9px 8px;
		-moz-background-size: 9px 8px;
		-webkit-background-size: 9px 8px;
	}	

	}
	
/*20191119 oto add*/	
	@media screen and (max-width: 896px){
	#ancPnl_01_sp_pec,
	#ancPnl_02_sp_pec,
	#ancPnl_03_sp_pec,
	#ancPnl_04_sp_pec{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 0px;
	}
	}
/*20191119 oto add end*/