<!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=9,10,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(ScreenIds.Home)"> </a>
        <div class="menu_login">
            <ul class="floatL">
                <li class="floatR" id="li-login-username" style="display:none;">
                    <label><img src="img/common/login_title.png" height="20"></label>
                    <label class="lang" lang="txtLoginUser">こんにちは</label>
                </li>
            </ul>
            <p id="login-username" class="username" > </p>
        </div>
        <div class="menu_language">
            <div class="clearfix">
                <ul class="floatR">                   
                    <li class="language" id="language-jp" style="display:none;" ><a href="#"><img src="img/common/flg_jpn.png" width="29" height="20"></a></li>
                    <li class="language" id="language-en" style="display:none;" ><a href="#"><img src="img/common/flg_usa.png" width="29" height="20"></a></li>
                    <li class="language" id="language-kr" style="display:none;" ><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" id="dspPushMessage">
                    <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" height="27"></a></li>
                <li class="menuIcon" id="dspShiori"><a href="#"><img src="img/common/icon_marker.png" height="27"></a></li>
                <li class="menuIcon" id="dspViewHistory"><a href="#"><img src="img/common/icon_watch.png" height="27"></a></li>
                <li class="menuIcon" id="dspSetting" style=""><a href="#"><img src="img/common/icon_setup.png" height="27"></a></li>
                <li class="menuIcon" id="dspLogout" style="margin-right:0;"><a href="#"><img src="img/common/icon_logout.png" height="27"></a></li>  
                <li class="menuIcon" id="dspHibiya" style="display:none;"><a href="#"><img src="img/common/icon_setup.png" height="27"></a></li>
            </ul>
        </div>
    </div>
</header>

<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" /></dd>
    </dl>
    <dl>
        <dt><label id="lblPwdNew" class="lang" lang="txtPwdNew">変更パスワード</label></dt>
        <dd><input type="password" id="txtPwdNew" /></dd>
    </dl>
    <dl>
        <dt><label id="lblPwdNewRe" class="lang" lang="txtPwdNewRe">(再)変更パスワード</label></dt>
        <dd><input type="password" id="txtPwdNewRe" /></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_logout" id="dlgConfirmBackup1">
	<h1><label class="lang" lang="txtBackupTitle">バックアップ確認</label></h1>
	<p class="message"><label lang="txtLogoutBkMsg" class="lang">ログアウトする前にバックアップしますか?</label></p>
    <p class="message-options">
        <label class="option_backup">
            <label lang="txtBkSelectData" class="lang">バックアップするデータを選択してください。</label><br />
            <input type="checkbox" id="chkBkAllMarking" class="chkbx" checked="checked" /><label for="chkBkAllMarking" lang="txtBkMarking" class="lang">マーキング</label>
            <input type="checkbox" id="chkBkAllMemo" class="chkbx" checked="checked" /><label for="chkBkAllMemo" lang="txtBkMemo" class="lang">メモ</label>
            <input type="checkbox" id="chkBkAllShiori" class="chkbx" checked="checked" /><label for="chkBkAllShiori" lang="txtBkShiori" class="lang">しおり</label>
        </label>
    </p>
	<p class="notice">
        <input type="checkbox" id="chkRememberBackup" /><label for="chkRememberBackup" class="lang" lang="txtLogoutOptBkCfm">今回の行動を記憶し、次回から確認せずに、同じことをする。</label>
    </p>
    <p class="backupbtn">
        <a class="cancel lang" href="#" lang="dspBkCancel" id="dlgConfirmBackup-withoutbackup">バックアップしないでログアウト</a>
        <a class="ok lang" href="#" id="dlgConfirmBackup-backup" lang="dspBkOK">バックアップしてログアウト</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>