@charset "UTF-8";
/* ==============================
  css-member-common
=================================
content-wrap
---------------------------------
memHdr
---------------------------------
hdrNav1
---------------------------------
hdrNav2
---------------------------------
hdrNav3
---------------------------------
mainL
---------------------------------
sideR
---------------------------------
everybodyAva
---------------------------------
avatarList
---------------------------------
memFtr
---------------------------------
number
---------------------------------
user
============================== */

#wrap-top {
	width: 100%;
}

/* ------------------------------
  content-wrap
------------------------------ */
#content-wrap {
	width: 100%;
	
}
#content {
	padding-bottom: 50px;
}

/* ------------------------------
  memHdr
------------------------------ */
#memHdr-wrap1 {
	width: 100%;
	background: url(/shared/img/member/nomal/bg01.gif) repeat-x;
}
#memHdr-wrap2 {
	width: 100%;
}
#memHdr {
	width: 960px;
	height: 162px;
	position: relative;
}

#moconaHello {
	width: 277px;
	height: 118px;
	background: url(/shared/img/member/nomal/bg04.png) no-repeat;
	position: absolute;
	top: 0;
	left: -41px;
}
* html #moconaHello {
	behavior: expression(IEPNGFIX.fix(this));
}
#moconaHello p {
	width: 178px;
	font-size: 12px;
	line-height: 1.3;
	color: #ff344d;
	text-align: center;
	padding-top: 11px;
	padding-left: 98px;
}

#memHdr p#headTxt {
	width: 187px;
	height: 12px;
	background: url(/shared/img/member/nomal/head_txt.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	position: absolute;
	top: 20px;
	left: 315px;
}

/* ------------------------------
  hdrNav1
------------------------------ */
#hdrNav1 {
	width: 444px;
	height: 27px;
	position: absolute;
	top: 15px;
	right: 0;
}

#hdrNav1 li {
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#hdrNav1 li#hdrNav1-1 {
	width: 94px;
	height: 20px;
	padding-top: 1px;
	padding-right: 5px;
}
#hdrNav1 li#hdrNav1-2 {
	width: 102px;
	height: 20px;
	padding-top: 1px;
	padding-right: 5px;
}
#hdrNav1 li#hdrNav1-3 {
	width: 103px;
	height: 20px;
	padding-top: 1px;
	padding-right: 6px;
}
#hdrNav1 li#hdrNav1-4 {
	width: 128px;
	height: 27px;
}
#hdrNav1 li a {
	text-decoration: none;
	display: block;
	outline: none;
	background-repeat: no-repeat;
}
#hdrNav1 li#hdrNav1-1 a {
	width: 94px;
	height: 20px;
	background-image: url(/shared/img/member/nomal/hdr_nav1_01.gif);
}
#hdrNav1 li#hdrNav1-2 a {
	width: 102px;
	height: 20px;
	background-image: url(/shared/img/member/nomal/hdr_nav1_02.gif);
}
#hdrNav1 li#hdrNav1-3 a {
	width: 103px;
	height: 20px;
	background-image: url(/shared/img/member/nomal/hdr_nav1_03.gif);
}
#hdrNav1 li#hdrNav1-logout a {
	width: 128px;
	height: 27px;
	background-image: url(/shared/img/member/nomal/hdr_nav1_logout.gif);
}
#hdrNav1 li#hdrNav1-1 a:hover,
#hdrNav1 li#hdrNav1-2 a:hover,
#hdrNav1 li#hdrNav1-3 a:hover {
	background-position: 0 -20px;
}
#hdrNav1 li#hdrNav1-logout a:hover {
	background-position: 0 -27px;
}


/* ------------------------------
  hdrNav2
------------------------------ */
#hdrNav2 {
	width: 771px;
	height: 60px;
	position: absolute;
	top: 56px;
	right: 0;
}

#hdrNav2 li {
	width: 126px;
	height: 60px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 2px;
	float: left;
}
#hdrNav2 li a {
	width: 126px;
	height: 60px;
	text-decoration: none;
	display: block;
	outline: none;
	background-repeat: no-repeat;
}
#hdrNav2 li#hdrNav2-1 a {background-image: url(/shared/img/member/nomal/hdr_nav2_01.gif);}
#hdrNav2 li#hdrNav2-2 a {background-image: url(/shared/img/member/nomal/hdr_nav2_02.gif);}
#hdrNav2 li#hdrNav2-3 a {background-image: url(/shared/img/member/nomal/hdr_nav2_03.gif);}
#hdrNav2 li#hdrNav2-4 a {background-image: url(/shared/img/member/nomal/hdr_nav2_04.gif);}
#hdrNav2 li#hdrNav2-5 a {background-image: url(/shared/img/member/nomal/hdr_nav2_05.gif);}
#hdrNav2 li#hdrNav2-6 a {background-image: url(/shared/img/member/nomal/hdr_nav2_06.gif);}

#mcb #hdrNav2 li#hdrNav2-1 a,
#avatarland #hdrNav2 li#hdrNav2-2 a,
#circle #hdrNav2 li#hdrNav2-3 a,
#encyclopedia #hdrNav2 li#hdrNav2-4 a,
#officialtest #hdrNav2 li#hdrNav2-5 a,
＃graffiti #hdrNav2 li#hdrNav2-6 a,
#hdrNav2 li a:hover {
	background-position: 0 -60px;
}

/* ------------------------------
  hdrNav3
------------------------------ */
#hdrNav3 {
	width: 75px;
	height: 45px;
	position: absolute;
	top: 71px;
	left: 113px;
}

#hdrNav3 li {
	width: 75px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
#hdrNav3 li a {
	width: 75px;
	height: 45px;
	background: url(/shared/img/member/nomal/hdr_nav3_top.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#hdrNav3 li a:hover {
	background-position: 0 -45px;
}

/* ------------------------------
  mainL
------------------------------ */
#mainL {
	width: 695px;
	float: left;
}

/* ------------------------------
  sideR
------------------------------ */
#sideR {
	width: 240px;
	float: right;
}

/* ------------------------------
  everybodyAva
------------------------------ */
#everybodyAva {
	width: 100%;
	background: url(/shared/img/member/nomal/bg02.gif) repeat-x;
}
#everybodyAva-title {
	width: 960px;
	margin-bottom: 6px;
}
#everybodyAva h3 {
	width: 246px;
	height: 35px;
	background: url(/shared/img/member/nomal/h3_ava_all.gif) no-repeat top right;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#everybodyAva p {
	font-size: 12px;
	padding-left: 10px;
	background: url(/shared/img/member/nomal/arrow01.gif) no-repeat left center;
	margin-top: 10px;
	float: right;
}
#everybodyAva p a {
	color: #FFFFFF;
	text-decoration: none;
}
#everybodyAva p a:hover {
	color: #999999;
}

/* ------------------------------
  avatarList
------------------------------ */
#everybodyAva ul.avatarList {
	width: 960px;
	margin-bottom: 30px;
}
#topIntroduce ul.avatarList,
#introduce ul.avatarList,
#topJoin-mem ul.avatarList,
#join-mem ul.avatarList {
	width: 645px;
	margin-bottom: 20px;
}

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

ul.avatarList li {
	width: 120px;
	position: relative;
	float: left;
}
#topIntroduce ul.avatarList li,
#introduce ul.avatarList li,
#topJoin-mem ul.avatarList li,
#join-mem ul.avatarList li {
	padding-right: 11px;
}
#topIntroduce ul.avatarList li.last,
#introduce ul.avatarList li.last,
#topJoin-mem ul.avatarList li.last,
#join-mem ul.avatarList li.last {
	padding-right: 0;
}

ul.avatarList li span.avaImg {
	width: 120px;
	height: 190px;
	text-align: center;
	display: block;
}
ul.avatarList li span.hover {
	width: 120px;
	height: 190px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
ul.avatarList li span.memName {
	width: 120px;
	font-size: 12px;
	text-align: center;
	display: block;
	padding-top: 10px;
}

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

ul.avatarList li a span.memName {
	text-decoration: underline;
}
ul.avatarList li a:hover span.memName {
	text-decoration: none;
}

ul.avatarList li span.btn-vote {
	width: 120px;
	text-align: center;
	display: block;
	padding-top: 10px;
}

ul.avatarList li span.memInfo {
	width: 120px;
	color: #8a8a8a;
	font-size: 10px;
	text-align: center;
	display: block;
	padding-top: 3px;
}
* html ul.avatarList li span.memInfo {
	font-size: 9px;
}

#allAvatar ul.avatarList {
	margin-bottom: 20px;
}
#allAvatar ul.avatarList li {
	padding-right: 11px;
}
#allAvatar ul.avatarList li.last {
	padding-right: 0;
}

/* ------------------------------
  memFtr
------------------------------ */
#memFtr {
	width: 100%;
	height: 27px;
	background: url(/shared/img/member/nomal/bg03.gif) repeat-x;
	margin-bottom: 25px;
}
#memFtr p {
	width: 960px;
	height: 27px;
	background: url(/shared/img/member/nomal/copyright.gif) no-repeat 0 12px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

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

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

#number li {
	width: 29px;
	height: 29px;
	font-size: 12px;
	padding-left: 5px;
	float: left;
}

#number li a {
	width: 29px;
	height: 29px;
	text-decoration: none;
	display: block;
	outline: none;
	background: url(/shared/img/member/nomal/nav_number.gif) no-repeat;
}

#number li a:hover {
	background-position: 0 -29px;
}
#number li.current a {
	background-position: 0 -58px;
}
#number li.current a:hover {
	background-position: 0 -58px;
}

#number li a span {
	display: block;
	text-align: center;
	color: #FFFFFF;
	padding-top: 7px;
}

/* ------------------------------
  user
------------------------------ */
#user {
	width: 695px;
	margin-bottom: 20px;
}

#user-inr {
	width: 671px;
	padding-left: 12px;
}

#user-info {
	width: 651px;
	background-color: #e9ffd0;
	padding: 5px 10px;
}
#user-info p {
	text-align: center;
}
#user-info p .grn {
	color: #008c28;
}
#user-info p .name {
	font-size: 14px;
	font-weight: bold;
}
#user-info p .red {
	color: #ff0101;
	font-weight: bold;
}
#user-info p img {
	vertical-align: baseline;
	padding-left: 2px;
	padding-right: 2px;
}

#user-link {
	width: 651px;
	background-color: #000000;
	padding: 5px 10px;
}
#user-link li {
	font-size: 12px;
	background: url(/shared/img/member/nomal/arrow01.gif) no-repeat left center;
	padding-left: 11px;
	padding-right: 30px;
	float: left;
}
#user-link ul.left-move li {
	padding-right: 10px;
}

#user-link li a {
	color: #FFFFFF;
}
#user-link li a:hover {
	color: #cccccc;
}

/* ------------------------------
  フロート
------------------------------ */
.floatWrap {
	width: 645px;
}
/* clearfix */
.floatWrap:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.floatWrap {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .floatWrap {
	height: 1%;
}
.floatWrap {
	display: block;
}
/* End hide from IE-mac */

.floatL {
	width: 320px;
	float: left;
}

.floatR {
	width: 320px;
	float: right;
}

.floatR p.count {
	color: #545454;
	font-size: 12px;
	text-align: right;
}
.floatR p.count img {
	vertical-align: baseline;
}

.floatL-2 {
	width: 260px;
	float: left;
}

.floatR-2 {
	width: 380px;
	float: right;
}

.floatR-2 p.count {
	color: #545454;
	font-size: 12px;
	text-align: right;
}
.floatR-2 p.count img {
	vertical-align: baseline;
}

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

.floatL-s {
	width: 93px;
	float: left;
}

.floatR-s {
	width: 195px;
	float: right;
}

.floatR-s p.count {
	color: #545454;
	font-size: 12px;
	text-align: right;
}
.floatR-s p.count img {
	vertical-align: baseline;
}