/* box_ */
section.type{
	padding : 0 0 1px 0;
	background: rgba(255,255,255,0.9);
	}
section.type .main{
	border-bottom : solid 1px #ccc;
/*	margin : 0 0 100px 0;*/
	background : #f2f2f2;
	}

section.type .main .content{
	padding : 80px 0 50px 0;
	width : 1000px;
	margin : 0 auto;
	}
section.type .search_refine {
	padding-bottom: 10px;
	background: rgba(0,0,0,0.5);
}
.type .type_oricon {
	background : url('../img/type_oricon.png') no-repeat right center;
}
.type .type_box {
	background : url('../img/type_box.png') no-repeat right center;
}
.type .type_mesh {
	background : url('../img/type_mesh.png') no-repeat right center;
}
.type .type_agriculture {
	background : url('../img/type_agriculture.png') no-repeat right center;
}
.type .type_oricon,
.type .type_box,
.type .type_mesh,
.type .type_agriculture {
  -webkit-animation-name: type_img;
  -webkit-animation-duration: 3s;
  animation-name: type_img;
  animation-duration: 3s;
}

@keyframes type_img {
	0% {
		background-position: 105% 50%;
		opacity: 0;
	}
	100% {
		background-position: 100% 50%;
		opacity: 1;
	}
}
/*section.type .container .block{  margin-bottom: 180px; }*/
section.type h1{
	border : none;
	font-size : 40px;
	margin : 0 0 20px 0;
	line-height : 1;
	}
section.type h2{
	color : #5085c5;
	font-size : 24px;
	text-align : left;
	background : none;
	padding : 0;
	margin : 0 0 20px 0;
	line-height : 1.4;
	}
section.type .block .catch{
	text-align : center;
	font-size : 20px;
	font-weight : bold;
	width: 150px;
	height: 150px;
	border : solid 2px #5085c5;
	border-radius: 150px;
	display : table-cell;
	vertical-align : middle;
	}
section.type .block h3{
  position: relative;
 	font-weight : bold;
	font-size : 24px;
  border-left: 6px;
  border-bottom: 1px solid #333;
  margin-top: 30px;
  margin-bottom: 15px;
}
section.type .block h3:before{
  content: "";
  position: absolute;
  background: #4076F2;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  top: 10px;
  left: 10px;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
}
section.type .block h3 sub{vertical-align: middle;}
section.oricon .block h3:before { background: #1485b7; }
section.mesh .block h3:before { background: #ea7777; }
section.agri .block h3:before { background: #008040; }

section.type .block ul{	margin: 0; }
section.type .block ul li{
  display: inline-block;
	margin-bottom: 3px;
  margin-right: 5px;
  }
section.type .block ul li a{
  position: relative;
  display: table-cell;
  width: 238px;
  height: 60px;
  padding: 8px 16px;
  box-sizing: border-box;
  vertical-align: middle;
  color: #FFF;
  text-align: center;
  cursor:pointer;
  }
section.type .block ul li a::after {
  position: absolute;
  top: 35%;
  right: 1.7em;
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: #FFF #FFF transparent transparent;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all .3s;
  opacity: 0.2;
  }
section.type .block ul li a:hover::after { right: 1em;  }
section.type .block ul li a.betu::before{
  position: absolute;
  content:"別注品";
  top: 0;
  left: 0;
  font-size: 11px;
  padding: 1px 5px;
  color: #FFF;
  background: #993232;
  }
section.mesh .block ul li a.betu::before{
  background: #cc4343;
  }
section.type .block ul li a.juchu::before{
  position: absolute;
  content:"受注生産品";
  top: 0;
  left: 0;
  font-size: 11px;
  padding: 1px 5px;
  color: #333;
  background: #fdd23c;
  }
section.type .block ul li a.tainetsu::before{
	position: absolute;
	content:"耐熱仕様";
	top: 0;
	left: 0;
	font-size: 11px;
	padding: 1px 5px;
	color: #FFF;
	background: #ff6600;
}

/* ページ別 */
section.oricon .block ul li {background: #1485b7;}
section.box_container .block ul li {background: #014D8B;}
section.mesh .block ul li {background: #f38089;}
section.agri .block ul li {background: #008040;}

section.type .block ul li a sub {vertical-align: middle;}
section.type .block ul li .bun2{ line-height: 1.1;}

section.oricon .block ul li a{background: #1485b7; border: 1px solid #1485b7;}
section.box_container .block ul li a{background: #014D8B; border: 1px solid #014D8B;}
section.mesh .block ul li a{background: #ea7777; border: 1px solid #f38089;}
section.agri .block ul li a{background: #008040; border: 1px solid #008040;}

section.type .block ul li a.CO2{background-color: #F39800; border: 1px solid #F39800;}
section.type .block ul li a.GL{background-color: #6eb12e; border: 1px solid #6eb12e;}
section.type .block ul li a.doden{background-color: #231815; border: 1px solid #231815;}
section.type .block ul li a.OD{background-color: #233e27; border: 1px solid #233e27;}


/*************************************************
                   コンテナ商品詳細ページ
__________________________________________________*/

section#detail .cr{ clear: both; }
section#detail{
/*	padding : 0 0 130px 0; */
  padding: 20px 0 50px 0;
	background: rgba(255,255,255,1);
	}
section#detail .main{
	border-bottom : solid 1px #ccc;
	margin : 0 0 100px 0;
	background : #f2f2f2;
	}

section#detail .container .block{
	margin: 0  auto 80px auto;
	width: 1000px;
	}

section#detail .block h3{
  position: relative;
 	font-weight : bold;
	font-size : 30px;
  border-bottom: 1px solid #333;
  color: #333;
  margin: 5px 0;
  overflow: hidden;
	}
section#detail .block h3:before {
  content: "";
  position: absolute;
  background: #4076F2;
  border: 1px solid #014D8B;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  top: 10px;
  left: 10px;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  }

section#detail .block span.bechu{
  display: inline-block;
  background: #e5563e;
  border-radius: 5px;
  padding: 3px 7px;
  margin-top: 14px;
  color: #FFF;
  font-size: 16px;
  float: right;
  }
	section#detail .block span.juchu{
	  display: inline-block;
	  background: #fdd23c;
	  border-radius: 5px;
	  padding: 3px 7px;
	  margin-top: 14px;
	  color: #FFF;
	  font-size: 16px;
	  float: right;
	}
section#detail .block span.tainetsu{
	display: inline-block;
	background: #ff6600;
	border-radius: 5px;
	padding: 3px 7px;
	margin-top: 14px;
	color: #FFF;
	font-size: 16px;
	float: right;
}
section#detail .block .i-category{
  font-size: 16px;
  display: inline-block;
  border-radius: 5px;
  padding: 5px;
  margin-right: 10px;
  margin-top: 5px;
  float: left;
  color: #FFF;
  }
section#detail .block  .i-box{  border: 2px solid #0483b5; background: #014D8B; }
section#detail .block  .i-mesh{ border: 2px solid #f7c8dc; background: #ea7777; }
section#detail .block  .i-agri{ border: 2px solid #66BD6C; background: #009944; }
section#detail .block  .i-oricon{ border: 2px solid #b9e3f9; background: #1485b7; }
/*ボックスカラー*/
section#detail .block .i-C01{ border: 1px solid #0483b5; color: #0483b5 }
/* メッシュカラー */
section#detail .block .i-C02{ border: 1px solid #f96e79; color: #f96e79; }
/* 農業カラー */
section#detail .block .i-C03{ border: 1px solid #66BD6C; color: #66BD6C; }
/* オリコンカラー */
section#detail .block .i-C04{ border: 1px solid #1485b7; color: #1485b7; }


section.detail .block .dummy{
  text-align: center;
  margin: 0 ;
  }
section#detail .block .outline{
  width: 700px;
  margin:0 auto 80px auto;
  clear: both;
  }
section#detail .block p.color_area{
  overflow: hidden;
  margin-right: 5px;
  margin-bottom: 20px;
}
.block  p.color_area span.futa{
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	font-size: 1.2em;
	font-weight: bold;
}
.block  p.color_area span.c_icon{
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 7px;
  box-sizing: border-box;
  margin-right: 10px;
  text-align: center;
  vertical-align: bottom;
  float: right;
  }
.block .outline ul.trThree{}
.block .outline ul.trThree li{
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  margin: 5px;
  }
.outline ul.trThree li p.body01{
  text-align: center;
  font-size: 1.4em;
  padding: 5px;
  color: #FFF;
  }
.outline ul.trThree li p.head01{
  text-align: center;
  width: 679px;
  color: #231815;
  background: #FFF;
  }

.block .outline ul.tdFour{}
.block .outline ul.tdFour li{
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  margin: 5px;
  }
.outline ul.tdFour li p.body02{
  text-align: center;
  font-size: 1.1em;
  padding: 10px 0;
  color: #FFF;
  }
.outline ul.tdFour li p.head02{
  font-size: 13px;
  text-align: center;
  width: 122px;
  height: 23px;
  background-color: #FFF;
  color: #333;
  }

.outline ul.insatsu li{
  display: inline-block;
	width: 334px;
	border-radius: 5px;
	margin: 5px 5px 10px 5px;
  color: #FFF;
  text-align: center;
	overflow: hidden;
  font-size: 1.2em;
  }
.outline ul.insatsu li p.head{
  width: 100%;
  background: #FFF;
  color: #333;
  font-size: 13px;
  text-align: center;
  }
.outline ul.insatsu li p.body{
  width: 100%;
	font-size: 1.1em;
  text-align: center;
	padding: 5px;
  }

.outline .printbtn_area{	}
.block .outline a.mordalBtn{
  display: inline-block;
  width: 333px;
  height: 70px;
  padding-top: 22px;
  box-sizing: border-box;
  color: #555;
  background: #FFF;
	border: 1px solid #555;
	margin:  0 5px;
	margin-top: 45px;
  text-align: center;
  cursor:pointer;
  }
.block .outline a.mordalBtn:hover{
	color: #FFF;
	background: #555;
	border: 1px solid #555;
}

/* 備考 */
.remarks_area{
	width: 681px;
	min-height: 150px;
	margin-left: 5px;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	}
.oricon .remarks_area{
	color: #1485b7;
	border: 2px solid #1485b7;
	}
.box_container .remarks_area{
	color: #014D8B;
	border: 2px solid #014D8B;
	}
.mesh .remarks_area{
	color: #f38089;
	border: 2px solid #f38089;
	}
.agri .remarks_area{
	color: #008040;
	border: 2px solid #008040;
	}
.print_logo {
	display: none;
	text-align: right;
}


/************************************************
                表示の見かたページ
________________________________________________*/
section#pointofview{
	padding : 0 0 130px 0;
	background: rgba(255,255,255,0.9);
	}
section#pointofview .container{
  width: 100%;;
  padding: 10px 20px;
  box-sizing: border-box;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.8;
  }
section#pointofview h1{
	border : none;
	font-size : 40px;
	margin : 20px 0;
  padding-left: 20px;
	line-height : 1;
	}

section#pointofview .block h3{
  position: relative;
 	font-weight : bold;
	font-size : 24px;
  border-bottom: 1px solid #333;
  margin-top: 80px;
  margin-bottom: 30px;
	}
section#pointofview .block h3:before {
  content: "";
  position: absolute;
  background: #9fa0a0;
  border: 1px solid #014D8B;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  top: 10px;
  left: 10px;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  }

section#pointofview ul.tdthree,
section#pointofview ul.tdtwo {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 50px;
  }

ul.tdtwo li{
  display: inline-block;
  padding-right: 10px;
  margin: 10px;
  width: 288px;
}
ul.tdtwo li span{
  display: inline-block;
  width: 80px;
  height: 40px;
  padding-top: 7px;
  box-sizing: border-box;
  margin-right: 10px;
  color: #FFF;
  text-align: center;
  vertical-align: bottom;
}

ul.tdthree li{
  display: inline-block;
  padding-right: 10px;
  width: 210px;
  margin: 5px 10px;
}
ul.tdthree li span{
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 7px;
  box-sizing: border-box;
  margin-right: 10px;
  text-align: center;
  vertical-align: bottom;
}

/*************************************************
              　　　  各ページリンク
__________________________________________________*/
.search_refine ul{
  margin: 0 auto;
  width: 1000px;
}
.search_refine li {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	margin-left: 12px;
	width: 238px;
	height: 120px;
	box-sizing: border-box;
	background: #333;
}
.search_refine li:first-child {
	width: 240px;
	margin-left: 0;
}
.search_refine li:hover {
	background: #C5314A;
}
.search_refine li a {
	display: table-cell;
	width: 238px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
}
.search_refine li a img {
	width: 100%;
}

.d_search_refine{	background: #FFF; }
.d_search_refine ul{
  margin: 0 auto;
	padding-top: 45px;
  width: 1000px;
}
.d_search_refine li {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	margin-left: 11px;
	width: 238px;
	height: 120px;
	box-sizing: border-box;
	background: #333;
}
.d_search_refine li:first-child {
	width: 238px;
	margin-left: 0;
}
.d_search_refine li:hover {
	background: #C5314A;
}
.d_search_refine li a {
	display: table-cell;
	width: 238px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
}
.d_search_refine li a img {
	width: 100%;
}

.outline .clr66{ background-color: #014D8B; }/**/
.outline .clrB{ background-color: #0599d9; color: #FFF;}/* ブルー */
.outline .clrGY{ background-color: #9fa0a0; color: #FFF;}/* グレー */
.outline .clrY{ background-color: #fdd23c; color: #FFF;}/* イエロー */
.outline .clrG{ background-color: #009944; color: #FFF;}/* グリーン */
.outline .clrGLG{ background-color: #009944; color: #FFF;}/* GLグリーン */
.outline .clrOR{ background-color: #f08336; color: #FFF;}/* オレンジ */
.outline .clrOD{ background-color: #233e27; color: #FFF;}/* ODカラー */
.outline .clrCR{ background-color: #fff3c2; color: #333;}/* クリーム */
.outline .clrIV{ background-color: #F2E6A5; color: #FFF;}/* アイボリー */
.outline .clrN{ background-color: #CCC; }/* ナチュラル */
.outline .clrBE{ background-color: #f4e7d1; color: #FFF;}/* ベージュ */
.outline .clrLG{ background-color: #66BD6C; color: #FFF;}/* ライトグリーン */
.outline .clrWH{ background-color: #FFF; color: #333; border: 1px solid #333; }/* ホワイト */
.outline .clrR{ background-color: #e60012; color: #FFF;}/* レッド */
.outline .clrBK{ background-color: #231815; color: #FFF;}/* ブラック */
.outline .clrCB{ background-color: #b9e3f9; color: #FFF;}/* クリアブルー */
.outline .clrCP{ background-color: #f7c8dc; color: #FFF;}/* クリアピンク */
.outline .clrCG{ background-color: #bedfc2; color: #FFF;}/* クリアグリーン */
.outline .clrC{ border: 1px solid #333; color: #333;}/* 透明 */
.outline .clrCxB{ border: 1px solid #014D8B; color: #014D8B;}/* 透明×ブルー */
.outline .clrU{ background: #B3C770; color: #FFF;}/* うぐいす */
.outline .clrEG{ background-color: #2a8063; color: #FFF;}/* エコグリーン */
.outline .clrEGY{ background-color: #457982; color: #FFF;}/* エコグレー */
.outline .clrEB{ background-color: #3a68a6; color: #FFF;}/* エコブルー */

.outline .br66{ border-bottom: 1px solid #014D8B; }
.outline .brB{ border-bottom: 1px solid #0599d9; }/* ブルー */
.outline .brGY{ border-bottom: 1px solid #9fa0a0; }/* グレー */
.outline .brY{ border-bottom: 1px solid #fdd23c; }/* イエロー */
.outline .brG{ border-bottom: 1px solid #009944; }/* グリーン */
.outline .brGLG{ border-bottom: 1px solid #009944; }/* GLグリーン */
.outline .brOR{ border-bottom: 1px solid #f08336; }/* オレンジ */
.outline .brOD{ border-bottom: 1px solid #233e27; }/* ODカラー */
.outline .brCR{ border-bottom: 1px solid #fff3c2; color: #333;}/* クリーム */
.outline .brIV{ border-bottom: 1px solid #F2E6A5; }/* アイボリー */
.outline .brN{ border-bottom: 1px solid #CCC; }/* ナチュラル */
.outline .brBE{ border-bottom: 1px solid #f4e7d1; }/* ベージュ */
.outline .brLG{ border-bottom: 1px solid #66BD6C; }/* ライトグリーン */
.outline .brWH{ border-bottom: 1px solid #333; color: #333; }/* ホワイト */
.outline .brR{ border-bottom: 1px solid #e60012; }/* レッド */
.outline .brBK{ border-bottom: 1px solid #231815; }/* ブラック */
.outline .brCB{ border-bottom: 1px solid #b9e3f9; }/* クリアブルー */
.outline .brCP{ border-bottom: 1px solid #f7c8dc; }/* クリアピンク */
.outline .brCG{ border-bottom: 1px solid #bedfc2; }/* クリアグリーン */
.outline .clrC{ border-bottom: 1px solid #333; color: #333;}/* 透明 */
.outline .brCxB{ border-bottom: 1px solid #014D8B; }/* 透明×ブルー */
.outline .brEG{ border-bottom: 1px solid #2a8063;}/* エコグリーン */
.outline .brEGY{ border-bottom: 1px solid #457982;}/* エコグレー */
.outline .brEB{ border-bottom: 1px solid #3a68a6;}/* エコブルー */

@media print{
	body {background: none; }
	#categoryList {display: none;}
	#footer {display: none;}
	#header {display: none;}
	.contact_area {display: none;}
  .detail .printbtn_area {display: none;}
	#detail {padding: 0 !important;}
	.print_logo {display: block;}
}
@page{
    zoom:90%;
}