@charset "UTF-8";
/* ==============================
  css-side-avatar
=================================
ava-mobile-comment
---------------------------------
mobile-comment
---------------------------------
special-thisMonth
---------------------------------
nowAVA
---------------------------------
sideList
============================== */

.side-center {
  width: 238px;
  background: url(/image/contents/member/side/side_center_bg.gif) repeat-y;
}
.side-btm {
  width: 238px;
  height: 21px;
  background: url(/image/contents/member/side/side_btm_bg.gif) no-repeat;
}

/* ------------------------------
  avaItem-mobile-comment
------------------------------ */
#ava-mobile-comment {
  width: 240px;
  margin-bottom: 15px;
}
#ava-mobile-comment p {
  width: 185px;
  font-size: 11px;
  line-height: 1.6;
  background: url(/image/contents/member/side/note_big.gif) no-repeat left center;
  padding-left: 45px;
}

/* ------------------------------
  mobile-comment
------------------------------ */
#mobile-comment {
  width: 238px;
  margin-bottom: 15px;
}
#mobile-comment-top {
  width: 238px;
  height: 15px;
  background: url(/image/contents/member/side/mobile_note_top.png) no-repeat;
}
* html #mobile-comment-top {
  behavior: expression(IEPNGFIX.fix(this));
}
#mobile-comment-btm {
  width: 238px;
  height: 15px;
  background: url(/image/contents/member/side/mobile_note_btm.png) no-repeat;
}
* html #mobile-comment-btm {
  behavior: expression(IEPNGFIX.fix(this));
}
#mobile-comment-center {
  width: 238px;
  background: url(/image/contents/member/side/mobile_note_center.png) repeat-y;
}
* html #mobile-comment-center {
  behavior: expression(IEPNGFIX.fix(this));
}

#mobile-comment p {
  width: 155px;
  background: url(/image/contents/member/side/mobile_note_center2.gif) no-repeat;
  color: #4b4b4b;
  font-size: 11px;
  line-height: 1.4;
  padding: 0 15px 0 68px;
}
#mobile-comment p span {
  color: #ff0042;
  text-decoration: underline;

/* ------------------------------
  special-thisMonth
------------------------------ */
#special-thisMonth {
  width: 238px;
  margin-bottom: 15px;
}

#special-thisMonth h4#thisMonth {
  width: 238px;
  height: 43px;
  background: url(/image/contents/member/side/h4_month_special.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

#special-thisMonth p.bnr-center {
  text-align: center;
  margin-bottom: 12px;
}

#special-thisMonth h4#individualShop {
  width: 238px;
  height: 14px;
  background: url(/image/contents/member/side/h4_individual_shop.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 15px;
}
#special-thisMonth #individualShop-inr {
  width: 198px;
  padding: 0 20px 10px 20px;
}
#special-thisMonth #individualShop-inr ul {
  width: 198px;
}
#special-thisMonth #individualShop-inr li {
  width: 185px;
  background: url(/image/contents/member/side/individual_shop_bg.gif) no-repeat 0 4px;
  font-size: 11px;
  line-height: 1.7;
  padding-left: 13px;
}
#special-thisMonth #individualShop-inr li a {
  color: #595959;
  text-decoration: none;
}
#special-thisMonth #individualShop-inr li a:hover {
  color: #ff0866;
  text-decoration: underline;
}

#special-thisMonth #individualShop-inr li img.new {
  padding-left: 3px;
  vertical-align: middle;
}

#special-thisMonth h4#h4-shop-free {
  width: 228px;
  height: 15px;
  background: url(/image/contents/member/side/h4_shop_free.gif) no-repeat top center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 5px;
  margin-left: 5px;
}
#special-thisMonth h4#h4-shop-osusume {
  width: 228px;
  height: 15px;
  background: url(/image/contents/member/side/h4_shop_osusume.gif) no-repeat top center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 5px;
  margin-left: 5px;
}
#special-thisMonth h4#h4-shop-etc {
  width: 228px;
  height: 15px;
  background: url(/image/contents/member/side/h4_shop_etc.gif) no-repeat top center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 10px;
  margin-left: 5px;
}

#special-thisMonth p.bnr {
  text-align: center;
  margin-bottom: 15px;
}

/* ------------------------------
  nowAVA
------------------------------ */
#nowAVA {
  width: 238px;
  margin-bottom: 15px;
}

#nowAVA-top {
  width: 238px;
  height: 52px;
  background: url(/image/contents/member/side/now_ava_top_bg.gif) no-repeat;
}
#nowAVA-top h4 {
  width: 79px;
  height: 13px;
  background: url(/image/contents/member/side/h4_now_ava.gif) no-repeat right bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-top: 22px;
  padding-left: 16px;
  float: left;
}
#nowAVA-top p {
  font-size: 11px;
  background: url(/image/contents/member/side/p_now_ava_bg.gif) no-repeat left center;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  float: right;
}

#nowAVA-inr {
  width: 232px;
  padding: 0 3px;
}

p#characterNAME {
  width: 202px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background-color: #000000;
  padding: 5px 15px;
}
p#nowPT {
  width: 202px;
  font-size: 12px;
  text-align: center;
  background-color: #f9ffd0;
  padding: 5px 15px;
}
p#nowPT span {
  color: #ff4800;
  font-weight: bold;
}
p#nowPT img {
  vertical-align: baseline;
}
#nowAVA-img {
  width: 122px;
  padding: 15px 55px;
}
#nowAVA-img p {
  width: 120px;
  height: 190px;
  border: 1px solid #d4d4d4;
}
#nowAVA p#totalPT {
  width: 202px;
  font-size: 14px;
  text-align: center;
  background-color: #e9ff8f;
  padding: 5px 15px;
}
#nowAVA p#totalPT span {
  color: #ff4800;
  font-weight: bold;
}

#nowAVA h4#nawItemList {
  width: 232px;
  height: 28px;
  background-image: url(/image/contents/member/side/btn_now_item_list.gif);
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

#nowAVA p#btn-goRegi,
#nowAVA p#btn-this-puton,
#nowAVA p#btn-goCloset,
#nowAVA p#btn-goAvaland,
#nowAVA p#btn-goGacha {
  width: 232px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

#nowAVA p#btn-goRegi a,
#nowAVA p#btn-this-puton a,
#nowAVA p#btn-goCloset a,
#nowAVA p#btn-goAvaland a,
#nowAVA p#btn-goGacha a {
  width: 232px;
  background-repeat: no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#nowAVA p#btn-goRegi a {
  height: 40px;
  background-image: url(/image/contents/member/side/btn_go_regi.gif);
}
#nowAVA p#btn-this-puton a {
  height: 40px;
  background-image: url(/image/contents/member/avatarland/btn_this_put_on.gif);
}
#nowAVA p#btn-goCloset a {
  height: 28px;
  background-image: url(/image/contents/member/side/btn_go_closet.gif);
}
#nowAVA p#btn-goAvaland a {
  height: 28px;
  background-image: url(/image/contents/member/avatarland/btn_go_avatarland.gif);
}
#nowAVA p#btn-goGacha a {
  height: 28px;
  background-image: url(/image/contents/member/avatarland/btn_go_gacha.gif);
}

#nowAVA p#btn-goRegi a:hover,
#nowAVA p#btn-this-puton a:hover {
  background-position: 0 -40px;
}
#nowAVA p#btn-goCloset a:hover,
#nowAVA p#btn-goAvaland a:hover,
#nowAVA p#btn-goGacha a:hover {
  background-position: 0 -28px;
}

#tryWrap {
  width: 226px;
  padding-left: 3px;
}
.try {
  width: 226px;
  background: url(/image/contents/member/side/try_line.gif) no-repeat bottom center;
  padding: 6px 0;
}
/* clearfix */
.try:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.try {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .try {
  height: 1%;
}
.try {
  display: block;
}
/* End hide from IE-mac */

.try p.imgTry {
  width: 32px;
  height: 42px;
  background: url(/image/contents/member/side/item_list_img_bg.gif) no-repeat;
  padding-right: 10px;
  float: left;
}

.try p.txtTry {
  width: 126px;
  line-height: 1.5;
  float: left;
}
.try p.txtTry span {
  color: #ff0101;
  font-weight: bold;
  font-size: 12px;
}
.try p.txtTry img {
  padding-right: 2px;
  vertical-align: middle;
}

.try p.btnTry {
  width: 48px;
  padding-top: 25px;
  float: right;
}

/* ------------------------------
  sideList
------------------------------ */
.sideList-top {
  width: 238px;
  height: 15px;
  background: url(../member/img/side/side_list_top.png) no-repeat;
  font-size: 1px;
  line-height: 1px;
}
* html .sideList-top {
  behavior: expression(IEPNGFIX.fix(this));
}

.sideList-btm {
  width: 238px;
  height: 15px;
  background: url(../member/img/side/side_list_btm.png) no-repeat;
  font-size: 1px;
  line-height: 1px;
}
* html .sideList-btm {
  behavior: expression(IEPNGFIX.fix(this));
}

.sideList-center {
  width: 238px;
  background: url(../member/img/side/side_list_center.png) repeat-y;
  padding-top: 5px;
  padding-bottom: 5px;
}
* html .sideList-center {
  behavior: expression(IEPNGFIX.fix(this));
}