/*-- 

	distributor
	/pro/distributor

====================================================== --*/
#Distributor .catch{
	margin-top:30px;
}
#Distributor .contents > section h2{
	font-size:138.5%;
}
/*-- 代理店の皆さまへトップ --*/
/*-- ------------------------------------------------- --*/
#Distributor .distorybutorIndex{
	clear:both;
}
#Distributor .distorybutorIndex > img{
	float:left;
	margin:0px 0px 50px;
}
#Distributor .distorybutorIndex dl{
	float:right;
	width:790px;
	margin:0px 0px 50px;
}
#Distributor .distorybutorIndex dl dt{
	font-size:131%;
	margin:0px 0px 10px;
	line-height:1.6em;
}
#Distributor .distorybutorIndex dl dd p {
	margin:0px 0px 10px;
}
#Distributor .distorybutorIndex dl dd nav{
	text-align:right;
}

/*-- 代理店の皆さまへ ログイン --*/
/*-- ------------------------------------------------- --*/
#Distributor .login{
	width:602px;
	height:195px;
	background:url(../../images/distributor/login.gif) no-repeat left top;
	margin:30px auto 50px;
	padding:30px 0px 0px;
	text-align:center;
}
#Distributor .Attention {
	margin:30px 0 -20px;
	color:#dc3022;
	text-align:center;
	font-size: 15px;
	font-weight:bold;
}

#Distributor .login input[type=text],
#Distributor .login input[type=password]{
	width:480px;
	padding:5px 10px;
	font-size:13px;
	display:block;
	height:25px;
	margin:0px auto 15px;
	border:1px solid #DCDCDC;
	background:#F0F0F0;
}
#Distributor .login input[type=image]{
	display:block;
	margin:30px auto 0px;
}



#Distributor .ask{
	text-align:center;
	background:url(../img/bg_shadow.gif) no-repeat left bottom #F0F0F0;
	padding:30px 10px;
	clear:both;
	margin:0px 0px 50px;
}
#Distributor .ask p{
	letter-spacing:0px;
}




/*-- 業務用アウトレット・滞留品・処分品 --*/
/*-- ------------------------------------------------- --*/
#Distributor .product{
	clear:both;
	border:1px solid #DCDCDC;
	padding:30px;
	margin:0px 0px 30px;
}
#Distributor .product > img{
	float:left;
}
#Distributor .product dl{
	float:right;
	width:740px;
}
#Distributor .product dl dt{
	font-size:131%;
	margin:0px 0px 10px;
	line-height:1.6em;
}
#Distributor .product dl dd p {
	margin:0px 0px 10px;
}
#Distributor .product dl dd nav{
	text-align:right;
}

#Distributor .productList > li{
	position:relative;
	width:980px;
	margin:0px 0px 30px;
	padding-bottom:30px;
	border-bottom:1px dashed #ccc;
}
#Distributor .productList > li:last-child{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:50px;
}
#Distributor .productList li div{
	position:absolute;
	width:160px;
	height:120px;
	left:0px;
	top:0px;
	background:#f0f0f0;
}
#Distributor .productList li div a,
#Distributor .productList li div span{
	display:table-cell;
	vertical-align:middle;
	width:160px;
	height:120px;
	text-align:center;
}
#Distributor .productList li div img{
	max-width:160px;
	max-height:120px;
}
#Distributor .productList li ul{
	margin:0px 0px 0px 190px;
	font-size:0px;
}
#Distributor .productList li li{
	display:inline-block;
	margin:0px 10px 10px 0px;
	font-size:11px;
	color:white;
	padding:2px 10px;
	line-height:17px;
	background:#E9192B;
}
#Distributor .productList li li a{
	color:white;
	text-decoration:none;
}
#Distributor .productList li li a:hover{
	text-decoration:underline;
}
#Distributor .productList li dl{
	margin:0px 0px 20px 190px;
	min-height:90px;
}
#Distributor .productList li dl dt{
	font-size:138.5%;
	line-height:1.6em;
	margin:0px 0px 10px;
}
#Distributor .productList li dl dd{
}

#Distributor .productList li table{
	width:980px;
	border-collapse:collapse;
}
#Distributor .productList li table th,
#Distributor .productList li table td{
	text-align:center;
	font-size:93%;
	line-height:1.6em;
	vertical-align:middle;
	padding:10px;
	border:1px solid #dcdcdc;
}
#Distributor .productList li table th{
	background:#f0f0f0;
	width:16%;
}
#Distributor .productList li table td:last-child{
	font-weight:bold;
	color:#EB3445;
	font-size:1em;
}



/*-- 製品詳細 --*/
/*-- ------------------------------------------------- --*/
#Distributor .productDetail .images{
	float:left;
	width:400px;
	margin-bottom:40px;
}
#Distributor .productDetail .images > div{
	width:400px;
	height:400px;
	position:relative;
	margin:0px 0px 20px;
	background:#f0f0f0;
}
#Distributor .productDetail .images > div div{
	width:400px;
	height:400px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#Distributor .productDetail .images div .img img{
	max-width:400px;
	max-height:400px;
}
#Distributor .productDetail .images div .zoomImg{
	position:absolute;
	left:25px;
	top:25px;
	z-index:100;
	width:350px;
	display:none;
	height:350px;
	overflow:hidden;
	background:white;
}
#Distributor .productDetail .images div .zoomImg img{
	position:absolute;
	left:0px;
	top:0px;
	
}

#Distributor .productDetail .images div .zoomWrap{
	position:absolute;
	left:25px;
	top:25px;
	z-index:150;
	display:none;
}
#Distributor .productDetail .images div .zoomIcon{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:10;
}
#Distributor .productDetail .images ul{
	padding:0px 0px 0px 11px;
	border-bottom:1px solid #dcdcdc;
}
#Distributor .productDetail .images ul li{
	float:left;
	margin:0px 12px 10px 0px;
}
#Distributor .productDetail .images ul li img{
	width:66px;
	height:66px;
}
#Distributor .productDetail .images ul li:nth-of-type(5n){
	margin-right:11px;
}
#Distributor .productDetail .images ul li:last-child{
	margin-bottom:20px;
}

#Distributor .productDetail .images nav{
	clear:both;
	border-top:1px solid #dcdcdc;
	padding:20px;
	text-align:center;
}

#Distributor .productDetail .images .btn{
	margin:30px 0 0;
	text-align:center;
}

#Distributor .productDetail .spec{
	float:right;
	width:540px;
	margin-bottom:40px;
}
#Distributor .productDetail h2{
	line-height:1.6em;
	letter-spacing:1px;
	font-size:161.6%;
	margin:0px 0px 20px;
	border:none;
	padding:0px;
	background:none;
}
#Distributor .productDetail .spec p:last-of-type{
	margin:0px 0px 25px;
	text-align:right;
	letter-spacing:0px;
}
#Distributor .productDetail .spec p:last-of-type strong{
	color:#E9192B;
	font-size:1.57em;
}
#Distributor .productDetail .spec p:last-of-type:first-line{
	font-size:107%;
}

#Distributor .productDetail .spec > ul{
	margin:0px 0px 0px 0px;
	font-size:0px;
}
#Distributor .productDetail .spec > ul li{
	display:inline-block;
	margin:0px 10px 15px 0px;
	font-size:11px;
	color:white;
	padding:2px 10px;
	line-height:17px;
	background:#E9192B;
}
#Distributor .productDetail .spec > ul li a{
	color:white;
	text-decoration:none;
}
#Distributor .productDetail .spec > ul li a:hover{
	text-decoration:underline;
}

#Distributor .productDetail table{
	margin:30px 0px 0px;
	width:100%;
	border-collapse:collapse;
	border:1px solid #dcdcdc;
}
#Distributor .productDetail table th{
	text-align:left;
	background:#f0f0f0;
	vertical-align:top;
	border:1px solid #dcdcdc;
	line-height:1.6em;
	padding:10px 12px;
	font-weight:normal;
}
#Distributor .productDetail table td{
	text-align:left;
	vertical-align:top;
	line-height:1.6em;
	border:1px solid #dcdcdc;
	padding:10px 12px;
}
#Distributor .productDetail .spec table th{
	width:28%;
}
#Distributor .productDetail .spec table td{
	width:72%;
}


#Distributor .supportInquiry{
	background:url(../img/bg_shadow.gif) no-repeat left bottom;
	padding:0px 0px 4px;
	margin:0px 0px 50px;
	clear:both;
}
#Distributor .supportInquiry div{
	border:20px solid #F0F0F0;
	padding:30px;
	min-height:110px;
}
#Distributor .supportInquiry div h2{
	border:none;
	background:none;
	color:#E9192C;
	padding:0px;
	font-size:131%;
	margin:0px 0px 15px;
}

#Distributor .supportInquiry div p{
	height:65px;
	border-right:1px solid #DCDCDC;
	float:left;
	margin:0px;
	width:300px;
}
#Distributor .supportInquiry div p.mail{
	margin:0px 0px 0px 30px;
	width:270px;
	font-size:123.1%;
	font-weight:bold;
	letter-spacing:0px;
}
#Distributor .supportInquiry div p.mail img:first-of-type{
	display:block;
	margin:10px 0px 10px;
}
#Distributor .supportInquiry div p.mail img:last-of-type{
	margin:0px 10px 0px 0px;
	vertical-align:-4px;
}
#Distributor .supportInquiry div p.web{
	float:right;
	border:none;
	width:240px;
	padding:10px 0px 0px;
	height:auto;
}
















