@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 {
  padding-top:22px;
  width: 100%;
  background: #a2c900 url(/image/contents/member/yellowgreen/bg_002.gif) no-repeat bottom center;
}
#content {
  padding-bottom: 50px;
}
#content a {
  color: #5f9000;
}
#content a:hover {
  color:#7fc100;
}

/* ------------------------------
  memHdr
------------------------------ */
#memHdr-wrap1 {
  width: 100%;
  background: #a2c900 url(/image/contents/member/yellowgreen/bg01.gif) repeat-x;
}
#memHdr-wrap2 {
  width: 100%;
  background: url(/image/contents/member/yellowgreen/bg_001.gif) no-repeat top center;
}
#memHdr {
  width: 960px;
  height: 162px;
  position: relative;
}

#moconaHello {
  width: 277px;
  height: 118px;
  background: url(/image/contents/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(/image/contents/member/yellowgreen/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(/image/contents/member/yellowgreen/hdr_nav1_01.gif);
}
#hdrNav1 li#hdrNav1-2 a {
  width: 102px;
  height: 20px;
  background-image: url(/image/contents/member/yellowgreen/hdr_nav1_02.gif);
}
#hdrNav1 li#hdrNav1-3 a {
  width: 103px;
  height: 20px;
  background-image: url(/image/contents/member/yellowgreen/hdr_nav1_03.gif);
}
#hdrNav1 li#hdrNav1-logout a {
  width: 128px;
  height: 27px;
  background-image: url(/image/contents/member/yellowgreen/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(/image/contents/member/yellowgreen/hdr_nav2_01.gif);}
#hdrNav2 li#hdrNav2-2 a {background-image: url(/image/contents/member/yellowgreen/hdr_nav2_02.gif);}
#hdrNav2 li#hdrNav2-3 a {background-image: url(/image/contents/member/yellowgreen/hdr_nav2_03.gif);}
#hdrNav2 li#hdrNav2-4 a {background-image: url(/image/contents/member/yellowgreen/hdr_nav2_04.gif);}
#hdrNav2 li#hdrNav2-5 a {background-image: url(/image/contents/member/yellowgreen/hdr_nav2_05.gif);}
#hdrNav2 li#hdrNav2-6 a {background-image: url(/image/contents/member/yellowgreen/hdr_nav2_06.gif);}

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

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

#hdrNav3 li {
  width: 75px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
#hdrNav3 li a {
  width: 75px;
  height: 45px;
  background: url(/image/contents/member/yellowgreen/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(/image/contents/member/yellowgreen/bg02.gif) repeat-x;
}
#everybodyAva-title {
  width: 960px;
  margin-bottom: 6px;
}
#everybodyAva h3 {
  width: 246px;
  height: 35px;
  background: url(/image/contents/member/yellowgreen/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(/image/contents/member/yellowgreen/arrow01.gif) no-repeat left center;
  margin-top: 10px;
  float: right;
}
#everybodyAva p a {
  color: #fff000;
  text-decoration: none;
}
#everybodyAva p a:hover {
  color: #ffff99;
}

/* ------------------------------
  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(/image/contents/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(/image/contents/member/nomal/bg03.gif) repeat-x;
  margin-bottom: 25px;
}
#memFtr p {
  width: 960px;
  height: 27px;
  background: url(/image/contents/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(/image/contents/member/yellowgreen/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: #769800;
  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: #769800;
  padding: 5px 10px;
}
#user-link li {
  font-size: 12px;
  background: url(/image/contents/member/yellowgreen/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: #fff000;
}
#user-link li a:hover {
  color: #FFFFFF;
}

/* ------------------------------
  フローチE
------------------------------ */
.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;
}

/* ------------------------------
  login
------------------------------ */
/*
#login {
  width: 239px;
  font-size: 12px;
  background: url(/image/contents/member/login_bg_center.gif) repeat-y;
  margin-bottom: 6px;
}

#login-top {
  width: 239px;
  height: 73px;
  font-size: 1px;
  line-height: 1px;
  background: url(/image/contents/member/login_bg_top.gif) repeat-y left top;
}
#login-btm {
  width: 239px;
  height: 15px;
  font-size: 1px;
  line-height: 1px;
  background: url(/image/contents/member/login_bg_btm.gif) repeat-y left bottom;
}

#login-center {
  width: 202px;
  padding-left: 19px;
  padding-bottom: 10px;
}

#login h3 {
  width: 239px;
  height: 43px;
  background: url(/image/contents/member/login_h3.gif) no-repeat 24px 9px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

#login p.error {
  text-align: center;
  color: #e21d1d;
  margin-bottom: 10px;
}
#login p.error img {
  vertical-align: text-bottom;
}

#login p.forget {
  text-align: center;
  font-size: 10px;
  margin-bottom: 5px;
}
* html #login p.forget {
  font-size: 9px;
}
#login p.forget a {
  color: #ff004b;
  text-decoration: none;
}
#login p.forget a:hover {
  color: #fd84a8;
}
#login p.forget img {
  vertical-align: text-bottom;
}

#login .input {
  padding: 3px;
  background-color: #FFFFFF;
  border: 1px solid #c3c3c3;
}
#login input.error {
  background-color: #ffe3e3;
}
#login .w120 {
  width: 120px;
}
#login .w145 {
  width: 145px;
}
#login .w202 {
  width: 202px;
}

#login table {
  margin-bottom: 12px;
}
#login td.title {
  font-weight: bold;
}
#login .btm5 {
  margin-bottom: 5px;
}
#login .auto {
  color: #606060;
}
*/