@charset "UTF-8";
/* ==============================
  css-member-login
=================================
demoMain-title
---------------------------------
mannequin
============================== */

/* ------------------------------
  demoMain-title
------------------------------ */
#demoMain-title {
	width: 695px;
	height: 175px;
	background: url(/shared/img/member/demo/demo_main_title_bg.jpg) no-repeat bottom center;
	padding-top: 5px;
	margin-bottom: 20px;
}

#demoMain-title .titleAria {
	width: 645px;
	padding: 22px 25px 0 25px;
}
/* clearfix */
.titleAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.titleAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .titleAria {
	height: 1%;
}
.titleAria {
	display: block;
}
/* End hide from IE-mac */

#demoMain-title h2 {
	width: 197px;
	height: 20px;
	background: url(/shared/img/member/demo/h2_avatar_demo.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}

#demoMain-title p {
	width: 186px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: right;
}
#demoMain-title p a {
	width: 186px;
	height: 23px;
	background: url(/shared/img/member/demo/btn_member_top.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#demoMain-title p a:hover {
	background-position: 0 -23px;
}

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

#mannequin h3#h3-mannequin-confirm {
	width: 645px;
	height: 23px;
	background: url(/shared/img/member/demo/h3_mannequin_confirm.gif) no-repeat bottom center;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#create {
	width: 645px;
	height: 40px;
	background-color: #eeeeee;
	margin-bottom: 20px;
}
#create p {
	width: 358px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 4px;
	padding-left: 143px;
}
#create p a {
	width: 358px;
	height: 38px;
	background: url(/shared/img/member/demo/btn_create.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}

#note {
	width: 630px;
	padding-left: 15px;
	margin-bottom: 20px;
}
#note p {
	background: url(/shared/img/member/demo/note.gif) no-repeat left center;
	padding-left: 30px;
}

#btnAria {
	width: 489px;
	padding-left: 78px;
	padding-bottom: 10px;
}
/* clearfix */
#btnAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#btnAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #btnAria {
	height: 1%;
}
#btnAria {
	display: block;
}
/* End hide from IE-mac */

#btnAria p#btnBeginner {
	width: 236px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#btnAria p#btnBeginner a {
	width: 236px;
	height: 66px;
	background: url(/shared/img/member/demo/btn_beginner.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}

#btnAria p#btnWhat-avatar {
	width: 236px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 5px;
	float: right;
}
#btnAria p#btnWhat-avatar a {
	width: 236px;
	height: 61px;
	background: url(/shared/img/member/demo/btn_what_avatar.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}


#mannequin h3#h3-mannequin-end {
	width: 645px;
	height: 23px;
	background: url(/shared/img/member/demo/h3_mannequin_end.gif) no-repeat bottom center;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#mannequin p#txt-mannequin-end {
	width: 645px;
	height: 16px;
	background: url(/shared/img/member/demo/txt_mannequin_end.gif) no-repeat center;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#mannequin p#mannequin-sample {
	width: 645px;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 26px;
}

#mannequin #chara {
	width: 377px;
	height: 59px;
	background: url(/shared/img/member/demo/chara_bg.gif) no-repeat;
	margin-left: 134px;
	margin-bottom: 10px;
}
#mannequin #chara p {
	font-size: 12px;
	padding-left: 190px;
	padding-top: 20px;
}
#mannequin #chara p a {
	color: #ff0000;
}
#mannequin #chara p a:hover {
	color: #ff9999;
}