@charset "UTF-8";
/* ==============================
  css-side-avatar
=================================
avaItem-mobile-comment
---------------------------------
mobile-comment
---------------------------------
special-thisMonth
---------------------------------
nowAVA
---------------------------------
qrAria-2
---------------------------------
sideList
---------------------------------
beginner
============================== */

.side-center {
	width: 238px;
	background: url(/shared/img/member/side/side_center_bg.gif) repeat-y;
}
.side-btm {
	width: 238px;
	height: 21px;
	background: url(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/member/side/mobile_note_btm.png) no-repeat;
}
* html #mobile-comment-btm {
	behavior: expression(IEPNGFIX.fix(this));
}
#mobile-comment-center {
	width: 238px;
	background: url(/shared/img/member/side/mobile_note_center.png) repeat-y;
}
* html #mobile-comment-center {
	behavior: expression(IEPNGFIX.fix(this));
}

#mobile-comment p {
	width: 155px;
	background: url(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/member/side/now_ava_top_bg.gif) no-repeat;
}
#nowAVA-top h4 {
	width: 79px;
	height: 13px;
	background: url(/shared/img/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(/shared/img/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(/shared/img/member/side/btn_now_item_list.gif);
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#nowAVA p#btn-goRegi,
#nowAVA p#btn-enddemo a,
#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-enddemo 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(/shared/img/member/side/btn_go_regi.gif);
}
#nowAVA p#btn-enddemo a {
	height: 40px;
	background-image: url(/shared/img/member/side/btn_end_demo.gif);
}
#nowAVA p#btn-this-puton a {
	height: 40px;
	background-image: url(/shared/img/member/avatarland/btn_this_put_on.gif);
}
#nowAVA p#btn-goCloset a {
	height: 28px;
	background-image: url(/shared/img/member/side/btn_go_closet.gif);
}
#nowAVA p#btn-goAvaland a {
	height: 28px;
	background-image: url(/shared/img/member/avatarland/btn_go_avatarland.gif);
}
#nowAVA p#btn-goGacha a {
	height: 28px;
	background-image: url(/shared/img/member/avatarland/btn_go_gacha.gif);
}

#nowAVA p#btn-goRegi a:hover,
#nowAVA p#btn-enddemo 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(/shared/img/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(/shared/img/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(/shared/img/member/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(/shared/img/member/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(/shared/img/member/side/side_list_center.png) repeat-y;
	padding-top: 5px;
	padding-bottom: 5px;
}
* html .sideList-center {
	behavior: expression(IEPNGFIX.fix(this));
}

/* ------------------------------
  qrAria-2
------------------------------ */
#qrAria-2 {
	width: 240px;
	background: url(../img/member/qr_aria_center.gif) repeat-y;
}

#qrAria-2 h3 {
	width: 240px;
	height: 65px;
	background: url(../img/member/qr_aria_top.gif) no-repeat left top;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#qrAria-btm-2 {
	width: 240px;
	height: 11px;
	background: url(../img/member/qr_aria_btm.gif) no-repeat left bottom;
	font-size: 1px;
	line-height: 1px;
}

#qrAria-center-2 {
	width: 240px;
	padding-top: 25px;
	padding-bottom: 8px;
}
#qrAria-center-2 #qr-code-2 {
	text-align: center;
	margin-bottom: 32px;
}
#qrAria-center-2 #qr-carrier-2 {
	text-align: center;
	margin-bottom: 29px;
}

#qrAria-center-2 .btn-mail-2 {
	width: 209px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 16px;
	margin-bottom: 4px;
}
#qrAria-center-2 .btn-mail-2 a {
	width: 209px;
	height: 29px;
	background: url(../img/member/btn_mail.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#qrAria-center-2 .btn-mail-2 a:hover {
	background-position: 0 -29px;
}

#qrAria-center-2 .btn-detail-2 {
	width: 209px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 16px;
}
#qrAria-center-2 .btn-detail-2 a {
	width: 209px;
	height: 29px;
	background: url(../img/member/btn_detail.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#qrAria-center-2 .btn-detail-2 a:hover {
	background-position: 0 -29px;
}

/* ------------------------------
  beginner
------------------------------ */
#beginner {
	width: 236px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 2px;
	margin-bottom: 20px;
}
#beginner a {
	width: 236px;
	height: 67px;
	background: url(/shared/img/member/side/side_beginner.png) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
* html #beginner a {
	behavior: expression(IEPNGFIX.fix(this));
}