@charset "utf-8";

body { background: #000 url(http://shared.starpl.com/images/home/join/join2/space_bg_01.jpg) no-repeat center top; }
h1 { display: block; width: 900px; margin: auto; padding-top: 20px; }
.joinPrev, .joinNext { width: 104px; height: 33px; background: url(http://shared.starpl.com/images2/star/btn_nextstep.gif) no-repeat; color: #f0f1ff; font-weight: bold; font-size: 14px; text-decoration: none; text-align: center; vertical-align: middle; cursor: pointer; }
.joinPrev { background-image: url(http://shared.starpl.com/images2/star/btn_receive_cancel.gif); color: #bcbec0; }
.joinPrev:hover, .joinNext:hover { text-decoration: none; }

.joinInfo { width: 594px; margin: auto; color: #6171d4; }
.joinInfo h2 { height: 46px; background: url(http://shared.starpl.com/images2/star/title_join_basic.gif) no-repeat; text-indent: -7777px; }
.joinInfo dl { width: 590px; padding: 28px 0 20px 0; border: solid #4c5da1; border-width: 0 2px; background-color: #040508; overflow: hidden; }
.joinInfo .info1 { padding-top: 35px; border-bottom: 1px solid #383b61; background: #040508 url(http://shared.starpl.com/images2/star/bg_join_basic.gif) no-repeat; }
	.joinInfo dt { float: left; width: 140px; padding-top: 6px; color: #6171d4; font-weight: bold; font-size: 14px; text-align: right; }
	.joinInfo dd { float: left; width: 430px; padding: 0 0 9px 18px; }
	.joinInfo .notice { padding-left: 158px; }
	.joinInfo .info1 .notice { margin-top: -3px; padding-left: 148px; }
		.joinInfo dd input, .joinInfo select, .joinInfo img { vertical-align: middle; }
		.joinInfo .inputText { width: 125px; height: 25px; padding: 5px 0 0 5px; border-color: #040508; background-color: #2d3359; color: #8898ff; font-weight: bold; font-size: 15px; }
		.joinInfo .inputFocus { border-color: #8080ff; }
		.joinInfo .info1 .inputText { width: 170px; }
		.joinInfo dd span { padding-left: 5px; color: #ff6d38; font-size: 11px; }
		.joinInfo dd span span { padding-left: 0; color: #6171d4; }
		.joinInfo dd img { margin-left: 5px; cursor: pointer; }
	.joinInfo .email { font-size: 16px; }
	.joinInfo .txt { padding-top: 5px; }
	.joinInfo label { padding: 0 15px 0 5px; }
.joinInfo .joinInfoSubmit { position: relative; width: 594px; padding-top: 32px; background: url(http://shared.starpl.com/images2/star/img_join_bottom.gif) no-repeat; text-align: center; }
.joinInfo .joinInfoSubmit p { padding-bottom: 40px; font-size: 11px; }
	.joinInfoSubmit .tos a { color: #a9b3f2; }
	.joinInfoSubmit .joinPrev, .joinInfoSubmit input { margin: 0 3px 0 4px; }
	.joinInfoSubmit .joinPrev { display: inline-block; height: 25px; padding-top: 8px; }
	.joinInfoSubmit input { border: 0; }
.joinInfo .illust { position: absolute; top: -186px; right: -100px; }
.joinInvite { width: 594px; margin: 70px auto 0; }
.joinInvite h2 { height: 46px; background: url(http://shared.starpl.com/images2/star/title_join_findstar.gif) no-repeat; text-indent: -7777px; }
.joinInvite ul { width: 566px; padding: 43px 12px; border: solid #4c5da1; border-width: 0 2px; background: #040508 url(http://shared.starpl.com/images2/star/bg_join_basic.gif) no-repeat; overflow: hidden; }
	.joinInvite li { float: left; width: 282px; border-right: 2px solid #414658; padding: 10px 0 8px 0; text-align: center; }
	.joinInvite .friend { border: 0; }
	.joinInvite li a { color: #b6bedb; font-weight: bold; font-size: 18px; text-decoration: none; }
	.joinInvite li img { display: block; margin: auto; padding-bottom: 16px; }
	.joinInvite li em { color: #e3e3a1; font-style: normal; }
	.joinInvite li span { display: block; width: 61px; height: 27px; margin: 10px auto 0 auto; background: url(http://shared.starpl.com/images2/star/btn_go_over.gif) no-repeat 0 -30px; line-height: 25px; }
	.joinInvite li a:hover span { background-position: 0 2px; }
.joinInvite p { padding: 43px 0; background: url(http://shared.starpl.com/images2/star/img_join_bottom.gif) no-repeat; text-align: center; }
	.joinInvite p a { display: inline-block; width: 104px; height: 33px; line-height: 33px; }
.joinSearch { position: relative; width: 596px; height: 426px; margin: auto; }
.joinSearch p { position: absolute; top: 174px; left: 0; width: 596px; color: #b6b3db; font-weight: bold; font-size: 18px; text-align: center; z-index: 10; }
.joinSearch .complete { top: 0; height: 224px; padding-top: 202px; background: url(http://shared.starpl.com/images2/star/bg_find_star.jpg) no-repeat; }
	.joinSearch em { color: #e3e3a1; font-style: normal; }
	.joinSearch b { color: #5c74ed; }
	.joinSearch a { display: block; height: 25px; padding-top: 8px; margin: 20px auto; }

.joinQuestion { margin-top: 70px; }
.joinQuestion .findStar { 
	position: relative; 
	width: 644px; height: 404px; margin: auto; padding: 56px 0 70px; 
	background: url(http://shared.starpl.com/images2/star/bg_question_common.gif) no-repeat;
	text-align: center; 
}
	.joinQuestion .findStar h2 { padding-bottom: 18px; color: #c9c9c9; font-weight: bold; font-size: 22px; }
	.joinQuestion .findStar h2 span { color: #5c74ed; }
.joinQuestion .joinStart { 
	width: 644px; height: 412px; padding-top: 48px;
	background: url(http://shared.starpl.com/images2/star/bg_question_start.jpg) no-repeat;
}
	.joinQuestion .joinStart p { height: 304px; }
	.joinQuestion .joinStart .desc { visibility: hidden; }
	.joinQuestion .joinStart #birthdayView { padding-right: 3px; color: #fff; font-weight: bold; font-size: 16px; }
	.joinQuestion .joinStart #birthdayView span { color: #fcfc95; }
	.joinQuestion .joinStart img { vertical-align: middle; }
.joinQuestion .findStar ul { padding: 15px 0 0 15px; color: #c9c9c9; font-size: 15px; text-align: center; }
	.joinQuestion .findStar li { display: inline; }
	.joinQuestion .findStar li label { padding-right: 15px; cursor: pointer; }
	.joinQuestion .join2 ul { padding-left: 36px; }
	.joinQuestion .join2 li label { padding-right: 36px; }
	.joinQuestion .join3 ul { padding-left: 18px; }
	.joinQuestion .join3 li label { padding-right: 18px; }
.joinQuestion .joinSubmit { padding-top: 26px; }
	.joinQuestion .joinSubmit a { display: inline-block; height: 25px; padding-top: 8px; }
.joinQuestion .joinFinal { height: 392px; padding-top: 68px; }
.joinQuestion .joinFinal h2 { padding: 0; }
.joinQuestion .joinFinal p { padding: 7px 0 10px 0; color: #b2b2b2; font-size: 15px; line-height: 1.4; }
	.joinQuestion .joinFinal .you { display: block; padding-bottom: 10px; color: #dede9d; font-weight: bold; font-size: 19px; }
	.joinQuestion .joinFinal em { display: block; padding: 12px 0 10px 0; color: #ccc; font-style: normal; font-weight: bold; font-size: 16px; }
	.joinQuestion .joinFinal em span { color: #637dff; }
.joinQuestion .joinFinal img { cursor: pointer; }