#Grid li.mix {
    display:none;
    opacity:0;
}

#Grid {
	width:100%;
	background-color: #3A4252;
	padding: 20px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin: 5;
	text-align: left;
}

#Grid li {
	width:140px;
	height:140px;
	text-align:left;
	line-height: 1.5em;
	color:#FFF;
	margin-bottom:10px;
	font-size: 11px;
	margin-right: 8px;
	margin-left: 8px;
}

#Grid li  img{
	margin-bottom:5px;
}

#Grid li.pink {
    background:#ffc0cb;
}

#Grid li.blue {
   background:#b0c4de; 
}

#Grid li.green {
    background:#90ee90; 
}

#Grid li.yellow {
    background:#f0e68c; 
}

#fliterList {
	text-align:center;
	padding-bottom: 3px;
	height: 25px;
}
#fliterList02 {
	text-align:center;
	height: 25px;
}
#fliterList03 {
	text-align:center;
	margin-right: 5px;
	float: left;
}

#fliterList li {
	cursor:pointer;
	display: inline-block;
}
#fliterList02 li {
	cursor:pointer;
	display: inline-block;
}
#fliterList03 li {
	cursor:pointer;
}
#Listbox {
	float: left;
	margin: 0px;
	padding: 0px;
}

#fliterList li.all {
    color:#666;
}
#main #mixitupbox {
	background-color: #DFE5EA;
	margin-bottom: 20px;
	padding: 5px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
#fliterList03 li.all {
	color:#666;
	height: 55px;
	width: 80px;
	margin-bottom: 5px;
}

#fliterList li.pink {
	color:#F66;
}
#fliterList02 li.pink02 {
	color:#936;
}

#fliterList li.blue {
	color:#39C;
}
#fliterList02 li.blue02 {
	color:#099;
}

#fliterList li.green {
	color:#690;
}
#fliterList02 li.green02 {
	color:#3C0;
}

#fliterList li.yellow {
	color:#FC0;
}
#fliterList02 li.yellow02 {
	color:#CC0;
}
#fliterList03 li.bunnkazai {
	color:#900;
	height: 25px;
	width: 80px;
}

#sortList {
    margin-top:10px;
    height:50px;
    margin:0 auto;
    text-align:center;
}

#sortList li {
    display:inline-block;
    padding:5px;
    font-family:georgia;
    font-style:italic;
    cursor:pointer;
    text-decolation:underline;
    color:#aaa;
}
#mixitupbox .attention {
}