@charset "UTF-8";
/* ==============================
  css-member-avatar
=================================
Collection Avatar
---------------------------------

---------------------------------

============================== */

/* ------------------------------
  Collection Avatar
------------------------------ */
#collectAva {
	width: 695px;
	margin-bottom: 20px;
}
#collectAva h2 {
	width: 178px;
	height: 17px;
	background: url(/image/contents/member/yellowgreen/h2_collect_ava.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#avaCase-top {
	width: 606px;
	background: url(/image/contents/member/yellowgreen/ava_img_bg.gif) repeat-x bottom;
	padding-left: 41px;
	padding-right: 41px;
}
.avaCase-list {
	width: 606px;
	padding-left: 45px;
	padding-bottom: 20px;
}
.avaCase-list-last {
	width: 606px;
	padding-left: 41px;
	padding-right: 41px;
	padding-bottom: 40px;
}

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

#collectAva ul.avaCase li {
	width: 121px;
	height: 220px;
	float: left;
	position: relative;
}
#collectAva ul.avaCase li.last {
	width: 122px;
}

#collectAva ul.avaCase li span.avaImg {
	width: 120px;
	height: 190px;
	display: block;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
#collectAva ul.avaCase li.bg-none span.avaImg {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#collectAva ul.avaCase li a span.avaImg {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#collectAva ul.avaCase li span.hover {
	width: 120px;
	height: 190px;
	display: block;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 0;
}
#collectAva ul.avaCase li span.avaBtn {
	width: 120px;
	height: 30px;
	display: block;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #98bc00;
	text-align: center;
}
#collectAva ul.avaCase li.last span.avaBtn {
	border-right: 1px solid #FFFFFF;
}
#collectAva ul.avaCase li span.avaBtn span {
	display: block;
	padding-top: 8px;
}

#collectAva ul.avaCase li a {
	text-decoration: none;
	cursor: pointer;
}
#collectAva ul.avaCase li a span.hover {
	width: 120px;
	height: 190px;
	background: url(/image/contents/member/nomal/ava_case_hover.gif) no-repeat 0 0;
	display: block;
	text-decoration: none;
	outline: none;
}
#collectAva ul.avaCase li a:hover span.hover {
	background-position: 0 -190px;
}

#collectAva ul.avaCase li span.enpty {
	background: url(/image/contents/member/showcase/ava_enpty_bg.gif) no-repeat;
}
#collectAva ul.avaCase li.avaSelect span.avaBtn {
	background: #769800 url(/image/contents/member/yellowgreen/ava_select.gif) no-repeat bottom center;
}

#collectAva ul.avaCase li a span.avaBtn {
	width: 120px;
	height: 30px;
	color: #FFFFFF;
	background-color: #769800;
	display: block;
	text-decoration: none;
}
#collectAva ul.avaCase li.bg-none span.avaBtn {
	color: #c7de66;
	background-color: #769800;
}
#collectAva ul.avaCase li a:hover span.avaBtn {
	background-color: #5c7700;
}

#collectAva ul.avaCase li.getNow span.avaBtn span {
	color: #fff000;
	text-decoration: underline;
}
#collectAva ul.avaCase li.getNow  a:hover span.avaBtn span {
	color: #fff000;
	text-decoration: underline;
}


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

#collectAva ul.btnAba-self li {
	height: 34px;
	font-size: 12px;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	float: left;
}
#collectAva ul.btnAba-self li#btn1 {width: 225px;}
#collectAva ul.btnAba-self li#btn2 {
	width: 225px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#collectAva ul.btnAba-self li#btn3 {width: 236px;}

#collectAva ul.btnAba-self li span {
	display: block;
	padding-top: 10px;
}

#collectAva ul.btnAba-self li a {
	height: 34px;
	color: #FFFFFF;
	background-color: #98bc00;
	display: block;
	text-decoration: none;
}
#collectAva ul.btnAba-self li.btn1 a {width: 225px;}
#collectAva ul.btnAba-self li.btn2 a {width: 225px;}
#collectAva ul.btnAba-self li.btn3 a {width: 236px;}

#collectAva ul.btnAba-self li a:hover {
	color: #FFFFFF;
	background-color: #87a700;
}


#collectAva ul.btnAba-other {
	width: 688px;
	background-color: #a5c914;
	border-top: 1px solid #FFFFFF;
}
/* clearfix */
#collectAva ul.btnAba-other:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#collectAva ul.btnAba-other {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #collectAva ul.btnAba-other {
	height: 1%;
}
#collectAva ul.btnAba-other {
	display: block;
}
/* End hide from IE-mac */

#collectAva ul.btnAba-other li {
	width: 236px;
	height: 34px;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #FFFFFF;
	float: right;
}
#collectAva ul.btnAba-other li span {
	display: block;
	padding-top: 10px;
}

#collectAva ul.btnAba-other li a {
	width: 236px;
	height: 34px;
	color: #FFFFFF;
	background-color: #a5c914;
	display: block;
	text-decoration: none;
}
#collectAva ul.btnAba-other li a:hover {
	color: #FFFFFF;
	background-color: #87a700;
}


#collectAva .userName {
	width: 688px;
	height: 56px;
	background: url(/image/contents/member/yellowgreen/user_name_bg.gif) repeat-x;
}
#collectAva .userName p {
	text-align: center;
	padding-top: 18px;
}
#collectAva .userName p .grn {
	color: #537ccf;
}
#collectAva .userName p .name {
	font-size: 14px;
	font-weight: bold;
}
#collectAva .userName p .red {
	color: #ff0101;
	font-weight: bold;
}
#collectAva .userName p img {
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

#collectAva #kentei {
	width: 645px;
	padding: 17px 25px 10px 25px;
}
/* clearfix */
#collectAva #kentei:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#collectAva #kentei {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #collectAva #kentei {
	height: 1%;
}
#collectAva #kentei {
	display: block;
}
/* End hide from IE-mac */

#collectAva #kentei h3 {
	width: 56px;
	height: 14px;
	background: url(/image/contents/member/yellowgreen/txt_goukaku.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-top: 3px;
	padding-right: 15px;
	float: left;
}
#collectAva #kentei p {
	padding-right: 15px;
	float: left;
}
#collectAva #kentei p img {
	vertical-align: baseline;
}