@charset "UTF-8";
/* ==============================
  css-goodsList
=================================
goodsList
---------------------------------
rankList
============================== */

/* ------------------------------
  goodsList
------------------------------ */
ul.goodsList {
}
/* clearfix */
ul.goodsList:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul.goodsList {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html ul.goodsList {
	height: 1%;
}
ul.goodsList {
	display: block;
}
/* End hide from IE-mac */

ul.goodsList li {
	width: 105px;
	background: url(/image/contents/member/event_circle/goods_bg.gif) no-repeat;
	float: left;
	padding-right: 3px;
	position: relative;
}
ul.goodsList li.none {
	padding-right: 0;
}
ul.goodsList li.noData {
	background: url(/image/contents/member/event_circle/goods_no_data_bg.gif) no-repeat;
}

ul.goodsList li .ph {
	width: 105px;
	height: 129px;
	padding-bottom: 1px;
}
ul.goodsList li .ph td {
	width: 105px;
	height: 129px;
}

ul.goodsList li .tag {
	width: 105px;
	height: 17px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
ul.goodsList li .machiuke {
	background-image: url(/image/contents/member/event_circle/tag_machiuke.gif);
}
ul.goodsList li .deco {
	background-image: url(/image/contents/member/event_circle/tag_color_deco.gif);
}
ul.goodsList li .item-goods {
	background-image: url(/image/contents/member/event_circle/tag_goods.gif);
}
ul.goodsList li .chara {
	background-image: url(/image/contents/member/event_circle/tag_chara.gif);
}
ul.goodsList li .avatar-item {
	background-image: url(/image/contents/member/event_circle/tag_ava_item.gif);
}
ul.goodsList li .term {
	background-image: url(/image/contents/member/event_circle/tag_term.gif);
}
ul.goodsList li .decome-temp {
	background-image: url(/image/contents/member/event_circle/tag_decome_temp.gif);
}
ul.goodsList li .flash-machiuke {
	background-image: url(/image/contents/member/event_circle/tag_flash_machiuke.gif);
}
ul.goodsList li .decome-para {
	background-image: url(/image/contents/member/event_circle/tag_decome_para.gif);
}
ul.goodsList li .decome-icon {
	background-image: url(/image/contents/member/event_circle/tag_decome_icon.gif);
}
ul.goodsList li .decome-emoji {
	background-image: url(/image/contents/member/event_circle/tag_decome_emoji.gif);
}
ul.goodsList li .custom {
	background-image: url(/image/contents/member/event_circle/tag_custom.gif);
}



ul.goodsList li .cap {
	width: 105px;
	height: 43px;
	text-align: center;
}
ul.goodsList li .cap .new {
	padding-top: 5px;
}

ul.goodsList li .hover {
	width: 105px;
	height: 129px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}
ul.goodsList li .hover a {
	width: 105px;
	height: 129px;
	background: url(/image/contents/member/event_circle/gds_list_hover.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
ul.goodsList li .hover a:hover {
	background-position: 0 -129px;
}


/* ------------------------------
  rankList
------------------------------ */
ul.rankList {
	padding-bottom: 30px;
}
/* clearfix */
ul.rankList:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul.rankList {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html ul.rankList {
	height: 1%;
}
ul.rankList {
	display: block;
}
/* End hide from IE-mac */

ul.rankList li {
	width: 105px;
	background: url(/image/contents/member/event_circle/goods_bg.gif) no-repeat 0 20px;
	float: left;
	padding-right: 3px;
	position: relative;
}
ul.rankList li.none {
	padding-right: 0;
}
ul.rankList li.noData {
	background: url(/image/contents/member/event_circle/goods_no_data_bg.gif) no-repeat 0 20px;
}

ul.rankList li .ph {
	width: 105px;
	height: 129px;
	padding-bottom: 1px;
}
ul.rankList li .ph td {
	width: 105px;
	height: 129px;
}

ul.rankList li .tag {
	width: 105px;
	height: 17px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
ul.rankList li .machiuke {
	background-image: url(/image/contents/member/event_circle/tag_machiuke.gif);
}
ul.rankList li .deco {
	background-image: url(/image/contents/member/event_circle/tag_color_deco.gif);
}
ul.rankList li .item-goods {
	background-image: url(/image/contents/member/event_circle/tag_goods.gif);
}
ul.rankList li .chara {
	background-image: url(/image/contents/member/event_circle/tag_chara.gif);
}
ul.rankList li .avatar-item {
	background-image: url(/image/contents/member/event_circle/tag_ava_item.gif);
}
ul.rankList li .term {
	background-image: url(/image/contents/member/event_circle/tag_term.gif);
}

ul.rankList li .hover {
	width: 105px;
	height: 129px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	position: absolute;
	top: 20px;
	left: 0;
}
ul.rankList li .hover a {
	width: 105px;
	height: 129px;
	background: url(/image/contents/member/event_circle/gds_list_hover.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
ul.rankList li .hover a:hover {
	background-position: 0 -129px;
}

ul.rankList li .rank {
	width: 105px;
	height: 20px;
	text-align: center;
	font-size: 12px;
}

ul.rankList li .rank1-6 {color: #ff003c;}
ul.rankList li .rank7-12 {color: #a200ff;}
ul.rankList li .rank13-18 {color: #0084ff;}
ul.rankList li .rank19-24 {color: #31ae00;}
ul.rankList li .rank25-30 {color: #f18e00;}