|
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/junsu/ |
Upload File : |
<? include"inc_top_set.php"; ?>
<script>
alert("システム点検により新規･延長受付を一時中止させて頂いております。");
history.back();
</script>
<!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="キム・ジュンス, キムジュンス, ジュンス, KIM JUNSU JAPAN OFFICIAL FANCLUB">
<meta property="og:description" content="キム・ジュンス, キムジュンス, ジュンス, KIM JUNSU JAPAN OFFICIAL FANCLUB ">
<meta property="og:url" content="http://junsu.jp">
<meta name="description" content="キム・ジュンス, キムジュンス, ジュンス, KIM JUNSU JAPAN OFFICIAL FANCLUB ">
<meta name="keywords" content="キム・ジュンス, キムジュンス, ジュンス, KIM JUNSU JAPAN OFFICIAL FANCLUB, JUNSU,JYJ,C-JeS Entertainment">
<title> KIM JUNSU JAPAN OFFICIAL FANCLUB: キム・ジュンス, キムジュンス, ジュンス</title>
<link rel="stylesheet" type="text/css" href="../sys_css_js/css_common.css"/>
</head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript" ></script>
<style>
/*서브 로그인페이지 */
.box-login { margin:0px auto; width:100%; max-width:660px; margin-bottom:20px;}
.login_tit { width:100%; text-align:center; padding:20px 0 20px 0; }
.box-login-join { margin:0px auto; width:100%; max-width:650px; border:5px solid #f32597; background-color:#f5f5f5;}
.box-login-join h2 { height:65px; padding-top:50px;font-weight:bold;font-size:3em;color:#333333; text-align:center; line-height:22px; text-transform:uppercase;}
#provision { margin:0px auto; width:93%; height:330px; padding:12px; border:1px solid rgb(221, 221, 221); text-align:left; line-height:20px; overflow:auto; background-color:#FFF; }
/********************* BTN *****************18.07.09수정***/
.login_btn { display:block; margin:0 auto; width:98%; height:45px; padding-bottom:50px; }
.login_btn2 { display:block; margin:30px auto; width:98%; }
#btn_agree_no { display:inline-block; box-sizing: border-box; width:47%; height:45px; background-color:#999999; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 18px; margin-top:15px; text-align: center; cursor:pointer; font-family: "Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif;}
#btn_agree { float:right; display:inline-block; box-sizing: border-box; width:47%; height:45px; background-color:#f32597; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 18px; margin-top:15px; text-align: center; cursor:pointer; font-family: "Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif;}
.btn_jyj { display:block; width:100%; padding:10px; border:1px solid #E35C62; background-color:#FFF; font-size:18px; font-weight:bold; color:#E35C62; text-align:center; cursor:pointer; font-family: "Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif;}
.btn_jyj2 { display:block; width:100%; padding:10px; border:1px solid #E35C62; background-color:#E35C62; font-size:18px; font-weight:bold; color:#ffffff; text-align:center; cursor:pointer; font-family: "Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif;}
#btn_jyj_send { display:block; width:100%; height:45px; background-color:#349DF3; font-size:18px; font-weight:bold; color:#FFF; text-align:center; cursor:pointer; font-family: "Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif;}
.join_search_02 { margin:0 auto; width:98%; border-top:1px solid #D3D3D3; padding:30px 0 0 0; font-weight:bold; font-family: "Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; }
.box-login .wrap-input {/*width:40em;*/ width:90%;margin:0 auto;}
.login_btn2 input.text { width:100%; height:3em; margin-bottom:0.5em; /*font-weight:700;*/color:#E35C62; text-indent:0.9em; border:1px solid #D3D3D3;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:999px)
{
#contents-login {padding:0;}
.box-login {width:100%;/*height:290px;*/margin:0px auto;/*background-color:#fff;*/ margin-bottom:0px;}
.box-login .wrap-input { width:90%;/*width:30em;*/margin:0 auto;}
.box-login .wrap-input:after {display:block;clear:both;content:"";}
.box-login .wrap-input input.text {width:100%;height:3em;margin-bottom:0.5em; /*font-weight:700;*/color:#E35C62;text-indent:0.9em;border:1px solid #D3D3D3;background-color:#ffffff;/*background-color:#eee;*/-webkit-box-sizing:border-box;box-sizing:border-box;}
.box-login .wrap-input .floatL {width:100%;vertical-align:top;}
.box-login .wrap-input .floatL input:last-child {margin-bottom:0;}
/********18.07.09 추가***/
.box-login-join {width:96%;}
.join_search li {width:23.33%; display:inline-block; text-align:center; color:rgb(121,121,121); font-size:0.875em;}
}
@media screen and (max-width: 480px)
{
#contents-login {padding:0;}
.box-login-join h2 { height:65px; padding-top:50px; font-weight:bold; font-size:23px; color:#555;text-align:center;line-height:22px;text-transform:uppercase;}
.box-login {width:100%;/*height:290px;*/margin:0px auto;/*background-color:#fff;*/ margin-bottom:0px;}
.box-login .wrap-input {/*width:25em;*/ width:90%;margin:0 auto;}
.box-login .wrap-input:after {display:block;clear:both;content:"";}
.box-login .wrap-input input.text {width:100%;height:3em;margin-bottom:0.5em;/*font-weight:700;*/color:#E35C62;text-indent:0.9em;border:1px solid #D3D3D3;background-color:#ffffff;/*background-color:#eee;*/-webkit-box-sizing:border-box;box-sizing:border-box;}
.box-login .wrap-input .floatL {width:100%;vertical-align:top;margin:0 auto;}
.box-login .wrap-input .floatL input:last-child {margin-bottom:0;}
/********18.07.09 추가***/
.box-login-join {width:96%;}
.login_check_box {width:100%;}
.login_pop_box {width:100%;}
.login_check_box_02 {width:100%; }
.login_pop_box_02 {width:100%;}
}
</style>
<script>
$(document).ready(function(e){
/****************** BTN 이벤트 동의 ************************/
//BTN 동의하기 OVER
$("#btn_agree_no").mouseover(function(){ btn_agree_no_ov(); btn_agree(); })
//BTN 동의하기 OUT
$("#btn_agree_no").mouseout(function(){ btn_agree_no(); btn_agree(); })
//BTN 동의하기 OVER
$("#btn_agree").mouseover(function(){ btn_agree_no(); btn_agree_ov(); })
//BTN 동의하기 OUT
$("#btn_agree").mouseout(function(){ btn_agree_no(); btn_agree(); })
function btn_agree_no(){ $("#btn_agree_no").css({"background-color":"#999999", "border-style":"solid", "border-width":"0px", "border-color":""}) }
function btn_agree_no_ov(){ $("#btn_agree_no").css({"background-color":"#B0B0B0", "border-style":"solid", "border-width":"1px", "border-color":"#000"}) }
function btn_agree(){ $("#btn_agree").css({"background-color":"#f32597","border-style":"solid", "border-width":"0px", "border-color":"#000"}) }
function btn_agree_ov(){ $("#btn_agree").css({"background-color":"#f65cb1", "border-style":"solid", "border-width":"1px", "border-color":"#000"}) }
$("#btn_agree_no").click(function(){ location.href="index.php"; })
$("#btn_agree").click(function(){ location.href="join2.php"; })
//JYJ ID,PW
$("#btn_jyj").mouseover(function()
{
$("#btn_jyj").css({"display":"none"})
$("#btn_jyj2").css({"display":"block"})
})
$("#btn_jyj2").mouseout(function()
{
var form_display = $("#jyj_form_display").val();
if( form_display != 'y')
{
$("#btn_jyj").css({"display":"block"})
$("#btn_jyj2").css({"display":"none"})
}
})
$("#btn_jyj2").click(function()
{
$("#jyj_form_display").val("y");
var form_display = $("#jyj_form_display").val();
if( form_display == 'y')
{
$("#btn_jyj").css({"display":"none"})
$("#btn_jyj2").css({"display":"block"})
$("#jyj_form").css({"display":"block"})
}
})
});
</script>
<body>
<section>
<article>
<div class="box-login">
<div class="login_tit"><a href="index.php"><img src="../images/sub/sub_login_top_title.png" /></a></div>
<div class="box-login-join">
<h2><span>会員加入</span></h2>
<div class="wrap-input">
<? require"agreement_txt.php"; ?>
<div class="login_btn"><button id="btn_agree_no" >同意しない</button> <button id="btn_agree" >同意</button></div>
<div class="join_search_02">
<p>既にJYJ JAPAN OFFICIAL WEBSITEにてご加入済みの方は、IDと基本情報を入力せず加入が可能です。但し、そのIDが、既に KIM JUNSU JAPAN OFFICIAL FANCLUBにて登録済みのIDであった場合は、IDの変更が必要です。</p>
</div>
<div id="btn_jyj" class="login_btn2"><button class="btn_jyj" ><img src="../images/sub/jyj_logo_r.png" width="100" height="23" /> JYJ JAPAN IDにて会員加入</button></div>
<div id="btn_jyj2" class="login_btn2" style="display:none;"><button class="btn_jyj2" ><img src="../images/sub/jyj_logo_w.png" width="100" height="23" /> JYJ JAPAN IDにて会員加入</button></div>
<div id="jyj_form" class="login_btn2" style="display:none;">
<form id="login_form" action="./join2.php" method="post" onsubmit="return validate();">
<input type="hidden" name="jyj_form_display" id="jyj_form_display" >
<input type="text" name="userid" id="userid" class="text" placeholder="JYJ 会員ID" />
<input type="password" name="passwd" id="passwd" class="text" placeholder="JYJ パスワード" />
<button id="btn_jyj_send">同意後 JYJ JAPAN IDにて会員加入</button>
</form>
</div>
</div>
</div>
<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:#f32597; font-weight:700;">JUNSU.JP</span> All Rights Reserved</span> </div>
</div>
</div>
</article>
</section>
</body>
</html>