@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2010-7-24
 * Editor:    contents
 * Modified:  2011-03-07 by:contents tokunaga
 *
 * ***********************************************************
 */


/* font-size===========================================

10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217% 

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

/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

  商品一覧　item.css

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */


/* ///////////////////////////////////////////////////////////////////
	OEMへのリンク
/////////////////////////////////////////////////////////////////// */

#oemHead{
	background:url(../item/cmn_img/oem_box_head.gif) no-repeat;
	height:20px;
	width:799px;
	margin:20px auto 0px auto;
	border:0px solid #000000;
	padding:0px 0px 0px 0px;
}

	#oemHead hr{
		display:none;
	}

#oemBox{
	background:url(../item/cmn_img/oem_box_bg.gif) no-repeat bottom;
	padding:0px 12px 18px 25px;
	width:762px;
	margin:0 auto;
}

	#oemBox .leftBox{
		float:left;
		width:500px;
	}
	
	#oem #oemBox .leftBox{
		width:460px;
	}
	
		#oemBox .leftBox dd{
			padding:10px 0px 0px 16px;
		}
		
		#oem #oemBox .leftBox p{
			padding:10px 0px 0px 0px;
		}
	
	#oemBox #btn01{
		width:220px;
		float:right;
		padding:18px 0px 0px 0px;
	}
	
		#oem #oemBox #btn01{
			width:276px;
			padding:0px 0px 0px 0px;
		}
		
		#oem #oemBox #btn01 ul li{
			float:left;
			padding:0px 0px 0px 8px;
			width:130px;
			font-size:83.4%;
			line-height:120%;
		}
		
			#oem #oemBox #btn01 ul li img{
				padding:0px 0px 3px 0px;
			}
	
		#oemBox #btn01 a:hover{
			opacity:0.7;
			filter: alpha(opacity=70);
		}
	



/* ///////////////////////////////////////////////////////////////////
	商品一覧ページ：カテゴリリスト
/////////////////////////////////////////////////////////////////// */

.categoryBox01{
	border:1px solid #000000;
	padding:12px 20px 12px 20px;
	margin:0px 0px 12px 0px;
	min-height:150px;
	height:auto !important;
	height:150px;
}

.categoryBox01 .imgBox01{
	width:180px;
	float:left;
	border:0px solid #000000;
}

.categoryBox01 dl{
	width:560px;
	float:right;
	border:0px solid #000000;
}

#cateWig{
	background:url(../item/img/category_image01.jpg) no-repeat 12px 12px;
}

#cateMake{
	background:url(../item/img/category_image02.jpg) no-repeat 12px 12px;
}

#cateOem{
	background:url(../item/img/category_image03.jpg) no-repeat 12px 12px;
}
	
		.categoryBox01 dt{
			padding:10px 0px 10px 0px;
		}
		
		.categoryBox01 dd{
			padding:0px 0px 0px 3px;
		}
		
		.categoryBox01 dd ul{
			padding:10px 0px 0px 8px;
		}
	
			.categoryBox01 dd ul li{
				float:left;
				padding:0px 30px 5px 0px;
			}
			
				.categoryBox01 dd ul li a{
					background:url(../cmn_img/icon01.gif) no-repeat 0px 5px;
					padding:0px 0px 0px 12px;
				}

/* ///////////////////////////////////////////////////////////////////
	WIG：ページタイトル
/////////////////////////////////////////////////////////////////// */

#titleBox{
	position:relative;
}

	#titleBox .mainCopy01{
		position:absolute;
		top:120px;
		left:42px;
	}

/* ///////////////////////////////////////////////////////////////////
	WIG：ページリスト
/////////////////////////////////////////////////////////////////// */

#wigList01{
	background:url(../item/wig/img/list_bg01.gif) no-repeat;
	margin-bottom:16px;
}

	#wigList01 li{
		float:left;
	}
	
		#wigList01 li a:hover{
			opacity:0.7;
			filter: alpha(opacity=70);
		}

/* ///////////////////////////////////////////////////////////////////
	WIG：box
/////////////////////////////////////////////////////////////////// */

.wigBox01{
	border:1px solid #000000;
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	clear:both;
}

	.wigBox01 .leftBox{
		width:580px;
		float:left;
	}
	
		.wigBox01 .leftBox h2{
			background:#666666;
			color:#FFFFFF;
			padding:8px 10px 8px 10px;
			font-size:116.7%;
		}
		
		.wigBox01 .leftBox .ex01{
			font-weight:bold;
			font-size:116.7%;
			width:565px;
			margin:0 auto;
			background:url(../item/wig/img/line02.gif) repeat-x bottom;
			padding:0px 0px 8px 5px;
		}
		
		.wigBox01 .leftBox .data01{
			background:url(../item/wig/img/line02.gif) repeat-x bottom;
			padding:10px 0px 10px 5px;
			width:565px;
			margin:0 auto;
		}
			
			.wigBox01 .leftBox .data01 li{
				float:left;
				padding-right:20px;
			}
			
				.wigBox01 .leftBox .data01 li span{
					font-weight:bold;
					background:url(../item/wig/img/icon01.gif) no-repeat 0px 5px;
					padding:0px 0px 0px 10px;
				}
				
				.wigBox01 .leftBox .data01 li strong.must01{
					color:#CC0000;
				}
		
		.wigBox01 .leftBox .text01{
			padding:10px 10px 10px 10px;
		}
		
		.wigBox01 .leftBox .imageSum01{
			background:#eeeeee;
			width:554px;
			margin:0 auto;
			padding:8px 8px 8px 8px;
		}
		
			.wigBox01 .leftBox .imageSum01 dt{
				width:110px;
				float:left;
				padding:20px 0px 0px 5px;
			}
			
			.wigBox01 .leftBox .imageSum01 dd{
				width:420px;
				float:right;
				background:url(../item/wig/img/line01.gif) repeat-y left top;
				padding:3px 0px 3px 10px;
			}
			
				.wigBox01 .leftBox .imageSum01 dd ul li{
					display:inline;
				}
		
		
	.wigBox01 .rightImage{
		width:180px;
		float:right;
	}

/* ///////////////////////////////////////////////////////////////////
	WIG：ページの先頭へ
/////////////////////////////////////////////////////////////////// */

.pagetop02{
	text-align:right;
	width:780px;
	margin:0px auto 20px auto;
}

/* ///////////////////////////////////////////////////////////////////
	OEM：box
/////////////////////////////////////////////////////////////////// */

.oemBox01{
	border:1px solid #000000;
	padding:15px 0px 15px 20px;
	margin:0px 0px 14px 0px;
	clear:both;
}

	.oemBox01 .leftBox{
		width:460px;
		float:left;
	}
	
		.oemBox01 .leftBox h2{
			padding:10px 0px 0px 0px;
		}
		
		.oemBox01 .leftBox p{
			padding:0px 0px 10px 0px;
		}
		
	.oemBox01 .rightImage{
		width:276px;
		float:right;
	}
	
		.oemBox01 .rightImage ul li{
			float:left;
			padding-left:8px;
		}
		
		.oemBox01 .rightImage p{
			text-align:right;
			padding:5px 0px 0px 0px;
		}


/* 2014.12.08
--------------------------------------------------*/
.catalogAllDl {
	text-align: center;
	margin-bottom: 20px;
}

.wigBox01.attention .leftBox h2 {
	background: #B20000;
}

.wigBox01 h2 > span {
	color: #262626;
	font-size: 93%;
	background: #FFFFFF;
	display: inline;
	margin-left: 1.5em;
	padding: 0 1em;
	border-radius: 3px;
}

.btnDl {
	display: block;
	margin-top: 10px;
}

.btnDl img {
	margin-bottom: 5px;
}

.btnDl + p {
	text-align: center;
}

.wigBox01 .leftBox .imageSum01.point {
	background: #FAE5E5;
	width: 557px;
	margin-left: 10px;
	padding-left: 0;
}

.wigBox01 .leftBox .imageSum01.point dt{
	width: auto;
	float: none;
	padding:20px 0px 0px 5px;
	position: relative;
	height: 80px;
}

.wigBox01 .leftBox .imageSum01.point dt > ul {
	position: absolute;
	left: -5px;
	top: 5px;
	height: 30px;
}

.wigBox01 .leftBox .imageSum01.point dt ul li {
	margin-bottom: 0.5em;
}

.wigBox01 .leftBox .imageSum01.point dt ul li img {
	vertical-align: top;
	margin-right: 1em;
}

.wigBox01 .leftBox .imageSum01.point dt ul li > span {
	display: inline-block;
*display: inline;  
*zoom: 1;  
	width: 460px;
}

.wigBox01 .leftBox .imageSum01.point dd {
	background: none;
	width: auto;
	float: none;
	padding:3px 0px 3px 10px;
}

.wigBox01 .leftBox .imageSum01.point dd > p {
	border-bottom: dotted 1px #111111;
	width: 420px;
	margin: 0 auto 10px;
}

.wigBox01 .leftBox .imageSum01.point dd > p img {
	display: block;
	margin: 0 auto 5px;
}
.wigBox01 .leftBox .imageSum01.point dd .gallery {
	width: 420px;
	margin: 0 auto;
}

.fileSize {
	text-align: left;
	display: inline;
	background: url(../cmn_img/pdficon_small.png) no-repeat left center;
	padding-left: 15px;
}

#oemBox {
	margin-bottom: 20px !important;
}


.mB10 {
	margin-bottom: 10px !important;
}

/*
*display: inline;  
*zoom: 1;  
*/