Commit 1377ba9a by Masaru Abe

ソース専用にしたのでカスタマイズファイルは削除

parent c406f858
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=9,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">
<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/backup.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/backup.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/list_shiori.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/list_shiori.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/delete_shiori.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/delete_shiori.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#" />
<link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" />
<script type="text/javascript" src="./common/js/jquery-1.8.1.min.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.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/Limit_Access_Content.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/bookmark.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>
<title></title>
</head>
<body id="list">
<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>
</ul>
</div>
</div>
</header>
<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>
<div class="wrapper">
<div id="main">
<article id="articleMain" class="articleMain">
<div class="tops" id="sortingDiv">
<span class="lang" lang="txtSort">並び替え</span>
<ul class="sort shiori-tops" id="menu_sort">
<li class="current"><a class="descending_sort lang" id="dspTitleNm" lang="dspTitleNm">タイトル名</a><b>|</b></li>
<li><a id="dspTitleNmKn" lang="dspTitleNmKn" class="lang">タイトル名(かな)</a><b id="dspTitleNmKn_Seperate">|</b></li>
<li><a id="dspPubDt" lang="dspRegDt" class="lang">登録日</a></li>
</ul>
<a class="delete lang" id="dspDelete" lang="dspDelete">削除</a>
</div>
<section id="pnlTop" class='top'>
<!--<a class="delete lang" id="dspDelete" lang="dspDelete">削除</a>-->
</section>
<div style="display:none;" class="shioriNotExist lang" id="msgShioriNotExists" lang="msgShioriNotExists"></div>
<section id="bottom">
<a class="delete lang" id="dspDelete1" lang="dspDelete">削除</a>
</section>
</article>
</div>
</div>
<!-- Delete panel [start]-->
<section class="sectionDeleteConfirm" id="delete_shiori">
<h1 class="lang" lang="txtDeleteConfirmTitle">しおり削除確認</h1>
<p class="message lang" lang="dspShioriDelConf">設定されているしおりを削除しますか?</p>
<p class="deletebtn"><a id="dspConfirmOK" lang="dspOK" class="ok lang">OK</a><a id="dspCancel" lang="dspCancel" class="cancel lang">キャンセル</a></p>
</section>
<!-- Delete panel [end] -->
<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>
{
"sysErrorCallApi01":"ご迷惑をおかけし申し訳ございません。<br />システムエラーが発生しました。<br />アプリケーションを終了し、管理者に連絡してください。",
"sysInfoScrLock01":"長時間操作されなかったため、画面をロックしています。<br />画面をクリックしてロックを解除してください。",
"sysInfoWithoutLogout":"ログアウトしていませんが、このまま終了してもよろしいですか?\n※【注意】ログアウトしないと次回ログインできない場合がございます。",
"txtUsrCap":"ユーザ情報",
"txtLastLoginTime":"最終ログイン時間:",
"txtOpt":"オプション",
"txtOpt001":"初期表示",
"txtHondana":"本棚",
"txtList":"リスト",
"txtOpt002":"動画・音楽を繰り返し再生する",
"txtOpt003":"マーキング",
"dspOptReset":"初期設定に戻る",
"txtBkResCap":"サーバにバックアップ/リストア",
"txtOptBkCfm":"ログアウトの時、バックアップするかどうか確認する",
"dspOptBk":"バックアップ",
"dspOptRes":"リストア",
"dspSave":"保存",
"txtBkMsg":"サーバにデータをバックアップしますか?",
"txtResMsg":"サーバからデータをリストアしますか?",
"msgPwdEmpty":"パスワードを入力してください",
"msgPwdOldWrong":"現在のパスワードに誤りがあります",
"msgPwdNotMatch":"変更パスワードが一致していません。",
"msgLoginErrWrong":"ログインできません。入力情報を確認してください。(エラーコード:{0})",
"dspPubDt2":"発行日:",
"txtPage":"ページ:",
"dspDelete":"削除",
"dspShioriDelConf":"選択されているしおりを削除しますか?",
"dspRegDt":"登録日",
"dspLogin":"ログイン",
"dspSkip":"スキップ",
"dspPwdUpd":"パスワード変更",
"txtLoginAccPath":"アカウントパス:",
"txtLoginId":"ログインID:",
"txtLoginPwd":"パスワード:",
"txtLoginPwdRbr":"ログインIDを記憶する",
"txtPwdCurr":"現在パスワード",
"txtPwdNew":"変更パスワード",
"txtPwdNewRe":"(再)変更パスワード",
"txtPwdRemind":"※スキップを選択すると、30日経過するまでこのメッセージが表示されません。",
"txtSearch":"検索",
"dspShiori":"しおり",
"dspSetting":"設定変更",
"dspLogout":"ログアウト",
"txtRead":"開く",
"txtSort":"並べ替え",
"dspTitleNm":"タイトル",
"dspTitleNmKn":"タイトル(カナ)",
"txtPubDt":"公開日",
"txtRecordNum":"件",
"txtRecordTotal":"件 表示",
"dspViewMore":"次の{0}件を表示する >>",
"txtGen":"ジャンル",
"txtGr":"グループ",
"txtViewDt":"閲覧日",
"txtDetailPage":"詳細画面",
"txtCtnNm":"コンテンツ名",
"txtTag":"タグ",
"txtContTxt":"本文",
"txtLogoutBkMsg":"ログアウトする前にバックアップしますか?",
"txtLogoutOptBkCfm":"今回の行動を記憶する。",
"dspBkOK":"バックアップしてログアウト",
"dspBkCancel":"バックアップせずにログアウト",
"txtSearchResult":"検索結果",
"dspHome":"ホーム",
"txtLoginUser":"(Ver.20140527)ログイン中:",
"txtAll":"すべて",
"txtMkgSize":"太さ",
"txtMkgS":"小",
"txtMkgM":"中",
"txtMkgB":"大",
"txtMkgSB":"特大",
"dspOK":"OK",
"dspCancel":"キャンセル",
"txtMkToolBar":"マーキング",
"dspPgClear":"このページクリア",
"txtColor":"色",
"txtIndex":"インデックス",
"txtShioriCtnLs":"しおり一覧",
"txtTextCopy":"テキストコピー",
"txtNoTextCopy":"テキストがありません。",
"txtNoSearchResult":"検索結果がありません。",
"msgShioriNotExists":"しおりがありません",
"msgPwdChangeOK":"パスワードを変更しました。",
"msgPwdChangeNG":"パスワード変更に失敗しました。再入力してください。※注意:新規パスワードには英字および数字両方を含める必要があります。",
"msgSearchNotExist":"条件に該当するコンテンツがありません。",
"txtTooltipBack":"戻る",
"txtTooltipBookmark":"しおり追加・削除",
"txtTooltipShowMemo":"メモ表示・非表示",
"txtTooltipAddMemo":"メモ追加",
"txtTooltipShowMarking":"マーキング表示・非表示",
"txtTooltipShowMarkingTool":"マーキングツールバーを表示・非表示",
"msgShioriDeleted":"ページが削除されました。",
"dspViewHistory":"閲覧履歴",
"msgLoginEmpty":"ログイン情報を入力してください",
"msgSaveOk":"保存しました",
"msgPlaceHolder":"キーワードを入力してください",
"txtOpt004":"※コンテンツを開いた時に表示する",
"txtRestoreTitle":"リストア確認",
"txtBackupTitle":"バックアップ確認",
"txtResMsgNotice":"※リストアすると、現時点のローカルのデータでサーバのバックアップデータを上書きします。リストア後、元の状態に復元できませんので、ご注意ください",
"dspChange":"変更",
"msgNoIndex":"インデックスがありません",
"msgBackupSuccess":"のバックアップに成功しました",
"msgBackupFailed":"のバックアップに失敗しました",
"msgRestoreSuccess":"のリストアに成功しました",
"msgRestoreFailed":"のリストアに失敗しました",
"txtDeleteConfirmTitle":"しおり削除確認",
"msgHistoryNotExist":"閲覧履歴はありません。",
"msgChangePassword":"パスワード変更",
"txtMemoEdit":"編集",
"txtMemoCopy":"コピー",
"msgPageImgErr":"コンテンツを表示することができません。コンテンツが削除された可能性があります。ホーム画面に戻り、異なるコンテンツを選択してください。",
"sysAppTitle":"閲覧ウェブ版",
"sysLockScrPwdInput":"パスワードを入力してください",
"txtOpt005":"タブ・ブラウザ終了・F5時のアラートが表示する",
"txtMemoMenu":"メモ編集",
"txtMemoNew":"新規",
"txtMemoPaste":"貼り付け",
"txtMemoClear":"クリア",
"txtMemo":"メモ",
"msgBGMPlayConfirm":"コンテンツBGMが自動再生されます。",
"msgPWDNeedChange":"パスワードの変更が必要です。設定変更画面に戻って変更してください。",
"msgBGMPagePlayConfirm":"ページBGMが自動再生されます。",
"txtBkSelectData":"バックアップするデータを選択してください。",
"txtBkMarking":"マーキング",
"txtBkMemo":"メモ",
"txtBkShiori":"しおり",
"txtResSelect":"リストアするデータを選択してください。",
"txtBkDefault":"バックアップのデフォルト:",
"txtOptPageTrans":"ビューのアニメーション種類",
"txtOptPageTransSlide":"スライド",
"txtOptPageTransFade":"フェード",
"txtOptPageTransRev":"リヴェール&ムーブイン",
"txtOptPageTransPeriod":"アニメーション時間(Sec)",
"msgPushAlert":"新着メッセージがあります!!!",
"txtPushAlert":"通知",
"txtNext":"次>",
"txtPrevious":"<前",
"msgAnonymousLoginErr":"ログインできません。(エラーコード:{0})",
"msgAnonymousLoginErr2":"ログインできません。",
"txtEnqueteTitle":"アンケート",
"txtTransparent":"透明",
"txtSemiTransparent":"半透明",
"txtNoTransparent":"不透明",
"txtContentPWTitle":"パスワードの確認",
"txtContentPWMsg":"閲覧するにはパスワードの入力が必要です。",
"txtContentWarning":"警告",
"txtMediaAutoPlayWarning":"メディアは自動再生されます。",
"txtPreventLink": "プレビューにはこの機能が利用できません。",
"msgContentNotExist": "コンテンツが存在しません。"
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=9,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/backup.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/backup.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/contentsearch.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/contentsearch.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/list_shirori_detail.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.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#" />
<link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" />
<script type="text/javascript" src="./common/js/jquery-1.8.1.min.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.toastmessage.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/i18n.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/avweb.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/common.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/Limit_Access_Content.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentsearch.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/header.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/gotop.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/tab.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/screenLock.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/detail.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./common/js/scrolltopcontrol.js?#UPDATEID#"></script>
</head>
<body>
<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>
</ul>
</div>
</div>
</header>
<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>
<!--<article id="contentDetail" class="contentDetail">
<section id='sectionContentDetail' class='sectionContentDetail'>
<a class="closebtn" href="#" id="contentDetailClose"> </a>
<div id="book_data">
<p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="120" width="160" /></p>
<ul>
<li class="title" id="txtContentTitle">Abook資料</li>
<li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li>
<li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li>
</ul>
<p class="read_btn"><a class="read lang" href="#" id="contentdetail_dspRead" lang="txtRead">読む</a></p>
</div>
<div id="book_list"> </div>
</section>
</article>-->
<div class="wrapper">
<div id="main">
<article class="articlecontentsearch">
<div class="tops">
<div id="main-searchresult">
<span class="lang" lang="txtSearchResult" id="txtSearchResult">検索結果</span>
<input type="text" id="txtSearch" />
<input type="radio" id="main-content" name="main-searchtype" value="1" checked/><span id="main-search-content" class="lang" lang="txtCtnNm">コンテンツ名</span>
<input type="radio" id="main-tag" name="main-searchtype" value="2" /><span id="main-search-tag" class="lang" lang="txtTag">タグ</span>
<input type="radio" id="main-body" name="main-searchtype" value="3" /><span id="main-search-body" class="lang" lang="txtContTxt">本文</span>
<a class="btn_blue lang" href="#" id="main-search" lang="txtSearch">検索</a>
</div>
<br/>
<span class="lang sort-title" lang="txtSort">並び替え</span>
<ul class="sort" id="menu_sort">
<li class="current">
<a id="control-sort-title" class="lang nottouchdevice" lang="dspTitleNm">タイトル名</a>
<!--<label id="title-sorttype"> </label>-->
<b>|</b>
</li>
<li >
<a id="control-sort-titlekana" class="lang nottouchdevice" lang="dspTitleNmKn">タイトル名(かな)</a>
<!-- <label id="titlekana-sorttype"> </label>-->
<b id="separate">|</b>
</li>
<li>
<a id="control-sort-releasedate" class="lang nottouchdevice" lang="txtPubDt" >公開日</a>
<!--<label id="rDate-sorttype"> </label>-->
</li>
</ul>
<p>
<label id="dispPage" class="pageNumControl" style="visibility: hidden"> </label>
<label class="lang pageNumControl" lang="txtRecordNum" style="visibility: hidden"></label >
<label class="pageNumControl" style="visibility: hidden">/</label>
<label id="totalPage" class="pageNumControl" style="visibility: hidden"> </label>
<label class="lang pageNumControl" lang="txtRecordTotal" style="visibility: hidden">件 表示</label>
</p>
</div>
<div class="clearboth"></div>
<div id="content-grid">
</div>
<div style="display:none;" id="msgSearchNotExist" class="lang" lang="msgSearchNotExist"> </div>
<br/>
<section style="height:110px; width:100%;">
<a class="btn_bott" id="control-nextrecord" style="visibility:hidden">次の15件を表示する >></a>
</section>
</article>
</div>
</div>
<article id="contentDetail" style="display:none;">
<section id='sectionContentDetail' class='sectionContentDetail'>
<a class="closebtn" href="#" id="contentDetailClose"> </a>
<div id="book_data">
<p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="25px" width="25px" /></p>
<ul>
<li class="title" id="txtContentTitle">Abook資料</li>
<li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li>
<li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li>
</ul>
<p class="read_btn"><a class="read lang" id="contentdetail_dspRead" lang="txtRead">読む</a></p>
</div>
<div id="book_list"></div>
</section>
</article>
<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>
\ No newline at end of file
<!DOCTYPE html>
<html>
<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">
<meta name="viewport" content="">
<title></title>
<link rel="stylesheet" type="text/css" href="common/css/default.css?#UPDATEID#" />
<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/delete_shiori.css?#UPDATEID#" />
<script type="text/javascript" src="./common/js/jquery-1.8.1.min.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/jquery.cookie.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./common/js/jquery.treeview.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./common/js/jquery.treeview.edit.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./common/js/screenLock.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/htmlparser.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/textObject.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/uuid.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_CallApi.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/contentview_Events.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/contentview_GetData.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/contentview_InitObjects.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/contentview_CreateObjects.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/contentview_General.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/contentview.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_Memo.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_Gomu.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_Maker.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_Pen.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_Marking.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_PopupText.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_Paint.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_Anket.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_3d.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_ContentTypeNone.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_ImagePreview.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/contentview_FileSystem.js?__UPDATEID__"></script>
<script type="text/javascript" src="./common/js/zoomDetector.js?#UPDATEID#" ></script>
<link rel="stylesheet" type="text/css" href="css/reset.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/viewer.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/viewer.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="common/css/jquery.treeview.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/Anket.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/Anket.css?#UPDATEID#" />
<script type="text/javascript" src="./common/js/jquery.powertip.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/script.js?#UPDATEID#"></script>
<style>
html{
-ms-touch-action : none;
}
</style>
</head>
<body id="viewer">
<div id="wrapper">
<!--Viewer component is added here -->
<div id="overlay" class="web_dialog_overlay"> </div>
<div id="dialog" class="web_dialog"> </div>
<div id="divCheckExistMarking" class="check_marking" style="display:none;">
<img src="img/viewer/icon_marked.png" />
</div>
<header id ="header_toolbar" class="header">
<div class = "wrapper_header">
<div id ="top_toolbar" class="hdLcolumn fix">
<span class="hgloupe">
<a id="imgHome" class="home" title="ホーム" lang="dspHome"> </a>
<a id="imgBack" class="back" title="戻る" lang="txtTooltipBack"> </a>
</span>
<span class="gloupe">
<a id="listbookmark" class="bmList" title="しおり一覧" lang="txtShioriCtnLs"> </a>
<a id="imgbookmark" class="bmAdd" title="しおり追加" lang="txtTooltipBookmark"> </a>
</span>
<span class="gloupe">
<a id="listindex" class="index" title="インデックス" lang="txtIndex"> </a>
</span>
<aside id="boxIndex" class="indexBox" style="display: none;">
<h1 id="indexBoxHdIndex" class="indexBoxHd">
<a id="indexClosing" class="delete" > </a>
</h1>
<div id="divListIndex" class="indexBoxBody_on">
</div>
</aside>
<span class="gloupe">
<a id="copytext" class="copy" title="コピー" lang="txtTextCopy"> </a>
</span>
<aside class="bookmarkBox" id ="boxCopyText">
<h1 class="bookmarkBoxHd" id="bookmarkBoxHdCT">
</h1>
<ul id="divCopyText" class="bookmarkBoxBody_on">
</ul>
</aside>
<aside class="bookmarkBox" id="boxBookMark" style="display: none;">
<h1 class="bookmarkBoxHd" id="bookmarkBoxHdBM">
</h1>
<ul id="divListBookmark" class="bookmarkBoxBody_on">
</ul>
</aside>
<span class="gloupe">
<a id="imgmemo" class="memoDisplay" title="メモ表示" lang="txtTooltipShowMemo"> </a>
<a id="imgaddmemo" class="memoAdd" title="メモ追加" lang="txtTooltipAddMemo"> </a>
</span>
<span class="lgloupe">
<a id="imgmarking" class="marking" title="マーキング" lang="txtTooltipShowMarking"> </a>
<a id="imgmarkingtoolbar" class="markingToolbar" title="マーキングツールバー表示" lang="txtTooltipShowMarkingTool"> </a>
</span>
</div>
<div class="hdRcolumn">
<input id="txtSearch" type="text">
<aside id="boxSearching" class="bookmarkBox" style="display: none;">
<h1 id="bookmarkBoxHdSearching" class="bookmarkBoxHd">
</h1>
<ul id="divSearchResult" class="bookmarkBoxBody_on">
</ul>
</aside>
</div>
</div>
</header>
<aside id="boxAddMemo" class="bookmarkBox">
<h1 id="bookmarkBoxHdMemo" class="bookmarkBoxHd">
<a id="memoClosing" class="delete" > </a>
<label class="lang" lang = "txtMemoMenu" > </label>
</h1>
<ul id="divAddMemo" class="bookmarkBoxBody_on">
<br />
<a id="liAddMemo" lang = "txtMemoNew" class="lang cancelbtn"> </a><br />
<a id="liCopyMemo" lang = "txtMemoPaste" class="lang cancelbtn"> </a> <br />
<a id="liDeleteMemo" lang = "txtMemoClear" class="lang cancelbtn"> </a>
<br />
</ul>
</aside>
<div id="button_pre_canvas" class="gBackbtn">
</div>
<div id="button_next_canvas" class="gNextbtn">
</div>
<div id="divDialogMemo">
</div>
<div id="dialog-contenttype-music">
</div>
<div id="dialogPopUp" class="popuptext_web_dialog">
</div>
<div id="arrow" class="popuptext_arrow">
</div>
<div id="pop_up_memo" class="pop-up-memo">
<a id="btn_show_memo" class="lang" lang = "txtMemoEdit" > </a> <br /><br />
<a id="btn_copy_memo" class="lang" lang = "txtMemoCopy"> </a>
</div>
<div id="divImageLoading">
<img src="img/view_loading.gif" width="64px" height="64px">
</div>
<!-- ================================================================================== -->
<!-- Marking group [start]
<!-- ================================================================================== -->
<!-- Marking [start] -->
<aside class="markingBox" id="dlgMarking">
<h1 class="markingBoxHd">
<label class="lang" lang="txtMkToolBar">マーカー(オプション)</label>
<a class="hidden_off" id="dlgMarking_imgMin" > </a>
<a class="hidden_on" id="dlgMarking_imgMax"> </a>
</h1>
<div id="dlgMarking_body" class="markingBoxBody_on">
<ul class="fix">
<li><div id="dlgMarking_imgPen" > </div></li>
<li><div id="dlgMarking_imgPenOption"> </div></li>
<li><div id="dlgMarking_imgMaker"> </div></li>
<li><div id="dlgMarking_imgMakerOption"> </div></li>
<li><div id="dlgMarking_imgEraser"> </div></li>
<li><div id="dlgMarking_imgEraserOption"> </div></li>
</ul>
<a id="dlgMarking_dspPgClear" class="clearbtn lang" lang="dspPgClear">このページクリア</a>
<a id="dlgMarking_dspSave" class="savebtn lang" lang="dspSave" >保存</a>
<a id="dlgMarking_dspCancel" class="cancelbtn lang" lang="dspCancel">キャンセル</a>
</div>
</aside>
<!-- Marking [ end ] -->
<!-- Eraser [start] -->
<div class="rayermenu3" id="dlgGomu">
<div>
<ul>
<li>
<a id="text_dlgGomu_rdo4">
<input type="radio" id="dlgGomu_rdo4" name="rdoSize" value="4"/>
<span><label for="dlgGomu_rdo4" class="lang" lang="txtMkgSB">特大</label></span>
<img class="sizeXL" src="img/viewer/en_xl.png" alt="">
</a>
</li>
<li>
<a id="text_dlgGomu_rdo3">
<input type="radio" id="dlgGomu_rdo3" name="rdoSize" value="3"/>
<span><label for="dlgGomu_rdo3" class="lang" lang="txtMkgB"></label></span>
<img class="sizeL" src="img/viewer/en_l.png" alt="">
</a>
</li>
<li>
<a id="text_dlgGomu_rdo2">
<input type="radio" id="dlgGomu_rdo2" name="rdoSize" value="2"/>
<span><label for="dlgGomu_rdo2" class="lang" lang="txtMkgM"></label></span>
<img class="sizeM" src="img/viewer/en_m.png" alt="">
</a>
</li>
<li>
<a id="text_dlgGomu_rdo1">
<input type="radio" id="dlgGomu_rdo1" name="rdoSize" value="1" checked="checked"/>
<span><label for="dlgGomu_rdo1" class="lang" lang="txtMkgS"></label></span>
<img class="sizeS" src="img/viewer/en_s.png" alt="">
</a>
</li>
</ul>
</div>
<div class="popcolumnR">
<canvas id="dlgGomu_cvMain" class="canvasArea_l" width="98" height="98"> </canvas>
</div>
<div>
<a id="dlgGomu_dspCancel" class="cancelbtn lang" href="#" lang="dspCancel">キャンセル</a>
<a id="dlgGomu_dspOK" class="cancelbtn lang okbtn" href="#" lang="dspOK">OK</a>
</div>
</div>
<!-- Eraser [ end ] -->
<!-- Maker [ start ] -->
<div id="dlgMaker" class="rayermenu1">
<ul class="popcolumnL">
<li>
<a id="marker-oversize-text">
<input type="radio" id="maker-size-oversize" name="maker-size" />
<span><label for="maker-size-oversize" class="lang" lang="txtMkgSB">XL</label></span>
<img class="sizeXL" src="img/viewer/en_xl.png" alt="">
</a>
</li>
<li>
<a id="marker-large-text">
<input type="radio" id="maker-size-large" name="maker-size"/>
<span><label for="maker-size-large" class="lang" lang="txtMkgB">L</label></span>
<img class="sizeL" src="img/viewer/en_l.png" alt="">
</a>
</li>
<li>
<a id="marker-medium-text">
<input type="radio" id="maker-size-medium" name="maker-size"/>
<span><label for="maker-size-medium" class="lang" lang="txtMkgM">M</label></span>
<img class="sizeM" src="img/viewer/en_m.png" alt="">
</a>
</li>
<li>
<a id="marker-small-text">
<input type="radio" id="maker-size-small" name="maker-size"/>
<span><label for="maker-size-small" class="lang" lang="txtMkgS">S</label></span>
<img class="sizeS" src="img/viewer/en_s.png" alt="">
</a>
</li>
</ul>
<div id="makerColorwrapper" class="popcolumnR">
<table cellpadding="0" cellspacing="0" class="colorchip">
<tbody><tr>
<td><a colorId="ff0000" class="color01 colorpicker" href="#"> </a></td>
<td><a colorId="ffff00" class="color02 colorpicker" href="#"> </a></td>
</tr>
<tr>
<td><a colorId="00ff00" class="color03 colorpicker" href="#"> </a></td>
<td><a colorId="00ffff" class="color04 colorpicker" href="#"> </a></td>
</tr>
<tr>
<td><a colorId="0000ff" class="color05 colorpicker" href="#"> </a></td>
<td><a colorId="ff00ff" class="color06 colorpicker" href="#"> </a></td>
</tr>
<tr>
<td><a colorId="ffffff" class="color07 colorpicker" href="#"> </a></td>
<td><a colorId="000000" class="color08 colorpicker" href="#"> </a></td>
</tr>
</tbody>
</table>
<span> </span>
<canvas id="Maker_cvPreviewmaker" class="canvasArea_s" width="98" height="98"> </canvas>
</div>
<div>
<a id="Maker_btnCancel" class="lang cancelbtn" lang="dspCancel">キャンセル</a>
<a id="Maker_btnOk" class="lang cancelbtn okbtn" lang="dspOK">OK</a>
</div>
</div>
<!-- Maker [ end ] -->
<!-- Pen [ start ] -->
<div id="dlgPen" class="rayermenu1">
<ul class="popcolumnL">
<li>
<a id="pen-oversize-text">
<input type="radio" id="pen-size-oversize" name="maker-size"/>
<span><label for="pen-size-oversize" class="lang" lang="txtMkgSB">XL</label></span>
<img class="sizeXL" src="img/viewer/en_xl.png" alt="">
</a>
</li>
<li>
<a id="pen-large-text">
<input type="radio" id="pen-size-large" name="maker-size"/>
<span><label for="pen-size-large" class="lang" lang="txtMkgB">L</label></span>
<img class="sizeL" src="img/viewer/en_l.png" alt="">
</a>
</li>
<li>
<a id="pen-medium-text">
<input type="radio" id="pen-size-medium" name="maker-size"/>
<span><label for="pen-size-medium" class="lang" lang="txtMkgM">M</label></span>
<img class="sizeM" src="img/viewer/en_m.png" alt="">
</a>
</li>
<li>
<a id="pen-small-text">
<input type="radio" id="pen-size-small" name="maker-size"/>
<span><label for="pen-size-small" class="lang" lang="txtMkgS">S</label></span>
<img class="sizeS" src="img/viewer/en_s.png" alt="">
</a>
</li>
</ul>
<div id="penColorwrapper" class="popcolumnR">
<table cellpadding="0" cellspacing="0" class="colorchip">
<tbody><tr>
<td><a colorId="ff0000" class="color01 colorpicker" href="#"> </a></td>
<td><a colorId="ffff00" colorId class="color02 colorpicker" href="#"> </a></td>
</tr>
<tr>
<td><a colorId="00ff00" class="color03 colorpicker" href="#"> </a></td>
<td><a colorId="00ffff" class="color04 colorpicker" href="#"> </a></td>
</tr>
<tr>
<td><a colorId="0000ff" class="color05 colorpicker" href="#"> </a></td>
<td><a colorId="ff00ff" class="color06 colorpicker" href="#"> </a></td>
</tr>
<tr>
<td><a colorId="ffffff" class="color07 colorpicker" href="#"> </a></td>
<td><a colorId="000000" class="color08 colorpicker" href="#"> </a></td>
</tr>
</tbody>
</table>
<span> </span>
<canvas id="Pen_cvPreviewPen" class="canvasArea_s" width="98" height="98"> </canvas>
</div>
<div>
<a id="Pen_btnCancel" class="lang cancelbtn" lang="dspCancel">キャンセル</a>
<a id="Pen_btnOk" class="lang okbtn cancelbtn" lang="dspOK">OK</a>
</div>
</div>
<!-- Pen [ end ] -->
<div id="dlgOverlay"> </div>
<!-- ================================================================================== -->
<!-- Marking group [start]
<!-- ================================================================================== -->
<!-- ================================================================================== -->
<!-- Footer [start]
<!-- ================================================================================== -->
<footer id="footer_toolbar_1" class="footer">
<div class="ftinner">
<!-- slider transition sizing -->
<div class="ftLcolumn">
<!-- slider [start] -->
<div class="slider fix">
<div id="divTxtSlider" class="sld01">
<span><input id="txtSlider" type="text" size="2" maxlength="3"/><label id="lblSlider"> </label></span>
</div>
<a id="control_process" class="sld02"><div id="slider_page" > </div></a>
</div>
<!-- slider [end] -->
<!-- transition [start] -->
<!-- temporary tool tip - must be change "lang" -->
<div id="control_movepage" class="transition fix">
<a id="firstpage" class="begin"> </a>
<a id="prevpage" class="prev"> </a>
<a id="nextpage" class="next"> </a>
<a id="lastpage" class="last"> </a>
</div>
<!-- transition [end] -->
<!-- sizing [start] -->
<!-- temporary tool tip - must be change "lang" -->
<div id="control_zoom" class="sizing">
<a id="zoomin" class="expansion"> </a>
<a id="zoomfit" class="fit"> </a>
<a id="zoomout" class="reduction"> </a>
</div>
<!-- sizing [end] -->
</div>
<!-- toolbar -->
<div class="ftRcolumn">
<a id="control_screen" class="toolbar"> </a>
</div>
</div>
</footer>
<footer class="footerTool" id="footer_toolbar_2">
<div class="ftRcolumn_2">
</div>
</footer>
<a id="control_screen_2" class="toolbar_close" style=""> </a>
<!-- ================================================================================== -->
<!-- Footer [end]
<!-- ================================================================================== -->
<section id="bgmConfirm" class="sectionDeleteConfirm">
<h1 class="lang" lang=""> </h1>
<p class="message lang" lang="msgBGMPlayConfirm" id="txtAudio">このコンテンツはBGMが流れるようになっています。BGMを再生してもよろしいですか?</p>
<p class="deletebtn" ><a id="bgmConfirm_dspOK" lang="dspOK" class="ok_audio lang">OK</a></p>
</section>
<section id="bgmConfirm_page" class="sectionDeleteConfirm">
<h1 class="lang" lang=""> </h1>
<p class="message lang" lang="msgBGMPlayConfirm" id="txtAudio_page">このコンテンツはBGMが流れるようになっています。BGMを再生してもよろしいですか?</p>
<p class="deletebtn" ><a id="bgmConfirm_dspOK_page" lang="dspOK" class="ok_audio lang">OK</a></p>
</section>
<section id="contentVideoConfirm" class="sectionDeleteConfirm">
<h1 class="lang" lang=""> </h1>
<p class="message lang" lang="txtMediaAutoPlayWarning" id="txtContentVideo">Confirm Play Video</p>
<p class="deletebtn" ><a id="contentVideoConfirm_OK" lang="dspOK" class="ok_audio lang">OK</a></p>
</section>
<section id="contentAudioConfirm" class="sectionDeleteConfirm">
<h1 class="lang" lang=""> </h1>
<p class="message lang" lang="txtMediaAutoPlayWarning" id="txtContentAudio">Confirm Play Audio</p>
<p class="deletebtn" ><a id="contentAudioConfirm_OK" lang="dspOK" class="ok_audio lang">OK</a></p>
</section>
</div>
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
</body>
</html>
\ No newline at end of file
/* Latest Update
2012.11.5 write */
body{
margin: 0;
padding: 0;
}
.wrapper {
}
form, ul{ margin:0; padding:0;}
li{ list-style-type:none;}
img{ display:block; border:none;}
#main{
width: 960px;
padding-top: 20px;
overflow: hidden;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
p.go_top{
clear:both;
height:115px;
width:90px;
position: fixed;
bottom: -45px;
right: 20px;
}
.focus{ }
#user_change footer .border .cnt_footer img { display: inline;}
/*2013*/
.PageTop {
float: right;
width: 100px;
}
/*CLEARFIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/
.clearboth { clear: both;}
br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }
.floatL { float: left;}
.floatR { float: right;}
html{
overflow-y:scroll;
}
header{
height: 100px;
width: 100%;
display: block;
}
.cnt_header{
width: 1020px; /*960*/
height: 100px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.cnt_header .logo{
width: 87px;
height: 80px;
display: block;
margin-top: 10px;
float: left;
margin-left: 10px;
}
.cnt_header .menu_login{
margin-top: 33px;
float: left;
margin-left: 10px;
width: 330px;
}
.cnt_header .menu_language{
float: right;
/* width: 520px;*/
width: 570px; /*820*/
}
.cnt_header .menu_language .clearfix{
height: 43px;
}
.cnt_header .menu_language ul{
padding: 0;
text-align: right;
display: inline-block;
line-height: 25px;
margin-top: 15px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
position:relative;
}
.cnt_header .menu_language ul li{
list-style-type: none;
display: inline;
padding-left: 15px;
margin-left: 9px;
}
.cnt_header .menu_language ul li input{
line-height: 15px;
height: 20px;
padding-left: 25px;
width: 175px;
vertical-align: text-bottom;
}
/* abe */
.cnt_header .menu_language ul li.menuIcon{
list-style-type: none;
display: inline;
padding-left: 1px;
margin-left: 1px;
}
/* abe */
.cnt_header .menu_language ul li a{
}
.cnt_header .menu_language ul li a:hover{
}
.cnt_header .menu_language ul li.jp{
margin-left:11px;
}
.cnt_header .menu_language ul li.eng{
}
.cnt_header .menu_language ul li.kor{
margin-left:6px;
}
.button{ float:right; margin-top:20px; margin-right:2px;}
.cnt_header .box_open{
width:180px;
height:120px;
position:absolute;
border:1px solid #999999;
right:0;
top:38px;
display:none;
z-index:9999;
}
.cnt_header .box_open .t_top{
height:19px;
margin:0;
line-height:19px;
padding-left:5px;
}
.cnt_header .box_open ul{ margin:0; padding:3px 0 0 4px;}
.cnt_header .box_open ul li{
list-style-type:none;
margin-bottom:4px;
height:19px;
line-height:18px;
}
.cnt_header .box_open ul li input{ vertical-align:middle;}
.cnt_header .box_open ul li label{ line-height:16px;}
.cnt_header .box_open .btn_search{
width:100px;
height:30px;
display:block;
margin:12px auto 0 auto;
}
.cnt_header .menu_language ul .pushMessage {
text-align: center;
line-height: 25px;
display: inline-block;
padding:0;
}
.cnt_header .menu_language ul .pushMessage span
{
float:left;
display:block;
height:25px;
}
.cnt_header .menu_language ul .pushMessage .icon
{
width:26px;
}
.cnt_header .menu_language ul .pushMessage .arrow
{
width:6px;
margin-right:5px;
}
.cnt_header .menu_language ul.pushMessage a:hover { }
header .cnt_header .menu_language ul li a img { display: inline; }
header .cnt_header .menu_language ul .language {
padding: 0;
margin-left: 0px;
}
header .cnt_header .menu_language .button .menuIcon img { display: inline; }
header .cnt_header .menu_language ul li a#jQueryPush{
}
header .cnt_header .menu_language .button {
/*width: 520px;*/
width: 590px;
position: relative;
}
header .cnt_header .menu_language #header-searchbox {
width: 200px;
position: absolute;
top: 25px;
z-index: 9999;
text-align: left;
right: 0px;
padding-top:5px;
}
header .cnt_header .menu_language #header-searchbox span
{
cursor:pointer;
}
header .cnt_header .menu_language #header-searchbox a#searchbox-search {
height: 20px;
line-height:20px;
/*width: 25px;*/
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 1px 20px;
text-decoration: none;
/*margin: 0 10px 10px 125px;*/
float:right;
display: inline-block;
margin:0 5px 5px 0;
}
header .cnt_header .menu_language #header-searchbox a#searchbox-search:hover {
}
a#searchbox-search:active{
position:relative;
top:1px;
}
/* for pushmessage */
.notification-pushmessage
{
position:fixed;
height:40px;
line-height:40px;
text-align:center;
top:0;
left:0;
right:0;
z-index:10000;
}
.tops ul.sort li.current a.descending_sort{
text-decoration: underline;
padding-right: 15px;
margin-right:5px;
}
.tops ul.sort li.current a.ascending_sort{
text-decoration:underline;
padding-right: 15px;
margin-right:5px;
}
.tops ul.sort li b{
}
.tops ul.sort {
margin: 0;
display:inline-block;
padding: 6px;
}
.tops ul.sort li{
display:inline;
}
.tops ul.sort li a{
padding-left:5px;
padding-right:7px;
}
.tops ul.sort li a:hover{ }
.tops ul.sort li a.active_tops{ }
.tops ul.sort li.sort a:hover{ text-decoration:underline;}
.tops ul.sort li b{
}
.toast-item-loading
{
text-align:center;
height:40px;
}
header .cnt_header .menu_login .username {
margin-top: 20px;
margin-left: 170px;
}
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. section setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html,body{
width:100%;
}
html{
overflow-y:auto;
}
body{
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
height:100%;
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
.wrapper {
width: 100%;
}
#main{
width:960px;
padding:0;
}
a
{
cursor:pointer;
}
article{
width: 900px;
/*height: 543px;*/
padding: 0;
display: block;
/*margin: 50px 30px 30px;*/
margin:20px 30px 20px 30px;
overflow: hidden;
}
section{
width: 500px;
/*height: 325px;*/
display: block;
padding: 25px 0 0;
margin: 25px auto 0;
overflow: hidden;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
section dl,section dl dt,section dl dd{
margin:0;
padding:0;
}
section dl{
width: 450px;
margin: 0 auto 5px;
}
section dl dt{
padding: 5px;
}
section dl dd{
/* [disabled]padding:6px; */
width: 240px;
height: 30px;
}
section dl dd input{
/*background:#00CC66;*/
width: 240px;
height: 30px;
border: none;
margin: 3px 4px;
padding: 0;
}
section .p{
width:300px;
}
section .memory
{
/*width: 300px;*/
vertical-align: middle;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
text-align:center;
}
section .memory input{
vertical-align:middle;
margin:0 5px 0;
padding:0;
}
section .loginbtn {
width: 200px;
margin: 14px auto 0;
}
section a.loginbtn {
width: 160px;
height: 20px;
display: block;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 10px 0;
line-height: 20px;
text-decoration: none;
margin: 20px auto 10px;
text-align: center;
}
section a.loginbtn:hover {
}
#login .wrapper #main article section a.loginbtn:active {
position:relative;
top:1px;
}
section .loginbtn a:not(:target) {
filter: none;
-ms-filter: none;
}
section .loginbtn a:hover:not(:target) {
}
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.fix {
zoom:1;
}
/*------------*/
#login .wrapper {
}
#login footer {
}
#login footer .cnt_footer {
}
#login article section table tr th {
text-align: left;
padding-left:30px;
}
#login .wrapper #main article section table tr td input {
width: 240px;
height: 28px;
}
#login article section table tr th,#login article section table tr td {
padding-bottom: 30px;
}
#login .wrapper #main article section table {
margin:0 30px ;
}
#login footer .border .cnt_footer {
border: none;
}
#login .wrapper #main article img {
margin-right: auto;
margin-left: auto;
}
#loader {
width: 126px;
height: 126px;
display: none;
position: fixed;
_position: absolute; /* IE6対策 */
top: 50%;
left: 50%;
margin-top: -63px; /* heightの半分のマイナス値 */
margin-left: -63px; /* widthの半分のマイナス値 */
z-index: 100;
}
#fade {
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 50;
}
#login .wrapper #main ul
{
margin-top:15px;
}
#login .wrapper #main li {
display: inline-block;
margin-right:5px;
}
/* footer */
footer{
display: block;
height: 58px;
line-height: 60px;
padding-top: 1px;
margin: 0 auto;
width: 100%;
}
.cnt_footer{
text-align: center;
font-size: 10px;
margin: 0 auto;
width: 960px;
}
.focus{ }
#user_change footer .border .cnt_footer img { display: inline;}
#login .wrapper #main article section .error {
margin-top: 20px;
text-align: center;
}
/* anonymous */
#anonymous
{
position:absolute;
top:50%;
left:50%;
margin:-75px 0 0 -83px;
display:none;
}
#normalUser
{
display:none;
}
#formlogin
{
}
#logologin
{
margin-top:220px;
}
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. section setting
6. rayermenu setting
7. indexBox setting
8. bookmarkBox setting
9.
10. Image Preview Setting
11. slider setting
12. transition setting
13. sizing setting
14. toolbar setting
15. glovalbtn setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html{
overflow: hidden;
}
html,body{
width:100%;
height:100%;
}
body{
margin: 0;
padding: 0;
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
max-width:none;
min-width:1000px;
width: 100%;
height: 100%;
position: absolute;
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
header{
max-width: none;
min-width: 1000px;
height: 60px;
overflow: hidden;
position: relative;
}
.wrapper_header{
max-width:none;
min-width:1000px;
height:60px;
/*position:absolute;*/
}
/*ヘッダー左カラム*/
.hdLcolumn{
display:block;
width:900px; /*726*/
float:left;
position:absolute;
}
.hdLcolumn a{
width:46px;
height:0;
padding-top:46px;
display:block;
overflow:hidden;
float:left;
outline: none;
}
.hdLcolumn .gloupe{
display: inline-block;
margin: 0;
padding: 0 17px 0 17px;
float: left;
margin: 7px 0 0;
}
.hdLcolumn .hgloupe{
display: inline-block;
margin: 0;
padding: 0 17px 0 18px;
float: left;
margin: 7px 0 0;
}
.hdLcolumn .lgloupe{
display: inline-block;
margin: 0;
padding: 0 18px 0 17px;
float: left;
margin: 7px 0 0;
}
/*アイコン基本設定*/
.hdLcolumn a.home{ width:48px; }
.hdLcolumn a.back{margin:0 0 0 11px; width:48px;}
.hdLcolumn a.bmList{ width:48px; }
.hdLcolumn a.bmAdd{margin:0 0 0 11px; width:67px;}
.hdLcolumn a.index{ width:47px; }
.hdLcolumn a.copy{ width:67px; }
.hdLcolumn a.memoDisplay{ width:68px;}
.hdLcolumn a.memoAdd{margin:0 0 0 11px; width:48px;}
.hdLcolumn a.marking{ width:97px; }
.hdLcolumn a.markingToolbar{margin:0 0 0 11px; }
.hdLcolumn a.home_device{ width:48px; }
.hdLcolumn a.back_device{margin:0 0 0 11px; width:48px;}
.hdLcolumn a.bmList_device{ width:48px; }
.hdLcolumn a.bmAdd_device{margin:0 0 0 11px; width:67px;}
.hdLcolumn a.index_device{ width:47px; }
.hdLcolumn a.copy_device{ width:67px; }
.hdLcolumn a.memoDisplay_device{ width:68px;}
.hdLcolumn a.memoAdd_device{margin:0 0 0 11px; width:48px;}
.hdLcolumn a.marking_device{ width:97px; }
.hdLcolumn a.markingToolbar_device{margin:0 0 0 11px; }
/*オンマウス時*/
.hdLcolumn a:hover.home{ width:48px; }
.hdLcolumn a:hover.back{ width:48px; }
.hdLcolumn a:hover.bmList{ width:48px; }
.hdLcolumn a:hover.bmAdd{ width:67px; }
.hdLcolumn a:hover.index{ width:47px; }
.hdLcolumn a:hover.copy{ width:67px; }
.hdLcolumn a:hover.memoDisplay{ width:68px; }
.hdLcolumn a:hover.memoAdd{ width:48px; }
.hdLcolumn a:hover.marking{ width:97px; }
.hdLcolumn a:hover.markingToolbar{}
/*リンクオフ時*/
#viewer .hdLcolumn a.home_off{ width:48px; }
#viewer .hdLcolumn a.back_off{margin:0 0 0 11px; width:48px;}
#viewer .hdLcolumn a.bmList_off{ width:48px; }
#viewer .hdLcolumn a.bmAdd_off{margin:0 0 0 11px; width:67px;}
#viewer .hdLcolumn a.index_off{ width:47px;}
#viewer .hdLcolumn a.copy_off{ width:67px;}
#viewer .hdLcolumn a.memoDisplay_off{ width:68px; }
#viewer .hdLcolumn a.memoAdd_off{margin:0 0 0 11px; width:48px; }
#viewer .hdLcolumn a.marking_off{ width:97px; }
#viewer .hdLcolumn a.markingToolbar_off{margin:0 0 0 11px; }
/*リンクオフ時*/
#viewer .hdLcolumn a.bmList_hover{ width:48px; }
#viewer .hdLcolumn a.bmAdd_hover{margin:0 0 0 11px; width:67px; }
#viewer .hdLcolumn a.index_hover{ width:47px; }
#viewer .hdLcolumn a.copy_hover{ width:67px; }
#viewer .hdLcolumn a.memoDisplay_hover{ width:68px; }
#viewer .hdLcolumn a.memoAdd_hover{margin:0 0 0 11px; width:48px; }
#viewer .hdLcolumn a.marking_hover{ width:97px; }
#viewer .hdLcolumn a.markingToolbar_hover{margin:0 0 0 11px; }
/*ヘッダー右カラム*/
.hdRcolumn{
display:block;
width:274px;
height:60px;
overflow:hidden;
float:right;
position:absolute;
right:0;
}
.hdRcolumn input{
width: 215px;
height: 28px;
display: inline-block;
float: left;
margin: 15px 10px 0 0;
padding-left: 29px;
}
.hdRcolumn .search{
width:64px;
height:19px;
margin:18px 0 0;
padding:7px 0 0;
text-align:center;
display:inline-block;
float:left;
}
.hdRcolumn a:hover.search{
}
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
.footerTool{
width:100%;
height:60px;
position:fixed;
bottom: 0px;
}
.ftRcolumn_2 {
width:75px;
float:right;
overflow:hidden;
}
.footer{
width: 100%;
height: 60px;
position: fixed;
bottom: 0;
}
.ftinner{
max-width:none;
min-width:1000px;
height:60px;
}
/*フッター左カラム*/
.ftLcolumn{
width: 925px;
float: left;
overflow: hidden;/* padding-left:100px;*/
}
/*フッター右カラム*/
.ftRcolumn{
width: 75px;
float: right;
overflow: hidden;
height: 39px;
margin-top: 14px;
}
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
article{
display:table;
width:100%;
min-height:100%;
height:700px;
max-width:none;
min-width:800px;
margin:0 auto 0;
}
section{
}
/*----------------------------*/
/* 5. markingBox setting */
/*----------------------------*/
aside.markingBox {
width:160px;
display:block;
position:fixed;
left:250px;
z-index: 1;
}
aside.markingBox .markingBoxHd {
width: 155px;
height: 25px;
line-height: 25px;
padding: 0 0 0 5px;
}
aside.markingBox .markingBoxHd .delete{
width:16px;
height:16px;
display:block;
float:right;
margin:4px -11px 0 21px;
}
aside.markingBox .markingBoxHd .hidden_off{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 26px 0 -26px;
}
aside.markingBox .markingBoxHd .hidden_on{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 26px 0 -26px;
}
aside.markingBox .markingBoxBody_on{
width:158px;
height:339px;
padding:15px 0 0;
}
aside.markingBox .markingBoxBody_off{
width:158px;
height:339px;
padding:15px 0 0;
display:none;
}
aside.markingBox ul{
width:140px;
margin:0 0 0 14px;
padding:0 0 5px;
}
aside.markingBox ul li{
width:60px;
height:60px;
display:block;
float:left;
margin:0 10px 10px 0;
}
/*キャンバスエリア*/
aside.markingBox .canvasArea {
width:128px;
height:128px;
margin:0 auto 0;
clear:both;
}
a.clearbtn{
display:block;
width:128px;
text-align:center;
margin:0px 0 10px 14px;
padding:7px 0;
}
a.savebtn{
display:block;
width:128px;
padding:7px 0;
text-align:center;
margin:0 0 10px 14px;
}
a.cancelbtn{
display:block;
width:128px;
padding:7px 0;
text-align:center;
margin:0 0 0 14px;
}
a:hover.clearbtn{
}
a:hover.savebtn{
}
a:hover.cancelbtn{
}
/*----------------------------*/
/* 6. rayermenu setting */
/*----------------------------*/
.rayermenu1{
display:none;
width:236px;
height:150px;
/*position:relative;*/
/*
top:-63px;
right:-138px;*/
z-index: 101;
margin-left: 10px;
padding:15px 15px 13px;
}
.rayermenu1 ul{
width:85px;
height:120px;
margin:0 21px 0 0;
float:left;
}
.rayermenu1 ul li{
display:block;
width:85px;
height:28px;
margin:0 0 2px;
padding:0;
float:none;
}
.rayermenu1 ul li a {
display:block;
width:85px;
height:28px;
line-height:28px;
vertical-align:middle;
text-align:left;
padding:0;
margin:0 0 2px;
}
.rayermenu1 ul li a:hover {
}
.rayermenu1 ul li img {
vertical-align:middle;
line-height:28px;
}
.rayermenu1 ul li a span {
display:block;
width:35px;
padding:0 0 0 10px;
text-align:center;
float:left;
}
.sizeXL {margin:0 0 0 5px;}
.sizeL {margin:0 0 0 7px;}
.sizeM {margin:0 0 0 9px;}
.sizeS {margin:0 0 0 10px;}
.rayermenu1 .popcolumnR {
width:130px;
float:left;
}
.rayermenu1 .popcolumnR .colorchip{
width:40px;
float:left;
margin:0 10px 9px 0;
}
.rayermenu1 .popcolumnR .colorchip a{
width:18px;
height:18px;
display:block;
}
.rayermenu1 .popcolumnR .colorchip a:hover{
/*
width:16px;
height:16px;*/
}
.rayermenu1 .popcolumnR .colorchip .color01{
}
.rayermenu1 .popcolumnR .colorchip .color02{
}
.rayermenu1 .popcolumnR .colorchip .color03{
}
.rayermenu1 .popcolumnR .colorchip .color04{
}
.rayermenu1 .popcolumnR .colorchip .color05{
}
.rayermenu1 .popcolumnR .colorchip .color06{
}
.rayermenu1 .popcolumnR .colorchip .color07{
}
.rayermenu1 .popcolumnR .colorchip .color08{
}
.rayermenu1 div .canvasArea_s{
width:78px;
height:78px;
display:block;
float:left;
}
.rayermenu1 div .cancelbtn{
clear:both;
display:block;
width:110px;
padding:0;
text-align:center;
line-height:26px;
margin:0;
float: right;
}
.rayermenu1 div a:hover.cancelbtn{
/* clear:both;*/
display:block;
width: 110px;
padding:0;
text-align:center;
line-height:26px;
margin:0;
}
.rayermenu1 div .okbtn{
float :left;
clear: none;
}
/*レイヤーメニュー2*/
/*レイヤーメニュー3*/
.rayermenu3{
display: none;
width:206px;
height:150px;
position:absolute;
/*top:-63px;*/
/*right:-138px;*/
/*z-index:10;*/
z-index:101;
margin:0;
padding:15px 15px 13px;
}
.rayermenu3 ul{
width:85px;
height:120px;
margin:0 21px 0 0;
float:left;
}
.rayermenu3 ul li{
display:block;
width:85px;
height:28px;
margin:0 0 2px;
padding:0;
float:none;
}
.rayermenu3 ul li a {
display:block;
width:85px;
height:28px;
line-height:28px;
vertical-align:middle;
text-align:left;
padding:0;
margin:0 0 2px;
}
.rayermenu3 ul li a:hover {
}
.rayermenu3 ul li img {
vertical-align:middle;
line-height:28px;
}
.rayermenu3 ul li a span {
display:block;
width:35px;
padding:0 0 0 10px;
text-align:center;
float:left;
}
.sizeXL {margin:0 0 0 5px;}
.sizeL {margin:0 0 0 7px;}
.sizeM {margin:0 0 0 9px;}
.sizeS {margin:0 0 0 10px;}
.rayermenu3 .popcolumnR {
width:100px;
float:left
}
.rayermenu3 div .canvasArea_l{
width:88px;
height:88px;
margin:0 0 9px;
display:block;
float:left;
}
.rayermenu3 div .cancelbtn{
clear:both;
display:block;
width:98px;
padding:0;
text-align:center;
line-height:26px;
margin:0;
float : right;
}
.rayermenu3 div a:hover.cancelbtn{
/*clear:both;*/
display:block;
width:98px;
padding:0;
text-align:center;
line-height:26px;
margin:0;
}
.rayermenu3 div .okbtn{
float :left;
clear: none;
}
/*----------------------------*/
/* 7. indexBox setting */
/*----------------------------*/
aside.indexBox {
width:388px;
height:388px;
display:block;
position:fixed;
left:700px;
}
aside.indexBox .indexBoxHd {
width:383px;
height:25px;
line-height:25px;
padding:0 0 0 5px;
}
aside.indexBox .indexBoxHd .delete{
width:16px;
height:16px;
display:block;
float:right;
margin: 4px 4px 0px 21px;
}
aside.indexBox .indexBoxHd .hidden_off{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 26px 0 -26px;
}
aside.indexBox .indexBoxHd .hidden_on{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 26px 0 -26px;
}
aside.indexBox .indexBoxBody_on{
width:370px;
height:362px;
padding:5px 8px 0;
overflow:auto;
}
aside.indexBox .indexBoxBody_off{
width:408px;
height:357px;
padding:5px 0 0;
display:none;
overflow:auto;
}
aside.indexBox #branch1 {
padding-bottom:10px;
}
.indexBox ul{ margin:0;padding:0px 9px 0 9px;}
.indexBox ul li{line-height:1.5}
.indexBox ul li a{
}
.indexBox ul li a:hover{}
/*----------------------------*/
/* 8. bookmarkBox setting */
/*----------------------------*/
aside.bookmarkBox {
width:200px;
height: 189px;
display:block;
position:fixed;
top:280px;
left:450px;
}
aside.bookmarkBox .bookmarkBoxHd {
width:195px;
height:25px;
line-height:25px;
padding:0 0 0 5px;
}
aside.bookmarkBox .bookmarkBoxHd .delete{
width:16px;
height:16px;
display:block;
float:right;
margin: 4px 4px 0px 21px;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_off{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 26px 0 -26px;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_on{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 26px 0 -26px;
}
aside.bookmarkBox .bookmarkBoxBody_on{
width:198px;
height:163px;
overflow:auto;
vertical-align:middle;
}
aside.bookmarkBox .bookmarkBoxBody_off{
width:198px;
height:163px;
display:none;
overflow:auto;
}
aside.bookmarkBox li{
padding:4px;
overflow:hidden;
line-height:15px;
vertical-align:middle;
}
aside.bookmarkBox label{
padding:4px;
overflow:hidden;
line-height:15px;
vertical-align:middle;
}
aside.bookmarkBox div{
padding:4px;
overflow:hidden;
line-height:15px;
vertical-align:middle;
}
aside.bookmarkBox li .imgbox{
/*
width:44px;
height:43px;*/
display:table-cell;
float:left;
margin:0 4px 0 0;
}
aside.bookmarkBox li .mdltext{
display:table-cell;
vertical-align:middle;
layout-grid-line:120px;
width:120px;
height:43px;
}
aside.bookmarkBox .last{
}
/*----------------------------*/
/* 9. Memo setting */
/*----------------------------*/
aside.MemoIndexBox a:hover{
}
aside.MemoIndexBox {
width: 466px;
display:block;
position:absolute;
/*left:700px;*/
}
aside.MemoIndexBox .indexBoxHd {
width: 461px;
height:25px;
line-height:25px;
padding:0 0 0 5px;
}
aside.MemoIndexBox .indexBoxHd .delete{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 2px 0 21px;
}
aside.MemoIndexBox .indexBoxHd .hidden_off{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 26px 0 -26px;
}
aside.MemoIndexBox .indexBoxHd .hidden_on{
width:16px;
height:16px;
display:block;
float:right;
margin:4px 26px 0 -26px;
}
aside.MemoIndexBox .indexBoxBody_on{
height:357px;
width: 458px;
padding: 3px;
overflow:auto;
}
aside.MemoIndexBox .indexBoxBody_off{
width:458px;
height:357px;
padding:5px 0 0;
display:none;
overflow:auto;
}
.indexBox ul li a:hover{}
.parentMemoDialogImportantCss{
}
.memoDialogImportantCss{
height: 400px !important;
padding: 0!important;
overflow: hidden !important;
}
/*----------------------------*/
/* 10.Image preview setting */
/*----------------------------*/
#slideWrapper
{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.gallery-image
{
width: 80%;
margin: 0 auto;
margin-top:1%;
height: 65%;
position: relative;
overflow: hidden;
}
.slideshow-control
{
width: 10%;
}
.gallery-thumb
{
width: 100%;
margin: 0 auto;
margin-top: 2%;
height: 20%;
}
#selector-img
{
height: 100%;
width: 80%;
margin: 0 auto;
position: relative;
left: 20px;
}
#control-prev
{
float: left;
}
#control-next
{
float: right;
clear:none;
position: relative;
top: -100%;
}
.main-control
{
width: 10%;
height: 100%;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#main-control-prev
{
float: left;
z-index: 1;
position: relative;
}
#main-control-next
{
float: right;
clear:none;
z-index: 1;
position: relative;
top: -100%;
}
.slideshow-control img
{
height:50%;
width: 50%;
margin-top: 40%;
}
#control-prev img
{
float:right;
}
#main-img
{
height:100%;
width: 100%;
z-index: 0;
position: relative;
}
.mainThumbnail
{
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 100%;
width: 100%;
position: absolute;
display: block;
}
.thumbnail
{
width: 15%;
height: 100%;
padding: 2px;
margin: 0% 1%;
display: block;
vertical-align: middle;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
float: left;
clear: none;
position: relative;
}
.first
{
margin-left: 23px;
}
/*----------------------------*/
/* 11. slider setting */
/*----------------------------*/
.slider {
width: 497px;
height: 41px;
float: left;
margin-top: 10px;
/*margin-left: 10px;*/
}
.slider .sld01{
display: table;
width: 107px;
height: 18px;
padding: 1px 2px 1px 1px;
float: left;
margin: 12px 0 0 8px;
text-align: center;
}
.slider .sld01 span{
display: inline-block;
margin: 2px 0 0 6px;
vertical-align: baseline;
}
.slider .sld01 span input{
border: none;
width: 20px;
line-height: 1;
padding: 0;
margin: 0;
vertical-align: baseline;
/*text-align: right;*/
}
.slider .sld01 .move{
width:21px;
height:21px;
display:block;
float:right;
}
.slider .sld02{
width: 28px;
height: 28px;
display: block;
float: right;
margin: 9px 20px 0 0;
}
/*----------------------------*/
/* 12. transition setting */
/*----------------------------*/
.transition {
width: 230px;
height: 34px;
padding: 4px;
float: left;
margin: 10px 0 0 2px;
}
/*ボタン設定*/
.transition a{
height: 0;
padding-top: 34px;
display: block;
overflow: hidden;
float: left;
outline: none;
line-height: 1;
}
.transition .begin {
width: 59px;
}
.transition a:hover.begin {
}
.transition .begin_off {
width: 59px;
}
.transition .prev {
width: 56px;
}
.transition a:hover.prev {
}
.transition .prev_off {
width: 56px;
}
.transition .next {
width: 56px;
}
.transition a:hover.next {
}
.transition .next_off {
width: 56px;
}
.transition .last {
width: 59px;
}
.transition a:hover.last {
}
.transition .last_off {
width: 59px;
}
.transition .begin_device {width: 59px;}
.transition .prev_device {width: 56px;}
.transition .next_device { width: 56px;}
.transition .last_device {width: 59px;}
/*----------------------------*/
/* 13. sizing setting */
/*----------------------------*/
.sizing {
width:173px;
height: 34px;
padding: 4px;
float: left;
margin: 10px 0 0 2px;
}
/*ボタン設定*/
.sizing a{
width: 173px;
height: 0;
padding-top: 34px;
display: block;
overflow: hidden;
float: left;
outline: none;
line-height: 1;
}
.sizing .expansion {
width: 56px;
}
.sizing a:hover.expansion {
}
.sizing .expansion_off {
width: 56px;
}
.sizing .fit {
width: 56px;
}
.sizing a:hover.fit {
}
.sizing .fit_off {
width: 56px;
}
.sizing .reduction {
width: 60px;
}
.sizing a:hover.reduction {
}
.sizing .reduction_off {
width: 60px;
}
.sizing .expansion_device {width: 56px;}
.sizing .fit_device {width: 56px;}
.sizing .reduction_device {width: 60px;}
/*----------------------------*/
/* 14. toolbar setting */
/*----------------------------*/
.toolbar {
/* [disabled]width: 39px; */
padding-top: 60px;
display: block;
overflow: hidden;
/*margin-top: 15px;*/
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
.toolbar_device {
/* [disabled]width: 39px; */
/*margin-top: 15px;*/
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding-top: 60px;
display: block;
overflow: hidden;
}
.toolbar_off {
width: 60px;
height: 0px;
padding-top: 60px;
display: block;
overflow: hidden;
font-size: 0;
position: absolute;
margin: -130px 0 0 10px;
}
a:hover.toolbar {
}
.toolbar_close {
display: block;
height: 39px;
width: 39px;
position: absolute;
right: 25px;
z-index: 1;
/*bottom: 70px;*/
}
.toolbar_close_device {
display: block;
height: 39px;
width: 39px;
position: absolute;
right: 25px;
z-index: 1;
/*bottom: 70px;*/
}
a.toolbar_close:hover {
background-position: 0 -39px;}
/*----------------------------*/
/* 15. glovalbtn setting */
/*----------------------------*/
.gNextbtn {
width: 54px;
height: 0;
padding-top: 72px;
display: block;
overflow: hidden;
position: absolute;
right: 20px;
top: 50%;
margin: -27px 0 0 0;
}
.gBackbtn {
width: 50px;
height: 0;
padding-top: 72px;
display: block;
overflow: hidden;
position: absolute;
left: 20px;
top: 50%;
margin: -27px 0 0 0;
}
/*----------------------------*/
/* 16. Other Setting */
/*----------------------------*/
/* slider bar [start]*/
.ui-slider-horizontal .ui-state-default {
width: 300px;
height: 140px;
margin-left: -39px;
top: -68px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
top: 6px;
right: 319px;
}
div .ui-slider-range, .ui-widget-header, .ui-slider-range-max {
background: transparent;
}
.ui-slider .ui-slider-handle {width: 1.5em !important; height: 1.5em !important;}
.ui-slider-horizontal .ui-slider-handle { top: -.4em !important; margin-left: -.5em !important; }
.ui-widget-content { border: none !important; background: none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { }
#slider_page{width: 350px;}
/* slider bar [end]*/
/* loading image [start]*/
#divImageLoading{
left: 45%;
top: 45%;
position: fixed;
display: none;
width:70px;
height:70px;
z-index: 3;
}
#divImageLoading img{
padding-left: 3px;
padding-top: 3px;
}
/* loading image [end]*/
/* navigate button [start]*/
#button_pre_canvas{
position:absolute;
z-index: 1;
}
#button_next_canvas{
position:absolute;
z-index: 1;
}
.nav {
}
/* navigate button [end]*/
/* dialog [start]*/
.web_dialog{
padding-top:100px;
display: none;
position: fixed;
width:60%;
height:80%;
left: 20%;
top: 10%;
padding: 0px;
z-index: 102;
}
.web_dialog_overlay{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0;
z-index: 101;
display: none;
}
.align_right{
float:right;
width:18px;
height:18px;
}
.content_image_preview{
padding-top: 10px;
}
.popuptext_web_dialog {
display: none;
position: absolute;
width: auto;
height: auto;
margin-left: auto;
margin-top: auto;
padding: 15px;
z-index: 102;
z-index: 101;
}
.popuptext_arrow {
display:none;
z-index: 102;
content: ' ';
position: absolute;
top: 100%;
width: 0;
height: 0;
}
/* HOVER STYLES */
.pop-up-memo {
display: none;
position: absolute;
width: 100px;
padding: 10px;
z-index: 101;
}
.pop-up-memo a:hover{
}
.check_marking{
top:70px;
left:20px;
position:absolute;
}
/* dialog [end]*/
/* dialog confirm bgm [start]*/
#bgmConfirm
{
position: absolute;
display: none;
}
.sectionDeleteConfirm .deletebtn a.ok_audio {
position:relative;
margin: 0 120px 0 0;
}
/* dialog confirm bgm [end]*/
/* Marking tool bar [start]*/
.pen_selected{
width:60px;
height:60px;
}
.pen_hover{
width:60px;
height:60px;
}
.pen_hover:hover{
width:60px;
height:60px;
}
.maker_selected{
width:60px;
height:60px;
}
.maker_hover{
width:60px;
height:60px;
}
.maker_hover:hover{
width:60px;
height:60px;
}
.eraser_selected{
width:60px;
height:60px;
}
.eraser_hover{
width:60px;
height:60px;
}
.eraser_hover:hover{
width:60px;
height:60px;
}
.pen_option_selected{
width:60px;
height:60px;
}
.pen_option_hover{
width:60px;
height:60px;
}
.pen_option_hover:hover{
width:60px;
height:60px;
}
.maker_option_selected{
width:60px;
height:60px;
}
.maker_option_hover{
width:60px;
height:60px;
}
.maker_option_hover:hover{
width:60px;
height:60px;
}
.eraser_option_selected{
width:60px;
height:60px;
}
.eraser_option_hover{
width:60px;
height:60px;
}
.eraser_option_hover:hover{
width:60px;
height:60px;
}
.toolbar_icon_on{
}
/* Marking tool bar [end]*/
/* Box Copy Text dialog [start]*/
#boxCopyText{
display: none;
width:400px;
height:375px;
}
#boxCopyText h1{
width:395px;
}
#boxCopyText ul{
width:100%;
height:93.4%;
overflow: auto;
}
/* Box Copy Text dialog [end]*/
/* Box Copy Text dialog [start]*/
#boxAddMemo{
display: none;
height:180px;
}
#boxAddMemo ul{
height:156px;
}
#boxAddMemo ul a{
margin-left:35px;
}
/* Box Copy Text dialog [end]*/
/* Box Memo dialog [start]*/
#divDialogMemo{
width:466px;
height:389px;
display:none;
position: fixed;
}
/* Box Memo dialog [end]*/
/* Box music dialog [start]*/
#dialog-contenttype-music{
width:466px;
height:389px;
display:none;
position: absolute;
}
/* Box music dialog [end]*/
/* Box marking dialog [start]*/
#dlgMarking{
display: none;
}
#dlgMarking h1 a.hidden_off{
margin:4px 4px 0 -26px;
}
#dlgMarking h1 a.hidden_on{
display: none;
margin:4px 4px 0 -26px;
}
/* Box marking dialog [end]*/
/* Box eraser dialog [start]*/
#dlgGomu div:first-child{
float: left;
display: block;
}
#dlgGomu ul{
list-style: none;
}
#dlgGomu input[type='radio']{
display: none;
}
/* Box eraser dialog [end]*/
/* Box maker dialog [start]*/
#dlgMaker input[type='radio']{
display: none;
}
/* Box maker dialog [end]*/
/* Box pen dialog [start]*/
#dlgPen input[type='radio']{
display: none;
}
/* Box pen dialog [end]*/
/* footer dialog [start]*/
#footer_toolbar_2 a{
}
/* common dialog [start]*/
#dialog h1{
height:25px;
}
#dialog h1 img#btnClose{
}
/* common dialog [end]*/
/* Alert Content Dialog [Start] */
.sectionLimitAccess {
width:420px !important;
height: auto !important;
display: none ;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
z-index: 101 !important;
}
.sectionLimitAccess h1{
margin:0 0 38px 0 !important;
padding:0 !important;
height:64px !important;
line-height:62px !important;
text-align:center !important;
}
.sectionLimitAccess p{
text-align:center !important;
}
.sectionLimitAccess p.message{
}
.sectionLimitAccess p.message .error
{
display:block !important;
padding:15px 0 0 0 !important;
}
.sectionLimitAccess p.message .text
{
padding:0 10px 0 0 !important;
display:block !important;
margin-bottom:15px !important;
}
.sectionLimitAccess p.message input
{
width:200px !important;
height:20px !important;
padding:2px !important;
}
.sectionLimitAccess .deletebtn {
width:325px !important;
height:25px !important;
line-height:25px !important;
margin:30px auto !important;
text-align:center !important;
}
.sectionLimitAccess .deletebtn a
{
margin-left:10px !important;
width:85px !important;
height:21px !important;
line-height:21px !important;
text-align:center !important;
display: inline-block !important;
padding: 2px 0 !important;
}
.sectionLimitAccess .deletebtn a:hover {
}
.sectionLimitAccess .deletebtn a:active {
position:relative !important;
top:1px !important;
}
.sectionLimitAccess .deletebtn a:not(:target) {
}
/* Alert Content Dialog [End] */
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.fix {
zoom:1;
}
/*------------*/
.markingToolbar_off_hover
{
}
ul#divSearchResult li:hover{}
ul#divListBookmark li:hover{}
#control_screen_2{
position: absolute;
z-index: 2;
bottom: 20px;
right:20px;
display:none
}
#powerTip{
z-index: 999 !important;
}
span.error{
}
span.no-item{
}
.dialog-content-music{
}
.imagePreview-one{
}
.picker-choose-on{
}
.picker-choose-off{
}
/* Latest Update
2012.11.5 write */
body{
background: #f4f4f4;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.wrapper {
background-color: #EDF2F2;
}
form, ul{ }
li{ }
img{ }
#main{
}
p.go_top{
}
.focus{ color: #969696;}
#user_change footer .border .cnt_footer img { }
/*2013*/
.PageTop {
}
/*CLEARFIX*/
.clearfix:after { }
.clearfix { }
/*\*/
* html .clearfix { }
.clearfix { }
/**/
.clearboth {}
br.clear { }
.floatL { }
.floatR { }
#avw-auth-error
{
color: #fff;
background: #ccc;
}
header{
background-image: url(../../img/common/header_border.jpg) ,url(../../img/common/header_bg.jpg);
background-repeat: repeat-x, repeat;
background-position: bottom, top;
}
.cnt_header{
}
.cnt_header .logo{
background-image: url(../../img/common/logo.png);
background-repeat: no-repeat;
}
.cnt_header .menu_login{
font-size: 12px;
color: #FFF;
}
.cnt_header .menu_language{
font-size: 12px;
color: #333333;
}
.cnt_header .menu_language ul{
}
.cnt_header .menu_language ul li{
}
.cnt_header .menu_language ul li input{
border: 1px solid #999999;
border-radius: 3px;
font-size: 12px;
background: url(../../img/common/icon_serch.png) 3px 2px no-repeat;
behavior: url("/PIE.htc");
/* dh */
background-color: #FFF
}
.cnt_header .menu_language ul li a{
color:#000;
text-decoration:none;
}
.cnt_header .menu_language ul li a:hover{
text-decoration:underline;
}
.cnt_header .menu_language ul li.jp{
background: url(../../img/common/flg_jpn.png) no-repeat left center;
}
.cnt_header .menu_language ul li.eng{
background: url(../../img/common/flg_usa.png) no-repeat left center;
}
.cnt_header .menu_language ul li.kor{
background: url(../../img/common/flg_kor.png) no-repeat left center;
}
.button{ }
.cnt_header .box_open{
background:#fff;
}
.cnt_header .box_open .t_top{
color:#cccccc;
font-size:10px;
border-bottom:1px solid #999999;
}
.cnt_header .box_open ul{ }
.cnt_header .box_open ul li{
color:#333333;
font-size:12px;
}
.cnt_header .box_open ul li input{ }
.cnt_header .box_open ul li label{ }
.cnt_header .box_open .btn_search{
background:url(../../img/common/btn_search.png) no-repeat;
}
.cnt_header .menu_language ul .pushMessage {
/*background-image: url(../../img/common/icon_newmessage.png), url(../../img/common/icon_triangle.png), url(../../img/common/box_pushmessage.jpg);
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: 5px center, right 5px center, bottom;
border: solid 1px #CCCCCC;*/
background: url(../../img/common/box_pushmessage.jpg) repeat-x;
border: solid 1px #CCCCCC;
}
.cnt_header .menu_language ul .pushMessage span
{
float:left;
display:block;
height:25px;
}
.cnt_header .menu_language ul .pushMessage .icon
{
background: url(../../img/common/icon_newmessage.png) no-repeat center;
width:26px;
}
.cnt_header .menu_language ul .pushMessage .arrow
{
background: url(../../img/common/icon_triangle.png) no-repeat center;
width:6px;
margin-right:5px;
}
.cnt_header .menu_language ul.pushMessage a:hover { text-decoration: none; }
header .cnt_header .menu_language ul li a img { display: inline; }
header .cnt_header .menu_language ul .language {
padding: 0;
margin-left: 0px;
}
header .cnt_header .menu_language .button .menuIcon img { display: inline; }
header .cnt_header .menu_language ul li a#jQueryPush{
text-decoration: none !important;
color:#333;
}
header .cnt_header .menu_language .button {
}
header .cnt_header .menu_language #header-searchbox {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}
header .cnt_header .menu_language #header-searchbox span
{
}
header .cnt_header .menu_language #header-searchbox a#searchbox-search {
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color: #23486F;
border: 1px solid #0C274D;
color: #ffffff;
}
header .cnt_header .menu_language #header-searchbox a#searchbox-search:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
background-color:#36638B;
}
a#searchbox-search:active{
}
.tops ul.sort {
border: 1px solid #B3B3B3;
border-radius: 4px;
}
.tops ul.sort li{
}
.tops ul.sort li a{
font-size: 12px;
color: #333333;
text-decoration: none;
}
.tops ul.sort li.sort a:hover{ text-decoration:underline;}
.tops ul.sort li.current a.descending_sort{
color: #2d83da;
background: url(../../img/common/icon_triangle_d.png) no-repeat right 5px;
}
.tops ul.sort li.current a.ascending_sort{
color:#2d83da;
background:url(../../img/common/icon_triangle_u.png) no-repeat right 5px;
}
.tops ul.sort li b{
font-weight: normal;
font-size: 12px;
}
.tops ul.sort li b{
font-weight: normal;
font-size: 12px;
}
/* for pushmessage */
.notification-pushmessage
{
background-color:#bde;
opacity:0.8;
border:solid 1px #333;
color:#000;
border:solid 1px #000;
font-weight:bold;
font-size:13px;
}
.toast-item-loading
{
text-align:center;
height:40px;
background:url(../../img/data_loading.gif) no-repeat center;
}
header .cnt_header .menu_login .username {
overflow: hidden;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 160px;
white-space: nowrap;
}
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. section setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html,body{
}
body{
background:#FA0014;
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
.wrapper {
}
#main{
}
a
{
cursor:pointer;
}
article{
}
section{
border: 1px solid #cccccc;
-webkit-box-shadow: 0px 1px 2px 0px #666;
-moz-box-shadow: 0px 1px 2px 0px #666;
box-shadow: 0px 1px 2px 0px #666;
background-color: #FFF;
}
section dl,section dl dt,section dl dd{
}
section dl{
}
section dl dt{
color: #FA0014;
font-size: 13px;
font-weight: bolder;
}
section dl dd{
background: url(../../img/login/loginbg.png) 0 0 no-repeat;
/* [disabled]padding:6px; */
}
section dl dd input{
/*background:#00CC66;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
section .p{
}
section .memory{
color: #37648C;
font-size: 12px;
}
section .memory input{
}
section .loginbtn {
}
section a.loginbtn
{
font-size: 14px;
font-weight: bold;
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
border: 1px solid #0C274D;
color: #ffffff;
}
section a.loginbtn:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
background-color:#36638B;
}
#login .wrapper #main article section a.loginbtn:active {
}
section .loginbtn a:not(:target) {
background-image: url(button_back_off.svg);
}
section .loginbtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.alertTxt,.alertTxtDialog {
color: #e60012;
font-size: 13px;
}
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after
{
font-size:1px;
}
.fix {
}
/*------------*/
#login .wrapper {
background-color: #FA0014;
}
#login footer {
background-color: #FA0014;
}
#login footer .cnt_footer {
color: #FFF;
}
#login article section table tr th {
color: #37648C;
font-size: 14px;
font-weight: bolder;
}
#login .wrapper #main article section table tr td input {
}
#login article section table tr th,#login article section table tr td {
}
#login .wrapper #main article section table {
border-bottom:dotted 1px #BBBBBB;
}
#login footer .border .cnt_footer {
background: url(../../img/login/login_border.jpg) top repeat-x;
opacity:0;
}
#login .wrapper #main article img {
}
#loader {
}
#fade {
background-color: #000;
opacity: 0.3;
}
#login .wrapper #main article ul {
}
#login .wrapper #main article li {
}
/* footer */
footer{
background-color: #EDF2F2;
}
.cnt_footer
{
color: #000;
border-top: solid 1px #CCC;
}
.focus{ color: #969696;}
#user_change footer .border .cnt_footer img { }
#login .wrapper #main article section .error {
font-size: 13px;
color: #FF0000;
font-weight: bolder;
}
/* anonymous */
#anonymous
{
}
#normalUser
{
}
#formlogin,#menu-language
{
opacity: 0;
}
#logologin
{
}
@charset "utf-8";
/* CSS Document */
.tabUnit{
background-color: #FA0014;
border-radius: 3px;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2) inset;
}
.tabUnitList{
}
.tab_bg_color{
background-color: #D7E0E8;
border-radius:2px;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}
.tabUnit ul.switchingTab{
}
.tabUnit ul.switchingTab li{
}
.tabUnit ul.switchingTab a{
color: #333333;
text-decoration: none;
font-size: 12px;
}
.tabUnit ul.switchingTab li.colleft a:link {
background: url(../../img/bookshelf/icon_genre_off.png) no-repeat center center;
}
.tabUnit ul.switchingTab li.colright a:link{
background: url(../../img/bookshelf/icon_group_off.png) no-repeat center center;
}
.tabUnit ul.switchingTab li.colleft a:hover {
background-image: url(../../img/bookshelf/icon_genre_on.png);
background-repeat: no-repeat;
}
.tabUnit ul.switchingTab li.colright a:hover{
background-image: url(../../img/bookshelf/icon_group_on.png);
background-repeat: no-repeat;
}
.tabUnit ul.switchingTab li.colright a.current:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../../img/bookshelf/icon_group_on.png);
}
.tabUnit ul.switchingTab li.colleft a.current:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../../img/bookshelf/icon_genre_on.png);
}
.tabUnit .tabUnitList ul{
}
.tabUnit .tabUnitList ul li a{
color: #333333;
font-size: 12px;
text-decoration: none;
}
.tabUnit .tabUnitList ul li a:hover{ text-decoration:underline;}
.sankaku_left{ }
.sankaku_right{ }
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. section setting
6. rayermenu setting
7. indexBox setting
8. bookmarkBox setting
9.
10.
11. slider setting
12. transition setting
13. sizing setting
14. toolbar setting
15. glovalbtn setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html{
}
html,body{
}
body{
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background:#898989;
background-image: url(../../img/viewer/article_bg.png);
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
box-shadow: 2px 2px 8px #000 inset;
border: 1px solid #666;
border-radius: 8px;
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
header{
background-image: url(../../img/viewer/header_bg.jpg);
background-repeat: repeat-x;
box-shadow:0px 2px 10px 2px #333333;
}
.wrapper_header{
}
/*ヘッダー左カラム*/
.hdLcolumn{
}
.hdLcolumn a{
background:url(../../img/viewer/hdicon_01.png) 0 0 no-repeat;
font-size:0;
}
.hdLcolumn .gloupe{
/*
border-left: solid 1px #417298;
border-right: solid 1px #23486F;
*/
border-left: solid 1px #FFF;
border-right: solid 1px #FFF;
}
.hdLcolumn .hgloupe{
/*
border-right: solid 1px #23486F;
*/
border-right: solid 1px #FFF;
}
.hdLcolumn .lgloupe{
/*
border-left: solid 1px #417298;
*/
border-left: solid 1px #FFF;
}
/*アイコン基本設定*/
.hdLcolumn a.home{background-position:0 0;}
.hdLcolumn a.back{background-position:-48px 0;}
.hdLcolumn a.bmList{background-position:-96px 0;}
.hdLcolumn a.bmAdd{background-position:-145px 0;}
.hdLcolumn a.index{background-position:-213px 0;}
.hdLcolumn a.copy{background-position:-261px 0;}
.hdLcolumn a.memoDisplay{background-position:-328px 0;}
.hdLcolumn a.memoAdd{background-position:-396px 0;}
.hdLcolumn a.marking{background-position:-445px 0;}
.hdLcolumn a.markingToolbar{background-position:-543px 0;}
.hdLcolumn a.home_device{background-position:0 0;}
.hdLcolumn a.back_device{background-position:-48px 0;}
.hdLcolumn a.bmList_device{background-position:-96px 0;}
.hdLcolumn a.bmAdd_device{background-position:-145px 0;}
.hdLcolumn a.index_device{background-position:-213px 0;}
.hdLcolumn a.copy_device{background-position:-261px 0;}
.hdLcolumn a.memoDisplay_device{background-position:-328px 0;}
.hdLcolumn a.memoAdd_device{background-position:-396px 0;}
.hdLcolumn a.marking_device{background-position:-445px 0;}
.hdLcolumn a.markingToolbar_device{background-position:-543px 0;}
/*オンマウス時*/
.hdLcolumn a:hover.home{background-position:0 -92px;}
.hdLcolumn a:hover.back{background-position:-48px -92px;}
.hdLcolumn a:hover.bmList{background-position:-96px -92px;}
.hdLcolumn a:hover.bmAdd{background-position:-145px -92px;}
.hdLcolumn a:hover.index{background-position:-213px -92px;}
.hdLcolumn a:hover.copy{background-position:-261px -92px;}
.hdLcolumn a:hover.memoDisplay{background-position:-328px -92px;}
.hdLcolumn a:hover.memoAdd{background-position:-396px -92px;}
.hdLcolumn a:hover.marking{background-position:-445px -92px;}
.hdLcolumn a:hover.markingToolbar{background-position:-543px -92px;}
/*リンクオフ時*/
#viewer .hdLcolumn a.home_off{background-position:0 -46px;cursor:default;}
#viewer .hdLcolumn a.back_off{background-position:-48px -46px;}
#viewer .hdLcolumn a.bmList_off{background-position:-96px -46px;}
#viewer .hdLcolumn a.bmAdd_off{background-position:-145px -46px;}
#viewer .hdLcolumn a.index_off{background-position:-213px -46px;}
#viewer .hdLcolumn a.copy_off{background-position:-261px -46px;}
#viewer .hdLcolumn a.memoDisplay_off{background-position:-328px -46px;}
#viewer .hdLcolumn a.memoAdd_off{background-position:-396px -46px;}
#viewer .hdLcolumn a.marking_off{background-position:-445px -46px;}
#viewer .hdLcolumn a.markingToolbar_off{background-position:-543px -46px;}
/*リンクオフ時*/
#viewer .hdLcolumn a.bmList_hover{background-position:-96px -92px;}
#viewer .hdLcolumn a.bmAdd_hover{background-position:-145px -92px;}
#viewer .hdLcolumn a.index_hover{background-position:-213px -92px;}
#viewer .hdLcolumn a.copy_hover{background-position:-261px -92px;}
#viewer .hdLcolumn a.memoDisplay_hover{background-position:-328px -92px;}
#viewer .hdLcolumn a.memoAdd_hover{background-position:-396px -92px;}
#viewer .hdLcolumn a.marking_hover{background-position:-445px -92px;}
#viewer .hdLcolumn a.markingToolbar_hover{background-position:-543px -92px;}
/*ヘッダー右カラム*/
.hdRcolumn{
}
.hdRcolumn input{
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background-image: url(../../img/viewer/icon_serch.png) ;
background-repeat: no-repeat;
background-position: 3px 4px;
font-size:14px;
color:#969696;
}
.hdRcolumn .search{
background:url(../../img/viewer/searchbtn.png) 0 0 no-repeat;
font-size:12px;
color:#FFFFFF;
}
.hdRcolumn a:hover.search{
background-position:0 -26px;
}
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
.footerTool{
}
.ftRcolumn_2 {
}
.footer{
background-image: url(../../img/viewer/footer_bg.jpg);
background-repeat: repeat-x;
background-position: 0 0;
box-shadow:0px -2px 10px 2px #333333;
}
.ftinner{
}
/*フッター左カラム*/
.ftLcolumn{
}
/*フッター右カラム*/
.ftRcolumn{
}
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
article{
background:#999999;
}
section{
}
/*----------------------------*/
/* 5. markingBox setting */
/*----------------------------*/
aside.markingBox {
-webkit-box-shadow: 0px 0px 3px 1px #666;
-moz-box-shadow: 0px 0px 3px 1px #666;
box-shadow: 0px 0px 3px 1px #666;
}
aside.markingBox .markingBoxHd {
color: #FFFFFF;
font-size: 13px;
background-image: url(../../img/viewer/article_bg.png);
background-repeat: repeat;
background-position: 0 0;
}
aside.markingBox .markingBoxHd .delete{
background:url(../../img/viewer/x.png) 0 0 repeat;
}
aside.markingBox .markingBoxHd .hidden_off{
background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.markingBox .markingBoxHd .hidden_on{
background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.markingBox .markingBoxBody_on{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.markingBox .markingBoxBody_off{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.markingBox ul{
}
aside.markingBox ul li{
}
/*キャンバスエリア*/
aside.markingBox .canvasArea {
background:url(../../img/viewer/canvas.png) 0 0 no-repeat;
border:solid 1px #595757;
}
a.clearbtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
a.savebtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
a.cancelbtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
a:hover.clearbtn{
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
a:hover.savebtn{
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
a:hover.cancelbtn{
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
/*----------------------------*/
/* 6. rayermenu setting */
/*----------------------------*/
.rayermenu1{
background:url(../../img/viewer/alpha_w70.png) 0 0 repeat;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-shadow: 0px 0px 3px 1px #999;
-moz-box-shadow: 0px 0px 3px 1px #999;
box-shadow: 0px 0px 3px 1px #999;
}
.rayermenu1 ul{
}
.rayermenu1 ul li{
font-size:12px;
}
.rayermenu1 ul li a {
color:#000;
}
.rayermenu1 ul li a:hover {
background:url(../../img/viewer/alpha_b20.png) 0 0 repeat;
}
.rayermenu1 ul li img {
}
.rayermenu1 ul li a span {
}
.sizeXL {}
.sizeL {}
.sizeM {}
.sizeS {}
.rayermenu1 .popcolumnR {
}
.rayermenu1 .popcolumnR .colorchip{
background:#FFFFFF;
}
.rayermenu1 .popcolumnR .colorchip a{
border:solid 1px #d3d5d6;
}
.rayermenu1 .popcolumnR .colorchip a:hover{
/*
border-width:2px;
border-color:#e6e6e6;*/
}
.rayermenu1 .popcolumnR .colorchip .color01{
background:#ff0000;
}
.rayermenu1 .popcolumnR .colorchip .color02{
background:#ffff00;
}
.rayermenu1 .popcolumnR .colorchip .color03{
background:#00ff00;
}
.rayermenu1 .popcolumnR .colorchip .color04{
background:#00ffff;
}
.rayermenu1 .popcolumnR .colorchip .color05{
background:#0000ff;
}
.rayermenu1 .popcolumnR .colorchip .color06{
background:#ff00ff;
}
.rayermenu1 .popcolumnR .colorchip .color07{
background:#ffffff;
}
.rayermenu1 .popcolumnR .colorchip .color08{
background:#000000;
}
.rayermenu1 div .canvasArea_s{
background:url(../../img/viewer/canvas_s.png) 0 0 repeat;
border:solid 1px #595959;
}
.rayermenu1 div .cancelbtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
.rayermenu1 div a:hover.cancelbtn{
cursor: pointer;
font-size:13px;
color:#fff;
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
.rayermenu1 div .okbtn{
}
/*レイヤーメニュー2*/
/*レイヤーメニュー3*/
.rayermenu3{
background:url(../../img/viewer/alpha_w70.png) 0 0 repeat;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-shadow: 0px 0px 3px 1px #999;
-moz-box-shadow: 0px 0px 3px 1px #999;
box-shadow: 0px 0px 3px 1px #999;
}
.rayermenu3 ul{
}
.rayermenu3 ul li{
font-size:12px;
}
.rayermenu3 ul li a {
color:#000;
}
.rayermenu3 ul li a:hover {
background:url(../../img/viewer/alpha_b20.png) 0 0 repeat;
}
.rayermenu3 ul li img {
}
.rayermenu3 ul li a span {
}
.sizeXL {}
.sizeL {}
.sizeM {}
.sizeS {}
.rayermenu3 .popcolumnR {
}
.rayermenu3 div .canvasArea_l{
background:url(../../img/viewer/canvas_l.png) 0 0 repeat;
border:solid 1px #595959;
}
.rayermenu3 div .cancelbtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
.rayermenu3 div a:hover.cancelbtn{
font-size:13px;
color:#fff;
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
.rayermenu3 div .okbtn{
}
/*----------------------------*/
/* 7. indexBox setting */
/*----------------------------*/
aside.indexBox {
-webkit-box-shadow: 0px 0px 3px 1px #666;
-moz-box-shadow: 0px 0px 3px 1px #666;
box-shadow: 0px 0px 3px 1px #666;
}
aside.indexBox .indexBoxHd {
background-image: url(../../img/viewer/article_bg.png);
background-repeat: repeat;
background-position: 0 0;
color:#FFFFFF;
font-size:13px;
}
aside.indexBox .indexBoxHd .delete{
background:url(../../img/viewer/x.png) 0 0 no-repeat;
}
aside.indexBox .indexBoxHd .hidden_off{
background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.indexBox .indexBoxHd .hidden_on{
background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.indexBox .indexBoxBody_on{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.indexBox .indexBoxBody_off{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.indexBox #branch1 {
}
.indexBox ul{ }
.indexBox ul li{}
.indexBox ul li a{
color:#333333;
font-size:12px;
text-decoration:none;
}
.indexBox ul li a:hover{color:#0099CC;text-decoration:underline;}
/*----------------------------*/
/* 8. bookmarkBox setting */
/*----------------------------*/
aside.bookmarkBox {
-webkit-box-shadow: 0px 0px 3px 1px #666;
-moz-box-shadow: 0px 0px 3px 1px #666;
box-shadow: 0px 0px 3px 1px #666;
}
aside.bookmarkBox .bookmarkBoxHd {
background-image: url(../../img/viewer/article_bg.png);
background-repeat: repeat;
background-position: 0 0;
color:#FFFFFF;
font-size:13px;
}
aside.bookmarkBox .bookmarkBoxHd .delete{
background:url(../../img/viewer/x.png) 0 0 no-repeat;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_off{
background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_on{
background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.bookmarkBox .bookmarkBoxBody_on{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.bookmarkBox .bookmarkBoxBody_off{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.bookmarkBox li{
border-bottom:solid 1px #444;
font-size:11px;
}
aside.bookmarkBox label{
border-bottom:solid 1px #444;
font-size:11px;
}
aside.bookmarkBox div{
border-bottom:solid 1px #444;
font-size:11px;
}
aside.bookmarkBox li .imgbox{
border:solid 1px #444;
background:#ccc;
}
aside.bookmarkBox li .mdltext{
}
aside.bookmarkBox .last{
border:none;
}
/*----------------------------*/
/* 9. Memo setting */
/*----------------------------*/
aside.MemoIndexBox a:hover{
cursor: pointer;
}
aside.MemoIndexBox {
-webkit-box-shadow: 0px 0px 3px 1px #666;
-moz-box-shadow: 0px 0px 3px 1px #666;
box-shadow: 0px 0px 3px 1px #666;
}
aside.MemoIndexBox .indexBoxHd {
background-image: url(../../img/viewer/article_bg.png);
background-repeat: repeat;
background-position: 0 0;
color:#FFFFFF;
font-size:13px;
}
aside.MemoIndexBox .indexBoxHd .delete{
background:url('../../img/viewer/x.png') 0 0 repeat;
}
aside.MemoIndexBox .indexBoxHd .hidden_off{
background:url('../../img/viewer/_.png') 0 0 repeat;
}
aside.MemoIndexBox .indexBoxHd .hidden_on{
background:url('../../img/viewer/sikaku.png') 0 0 repeat;
}
aside.MemoIndexBox .indexBoxBody_on{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.MemoIndexBox .indexBoxBody_off{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
.indexBox ul li a:hover{color:#0099CC;text-decoration:underline;}
.parentMemoDialogImportantCss{
border: 0 none !important;
background: none !important;
}
.memoDialogImportantCss{
border: 0 none !important;
background: none !important;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
/*----------------------------*/
/* 10.Image preview setting */
/*----------------------------*/
#slideWrapper
{
}
.gallery-image
{
box-shadow: 0px 2px 8px 0px #999;
}
.slideshow-control
{
}
.gallery-thumb
{
}
#selector-img
{
}
#control-prev
{
}
#control-next
{
}
.main-control
{
opacity: 0.65;
background-color: #AAAAAA;
}
#main-control-prev
{
background-color: gray;
background-image: url('../../img/main_previous.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#main-control-next
{
background-color: gray;
background-image: url('../../img/main_next.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.slideshow-control img
{
}
#control-prev img
{
}
#main-img
{
background-color: black;
}
.mainThumbnail
{
}
.thumbnail
{
box-shadow: 0px 2px 8px 0px #ccc;
border:3px solid #fff;
background-color: black;
}
.first
{
}
/*----------------------------*/
/* 11. slider setting */
/*----------------------------*/
.slider {
background-image: url(../../img/viewer/sliderbg_01.png);
background-repeat: no-repeat;
background-position: 0 4px;
}
.slider .sld01{
background: url(../../img/viewer/sliderbg_02.png) 0 0 no-repeat;
}
.slider .sld01 span{
font-size: 11px;
}
.slider .sld01 span input{
font-size: 11px;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.slider .sld01 .move{
}
.slider .sld02{
}
/*----------------------------*/
/* 12. transition setting */
/*----------------------------*/
.transition {
/*background: url(../../img/viewer/transitionbtn_bg.png) 0 0 no-repeat;*/
}
/*ボタン設定*/
.transition a{
font-size: 0;
background-image: url(../../img/viewer/transitionbtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.transition .begin {
background-position: 0 0;
}
.transition a:hover.begin {
background-position: 0 -34px;
}
.transition .begin_off {
background-position: 0 -68px;cursor:default;
}
.transition .prev {
background-position: -62px 0;
}
.transition a:hover.prev {
background-position: -62px -34px;
}
.transition .prev_off {
background-position: -62px -68px;
}
.transition .next {
background-position: -122px 0;
}
.transition a:hover.next {
background-position: -122px -34px;
}
.transition .next_off {
background-position: -122px -68px;
}
.transition .last {
background-position: -182px 0;
}
.transition a:hover.last {
background-position: -182px -34px;
}
.transition .last_off {
background-position: -182px -68px;
}
.transition .begin_device{background-position: 0 0;}
.transition .prev_device { background-position: -62px 0;}
.transition .next_device {background-position: -122px 0;}
.transition .last_device {background-position: -182px 0;}
/*----------------------------*/
/* 13. sizing setting */
/*----------------------------*/
.sizing {
/*background: url(../../img/viewer/sizingbtn_bg.png) 0 0 no-repeat;*/
}
/*ボタン設定*/
.sizing a{
font-size: 0;
background-image: url(../../img/viewer/sizingbtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.sizing .expansion {
background-position: 0 0;
}
.sizing a:hover.expansion {
background-position: 0 -34px;
}
.sizing .expansion_off {
background-position: 0 -68px;cursor:default;
}
.sizing .fit {
background-position: -62px 0;
}
.sizing a:hover.fit {
background-position: -62px -34px;
}
.sizing .fit_off {
background-position: -62px -68px;
}
.sizing .reduction {
background-position: -122px 0;
}
.sizing a:hover.reduction {
background-position: -122px -34px;
}
.sizing .reduction_off {
background-position: -122px -68px;
}
.sizing .expansion_device {background-position:0 0;}
.sizing .fit_device {background-position: -62px 0;}
.sizing .reduction_device {background-position: -122px 0;}
/*----------------------------*/
/* 14. toolbar setting */
/*----------------------------*/
.toolbar {
font-size: 0;
background-image: url(../../img/viewer/toolbarbtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.toolbar_device {
font-size: 0;
background-image: url(../../img/viewer/toolbarbtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.toolbar_off {
background: url(../../img/viewer/toolbarbtn_01.png) 0 -78px no-repeat;
}
a:hover.toolbar {
background-position: 0 -39px;
}
.toolbar_close {
background-image: url(../../img/viewer/toolbarbtn_02.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.toolbar_close_device {
background-image: url(../../img/viewer/toolbarbtn_02.png);
background-repeat: no-repeat;
background-position: 0 0;
}
a.toolbar_close:hover {
background-position: 0 -39px;
}
/*----------------------------*/
/* 15. glovalbtn setting */
/*----------------------------*/
.gNextbtn {
font-size: 0;
background-image: url(../../img/viewer/gmovebtn_01.png);
background-repeat: no-repeat;
background-position: -50px 0;
}
.gBackbtn {
font-size: 0;
background-image: url(../../img/viewer/gmovebtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
/*----------------------------*/
/* 16. Other Setting */
/*----------------------------*/
/* slider bar [start]*/
.ui-slider-horizontal .ui-state-default {
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
}
div .ui-slider-range, .ui-widget-header, .ui-slider-range-max {
}
.ui-slider .ui-slider-handle {}
.ui-slider-horizontal .ui-slider-handle {}
.ui-widget-content {}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: none !important;
background: url(../../img/viewer/sliderbtn_02.png) !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none !important; background: url(../../img/viewer/sliderbtn_02.png) !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none !important; background: url(../../img/viewer/sliderbtn_02.png) !important;}
#slider_page{}
/* slider bar [end]*/
/* loading image [start]*/
#divImageLoading{
background-color:#ccc;
border-radius: 10px;
opacity: 0.7;
}
#divImageLoading img{
}
/* loading image [end]*/
/* navigate button [start]*/
#button_pre_canvas{
opacity: 0;
}
#button_next_canvas{
opacity: 0;
}
.nav {
cursor: pointer;
opacity: 0.4;
}
/* navigate button [end]*/
/* dialog [start]*/
.web_dialog{
background-color: black;
font-family: Verdana;
font-size: 10pt;
}
.web_dialog_overlay{
background: #000000;
opacity: .15;
filter: alpha(opacity=15);
-moz-opacity: .15;
}
.align_right{
}
.content_image_preview{
}
.popuptext_web_dialog {
background-color: #FFFFFF;
border-style:solid;
border-color:#ccd;
font-family: Verdana;
font-size: 10pt;
border-radius: 10px;
-moz-box-shadow:-3px 3px 3px #777;
-webkit-box-shadow:-3px 3px 3px #777;
box-shadow : -3px 3px 3px #777
}
.popuptext_arrow {
border-style: solid;
border-width: 12px 12px 12px 12px;
border-color: transparent transparent transparent rgb(204, 204, 221) !important;
}
/* HOVER STYLES */
.pop-up-memo {
background: #eeeeee;
color: #000000;
border: 1px solid #1a1a1a;
font-size: 90%;
}
.pop-up-memo a:hover{
cursor: pointer;
text-decoration: underline;
}
.check_marking{
border-radius: 5px;
}
/* dialog [end]*/
/* dialog confirm bgm [start]*/
#bgmConfirm
{
}
.sectionDeleteConfirm .deletebtn a.ok_audio {
cursor: pointer;
}
/* dialog confirm bgm [end]*/
/* Marking tool bar [start]*/
.pen_selected{
background:url(../../img/viewer/1_on.png) 0 0 repeat-x;
}
.pen_hover{
background:url(../../img/viewer/1_off.png) 0 0 repeat-x;
}
.pen_hover:hover{
background:url(../../img/viewer/1_on.png) 0 0 repeat-x;
}
.maker_selected{
background:url(../../img/viewer/3_on.png) 0 0 repeat-x;
}
.maker_hover{
background:url(../../img/viewer/3_off.png) 0 0 repeat-x;
}
.maker_hover:hover{
background:url(../../img/viewer/3_on.png) 0 0 repeat-x;
}
.eraser_selected{
background:url(../../img/viewer/5_on.png) 0 0 repeat-x;
}
.eraser_hover{
background:url(../../img/viewer/5_off.png) 0 0 repeat-x;
}
.eraser_hover:hover{
background:url(../../img/viewer/5_on.png) 0 0 repeat-x;
}
.pen_option_selected{
background:url(../../img/viewer/2_on.png) 0 0 repeat-x;
}
.pen_option_hover{
background:url(../../img/viewer/2_off.png) 0 0 repeat-x;
}
.pen_option_hover:hover{
background:url(../../img/viewer/2_on.png) 0 0 repeat-x;
}
.maker_option_selected{
background:url(../../img/viewer/4_on.png) 0 0 repeat-x;
}
.maker_option_hover{
background:url(../../img/viewer/4_off.png) 0 0 repeat-x;
}
.maker_option_hover:hover{
background:url(../../img/viewer/4_on.png) 0 0 repeat-x;
}
.eraser_option_selected{
background:url(../../img/viewer/6_on.png) 0 0 repeat-x;
}
.eraser_option_hover{
background:url(../../img/viewer/6_off.png) 0 0 repeat-x;
}
.eraser_option_hover:hover{
background:url(../../img/viewer/6_on.png) 0 0 repeat-x;
}
.content_image_preview{
}
.toolbar_icon_on{
background-color: #123456;
}
/* Marking tool bar [end]*/
/* Box Copy Text dialog [start]*/
#boxCopyText{
}
#boxCopyText h1{
}
#boxCopyText ul{
}
/* Box Copy Text dialog [end]*/
/* Box Copy Text dialog [start]*/
#boxAddMemo{
}
#boxAddMemo ul{
}
#boxAddMemo ul a{
}
/* Box Copy Text dialog [end]*/
/* Box Memo dialog [start]*/
#divDialogMemo{
}
/* Box Memo dialog [end]*/
/* Box music dialog [start]*/
#dialog-contenttype-music{
}
/* Box music dialog [end]*/
/* Box marking dialog [start]*/
#dlgMarking{
}
#dlgMarking h1 a.hidden_off{
}
#dlgMarking h1 a.hidden_on{
}
/* Box marking dialog [end]*/
/* Box eraser dialog [start]*/
#dlgGomu div:first-child{
}
#dlgGomu ul{
}
#dlgGomu input[type='radio']{
}
/* Box eraser dialog [end]*/
/* Box maker dialog [start]*/
#dlgMaker input[type='radio']{
}
/* Box maker dialog [end]*/
/* Box pen dialog [start]*/
#dlgPen input[type='radio']{
}
/* Box pen dialog [end]*/
/* footer dialog [start]*/
#footer_toolbar_2 a{
}
/* footer dialog [end]*/
/* common dialog [end]*/
#dialog h1{
background:url(../../img/viewer/article_bg.png) 0 0 repeat;
}
#dialog h1 img#btnClose{
}
/* common dialog [end]*/
/* Alert Content Dialog [Start] */
.sectionLimitAccess {
border:1px solid #cccccc !important;
-webkit-border-radius:10px 10px 10px 10px !important;
-moz-border-radius:10px 10px 10px 10px !important;
border-radius:10px 10px 10px 10px !important;
-webkit-box-shadow: 0px 1px 3px 0px #666 !important;
-moz-box-shadow: 0px 1px 3px 0px #666 !important;
box-shadow: 0px 1px 3px 0px #666 !important;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif !important;
background-color: #ffffff !important;
}
.sectionLimitAccess h1{
text-align:center !important;
font-weight:bold !important;
letter-spacing: 2px !important;
color:#333 !important;
text-shadow: 1px 1px 2px #999 !important;
background:#f0f0f0 !important;
-webkit-box-shadow: 0px 1px 3px 0px #999 !important;
-moz-box-shadow: 0px 1px 3px 0px #999 !important;
box-shadow: 0px 1px 3px 0px #999 !important;
border-radius: 10px 10px 0px 0px !important;
}
.sectionLimitAccess p{
}
.sectionLimitAccess p.message{
font-size:13px !important;
font-weight:bold !important;
color:#333 !important;
}
.sectionLimitAccess p.message .error
{
color:#f00 !important;
font-weight:normal !important;
}
.sectionLimitAccess p.message .text
{
font-size:15px !important;
}
.sectionLimitAccess p.message input
{
background-color:#fff !important;
}
.sectionLimitAccess .deletebtn {
}
.sectionLimitAccess .deletebtn a
{
cursor:pointer !important;
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ) !important;
background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F') !important;
background-color: #23486F !important;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border-radius: 6px !important;
border: 1px solid #0C274D !important;
color: #ffffff !important;
font-family: arial !important;
font-size: 15px !important;
font-weight: bold !important;
text-decoration: none !important;
}
.sectionLimitAccess .deletebtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ) !important;
background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B') !important;
background-color:#36638B !important;
}
.sectionLimitAccess .deletebtn a:active {
}
.sectionLimitAccess .deletebtn a:not(:target) {
filter: none !important;
-ms-filter: none !important;
}
/* Alert Content Dialog [End] */
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after {
font-size:1px;
}
.fix {
}
/*------------*/
.markingToolbar_off_hover
{
background-position: -414px -92px;
}
#control_screen_2{
background-color: #898989;
opacity: 0.75;
}
ul#divSearchResult li:hover{ background:#f4f4f4;cursor:pointer;}
ul#divListBookmark li:hover{background:#f4f4f4;cursor:pointer;}
#divListIndex span:hover{color: red; cursor: pointer}
span.error{
color: red;
}
span.no-item{
color:#333333;
font-size:12px;
cursor:default;
text-decoration:none;
}
.dialog-content-music{
background: url(../../img/iPad_music.png) center center no-repeat;
background-color: white;
}
.imagePreview-one{
background-color: black;
}
.picker-choose-on{
border:1px solid #e6e6e6 !important;
}
.picker-choose-off{
border:1px solid #d3d5d6 !important;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=9,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/history.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/history.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#" />
<link rel="stylesheet" type="text/css" href="css/layout/list_shirori_detail.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" />
<script type="text/javascript" src="./common/js/jquery-1.8.1.min.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.toastmessage.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/i18n.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/avweb.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/common.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/Limit_Access_Content.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/history.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/header.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/gotop.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/tab.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/screenLock.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/detail.js?#UPDATEID#" ></script>
</head>
<body>
<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>
</ul>
</div>
</div>
</header>
<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>
<div class="wrapper">
<div id="main">
<article class="articlehistory">
<span class="lang sort-title" lang="txtSort">並び替え</span>
<div class="tops">
<ul class="sort" id="menu_sort">
<li>
<a id="control-sort-title" class="lang nottouchdevice control_sort_on" lang="dspTitleNm">タイトル名</a>
<a class="lang control_sort_off" lang="dspTitleNm" style="display:none">タイトル名</a>
<b>|</b>
</li>
<li >
<a id="control-sort-titlekana" class="lang nottouchdevice control_sort_on" lang="dspTitleNmKn">タイトル名(かな)</a>
<a id="control-sort-titlekana-off" class="lang control_sort_off" lang="dspTitleNmKn" style="display:none">タイトル名(かな)</a>
<b id="separate">|</b>
</li>
<li>
<a id="control-sort-releasedate" class="lang nottouchdevice control_sort_on" lang="txtPubDt" >公開日</a>
<a class="lang control_sort_off" lang="txtPubDt" style="display:none" >公開日</a>
<b>|</b>
</li>
<li class="current">
<a id="control-sort-viewdate" class="lang nottouchdevice control_sort_on" lang="txtViewDt" >閲覧日</a>
<a id="off-default" class="lang control_sort_off" lang="txtViewDt" style="display:none" >閲覧日</a>
</li>
</ul>
<p>
<label id="dispPage"> </label> <label class="lang pageNumControl" lang="txtRecordNum" style="visibility: hidden"></label >
</p>
</div>
<div class="clearboth"> </div>
<div id="content-grid">
</div>
<br/>
</article>
</div>
</div>
<article id="contentDetail" style="display:none;">
<section id='sectionContentDetail' class='sectionContentDetail'>
<a class="closebtn" href="#" id="contentDetailClose"> </a>
<div id="book_data">
<p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="25px" width="25px" /></p>
<ul>
<li class="title" id="txtContentTitle">Abook資料</li>
<li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li>
<li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li>
</ul>
<p class="read_btn"><a class="read lang" href="#" id="contentdetail_dspRead" lang="txtRead">読む</a></p>
</div>
<div id="book_list"></div>
</section>
</article>
<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>
\ No newline at end of file
<!DOCTYPE html>
<html>
<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="common/css/jquery.treeview.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="common/css/screen.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/tab.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/tab.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/home.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/home.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/bookshelf.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/bookshelf.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/list.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/list.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/list_shirori_detail.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.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#" />
<link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" />
<script type="text/javascript" src="./common/js/jquery-1.8.1.min.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.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/uuid.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/Limit_Access_Content.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/home.js?#UPDATEID#"></script>
<script type="text/javascript" src="./js/header.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/scrolltopcontrol.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/tab.js?#UPDATEID#"></script>
<script type="text/javascript" src="./common/js/jquery.cookie.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./common/js/jquery.treeview.edit.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./common/js/jquery.treeview.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./common/js/screenLock.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./js/detail.js?#UPDATEID#" ></script>
</head>
<body id="bookshelf">
<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" class="hoge">
<div class="tabUnit" style="display:none;" >
<ul class="switchingTab">
<li class="colleft" ><a href="#list_0" class="current" id="lnkbtnGenre"> </a></li>
<li class="colright" style="display:none;"><a href="#list_1" id="lnkbtnGroup"> </a></li>
</ul>
<div class="tabUnitList" id="list_0" style="display: block;">
<img src="img/common/parts_sankaku.png" width="15" height="10" class="sankaku_left">
<div class="tab_bg_color">
<ul id="branch1" class="treeview">
</ul>
</div>
</div>
<div class="tabUnitList" id="list_1" style="display: none;">
<img src="img/common/parts_sankaku.png" width="15" height="10" class="sankaku_right">
<div class="tab_bg_color">
<ul id="branch2" class="treeview">
</ul>
</div>
</div>
</div>
<article class="articlehome hoge-R">
<div class="tops">
<ul class="disp clearfix">
<li class="thumbnail_select first_area"> <a href="#" id="control-bookshelf-type"> </a></li>
<li class="list last_area"><a href="#" id="control-list-type"> </a></li>
</ul>
<div class="sort_area" >
<span class="lang" lang="txtSort">並び替え</span>
<ul class="sort" id="menu_sort">
<li class="current">
<a id="control-sort-title" class="lang nottouchdevice" lang="dspTitleNm">タイトル名</a>
<!--<label id="title-sorttype"> </label>-->
<b>|</b>
</li>
<li >
<a id="control-sort-titlekana" class="lang nottouchdevice" lang="dspTitleNmKn">タイトル名(かな)</a>
<!-- <label id="titlekana-sorttype"> </label>-->
<b id="separate">|</b>
</li>
<li>
<a id="control-sort-releasedate" class="lang nottouchdevice" lang="txtPubDt" >公開日</a>
<!--<label id="rDate-sorttype"> </label>-->
</li>
</ul>
</div>
<p>
<label id="dispPage" class="pageNumControl" style="visibility: hidden"> </label>
<label class="lang pageNumControl" lang="txtRecordNum" style="visibility: hidden"></label >
<label class="pageNumControl" style="visibility: hidden">/</label>
<label id="totalPage" class="pageNumControl" style="visibility: hidden"> </label>
<label class="lang pageNumControl" lang="txtRecordTotal" style="visibility: hidden">件 表示</label>
</p>
</div>
<div id="content-grid">
</div>
<section class="sectionhomebookshelf" style="height:110px; width:100%;">
<a class="btn_bott" id="control-nextrecord" style="display: none">次の15件を表示する >></a>
</section>
</article>
<section id="dlgSubMenu">
<p class="dop_info">
<a href="#" class="lang" lang="txtRead" id="dialog-read">読む</a><br />
<a href="#" class="lang" lang="txtDetailPage" id="dialog-detail">詳細画面へ</a></p>
</section>
<div id="dlgOverlay"> </div>
</div>
</div>
<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>
<article id="contentDetail" style="display:none;">
<section id='sectionContentDetail' class='sectionContentDetail'>
<a class="closebtn" href="#" id="contentDetailClose"> </a>
<div id="book_data">
<p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="25px" width="25px" /></p>
<ul>
<li class="title" id="txtContentTitle">Abook資料</li>
<li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li>
<li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li>
</ul>
<p class="read_btn"><a class="read lang" href="#" id="contentdetail_dspRead" lang="txtRead">読む</a></p>
</div>
<div id="book_list"></div>
</section>
</article>
<!-- 日比谷カスタム -->
<div id="dlgAddMemberGroup" title="コード入力" style="display: none;" >
<p>コードを入力してください</p>
<p class="addMemberGroup">
<input type="text" id="txtAddMemberGroupName" value="" /><a class="ok" href="#" id="btnAddMemberGroupSearch" lang="txtSearch">検索</a>
</p>
</div>
<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>
\ No newline at end of file
<!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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment