@charset "UTF-8";

/* --- 色から探す --- */
ul.colorful {
	display: inline-table;
	margin: 0 5px;
	list-style: none;
}

ul.colorful li {
float: left;
margin: 0px;
padding: 0 6px 6px 0;
}

.colorful a {
	padding:2px 11px;
	background:url(https://moonitem.com/sneakers/images/icon/moonicon.png) no-repeat top left;
}
a.white { background-position: 0 0; width: 22px; height: 22px; }
a.black { background-position: 0 -32px; width: 22px; height: 22px; } 
a.gray { background-position: 0 -64px; width: 22px; height: 22px; } 
a.brown { background-position: 0 -96px; width: 22px; height: 22px; } 
a.beige { background-position: 0 -128px; width: 22px; height: 22px; } 
a.green { background-position: 0 -160px; width: 22px; height: 22px; } 
a.blue { background-position: 0 -192px; width: 22px; height: 22px; } 
a.purple { background-position: 0 -224px; width: 22px; height: 22px; } 
a.yellow { background-position: 0 -256px; width: 22px; height: 22px; } 
a.red { background-position: 0 -288px; width: 22px; height: 22px; } 
a.pink { background-position: 0 -320px; width: 22px; height: 22px; } 
a.orange { background-position: 0 -352px; width: 22px; height: 22px; } 
a.gold { background-position: 0 -384px; width: 22px; height: 22px; } 
a.silver { background-position: 0 -416px; width: 22px; height: 22px; } 
a.colorful { background-position: 0 -448px; width: 22px; height: 22px; } 
a.tricolore { background-position: 0 -480px; width: 22px; height: 22px; } 
a.monotone { background-position: 0 -512px; width: 22px; height: 22px; }