|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/yuchun/ |
Upload File : |
<?
include $_SERVER['DOCUMENT_ROOT']."/conf/conf_dir.php";
require "inc_top_set.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta property="og:title" content="PARK YUCHUN JAPAN OFFICAL FANCLUB">
<meta property="og:description" content="PARK YUCHUN JAPAN OFFICAL FANCLUB">
<meta property="og:url" content="http://">
<meta name="description" content="PARK YUCHUN JAPAN OFFICAL FANCLUB">
<meta name="keywords" content="PARK YUCHUN JAPAN OFFICAL FANCLUB, YUCHUN, パクユチョン、ユチョン、JYJ,C-JeS Entertainment">
<title>PARK YUCHUN JAPAN OFFICAL FANCLUB</title>
<link rel="stylesheet" type="text/css" href="../sys_css_js/css_common.css"/>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript" ></script>
<?
/*
if(!($pcLang == "ja" || $_SERVER["REMOTE_ADDR"] == $remoteAddr)){
ALert_back("休止中です。");
}
*/
?>
</head>
<style>
.box-login { margin:0px auto; width:100%; max-width:578px; margin-bottom:20px;}
.login_tit { width:100%; text-align:center; padding:20px 0 20px 0; }
#join_area { display:block; padding:3% 5% 10% 5%; min-width:300px; max-width:500px; border-style:solid; border-width:6px; border-color:#349DF3; background-color:#F5F5F5; }
#join_area h2 { display:block; width:100%; text-align:center; font-size:4em; margin:50px 0 30px 0; }
.account_area { width:100%; min-width:300px; max-width:500px; margin-top:25px; }
.title { width:100%; min-width:300px; max-width:500px; height:26px; font-weight:700; color:#000000; /*background-color:#093;*/ }
.input_box { width:100%; min-width:300px; max-width:500px; height:3em; margin-bottom:0.5em; font-weight:700; color:#999999; text-indent:0.9em; border:1px solid #ececec; background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box; padding-top:7px;}
.input_box2 { width:100%; min-width:300px; max-width:500px; height:3em; margin-bottom:0.5em; font-weight:700; color:#999999; text-indent:0.9em; }
.input_box input { background-color:#FFF; width:70%; height:1.5em;}
.input_box_text30 { display:inline-block; width:30%; height:3em;margin-bottom:0.5em; font-weight:700;color:#067acc;text-indent:0.9em; border:1px solid #ececec; background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;}
#send_email_ok, #send_email_no { display:inline-block; }
.input_box_join { width:100%; height:35px; margin-bottom:0.5em; font-weight:700; background-color:#349DF3; color: rgb(255, 255, 255); font-size:15px; font-weight: bold; text-align: center; font-family: "Meiryo","MS PGothic","MS UI Gothic",AppleGothic,sans-serif; /*border-radius:3px;*/}
.send_email { font-size:0.9em; color:#349DF3; cursor:pointer; }
.face_ok_on { display:inline-block; font-size:0.9em; color:#349DF3; cursor:pointer; } /* 프로필 이미지*/
.face_ok_off { display:inline-block; font-size:0.9em; color:#939393; cursor:pointer; } /* 프로필 이미지*/
.file_input_div
{
display : inline-block;
position: relative; left:-4px; top:18px;
width:27%; height:34px; border:1px solid #D3D3D3; margin-bottom:0.5em; background-color:#D3D3D3; color:#000000;
overflow: hidden;
}
.file_input_button
{
position: absolute;
width:100%; height:34px; border:1px solid #D3D3D3; margin-bottom:0.5em; background-color:#D3D3D3; color:#000000;;
}
.file_input_hidden
{
font-size: 45px;
position: absolute;
right: 0px;
top: 0px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}
#newFile { width:20%; height:34px; border:1px solid #D3D3D3; margin-bottom:0.5em; background-color:#D3D3D3; color:#000000; cursor:pointer; }
#file_name { width:68%; height:34px; border:1px solid #ececec; margin-bottom:0.5em; }
#man_color1 { display:inline-block; width:30px; height:30px; background-color:#26D181; margin-right:7px; margin-bottom:0.5em;}
#man_color2 { display:inline-block; width:30px; height:30px; background-color:#22936B; margin-right:7px; margin-bottom:0.5em;}
#man_color3 { display:inline-block; width:30px; height:30px; background-color:#00B9DD; margin-right:7px; margin-bottom:0.5em;}
#man_color4 { display:inline-block; width:30px; height:30px; background-color:#009FBC; margin-right:7px; margin-bottom:0.5em;}
#man_color5 { display:inline-block; width:30px; height:30px; background-color:#00A0DC; margin-right:7px; margin-bottom:0.5em;}
#man_color6 { display:inline-block; width:30px; height:30px; background-color:#0089BC; margin-right:7px; margin-bottom:0.5em;}
#man_color7 { display:inline-block; width:30px; height:30px; background-color:#BC51EE; margin-right:7px; margin-bottom:0.5em;}
#man_color8 { display:inline-block; width:30px; height:30px; background-color:#9337D7; margin-right:7px; margin-bottom:0.5em;}
#man_color9 { display:inline-block; width:30px; height:30px; background-color:#E35D63; margin-right:7px; margin-bottom:0.5em;}
#man_color10 { display:inline-block; width:30px; height:30px; background-color:#D6252E; margin-right:7px; margin-bottom:0.5em;}
#man_color11 { display:inline-block; width:30px; height:30px; background-color:#FF3399; margin-right:7px; margin-bottom:0.5em;}
#man_color12 { display:inline-block; width:30px; height:30px; background-color:#FFCD3F; margin-bottom:0.5em;}
.man_color_on {background-image:url(../images/sub/img_man_check.png)}
.input_annotation { position:relative; top:10px; width:70%; display:block; border:1px solid #CE9E7B; background-color:#FEEBBA; font-size:0.9em; padding:2px; vertical-align:top; }
.account_content { display:block; width:100%; margin:50px 0 50px 0; /*padding: 0px 16px 43px; border-bottom-color: rgb(221, 221, 225); border-bottom-width: 1px; border-bottom-style: solid;*/ }
.account_content .input_wrap { clear: both; margin-bottom:5px; }
.input_wrap input { width:100%; height:3em; margin-bottom:0.5em; font-weight:700; color:#067acc; text-indent:0.9em; border:1px solid #ececec;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.input_wrap input.text50 {width:50%;height:3em;margin-bottom:0.5em; font-weight:700;color:#067acc;text-indent:0.9em;border:1px solid #ececec;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.input_wrap input.text49 {width:49%;height:3em;margin-bottom:0.5em; font-weight:700;color:#067acc;text-indent:0.9em;border:1px solid #ececec;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.input_wrap input.text30 {width:30%;height:3em;margin-bottom:0.5em; font-weight:700;color:#067acc;text-indent:0.9em;border:1px solid #ececec;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.footer-menu-02 {width:100%; margin:0px auto; max-width:480px; padding:20px 0 20px 0;}
.footer-menu-02 li {width:32.22%; display:inline-block; text-align:center;}
.footer-menu-02 li a {color:rgb(76,76,76); font-size:1em;}
.footer-txt-02 { width:100%; display:inline-block; }
.footer-txt-02 .copyright { width:100%; text-align:center; display:block; margin-top:10px; font-size:0.875em; color:rgb(76,76,76);}
.border_right {border-right:1px solid #D3D3D3; }
@media all and (max-width:1024px)
{
.input_wrap input.text50 {width:100%;height:3em;margin-bottom:0.5em; font-weight:700;color:#067acc;text-indent:0.9em;border:1px solid #ececec;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.input_wrap input.text49 {width:100%;height:3em;margin-bottom:0.5em; font-weight:700;color:#067acc;text-indent:0.9em;border:1px solid #ececec;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;}
}
</style>
<script>
function emailcheck(strValue)
{
var regExp = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+){1,2}$/;
//입력을 안했으면
if(strValue.lenght == 0)
{return false;}
//이메일 형식에 맞지않으면
//if (!strValue.match(regExp))
//{return false;}
return true;
}
//반각 영문으로 사용
function checkIsZenkaku(value) {
for (var i = 0; i < value.length; ++i) {
var c = value.charCodeAt(i);
// 半角カタカナは不許可
if (c < 256 || (c >= 0xff61 && c <= 0xff9f)) {
return false;
}
}
return true;
}
$(document).ready(function()
{
//EMAIL 여부 버튼 ======================================
$("#send_email_ok").click(function(){
$("#send_email_ok").css({"display":"none"});
$("#send_email_no").css({"display":"inline-block"});
$("#emailsend").val("N");
});
$("#send_email_no").click(function(){
$("#send_email_no").css({"display":"none"});
$("#send_email_ok").css({"display":"inline-block"});
$("#emailsend").val("Y");
});
//프로필 색상 ===========================================
$("#man_color1").addClass('man_color_on');
$("#man_color1, #man_color2, #man_color3, #man_color4, #man_color5, #man_color6, #man_color7, #man_color8, #man_color9, #man_color10, #man_color11, #man_color12").mouseover(function(){
if($("#profileColor").val() != $(this).attr("data-id")){
$(this).addClass('man_color_on');
}
}).mouseout(function(){
if($("#profileColor").val() != $(this).attr("data-id")){
$(this).removeClass('man_color_on');
}
}).click(function(){
$("#man_color"+ $("#profileColor").val()).removeClass('man_color_on');
$("#profileColor").val($(this).attr("data-id"));
$(this).addClass('man_color_on');
});
//프로필 이미지 공개, 비공개 =============================
$("#face_no_off").click( function()
{
$("#face_no_off").css({"display":"none"});
$("#face_no").css({"display":"inline-block"});
$("#face_ok").css({"display":"none"});
$("#face_ok_off").css({"display":"inline-block"});
$("#profileImg").val("N");
})
$("#face_ok_off").click( function()
{
$("#face_no_off").css({"display":"inline-block"});
$("#face_no").css({"display":"none"});
$("#face_ok").css({"display":"inline-block"});
$("#face_ok_off").css({"display":"none"});
$("#profileImg").val("Y");
})
//여백 클릭시 focus
$(".int_id").click( function(){ $("#user_id").focus(); })
$(".int_pw").click( function(){ $("#user_pw").focus(); })
$(".int_repw").click( function(){ $("#user_repw").focus(); })
$(".int_nick").click( function(){ $("#user_nick_name").focus(); })
$(".int_en").click( function(){ $("#en_name").focus(); })
$(".int_email").click( function(){ $("#email").focus(); })
$(".int_hanja").click( function(){ $("#hanja_name").focus(); })
$(".int_kana").click( function(){ $("#kana_name").focus(); })
$(".int_birthday").click( function(){ $("#birthday").focus(); })
$(".int_tel").click( function(){ $("#tel").focus(); })
$(".int_zip").click( function(){ $("#zip").focus(); })
$(".int_juso").click( function(){ $("#juso").focus(); })
//아이디 검사
$('#user_id').change( function(){
checkUserId();
});
function checkUserId(){
var userID = $('#user_id'), notice = $('#notice_id') ,userIDCHK = $('#idchk');
//userIDCHK.val("");
var str= userID.val();
var err = 0;
var ReturnChk;
if(userID.val() ==""){
notice.css('color','#E35D63');
notice.text("必須情報です");
userID.focus();
return false;
}
//alert(str.length);
for (var i=0; i<str.length; i++) {
var chk = str.substring(i,i+1);
if(!chk.match(/[0-9]|[a-z]/)) {
err = err + 1;
}
}
//alert(err);
if (err > 0) {
notice.css('color','#E35D63');
notice.text("アルファベット(半角小文字）・数字のみ入力可能です");
userID.focus();
return false;
}
if (checkIsZenkaku(str)) {
notice.css('color','#E35D63');
notice.text("半角小文字でご入力頂きます様お願い致します");
userID.focus();
return false;
}
if(str.length >=6){
$.ajax({
url:'./idChk.php',
type:'POST',
data:({id:userID.val()}),
dataType:'html',
async: false,
success:function(data){
if(jQuery.trim(data) == '0'){
notice.css('color','#349DF3');
notice.text("ステキなIDですね");//아이디 사용 가능
userIDCHK.val("1");
ReturnChk = true;
}else{
notice.css('color','#E35D63');
notice.text("既に使用されているID、または脱退したIDです"); //아이디를 사용할수 없다.
userIDCHK.val("");
userID.focus();
ReturnChk = false;
//return false;
}
}
});
return ReturnChk;
}else{
notice.css('color','#E35D63');
notice.text("IDは6文字以上で入力してください");
userIDCHK.val("");
userID.focus();
return false;
}
}
//password
$("#user_pw").change(function(){
checkPassword();
});
function checkPassword(){
//alert(password);
var password=$('#user_pw'), notice = $('#pw_notice') , pw_span = $('#pw_span'), pw_img = $('#pw_img');
var checkNumber = password.val().search(/[0-9]/g);
var checkEnglish = password.val().search(/[a-z]/ig);
if(password.val() == "" ){
password.focus();
notice.css('color','#E35D63');
notice.text("必須情報です");
return false;
}
if(checkNumber <0 || checkEnglish <0){
notice.css('color','#E35D63');
pw_span.text('リスク');
pw_span.css('color','#E35D63');
pw_img.attr("src","/images/sub/bg_pass4.jpg");
notice.text("8文字以上の半角英数字、特殊文字を含む");
//notice.text("숫자와 영문자를 혼용하여야 합니다");
password.focus();
return false;
}
if(/(\w)\1\1\1/.test(password.val())){
notice.css('color','#E35D63');
pw_span.text('リスク');
pw_span.css('color','#E35D63');
pw_img.attr("src","/images/sub/bg_pass4.jpg");
notice.text("8文字以上の半角英数字、特殊文字を含む");
//notice.text("같은 문자를 4번 이상 사용하실 수 없습니다");
password.focus();
return false;
}
/*
if(password.search(id) > -1){
notice.css('color','#E35D63');
pw_span.text('위험');
pw_span.css('color','#E35D63');
pw_img.attr("src","/images/sub/bg_pass4.jpg");
notice.text("비밀번호에 아이디가 포함되었습니다.");
$('#user_pw').focus();
return false;
}
*/
if(!/^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,16}$/.test(password.val())){
notice.css('color','#FF9800');
pw_span.text('通常'); //보통
pw_span.css('color','#FF9800');
pw_img.attr("src","/images/sub/bg_pass3.jpg");
notice.text("");
//notice.text("숫자+영문자+특수문자 조합으로 8자리 이상 사용해야 합니다.");
//$('#user_pw').focus();
return true;
}
notice.css('color','#369EF5');
pw_span.text('安全');
pw_span.css('color','#369EF5');
pw_img.attr("src","/images/sub/bg_pass2.jpg");
notice.text("");
return true;
}
// re password
$("#user_repw").change(function(){
checkRePassword();
})
function checkRePassword(){
var notice = $('#repw_notice');
if($('#user_repw').val() != $('#user_pw').val()){
$('#repw_img').attr("src","/images/sub/bg_pass_ck1.jpg");
notice.css('color','#E35D63');
notice.text("パスワードが一致しません");
$('#user_repw').val('').focus();
return false;
}
notice.text("");
$('#repw_img').attr("src","/images/sub/bg_pass_ck2.jpg");
}
// nick name
$("#user_nick_name").change(function(){
checkNickName();
})
function checkNickName(){
var notice = $('#nick_notice'),userNick= $('#user_nick_name');
var str = userNick.val();
var ReturnChk;
if(str ==""){
notice.css('color','#E35D63');
notice.text("必須情報です");
userNick.focus();
return false;
}
if(str.length >=2){
$.ajax({
url:'./nickChk.php',
type:'POST',
data:({id:str}),
dataType:'html',
async: false,
success:function(data){
if(jQuery.trim(data) == '0'){
notice.css('color','#369EF5');
notice.text("ご使用可能なニックネームです");
$('#nick_img').attr("src","/images/sub/bg_pass_ck2.jpg");
$('#nickchk').val("1");
ReturnChk = true;
}else{
notice.css('color','#E35D63');
notice.text("既に使用されているニックネームまたは脱退したニックネームです");
$('#nick_img').attr("src","/images/sub/bg_pass_ck1.jpg");
$('#nickchk').val("");
userNick.focus();
ReturnChk = false;
}
}
});
return ReturnChk;
}else{
notice.css('color','#E35D63');
notice.text("ニックネームは2文字以上で入力してください");
$('#nick_img').attr("src","/images/sub/bg_pass_ck1.jpg");
$('#nickchk').val("");
userNick.focus();
return false;
}
}
// 性名(카나)
$("#kana_name").change(function(){
checkKanaName();
})
function checkKanaName(){
var notice = $("#kana_notice"),userEn = $("#kana_name");
var str = userEn.val();
if(str == "" ){
notice.css('color','#E35D63');
notice.text("必須情報です");
userEn.focus();
return false;
}
notice.css('color','#369EF5');
notice.text("");
}
// EMAIL
$("#email").change(function(){
checkEmail();
})
function checkEmail(){
var userEmail= $("#email"), notice_e=$('#notice_email');
var str = userEmail.val();
var ReturnChk;
if(str == "" ){
notice_e.css('color','#E35D63');
notice_e.text("必須情報です");
userEmail.focus();
return false;
}
if(emailcheck(str) != false){
$.ajax({
url:'./join_email_check.php',
type:'POST',
data:({id:str}),
dataType:'html',
async: false,
success:function(data){
if(jQuery.trim(data) == '0'){
notice_e.css('color','#369EF5');
notice_e.text("ご使用可能なメールアドレスです");
$('#emailchk').val("1");
ReturnChk = true;
}else{
notice_e.css('color','#E35D63');
notice_e.text("使用中のメールアドレスです");
$('#emailchk').val("");
userEmail.focus();
ReturnChk = false;
return false;
}
}
});
return ReturnChk;
}else{
notice_e.css('color','#E35D63');
notice_e.text("有効でないメールアドレスです");
$('#emailchk').val("");
userEmail.focus();
return false;
}
}
// birthday
$("#birthday").change(function(){
var notice= $("#notice_birthday");
var format = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/;
if(!format.test($(this).val()))
{
notice.css('color','#E35D63');
notice.text("生年月日を再確認してください"); // 생년월일을 다시 확인 해주세요.
$('#birthday').focus();
}else{
notice.text("");
}
})
// tel
$("#tel").change(function(){
var notice= $("#notice_tel");
var format =/^\d{3,4}-\d{3,4}-\d{4}$/;
if(!format.test($(this).val()))
{
notice.css('color','#E35D63');
notice.text("誤った電話番号です。 - を含む数字のみを入力してください"); //잘못된 휴대폰 번호입니다. 숫자, - 를 포함한 숫자만 입력하세요.
$('#tel').focus();
}else{
notice.text("");
}
})
$("#btn_join").click(function(){
joinAction(validateForm());
})
function joinAction(val){
//alert(val);
if(val != false) {
$('#form').attr('action','join_proc.php').submit();
}
}
function validateForm() {
if(checkUserId() == false){
//alert("ID : "+checkUserId());
return false;
}
if(checkPassword() == false){
//alert("password : "+checkPassword());
return false;
}
if(checkRePassword() == false){
//alert("repass : "+checkRePassword());
return false;
}
if(checkNickName() == false){
//alert("nick : "+checkNickName());
return false;
}
if(checkKanaName() == false){
//alert("Kana : "+checkKanaName());
return false;
}
if(checkEmail() == false){
//alert("email : "+checkEmail());
return false;
}
}
//엔터치면 다음 포커스
$('input').keydown(function(e) {
var idx = $('input').index(this);
if (e.keyCode === 13) {
$('input').eq(idx+1).focus();
return false;
}
});
/*
$("#user_id").val("test1235644");
$("#user_pw").val("wjdcjf83");
$("#user_repw").val("wjdcjf83");
$("#user_nick_name").val("ニックネーム223");
$("#en_name").val("adcdef");
$("#email").val("monokika4@nate.com");
$("#hanja_name").val("漢字");
$("#kana_name").val("カナ");
$("#birthday").val("2018-05-22");
$("#tel").val("090-1111-2223");
$("#zip").val("6525-4444");
$("#juso").val("강남구 논현동 32-23");
validateForm();
*/
<?
//jyj 사이트 회원정보 가져옴
if($jyj_form_display == 'y'){
$pwd = md5("$passwd");
$mIdx = Get_db("SELECT id FROM `jyjsite`.`user` WHERE userid='$userid' AND password ='$pwd' AND activated='1'");
if($mIdx){
$res = Get_dbres("SELECT * FROM `jyjsite`.`user` WHERE id='$mIdx'");
$row = mysql_fetch_array($res);
$res2 = Get_dbres("SELECT * FROM `jyjsite`.`user_profiles` WHERE user_id='$mIdx'");
$rows = mysql_fetch_array($res2);
echo '
$("#user_id").val("'.$row[userid].'");
$("#user_pw").val("'.$row[new_password_key].'");
$("#user_repw").val("'.$row[new_password_key].'");
$("#user_nick_name").val("'.$row[nickname].'");
$("#en_name").val("");
$("#email").val("'.$row[email].'");
$("#hanja_name").val("'.$row[jname2].'");
$("#kana_name").val("'.$row[jname].'");
$("#birthday").val("'.$rows[birthday].'");
$("#tel").val("'.$rows[tel].'");
$("#zip").val("'.$rows[zip1].'-'.$rows[zip2].'");
$("#juso").val("'.$rows[juso].'");
validateForm();
';
$JYJIDCHKIMG="<img src='../images/sub/sub_login_check_on2.png' style='vertical-align: middle;'> <span style='font-size:1.2em; color:#000000; margin-top:-20px;'> JYJ公式サイトIDで登録</span>";
}else{
echo 'alert("IDとパスワードが一致しません。");history.back();';
}
}else{
$JYJIDCHKIMG="<a href='join.php'><img src='../images/sub/sub_login_check_off.png' style='vertical-align: middle;'> <span style='font-size:1.2em; color:#000000; margin-top:-20px;'> JYJ公式サイトIDで登録</span></a>";
}
?>
}); //ready funtion
</script>
<SECTION>
<ARTICLE class="article_news">
<div class="box-login">
<div class="login_tit"><a href="index.php"><img src="../images/sub/sub_login_top_title.png" /></a></div>
<form id="form" name="form" method="post" enctype="multipart/form-data">
<input type='hidden' name='mode'>
<input type='hidden' name='idx'>
<input type='hidden' id='idchk' name='idchk'>
<input type='hidden' id='nickchk' name='nickchk'>
<input type='hidden' id='emailchk' name='emailchk'>
<input type='hidden' id='emailsend' name='emailsend' value='Y'>
<input type='hidden' id='profileImg' name='profileImg' value='Y'>
<input type='hidden' id='profileColor' name='profileColor' value='1'>
<div id="join_area">
<h2>会員加入</h2>
<div class="account_area" >
<div class="title" style=" height:26px; vertical-align:top;"><?=$JYJIDCHKIMG?></div>
</div>
<!--
<div class="account_area" >
<div class="title" style=" height:26px; vertical-align:top;"><img src="../images/sub/sub_login_check_on2.png" style="vertical-align: middle;"> <span style="font-size:1.2em; color:#E35D63; margin-top:-20px;"> JYJ公式サイトIDで登録</span></div>
</div>
-->
<div class="account_area" >
<div class="title"><span style="font-size:1.2em; color:#349DF3;">会員基本情報</span> <span style="font-size:1.2em; color:#E35D63;">(必須)</span></div>
</div>
<div class="account_area" >
<div class="title">会員ID</div>
<div class="input_box int_id"><input type="text" name="user_id" id="user_id" maxlength="18" style="ime-mode:diable" class="text" placeholder="6〜18文字の半角英数字（小文字のみ可能）"/></div>
<p class="check" id="notice_id" style="font-size:0.9em;"></p>
</div>
<div class="account_area" >
<div class="title">パスワード</div>
<div class="input_box int_pw"><input type="password" name="user_pw" id="user_pw" maxlength="30" style="ime-mode:disabled" class="text" style="ime-mode:diable" placeholder="8文字以上の半角英数字、特殊文字を含む"/>
<div style="position:relative; float:right; top:0px; left:-7px; z-index:3; width:66px; height:21px;" ><span id='pw_span'style='color:#E35D66;vertical-align:top;line-height:25px;font-size:11px'> </span><img id='pw_img'src="../images/sub/bg_pass1.jpg" width="21" height="21" /></div></div>
<p class="check" id="pw_notice" style="font-size:0.9em;"></p>
</div>
<div class="account_area" >
<div class="title">パスワード確認</div>
<div class="input_box int_repw">
<input type="password" name="user_repw" id="user_repw" size="30" maxlength="30" style="ime-mode:disabled" class="text" style="ime-mode:diable" placeholder="8文字以上の半角英数字、特殊文字を含む"/>
<div style="position:relative; float:right; top:0px; left:-20px; z-index:3; width:21px; height:21px;" >
<img id='repw_img' src="../images/sub/bg_pass_ck1.jpg" width="21" height="21" />
</div></div>
<p class="check" id="repw_notice" style="font-size:0.9em;"></p>
</div>
<div class="account_area" >
<div class="title">ニックネーム</div>
<div class="input_box int_nick"><input type="text" name="user_nick_name" id="user_nick_name" size="30" maxlength="30" style="ime-mode:diable" class="text" placeholder="2〜14文字の半角英数字（小文字のみ可能）"/><div style="position:relative; float:right; top:0px; left:-20px; z-index:3; width:21px; height:21px;" ><img id='nick_img' src="../images/sub/bg_pass_ck1.jpg" width="21" height="21" /></div></div>
<p class="check" id="nick_notice" style="font-size:0.9em;"></p>
</div>
<div class="account_area" >
<div class="title">氏名(カナ)※フルネーム</div>
<div class="input_box int_kana"><input type="text" name="kana_name" id="kana_name" size="30" maxlength="30" style="ime-mode:diable" class="text" placeholder="カタカナで入力してください。" /></div>
<p class="check" id="kana_notice" style="font-size:0.9em;"></p>
</div>
<div class="account_area" >
<div class="title" style="height:30px;">Eメール
<div id="send_email_ok" class="send_email" ><img src="../images/sub/btn_mail_ok.jpg" width="15" height="20" style="vertical-align:text-bottom" /> イベントなどのメール受信に同意</div>
<div id="send_email_no" class="face_ok_off" style="display:none;"><img src="../images/sub/btn_mail_no2.jpg" width="15" height="20" style="vertical-align:text-bottom;" /> イベントなどのメール受信に同意しません。</div>
</div>
<div class="input_box int_email"><input type="text" name="email" id="email" size="30" class="text" style="ime-mode:inactive" placeholder="ローマ字で入力してください" /></div>
<p class="check" id="notice_email" style="font-size:0.9em;"></p>
<div class="input_annotation">イベントや公演などの特典、サイトからの通知を受けるために入力する必要があります。<div style="position:absolute; top:-9px; left:0;"><img src="../images/sub/annotation_dir.png" width="14" height="9" /></div></div>
</div>
<div class="account_area" >
<div style="display:block; width:100%; height:3px; border-style:solid; border-width:1px 0 0 0; border-color:#d3d3d3;" > </div>
</div>
<div class="account_area" >
<div class="title"><span style="font-size:1.2em; color:#349DF3;">プロフィール情報公開</span> <span style="font-size:1.2em; color:#666666;">(選択)</span></div>
</div>
<div class="account_area2" >
<div class="title">プロフィールの色</div>
<?
for($i=1;$i<=12; $i++){
echo "<div id='man_color".$i."' data-id='".$i."'></div> ";
}
?>
<p class="check"> <span style="font-size:0.9em; color:#666666;">"YUCHUN.JPで書き込む際、登録時のニックネーム背景として表示される色です。選択していない場合は、基本色で表示されます。"</span></p>
</div>
<div class="account_area" >
<div class="title">プロフィール画像
<div id="face_ok" class="face_ok_on"><img src="../images/sub/btn_mail_ok.jpg" width="15" height="20" style="vertical-align:text-bottom" /> 公開 </div>
<div id="face_ok_off" class="face_ok_off" style="display:none;"><img src="../images/sub/btn_mail_no2.jpg" width="15" height="20" style="vertical-align:text-bottom" /> 公開 </div>
<div id="face_no" class="face_ok_on" style="display:none;"><img src="../images/sub/btn_mail_ok.jpg" width="15" height="20" style="vertical-align:text-bottom" />未公開</div>
<div id="face_no_off" class="face_ok_off"><img src="../images/sub/btn_mail_no2.jpg" width="15" height="20" style="vertical-align:text-bottom" />未公開</div>
</div>
<input type="text" name="file_name" id="file_name" readonly="readonly">
<div class="file_input_div">
<input type="button" value="添付ファイル" class="file_input_button" />
<input type="file" name="orgFile" id="orgFile" class="file_input_hidden" onchange="javascript: document.getElementById('file_name').value = this.value"/>
</div>
<!--
<input type="file" multiple id="orgFile" name="userfile" >
<input type="text" name="file_name" id="file_name" ><button id="newFile" onClick="check()">첨부파일</button>
-->
<p class="check"> <span style="font-size:0.9em; color:#666666;">"プロフィール画像を登録していない場合は、ニックネームのみ公開されます。"</span></p>
</div>
<div class="account_area" >
<div style="display:block; width:100%; height:3px; border-style:solid; border-width:1px 0 0 0; border-color:#d3d3d3;" > </div>
</div>
<div class="account_area" >
<div class="title">氏名(漢字)※フルネーム</div>
<div class="input_box int_hanja"><input type="text" name="hanja_name" id="hanja_name" size="30" maxlength="30" style="ime-mode:diable" class="text" placeholder="漢字で入力してください。" /></div>
</div>
<div class="account_area" >
<div class="title">氏名(ローマ字)※フルネーム</div>
<div class="input_box int_en"><input type="text" name="en_name" id="en_name" size="30" maxlength="30" style="ime-mode:diable" class="text" placeholder="ローマ字で入力してください。"/></div>
</div>
<div class="account_area" >
<div class="title">生年月日</div>
<div class="input_box int_birthday"><input type="text" name="birthday" id="birthday" size="30" maxlength="30" style="ime-mode:diable" class="text" placeholder="生年月日(2018-07-09)" /></div>
<p class="check" id="notice_birthday" style="font-size:0.9em;"></p>
</div>
<div class="account_area" >
<div class="title">電話番号</div>
<div class="input_box int_tel"><input type="text" name="tel" id="tel" size="30" maxlength="50" style="ime-mode:diable" class="text" placeholder="数字で入力してください。EX) 090-1111-2222" /></div>
<p class="check" id="notice_tel" style="font-size:0.9em;"></p>
</div>
<div class="account_area" >
<div class="title">住所※都道府県から記入してください。</div>
<div class="input_box int_zip"><input type="text" name="zip" id="zip" size="30" maxlength="10" style="ime-mode:diable" class="text" placeholder="郵便番号(213-234)"/></div>
<div class="input_box int_juso"><input type="text" name="juso" id="juso" size="30" maxlength="100" style="ime-mode:diable" class="text" placeholder="漢字で入力してください。"/></div>
</div>
<div class="input_annotation">ストアの利用や会員カードと会員特典プレゼントを受け取るために入力する必要があります。<div style="position:absolute; top:-9px; left:0;"><img src="../images/sub/annotation_dir.png" width="14" height="9" /></div></div>
<div class="account_area" >
<div id="btn_join" class="input_box_join" tabindex="5" style="cursor:pointer">加入する</div>
</div>
</div>
</form>
<div class="footer-menu-02">
<ul>
<li class="border_right"><a href="<?=$URL_AGREE?>" >会員規約</a></li>
<li class="border_right"><a href="<?=$URL_PRIVACY?>" >個人情報方針</a></li>
<li><a href="<?=$URL_GUIDE?>" >メンバー特典</a></li>
</ul>
<div class="footer-txt-02"> <span class="copyright">Copyright © 2019 <span style=" color:#349DF2; font-weight:700;">YUCHUN.JP</span> All Rights Reserved</span> </div>
</div>
</div>
</ARTICLE>
</SECTION>
</body>
</html>