@charset "utf-8";

/**
 * user.css
 */



/**
 * -------------------------------------------------------
 * content
 * -------------------------------------------------------
 */
#content {
}



/**
 * -------------------------------------------------------
 * content nav
 * -------------------------------------------------------
 */
#content ul.nav li {
	width: 64px;
	height: 48px;
	text-indent: 100%;
	white-space: nowrap;
}
#content ul.nav li a {
	width: 64px;
	height: 48px;
}

#content ul.nav li.nav01 {
	width: 65px;
	background: url(../../img/user/nav01.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav02 {
	width: 64px;
	background: url(../../img/user/nav02.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav03 {
	width: 64px;
	background: url(../../img/user/nav03.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav04 {
	width: 64px;
	background: url(../../img/user/nav04.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav05 {
	width: 63px;
	background: url(../../img/user/nav05.png) no-repeat;
	background-size: cover;
}

#content ul.nav li.nav01-on {
	width: 65px;
	background: url(../../img/user/nav01_on.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav02-on {
	width: 64px;
	background: url(../../img/user/nav02_on.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav03-on {
	width: 64px;
	background: url(../../img/user/nav03_on.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav04-on {
	width: 64px;
	background: url(../../img/user/nav04_on.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav05-on {
	width: 63px;
	background: url(../../img/user/nav05_on.png) no-repeat;
	background-size: cover;
}



/**
 * -------------------------------------------------------
 * content article
 * -------------------------------------------------------
 */
#content .article {
	/*padding: 0 7px;*/
}



/**
 * -------------------------------------------------------
 * handle
 * -------------------------------------------------------
 */
.handle {
	margin: 2px 0px 2px 0px;
	text-align: center;
	position: relative;
	height: 34px;
	line-height: 34px;
}
/*
.handle-lv1 {
}
*/
.handle-lv1 {
	background: url(../../img/user/username_lv2.png) no-repeat;
	background-size: cover;
}
.handle-lv2 {
	background: url(../../img/user/username_lv3.png) no-repeat;
	background-size: cover;
}
.handle-lv3 {
	background: url(../../img/user/username_lv4.png) no-repeat;
	background-size: cover;
}
.handle-lv4 {
	background: url(../../img/user/username_lv5.png) no-repeat;
	background-size: cover;
}
.handle > .user-level {
	position: absolute;
	top: 0px;
	right: 5px;
}

/*
.status-box {
	background: #fff;
	border: 1px solid #f19ec2;
	border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px -1px #999999;
	-moz-box-shadow: 2px 2px 1px -1px #999999;
	box-shadow: 2px 2px 1px -1px #999999;

	width: 152px;
	height: 40px;
	padding: 12px 8px 8px 8px;
}
*/