<!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 charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="-1">
    <title></title>
    
    <link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css?#UPDATEID#" /> 
    <link rel="stylesheet" type="text/css" href="./common/css/default.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="./common/css/screenLock.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/common.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/theme/common.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/header.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/theme/header.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/footer.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/theme/footer.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/setting.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/theme/setting.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/backup.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/theme/backup.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/restore.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/theme/restore.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/login_validation.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/theme/login_validation.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/accordion.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?#UPDATEID#"  />
    
    <script type="text/javascript" src="./common/js/jquery-1.8.1.min.js?#UPDATEID#"></script>
    <script type="text/javascript" src="./common/js/thickbox.js?#UPDATEID#"></script>
    <script type="text/javascript" src="./common/js/scrolltopcontrol.js?#UPDATEID#"></script>
    <script type="text/javascript" src="./common/js/jquery-ui-1.8.23.custom.min.js?#UPDATEID#"></script>
    <script type="text/javascript" src="./common/js/jquery.ui.touch-punch.min.js?#UPDATEID#"></script>
    <script type="text/javascript" src="./common/js/jquery.toastmessage.js?#UPDATEID#"></script>   
    <script type="text/javascript" src="./common/js/avweb.js?#UPDATEID#"></script>
    <script type="text/javascript" src="./common/js/i18n.js?#UPDATEID#"></script>
    <script type="text/javascript" src="./common/js/common.js?#UPDATEID#"></script>
    <script type="text/javascript" src="./common/js/screenLock.js?#UPDATEID#" ></script>
    <script type="text/javascript" src="./js/header.js?#UPDATEID#" ></script>
    <script type="text/javascript" src="./js/settings.js?#UPDATEID#" ></script>
    
    <style>
    #slidebar-animation{
        -ms-touch-action : none;
    }
    </style>
    
    <!--[if gte IE 9]>
      <style type="text/css">
        .gradient {
           filter: none;
        }
      </style>
    <![endif]-->
</head>
<body id="user_change">

<header>
    <div class="notification-pushmessage" style="display:none;">
        <!--新着メッセージがあります!!!-->
    </div>
    <div class="cnt_header">
        <a class="logo" href="javascript:void(0);" onclick="avwScreenMove(COMMON.ScreenIds.Home)"> </a>
        <div class="menu_language">
            <div class="clearfix">
                <ul class="floatL">
                    <li class="floatR" id="li-login-username" style="display:none;">
                        <label class="lang" lang="txtLoginUser"><!--こんにちは--></label>
                        <label id="login-username"> </label>
                    </li>                   
                </ul>
                <ul class="floatR">                   
                    <li class="language" id="language-jp"><a href="#"><img src="img/common/flg_jpn.png" width="29" height="20"></a></li>
                    <li class="language" id="language-en"><a href="#"><img src="img/common/flg_usa.png" width="29" height="20"></a></li>
                    <li class="language" id="language-kr"><a href="#"><img src="img/common/flg_kor.png" width="29" height="20"></a></li>
                    <li style="padding-left:0;"><input class="focus" id="searchbox-key" name="" type="text" placeholder=""></li>
                    <div id="header-searchbox" style="display:none;">
                        <input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked="checked" /><span id="searchbox-content-header" class="lang" lang="txtCtnNm"><!--コンテンツ名--></span><br/>
                        <input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag"><!--タグ--></span><br/>
                        <input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt"><!--本文--></span><br/>
                        <a class="blue lang" href="#" id="searchbox-search" lang="txtSearch"><!--検索--></a>
                    </div>
                </ul>
            </div>
            <ul class="button">
            <li class="floatL">
                <a href="#" id="liPushMessage"><span class="pushMessage"><span class="icon"></span> <span class="lang" lang="txtPushAlert"><!--新着 : --></span><span id="numbermessage"></span><span class="arrow"></span></span></a>
                <div id="accordion" style="display:none;">
                <div id="show-push-message"></div>
                    <div class="pagechange clearfix">
                        <a class="floatL lang" id='prev-page-message' lang="txtPrevious"><!--前へ--></a><a class="floatR lang" id='next-page-message'  lang="txtNext"><!--次へ--></a>
                    </div>
                </div>
            </li>

                <li class="menuIcon" id="dspHome"><a href="#"><img src="img/common/icon_home.png" width="30" height="30"></a></li>
                <li class="menuIcon" id="dspShiori"><a href="#"><img src="img/common/icon_marker.png" width="30" height="30"></a></li>
                <li class="menuIcon" id="dspViewHistory"><a href="#"><img src="img/common/icon_watch.png" width="30" height="30"></a></li>
                <li class="menuIcon" id="dspSetting" style="display:none;"><a href="#"><img src="img/common/icon_setup.png" width="30" height="30"></a></li>
                <li class="menuIcon" id="dspLogout" style="margin-right:0;display:none;"><a href="#"><img src="img/common/icon_logout.png" width="30" height="30"></a></li>  
            </ul>
        </div>
    </div>
    <!--<script>

    $(function(){

        // 「id="jQueryPush"」がクリックされた場合
        $("#jQueryPush").click(function () {
            // 「id="accordion"」の表示、非表示を切り替える
            $("#accordion").toggle();
        });
});
</script>-->
</header>

<div id="inc_backup"></div>

<div class="wrapper">
<div id="main">
    <article>
        <section class="sectionSetting">
        	<div id="user_info">
				<h2 class="lang" lang="txtUsrCap"><!--ユーザ情報--></h2>
				<dl>
					<dt class="lang label" lang="txtLoginId">ログインID</dt>
					<dd class="show" id="txtLoginId">...</dd>
					<dt class="lang label" lang="txtLoginAccPath"><!--アカウントパス--></dt>
					<dd class="show" id="txtLoginPath">Deliv</dd>
					<dt class="lang label" lang="txtLastLoginTime"><!--最終ログイン時間--></dt>
					<dd class="show" id="txtLastLoginTime">...</dd>
				</dl>
				<p class="passchgbtn"><a href="#" class="lang" id="dspPwdUpd" lang="dspPwdUpd"><!--パスワード変更--></a> </p>
			</div>

        	<div id="user_option">
				<h3 class="lang" lang="txtOpt"><!--オプション--></h3>
				<ul>
					<li>
						<span class="choice lang" lang="txtOpt001"><!--初期表示--></span>
						<label class="firstview"><input type=radio name="firstview" value="bookshelf" id="rdoOpt001" checked="checked" checked/><label for="rdoOpt001" lang="txtHondana" class="lang"><!--本棚--></label></label>                        
                        <label class="firstview"><input type=radio name="firstview" value="booklist" id="rdoOpt0011"><label for="rdoOpt0011" lang="txtList" class="lang"><!--リスト--></label></label>
					</li>
					<li><label><input type=checkbox name="repeat" value="repeat" class="chkbx" id="chkOpt002" checked="checked" checked/><label for="chkOpt002" id="txtOpt002" lang="txtOpt002" class="lang"><!--動画、音楽を繰り返し再生する--></label></label></li>
					<li><label><input type=checkbox name="marking" value="marking" class="chkbx" id="chkOpt003" checked="checked" checked /><label id="lblOpt003" for="chkOpt003" lang="txtOpt003" class="lang"><!--マーキング--></label></label><span class="notice lang" lang="txtOpt004"><!--※コンテンツを開いた時に表示する--></span></li>
                    <li><label><input type=checkbox name="confirmClose" value="confirmClose" class="chkbx" id="chkOpt005" checked="checked" /><label for="chkOpt005" id="txtOpt005" lang="txtOpt005" class="lang"><!--タブ・ブラウザ終了・F5時のアラートが表示する--></label></label></li>

                    <li>
                        <label lang="txtOptPageTrans" class="lang"><!--ビューのアニメーション種類--></label>
                        <select id="cboAnimation">
                            <option class="lang" lang="txtOptPageTransSlide" value="0"><!--スライド--></option>
                            <option class="lang" lang="txtOptPageTransFade" value="1"><!--フェード--></option>
                            <!--<option class="lang" lang="txtOptPageTransRev" value="2"><!--リヴェール&ムーブイン--></option>-->
                        </select>
                    </li>
                    <li>
                        <label class="lang lblOptPageTransPeriod" lang="txtOptPageTransPeriod"><!--アニメーション時間(Sec)--></label>
                        <input type="text" id="txtValueAnimation" value="1.0" />
                        <span id="slidebar-container"><span id="slidebar-from">0.1</span><span id="slidebar-animation"></span><span id="slidebar-to">9.9</span></span>
                    </li>

				</ul>
				<h3 style="margin-top:50px" id="txtBkResCap" lang="txtBkResCap" class="lang"><!--サーバーにバックアップ/リストア--></h3>
				<p class="logout_backup" id="regionOptionBackup">                    
                    <label><input type="checkbox" name="backup" value="backup" id="chkOptBkCfm" checked="checked"><label id="txtOptBkCfm" for="chkOptBkCfm" lang="txtOptBkCfm" class="lang"><!--毎回ログアウトの時、バックアップするかどうかは必ず確認する--></label></label>
                    <br />
                    <label class="option_backup">
                            <label id="txtBkDefault" lang="txtBkDefault" class="lang"><!--バックアップのデフォルト : --></label>
                            <input type="checkbox" id="chkBkMarking" class="chkbx" checked="checked" /><label id="txtBkMarking" for="chkBkMarking" lang="txtBkMarking" class="lang"><!--マーキング--></label>
                            <input type="checkbox" id="chkBkMemo" class="chkbx" checked="checked" /><label id="txtBkMemo" for="chkBkMemo" lang="txtBkMemo" class="lang"><!--メモ--></label>
                            <input type="checkbox" id="chkBkShiori" class="chkbx" checked="checked" /><label id="txtBkShiori" for="chkBkShiori" lang="txtBkShiori" class="lang"><!--しおり--></label>
                    </label>
                </p>
				<p class="backupbtn"><a class="backup lang" lang="dspOptBk" id="dspOptBk" href="#" style="display:none;"><!--バックアップ--></a><a href="#" id="dspOptRes" lang="dspOptRes" class="lang" style="visibility:hidden;"><!--リストア--></a></p>
				<p class="savebtn"><a class="save lang" href="#" id="dspSave" lang="dspSave"><!--保存する--></a><a class="default lang" href="#" id="dspOptReset" lang="dspOptReset"><!--初期設定に戻る--></a><div style="clear:both;"></div></p>
			</div>

        </section>
    </article>

</div>
</div>

<section id="dlgChangePassword" class="sectionchangepassword">
    <h1 class="title lang" lang="msgChangePassword"><!--パスワードを変更してください。--></h1>
    <span id="dialog-error-message" class="alertTxtDialog lang"> </span>
    <dl>
        <dt><label id="lblPwdCur" class="lang" lang="txtPwdCurr"><!--現在パスワード--></label></dt>
        <dd><input type="password" id="txtPwdCur" maxlength="16" /></dd>
    </dl>
    <dl>
        <dt><label id="lblPwdNew" class="lang" lang="txtPwdNew"><!--変更パスワード--></label></dt>
        <dd><input type="password" id="txtPwdNew" maxlength="16" /></dd>
    </dl>
    <dl>
        <dt><label id="lblPwdNewRe" class="lang" lang="txtPwdNewRe"><!--(再)変更パスワード--></label></dt>
        <dd><input type="password" id="txtPwdNewRe" maxlength="16" /></dd>
    </dl>
    <p><label class="lang" lang="txtPwdRemind" id="txtChangePassComment"><!--※スキップを選択すると、30日間このメッセージは表示されません--></label></p>
    <p class="loginbtn">
        <a class="cancel lang" href="#" lang="dspCancel" id="dspCancel"><!--キャンセル--></a>
        <a class="skip lang" href="#" lang="dspSkip" id="dspSkip"><!--スキップ--></a>
        <a class="change lang" href="#" id="dspPwdUpd1" lang="dspChange"><!--変更--></a>
    </p>
</section>

 <section class="sectionbackup" id="dlgConfirmBackup">
	        <h1><label class="title lang" lang="txtBackupTitle"><!--バックアップ確認--></label></h1>

	        <!--<p class="message"><label id="txtBkMsg" lang="txtBkMsg" class="lang"><!--サーバにバックアップしますか?--></label></p>-->
            <p class="message">
                <label lang="txtBkSelectData" class="lang"><!--バックアップするデータを選択してください。--></label>
            </p>
            <p class="message-options">
                <label class="option_backup">
                    <input type="checkbox" id="chkopBkMarking" class="chkopbx" checked="checked" /><label  for="chkopBkMarking" lang="txtBkMarking" class="lang"><!--マーキング--></label>
                    <input type="checkbox" id="chkopBkMemo" class="chkopbx" checked="checked" /><label for="chkopBkMemo" lang="txtBkMemo" class="lang"><!--メモ--></label>
                    <input type="checkbox" id="chkopBkShiori" class="chkopbx" checked="checked" /><label for="chkopBkShiori" lang="txtBkShiori" class="lang"><!--しおり--></label>
                </label>
            </p>
            <p class="backupbtn"><a class="ok lang" href="#" id="dspOptBk_OK" lang="dspOK"><!--OK--></a><a class="cancel lang" href="#" lang="dspCancel" id="dspOptBk_Cancel"><!--キャンセル--></a></p>
        </section>

        <section class="sectionrestore" id="dlgConfirmRestore">
	        <h1 class="title lang" lang="txtRestoreTitle"><!--リストア確認--></h1>
            
            <p class="message">
                <!--<label id="txtResMsg" class="lang" lang="txtResMsg"></label>-->
                <label id="txtResSelect" class="lang" lang="txtResSelect"><!--リストアするデータを選択してください。--></label>
                </p>
                <p class="message-options">
                <label class="option_backup">
                    <input type="checkbox" id="chkopResMarking" class="chkopbx" checked="checked" /><label  for="chkopResMarking" lang="txtBkMarking" class="lang"><!--マーキング--></label>
                    <input type="checkbox" id="chkopResMemo" class="chkopbx" checked="checked" /><label for="chkopResMemo" lang="txtBkMemo" class="lang"><!--メモ--></label>
                    <input type="checkbox" id="chkopResShiori" class="chkopbx" checked="checked" /><label for="chkopResShiori" lang="txtBkShiori" class="lang"><!--しおり--></label>
                </label>
            </p>
            <p class="notice"><label class="lang" lang="txtResMsgNotice"></label></p>

            <p class="restorebtn"><a class="ok lang" href="#" id="dspOptRes_OK" lang="dspOK"><!--OK--></a><a class="cancel lang" href="#" id="dspOptRes_Cancel" lang="dspCancel"><!--キャンセル--></a></p>
        </section>
<footer>
<div class="border">
	<div class="cnt_footer">
    	COPYRIGHT &copy; 2014 AGENTEC Co., Ltd. ALL RIGHTS RESERVED.
    </div>
</div>
</footer>
<iframe style="height:0px;width:0px;visibility:hidden;display:none;" src="about:blank">
    this frame prevents back forward cache
</iframe>

</body>

</html>