@charset "utf-8";
#AddShelfBtn,
#SpAddShelfBtn {
	position: relative;
	width: auto;
	padding: 0;
    background-color: rgb(153, 153, 153);
	background-position: 3px 40%;
	background-size: 16px 16px;
}
#AddShelfBtn.add,
#SpAddShelfBtn.add {
	background-image: url(../../../jscatalogview-3.0/img/_custom/ico_shelf.png);
	background-position: 7px 40%;
}
#AddShelfBtn.del,
#SpAddShelfBtn.del {
	background-image: url(../../../jscatalogview-3.0/img/_custom/ico_shelf_delete.png);
	background-position: 7px 40%;
}
#DownloadAll{
	background-image: url(../../../jscatalogview-3.0/img/_custom/ico_dl.png);
	background-position: 7px 40%;
	background-size: 18px 18px;
}
#SpRelationCatalogTab {
	background-image: url(../../../jscatalogview-3.0/img/btn_ico_spcatalog.png);
	background-size: 18px 18px;
	background-position: 7px 40%;
}
#RelationCatalogTabList .image {
	position: relative;
    padding-bottom: 8px;
}
#RelationCatalogTabList .image img {
	margin: auto;
	display: block;
    cursor: pointer;
    border: 1px solid #aaa
}
#RelationCatalogTabList .pict img {
	display: inline-block;
    cursor: default;
    border: 1px solid #aaa;
    margin: 2px 5px;
}
#RelationCatalogTabList .text {
	width: 180px;
	margin: auto;
	text-decoration: none;
	cursor: pointer;
}
#RelationCatalogTabList ul.scrollArea{
	top :0px;
}
@media screen and (max-width: 767px), screen and (max-height: 431px){
	#AddShelfBtn,
	#MenuList #RelationCatalogTab{
		display: none !important;
	}
	#RelationCatalogTabList ul.scrollArea{
		top :60px;
	}
}
.spScroll li:not(#SpLogoBtn),
#Footer .btnList.tool li {
	background-color: #666 !important;
}