first commit

8e46bb9c · Motohisa Nakano · 8e46bb9c · 8e46bb9c · 8e46bb9c · 8e46bb9c
Commit 8e46bb9c authored Dec 04, 2012 by Motohisa Nakano
235 changed files
--- a/.gitignore
+++ b/.gitignore
+2012*/
+_bk/
--- a/.htaccess
+++ b/.htaccess
+# directory index file list
+DirectoryIndex login.html index.html
+
+# mimetype
+AddType image/svg+xml .svg
+
+# favicon
+AddType image/x-icon .ico
+<Files favicon.ico>
+	ErrorDocument 404 ./favicon.ico
+</Files>
+
+<Files ~ "\.(js|json)$">
+Header add Pragma "no-cache"
+Header set Cache-Control no-cache
+</Files>
--- a/WebStorageUtil.html
+++ b/WebStorageUtil.html
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+    <script type="text/javascript" src="./abvw/common/js/jquery-1.8.1.min.js"></script>
+    <script type="text/javascript" src="./abvw/common/js/jquery-ui-1.8.23.custom.min.js"></script>
+    <!--<script src="abvw/common/js/common.js" type="text/javascript"></script>-->
+
+    <script type="text/javascript">
+        function ShowLocalStorage() {
+            $("#divLocalStorage").html("");
+            $("#divLocalStorage").append("<h3>Local Storage List</h3>");
+            var localStorageKeys = Object.keys(localStorage);
+            for (var nIndex = 0; nIndex < localStorageKeys.length; nIndex++) {
+                var strKey = localStorageKeys[nIndex];
+                var item = "";
+                item += "<div>";
+                item += "<li>" + strKey + "<br/>->" + localStorage.getItem(strKey) + "</li>";
+                item += "</div>";
+                $("#divLocalStorage").append(item);
+            }
+        }
+
+        function ShowSessionStorage() {
+            $("#divSessionStorage").html("");
+            $("#divSessionStorage").append("<h3>Session Storage List</h3>");
+            var sessionStorageKeys = Object.keys(sessionStorage);
+            
+            for (var nIndex = 0; nIndex < sessionStorageKeys.length; nIndex++) {
+                var strKey = sessionStorageKeys[nIndex];
+                var item = "";
+                item += "<div>";
+                item += "<li>" + strKey + "<br/>->" + sessionStorage.getItem(strKey) + "</li>";
+                item += "</div>";
+                $("#divSessionStorage").append(item);
+            }
+        }
+
+        $(document).ready(function () {
+            $("#btnShowLocalStorage").click(function () { ShowLocalStorage(); });
+            $("#btnClearLocalStorage").click(function () { localStorage.clear(); ShowLocalStorage(); });
+
+            $("#btnShowSessionStorage").click(function () { ShowSessionStorage(); });
+            $("#btnClearSessionStorage").click(function () { sessionStorage.clear(); ShowSessionStorage(); });
+
+            $("#btnSetLocal").attr('disabled', 'disabled');
+            $("#btnSetSession").click(function () {
+                var strKey = $("#txtKey1").val() + "";
+                var strValue = $("#txtValue1").val() + "";
+                if (strKey != "") {
+                    sessionStorage.setItem(strKey, strValue);
+
+                }
+            });
+        });
+        
+    </script>
+</head>
+<body>
+    <h1>Local</h1> <br />
+    Key: <input type="text" id="txtKey" />&nbsp;Value: <input type="text" id="txtValue" /><button id="btnSetLocal">Set local</button>
+    <br />
+    <h1>Session</h1> <br />
+    Key: <input type="text" id="txtKey1" />&nbsp;Value: <input type="text" id="txtValue1" /><button id="btnSetSession">Set session</button>
+    <table>
+        <tr>
+            <td style="vertical-align: top;">
+                <button id="btnShowLocalStorage" >Show local storage</button>
+                <button id="btnClearLocalStorage" >Clear local storage</button>
+                <div id="divLocalStorage">
+                    <h3>Local Storage List</h3>
+                </div>
+            </td>
+            <td style="vertical-align: top;">
+                <button id="btnShowSessionStorage" >Show session storage</button>
+                <button id="btnClearSessionStorage" >Clear session storage</button>
+                <div id="divSessionStorage">
+                    <h3>Session Storage List</h3>
+                </div>
+            </td>
+        </tr>
+    </table>
+    
+</body>
+</html>
--- a/abvw/.htaccess
+++ b/abvw/.htaccess
+SetEnvIf Referer "^http://web3\.agentec\.jp/web_test/" RefererCheck
+Order deny,allow
+Deny from all
+Allow from env=RefererCheck
+<Files ~ "\.(js|json)$">
+Header add Pragma "no-cache"
+Header set Cache-Control no-cache
+</Files>
--- a/abvw/bookmark.html
+++ b/abvw/bookmark.html
+<!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 type="text/css" rel="stylesheet" href="./common/css/screen.css"/>
+	<link type="text/css" rel="stylesheet" href="css/common.css" />
+	<link type="text/css" rel="stylesheet" href="css/list_shiori.css" />
+	<link type="text/css" rel="stylesheet" href="css/tab.css" />
+	<link type="text/css" rel="stylesheet" href="css/header.css" />
+	<link type="text/css" rel="stylesheet" href="css/delete_shiori.css" />
+    <link href="css/backup.css" rel="stylesheet" type="text/css" />
+	<link type="text/css" rel="stylesheet" href="./common/css/default.css"/>
+	<link type="text/css" rel="stylesheet" href="./common/css/screenLock.css"/>
+    
+	
+	<link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css" />
+	<link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css" /> 				        
+	
+	<script src="./common/js/jquery-1.8.1.min.js"></script>	
+	<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
+	<script src="./common/js/jquery.toastmessage.js"></script>
+	<script src="./common/js/avweb.js"></script>
+	<script src="./common/js/i18n.js"></script>
+	<script src="./common/js/common.js"></script>
+    <script src="common/js/screenLock.js" type="text/javascript"></script>
+    <script src="./js/header.js" type="text/javascript"></script>    
+    <script src="./js/bookmark.js" type="text/javascript"></script>
+    <script type="text/javascript" src="./common/js/gotop.js"></script>
+        
+    <!--[if gte IE 9]>
+      <style type="text/css">
+        .gradient {
+           filter: none;
+        }
+      </style>
+    <![endif]-->
+    
+	<title>Bookmark | ABook Viewer For Web</title>		
+</head>
+<body id="list">
+    <p id="gotop" class="go_top">
+    	<a href="#"> </a>
+    </p>
+<header>
+	<div class="cnt_header">
+    	<a class="logo" href="javascript:void(0);" onclick="avwScreenMove(ScreenIds.Home)"> </a>
+        <div class="menu_language">
+            <ul>
+                <li><label class="lang" lang="txtLoginUser">こんにちは</label><label id="login-username"> </label></li>
+                <li class="jp" id="language-jp"><a href="#">日本語</a></li>
+                <li class="eng" id="language-en"><a href="#">English</a></li>
+                <li class="kor" id="language-kr"><a href="#">한글</a></li>
+                <li style="padding-left:0;"><input id="searchbox-key" type="text" placeholder="キーワードを入力してください"></li>
+                <div id="header-searchbox">
+					<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" 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>
+            <p class="button">
+            	<a style="margin-right:0;" class="blue lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a>
+                <a class="blue lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a>
+                <a class="blue lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a>
+                <a class="blue lang" href="#" id="dspShiori" lang="dspShiori">しおり</a>
+            	<a class="blue lang" id="dspHome" lang="dspHome" href="#">ホーム</a>    
+            </p>
+        </div>
+    </div>
+</header>
+
+<section class="sectionbackup1 " id="dlgConfirmBackup1">
+	<h1><label class="lang" lang="txtBackupTitle">バックアップ確認</label></h1>
+
+	<p class="message"><label lang="txtLogoutBkMsg" class="lang">ログアウトする前にバックアップしますか？</label></p>
+	<p class="notice">
+    <input type="checkbox" id="chkRememberBackup" />
+	<span class="lang" lang="txtLogoutOptBkCfm">今回の行動を記憶し、次回から確認せずに、同じことをする。</span><br/>
+    </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 id="sortingDiv" class="tops">
+            <ul>
+            	<li><span class="lang" lang="txtSort">並べ替え</span><b>|</b></li>
+                <li><a id="dspTitleNm" lang="dspTitleNm" class="lang">タイトル名</a>
+                <span id="txtTitleNmAsc">▲</span><span id="txtTitleNmDesc">▼</span><b>|</b></li>
+                <li><a id="dspTitleNmKn" lang="dspTitleNmKn" class="lang">タイトル名（かな）</a>
+                <span id="txtTitleNmKnAsc">▲</span><span id="txtTitleNmKnDesc">▼</span><b id="dspTitleNmKn_Seperate">|</b></li>
+                <li><a id="dspPubDt" class="lang" lang="dspRegDt">登録日</a>
+                <span id="txtPubDtAsc">▲</span><span id="txtPubDtDesc">▼</span></li>                
+            </ul>
+            
+        </div>
+        <section id="pnlTop" class='top'>
+            <a class="delete lang" id="dspDelete" lang="dspDelete">削除</a>
+        </section>
+        <div 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="dspShioriDelConf">設定されているしおりを削除しますか？</p>                       	
+            <p class="deletebtn"><a id="dspConfirmOK" lang="dspOK" class="ok">ＯＫ</a><a id="dspCancel" lang="dspCancel" class="cancel">キャンセル</a></p>
+        </section>
+    
+    <!-- Delete panel [end] -->
+
+<footer>
+<div class="border">
+	<div class="cnt_footer">
+    	COPYRIGHT © 2012 AGENTEC Co., Ltd. ALL RIGHTS RESERVED.
+    </div>
+</div>
+</footer>
+<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
+    this frame prevents back forward cache
+</iframe>
+</body>
+</html>
--- a/abvw/common/css/default.css
+++ b/abvw/common/css/default.css
+@charset('utf-8');
+
+/*
+* {
+	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", "sans-serif";
+	font-size: 12pt;
+	-webkit-font-smoothing: antialiased;
+}
+*/
+
+/**
+ * 	システムエラーメッセージスタイル
+ */
+.toast-item { 
+	border-radius: 10px;
+}
+.toast-position-middle-center {
+	margin-left: -250px;
+	width: 500px;	
+}
+
--- a/abvw/common/css/images/close.gif
+++ b/abvw/common/css/images/close.gif
--- a/abvw/common/css/images/error.png
+++ b/abvw/common/css/images/error.png
--- a/abvw/common/css/images/notice.png
+++ b/abvw/common/css/images/notice.png
--- a/abvw/common/css/images/success.png
+++ b/abvw/common/css/images/success.png
--- a/abvw/common/css/images/warning.png
+++ b/abvw/common/css/images/warning.png
--- a/abvw/common/css/jquery-ui.css
+++ b/abvw/common/css/jquery-ui.css
--- a/abvw/common/css/jquery.powertip.css
+++ b/abvw/common/css/jquery.powertip.css
+/* PowerTip Plugin */
+#powerTip {
+	cursor: default;
+	background-color: #333; /* fallback for browsers that dont support rgba */
+	background-color: rgba(0, 0, 0, 0.4);
+	border-radius: 6px;
+	color: #FFF;
+	display: none;
+	padding: 10px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 2;
+	font-size:11px;
+}
+#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
+#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
+	content: "";
+	position: absolute;
+}
+#powerTip.n:before, #powerTip.s:before {
+	border-right: 5px solid transparent;
+	border-left: 5px solid transparent;
+	left: 50%;
+	margin-left: -5px;
+}
+#powerTip.e:before, #powerTip.w:before {
+	border-bottom: 5px solid transparent;
+	border-top: 5px solid transparent;
+	margin-top: -5px;
+	top: 50%;
+}
+#powerTip.n:before {
+	/*border-top: 10px solid rgba(0, 0, 0, 0.8);*/
+	bottom: -10px;
+}
+#powerTip.e:before {
+	border-right: 10px solid rgba(0, 0, 0, 0.8);
+	left: -10px;
+}
+#powerTip.s:before {
+	/*border-bottom: 10px solid rgba(0, 0, 0, 0.8);*/
+	top: -10px;
+}
+#powerTip.w:before {
+	border-left: 10px solid rgba(0, 0, 0, 0.8);
+	right: -10px;
+}
+#powerTip.ne:before, #powerTip.se:before {
+	border-right: 10px solid transparent;
+	border-left: 0;
+	left: 10px;
+}
+#powerTip.nw:before, #powerTip.sw:before {
+	border-left: 10px solid transparent;
+	border-right: 0;
+	right: 10px;
+}
+#powerTip.ne:before, #powerTip.nw:before {
+	border-top: 10px solid rgba(0, 0, 0, 0.8);
+	bottom: -10px;
+}
+#powerTip.se:before, #powerTip.sw:before {
+	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
+	top: -10px;
+}
--- a/abvw/common/css/jquery.toastmessage.css
+++ b/abvw/common/css/jquery.toastmessage.css
+.toast-container {
+	width: 280px;
+	z-index: 9999;
+}
+
+
+* html .toast-container {
+	position: absolute;
+}
+
+.toast-item {
+	height: auto;
+	background: #333;
+    opacity: 0.9;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	color: #eee;
+	padding-top: 20px;
+	padding-bottom: 20px;
+	padding-left: 6px;
+	padding-right: 6px;
+	font-family: lucida Grande;
+	font-size: 14px;
+	border: 2px solid #999;
+	display: block;
+	position: relative;
+	margin: 0 0 12px 0;
+}
+
+.toast-item p {
+    text-align: left;
+    margin-left: 50px;
+}
+
+.toast-item-close {
+    background:url(./images/close.gif);
+    width:22px;
+    height:22px;
+    position: absolute;
+    top:7px;
+    right:7px;
+}
+
+.toast-item-image {
+    width:32px;
+    height: 32px;
+    position: absolute;
+    top: 50%;
+    margin-top: -16px;
+    left: 10px;
+}
+
+.toast-item-image-notice {
+    background:url(./images/notice.png);
+}
+
+.toast-item-image-success {
+    background:url(./images/success.png);
+}
+
+.toast-item-image-warning {
+    background:url(./images/warning.png);
+}
+
+.toast-item-image-error {
+    background:url(./images/error.png);
+}
+
+
+/**
+ * toast types
+ *
+ * pattern: toast-type-[value]
+ * where 'value' is the real value of the plugin option 'type'
+ *
+ */
+.toast-type-notice {
+    color: white;
+}
+
+.toast-type-success {
+    color: white;
+}
+
+.toast-type-warning {
+    color: white;
+    border-color: #FCBD57;
+}
+
+.toast-type-error {
+    color: white;
+    border-color: #B32B2B;
+}
+
+/**
+ * positions
+ *
+ * pattern: toast-position-[value]
+ * where 'value' is the real value of the plugin option 'position'
+ *
+ */
+.toast-position-top-left {
+    position: fixed;
+    left: 20px;
+    top: 20px;
+}
+
+.toast-position-top-center {
+    position: fixed;
+    top: 20px;
+    left: 50%;
+    margin-left: -140px;
+}
+
+.toast-position-top-right {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+}
+
+.toast-position-middle-left {
+    position: fixed;
+    left: 20px;
+    top: 50%;
+    margin-top: -40px;
+}
+
+.toast-position-middle-center {
+    position: fixed;
+    left: 50%;
+    margin-left: -140px;
+    margin-top: -40px;
+    top: 50%;
+}
+
+.toast-position-middle-right {
+    position: fixed;
+    right: 20px;
+    margin-left: -140px;
+    margin-top: -40px;
+    top: 50%;
+}
--- a/abvw/common/css/jquery.treeview.css
+++ b/abvw/common/css/jquery.treeview.css
+.treeview, .treeview ul { 
+	padding: 10px;
+	margin: 0;
+	list-style: none;
+}
+
+.treeview ul {
+	background-color: white;
+	margin-top: 4px;
+}
+
+.treeview .hitarea {
+	background: url('../../img/branch/treeview-default.gif') -64px -25px no-repeat;
+	height: 16px;
+	width: 16px;
+	margin-left: -16px;
+	float: left;
+	cursor: pointer;
+}
+/* fix for IE6 */
+* html .hitarea {
+	display: inline;
+	float:none;
+}
+
+.treeview li { 
+	margin: 0;
+	padding: 3px 0pt 3px 16px;
+}
+
+.treeview a.selected {
+	background-color: #eee;
+}
+
+#treecontrol { margin: 1em 0; display: none; }
+
+/*.treeview .hover { color: red; cursor: pointer; }*/
+
+.treeview .hover { color: red; cursor: pointer; text-decoration: underline;} 
+
+.treeview li { background: url('../../img/treeview/treeview-default-line.gif') 0 0 no-repeat; }
+.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
+
+.treeview .expandable-hitarea { background-position: -80px -3px; }
+
+.treeview li.last { background-position: 0 -1766px }
+.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('../../img/branch/treeview-default.gif'); }  
+.treeview li.lastCollapsable { background-position: 0 -111px }
+.treeview li.lastExpandable { background-position: -32px -67px }
+
+.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
+
+.treeview-red li { background-image: url('../../img/treeview/treeview-red-line.gif'); }
+.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('../../img/treeview/treeview-red.gif'); } 
+
+.treeview-black li { background-image: url('../../img/treeview/treeview-black-line.gif'); }
+.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('../../img/treeview/treeview-black.gif'); }  
+
+.treeview-gray li { background-image: url('../../images/treeview/treeview-gray-line.gif'); }
+.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('../../img/treeview/treeview-gray.gif'); } 
+
+.treeview-famfamfam li { background-image: url('../../img/treeview/treeview-famfamfam-line.gif'); }
+.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('../../img/treeview/treeview-famfamfam.gif'); } 
+
+.treeview .placeholder {
+	background: url('../../img/treeview/ajax-loader.gif') 0 0 no-repeat;
+	height: 16px;
+	width: 16px;
+	display: block;
+}
+
+.filetree li { padding: 3px 0 2px 16px; }
+/*.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block;}*/
+.filetree span.folder { background: url('../../img/treeview/folder.gif') 0 0 no-repeat; }
+.filetree li.expandable span.folder { background: url('../../img/treeview/folder-closed.gif') 0 0 no-repeat; }
+.filetree span.file { background: url('../../img/treeview/file.gif') 0 0 no-repeat; }
+/*
+Edit new 2012-10-04 - Delivery
+*/
+.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; cursor: pointer; }
+span.file:hover { text-decoration: underline;}
\ No newline at end of file
--- a/abvw/common/css/screen.css
+++ b/abvw/common/css/screen.css
+html, body {height:100%; margin: 0; padding: 0; }
+
+html>body {
+	font-size: 16px; 
+	font-size: 68.75%;
+} /* Reset Base Font Size */
+
+body {
+	font-family: Verdana, helvetica, arial, sans-serif;
+	font-size: 68.75%;
+	background: #fff;
+	color: #333;
+}
+
+h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
+h1 { font-size: large }
+
+#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
+    background: url(bg.gif) repeat-x; text-align: center }
+#banner a { color: white; }
+
+#main { padding: 1em; }
+
+a img { border: none; }
\ No newline at end of file
--- a/abvw/common/css/screenLock.css
+++ b/abvw/common/css/screenLock.css
+@charset('utf-8');
+
+/**
+ * 	screen lock style definition
+ */
+.screenLock {
+	font-size: 10pt;
+	-webkit-font-smoothing: antialiased;
+}
+.screenLock-content img {
+	margin: 0 auto;
+	width: 128px;
+	height: 128px;
+}
+.screenLock-error {
+	color: #f33;
+	margin: 8px auto;
+}
+#passwd-txt {
+	font-size: 12pt;
+}
--- a/abvw/common/css/slideshow.css
+++ b/abvw/common/css/slideshow.css
+#slideWrapper
+{
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	overflow: hidden;
+}
+.gallery-image
+{
+	width: 80%;
+	margin: 0 auto;
+	margin-top:1%;
+	height: 65%;
+	box-shadow: 0px 2px 8px 0px #999;
+	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%;
+	/*overflow: hidden;*/
+	margin: 0 auto;
+	position: relative;
+	left: 20px;
+}
+#control-prev
+{
+	float: left;
+}
+#control-next
+{    
+	float: right;
+	clear:none;
+	clear:none;
+	position: relative;
+	top: -100%;
+}
+.main-control
+{
+	width: 10%;
+	height: 100%;
+	opacity: 0.65;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	-webkit-user-select: none;
+	user-select: none;
+	background-color: #AAAAAA;
+}
+#main-control-prev
+{
+	float: left;
+	background-color: gray;
+	z-index: 1;
+	position: relative;
+	background-image: url('../../img/main_previous.png');
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+}
+#main-control-next
+{
+	float: right;
+	clear:none;
+	background-color: gray;
+	z-index: 1;
+	position: relative;
+	top: -100%;
+	background-image: url('../../img/main_next.png');
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+}
+.slideshow-control img
+{
+	height:50%;
+	width: 50%;
+	margin-top: 40%;
+}
+#control-prev img
+{
+	float:right;
+}
+#main-img
+{
+	background-color: black;
+	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;
+	box-shadow: 0px 2px 8px 0px #ccc;
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+	border:3px solid #fff;
+	background-color: black;
+	float: left;
+	clear: none;
+	position: relative;
+}
+.first
+{
+	margin-left: 23px;
+}
--- a/abvw/common/js/.htaccess
+++ b/abvw/common/js/.htaccess
+<Files ~ "\.(js|json)$">
+Header add Pragma "no-cache"
+Header set Cache-Control no-cache
+</Files>
--- a/abvw/common/js/avweb.js
+++ b/abvw/common/js/avweb.js
--- a/abvw/common/js/common.js
+++ b/abvw/common/js/common.js
--- a/abvw/common/js/function.js
+++ b/abvw/common/js/function.js
+//	add new HTML tag for ie
+//-----------------------------------------------------------------------------------------
+var newtag = [ 'header', 'nav', 'section', 'article', 'aside', 'footer', 'address', 'menu' ];
+for (var key in newtag) {
+  var tag= newtag[key];
+  document.createElement(tag);
+}
\ No newline at end of file
--- a/abvw/common/js/gotop.js
+++ b/abvw/common/js/gotop.js
+$(function(){
+	$('#gotop').hide();											// デフォルトで非表示とする
+
+	$(window).scroll(function(){
+		if ($(this).scrollTop() > 100) {					// scrollTop() で現在のスクロール上の上位置を取得
+			$('#gotop').fadeIn();								// 100を過ぎていたら、#backToTop（戻るボタン）をフェードインさせる
+		} else {
+			$('#gotop').fadeOut();							// それ以外は、フェードアウト
+		}
+	});
+
+	// クリック時にスムーズにページ上部へスクロールさせる
+	$('#gotop').click(function(){
+		$('body,html').animate({ scrollTop: 0 }, 350);
+		return false;		// ←【1】
+	});
+});
--- a/abvw/common/js/htmlparser.js
+++ b/abvw/common/js/htmlparser.js
+/*
+ * HTML Parser By John Resig (ejohn.org)
+ * Original code by Erik Arvidsson, Mozilla Public License
+ * http://erik.eae.net/simplehtmlparser/simplehtmlparser.js
+ *
+ * // Use like so:
+ * HTMLParser(htmlString, {
+ *     start: function(tag, attrs, unary) {},
+ *     end: function(tag) {},
+ *     chars: function(text) {},
+ *     comment: function(text) {}
+ * });
+ *
+ * // or to get an XML string:
+ * HTMLtoXML(htmlString);
+ *
+ * // or to get an XML DOM Document
+ * HTMLtoDOM(htmlString);
+ *
+ * // or to inject into an existing document/DOM node
+ * HTMLtoDOM(htmlString, document);
+ * HTMLtoDOM(htmlString, document.body);
+ *
+ */
+
+(function(){
+
+	// Regular Expressions for parsing tags and attributes
+	var startTag = /^<([-A-Za-z0-9_]+)((?:\s+\w+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,
+		endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/,
+		attr = /([-A-Za-z0-9_]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;
+		
+	// Empty Elements - HTML 4.01
+	var empty = makeMap("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed");
+
+	// Block Elements - HTML 4.01
+	var block = makeMap("address,applet,blockquote,button,center,dd,del,dir,div,dl,dt,fieldset,form,frameset,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,p,pre,script,table,tbody,td,tfoot,th,thead,tr,ul");
+
+	// Inline Elements - HTML 4.01
+	var inline = makeMap("a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var");
+
+	// Elements that you can, intentionally, leave open
+	// (and which close themselves)
+	var closeSelf = makeMap("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr");
+
+	// Attributes that have their values filled in disabled="disabled"
+	var fillAttrs = makeMap("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected");
+
+	// Special Elements (can contain anything)
+	var special = makeMap("script,style");
+
+	var HTMLParser = this.HTMLParser = function( html, handler ) {
+		var index, chars, match, stack = [], last = html;
+		stack.last = function(){
+			return this[ this.length - 1 ];
+		};
+
+		while ( html ) {
+			chars = true;
+
+			// Make sure we're not in a script or style element
+			if ( !stack.last() || !special[ stack.last() ] ) {
+
+				// Comment
+				if ( html.indexOf("<!--") == 0 ) {
+					index = html.indexOf("-->");
+	
+					if ( index >= 0 ) {
+						if ( handler.comment )
+							handler.comment( html.substring( 4, index ) );
+						html = html.substring( index + 3 );
+						chars = false;
+					}
+	
+				// end tag
+				} else if ( html.indexOf("</") == 0 ) {
+					match = html.match( endTag );
+	
+					if ( match ) {
+						html = html.substring( match[0].length );
+						match[0].replace( endTag, parseEndTag );
+						chars = false;
+					}
+	
+				// start tag
+				} else if ( html.indexOf("<") == 0 ) {
+					match = html.match( startTag );
+	
+					if ( match ) {
+						html = html.substring( match[0].length );
+						match[0].replace( startTag, parseStartTag );
+						chars = false;
+					}
+				}
+
+				if ( chars ) {
+					index = html.indexOf("<");
+					
+					var text = index < 0 ? html : html.substring( 0, index );
+					html = index < 0 ? "" : html.substring( index );
+					
+					if ( handler.chars )
+						handler.chars( text );
+				}
+
+			} else {
+				html = html.replace(new RegExp("(.*)<\/" + stack.last() + "[^>]*>"), function(all, text){
+					text = text.replace(/<!--(.*?)-->/g, "$1")
+						.replace(/<!\[CDATA\[(.*?)]]>/g, "$1");
+
+					if ( handler.chars )
+						handler.chars( text );
+
+					return "";
+				});
+
+				parseEndTag( "", stack.last() );
+			}
+
+			if ( html == last )
+				throw "Parse Error: " + html;
+			last = html;
+		}
+		
+		// Clean up any remaining tags
+		parseEndTag();
+
+		function parseStartTag( tag, tagName, rest, unary ) {
+			tagName = tagName.toLowerCase();
+
+			if ( block[ tagName ] ) {
+				while ( stack.last() && inline[ stack.last() ] ) {
+					parseEndTag( "", stack.last() );
+				}
+			}
+
+			if ( closeSelf[ tagName ] && stack.last() == tagName ) {
+				parseEndTag( "", tagName );
+			}
+
+			unary = empty[ tagName ] || !!unary;
+
+			if ( !unary )
+				stack.push( tagName );
+			
+			if ( handler.start ) {
+				var attrs = [];
+	
+				rest.replace(attr, function(match, name) {
+					var value = arguments[2] ? arguments[2] :
+						arguments[3] ? arguments[3] :
+						arguments[4] ? arguments[4] :
+						fillAttrs[name] ? name : "";
+					
+					attrs.push({
+						name: name,
+						value: value,
+						escaped: value.replace(/(^|[^\\])"/g, '$1\\\"') //"
+					});
+				});
+	
+				if ( handler.start )
+					handler.start( tagName, attrs, unary );
+			}
+		}
+
+		function parseEndTag( tag, tagName ) {
+			// If no tag name is provided, clean shop
+			if ( !tagName )
+				var pos = 0;
+				
+			// Find the closest opened tag of the same type
+			else
+				for ( var pos = stack.length - 1; pos >= 0; pos-- )
+					if ( stack[ pos ] == tagName )
+						break;
+			
+			if ( pos >= 0 ) {
+				// Close all the open elements, up the stack
+				for ( var i = stack.length - 1; i >= pos; i-- )
+					if ( handler.end )
+						handler.end( stack[ i ] );
+				
+				// Remove the open elements from the stack
+				stack.length = pos;
+			}
+		}
+	};
+	
+	this.HTMLtoXML = function( html ) {
+		var results = "";
+		
+		HTMLParser(html, {
+			start: function( tag, attrs, unary ) {
+				results += "<" + tag;
+		
+				for ( var i = 0; i < attrs.length; i++ )
+					results += " " + attrs[i].name + '="' + attrs[i].escaped + '"';
+		
+				results += (unary ? "/" : "") + ">";
+			},
+			end: function( tag ) {
+				results += "</" + tag + ">";
+			},
+			chars: function( text ) {
+				results += text;
+			},
+			comment: function( text ) {
+				results += "<!--" + text + "-->";
+			}
+		});
+		
+		return results;
+	};
+	
+	this.HTMLtoDOM = function( html, doc ) {
+		// There can be only one of these elements
+		var one = makeMap("html,head,body,title");
+		
+		// Enforce a structure for the document
+		var structure = {
+			link: "head",
+			base: "head"
+		};
+	
+		if ( !doc ) {
+			if ( typeof DOMDocument != "undefined" )
+				doc = new DOMDocument();
+			else if ( typeof document != "undefined" && document.implementation && document.implementation.createDocument )
+				doc = document.implementation.createDocument("", "", null);
+			else if ( typeof ActiveX != "undefined" )
+				doc = new ActiveXObject("Msxml.DOMDocument");
+			
+		} else
+			doc = doc.ownerDocument ||
+				doc.getOwnerDocument && doc.getOwnerDocument() ||
+				doc;
+		
+		var elems = [],
+			documentElement = doc.documentElement ||
+				doc.getDocumentElement && doc.getDocumentElement();
+				
+		// If we're dealing with an empty document then we
+		// need to pre-populate it with the HTML document structure
+		if ( !documentElement && doc.createElement ) (function(){
+			var html = doc.createElement("html");
+			var head = doc.createElement("head");
+			head.appendChild( doc.createElement("title") );
+			html.appendChild( head );
+			html.appendChild( doc.createElement("body") );
+			doc.appendChild( html );
+		})();
+		
+		// Find all the unique elements
+		if ( doc.getElementsByTagName )
+			for ( var i in one )
+				one[ i ] = doc.getElementsByTagName( i )[0];
+		
+		// If we're working with a document, inject contents into
+		// the body element
+		var curParentNode = one.body;
+		
+		HTMLParser( html, {
+			start: function( tagName, attrs, unary ) {
+				// If it's a pre-built element, then we can ignore
+				// its construction
+				if ( one[ tagName ] ) {
+					curParentNode = one[ tagName ];
+					if ( !unary ) {
+						elems.push( curParentNode );
+					}
+					return;
+				}
+			
+				var elem = doc.createElement( tagName );
+				
+				for ( var attr in attrs )
+					elem.setAttribute( attrs[ attr ].name, attrs[ attr ].value );
+				
+				if ( structure[ tagName ] && typeof one[ structure[ tagName ] ] != "boolean" )
+					one[ structure[ tagName ] ].appendChild( elem );
+				
+				else if ( curParentNode && curParentNode.appendChild )
+					curParentNode.appendChild( elem );
+					
+				if ( !unary ) {
+					elems.push( elem );
+					curParentNode = elem;
+				}
+			},
+			end: function( tag ) {
+				elems.length -= 1;
+				
+				// Init the new parentNode
+				curParentNode = elems[ elems.length - 1 ];
+			},
+			chars: function( text ) {
+				curParentNode.appendChild( doc.createTextNode( text ) );
+			},
+			comment: function( text ) {
+				// create comment node
+			}
+		});
+		
+		return doc;
+	};
+
+	function makeMap(str){
+		var obj = {}, items = str.split(",");
+		for ( var i = 0; i < items.length; i++ )
+			obj[ items[i] ] = true;
+		return obj;
+	}
+})();
--- a/abvw/common/js/i18n.js
+++ b/abvw/common/js/i18n.js
+/**
+ *  ABook Viewer for WEB
+ *  国際化（言語切替）対応共通処理
+ *
+ *  言語リソースファイルは、指定する言語に合わせて以下のファイルを修正する
+ *   - 日本語：　lang-ja.json
+ *   - 韓国語：　lang-ko.json
+ *   - 英語　：　lang-en.json
+ *
+ *  Copyright (C) Agentec Co, Ltd. All rights reserved.
+ */
+
+/**
+ * 定数：言語ファイル配置場所
+ */
+var avwsys_location = "/common/json/lang";
+var avwsys_dir = "/abvw";
+var avwsys_storagekey = "AVWUS_Lang";
+var avwsys_currLang = "AVW_CurrLang";
+
+/* 言語の初期化 */
+$(function() {
+	// ログイン画面/直接アクセス対策
+	var location = window.location.toString().toLowerCase();
+	if (location.indexOf(avwsys_dir) < 0) {
+		// avwsys_dirディレクトリ配下ではない場合は、avwsys_dirディレクトリをつける
+		avwsys_location = "." + avwsys_dir + avwsys_location;
+	} else {
+		// avwsys_dirディレクトリ配下の場合は、相対パスに変換
+		avwsys_location = "." + avwsys_location;
+	}
+
+	var lang = "en";
+	var storage = window.localStorage;
+	if(storage) {
+		var lang = storage.getItem(avwsys_storagekey);
+		if(!lang) {
+			lang = getNavigatorLanguage();
+		}
+	}
+	// 言語ファイルを初期化する
+	loadLanguage(lang);
+});
+/* ブラウザの言語設定を取得する */
+function getNavigatorLanguage() {
+	var lang = (navigator.browserLanguage || navigator.language || navigator.userLanguage);			
+	/* 対応言語 */
+	var languages = ['ja','ko','en'];		// 対応言語を増やす場合はここを変更する
+	if(lang.match(/ja|ko|en/g)) {
+		for(var i = 0; i < languages.length; i++) {
+			var index = lang.indexOf(languages[i]);
+			if(index >= 0) {
+				lang = lang.substring(index, 2);
+				break;
+			}
+		}
+	} else {
+		lang = 'en'; 	// 対応言語が無ければ英語をデフォルトとする		
+	}			
+	return lang;
+};
+
+/* 言語リソースファイル読み込み */
+function loadLanguage(lang) {
+	
+	// 引数から言語ファイルを選択
+	var langfile = "lang-" + lang + ".json";
+	
+	// 言語ファイルを読み込む
+	$.ajax({
+			url: avwsys_location + "/" + langfile,
+			async: false,
+			dataType: 'json',
+			cache: false,
+			success: function(data) {
+				// lang属性の書換え
+				document.documentElement.lang = lang;
+				
+				// html の言語データを書換える
+				var jsonLangData = data;
+				replaceText(jsonLangData);
+				
+				// 言語設定、言語データをストレージにキャッシュしておく
+				storeCurrentLanguage(lang, jsonLangData);
+			},
+			error: function(xhr, txtStatus, errorThrown) {
+				var error = 'Could not load a language file ' + langfile + '. please check it.';
+				error += '\n' + xhr.status + ' ' + txtStatus + ' ' + errorThrown + ' : ' + langfile;
+				alert(error);
+			}
+		});
+};
+
+/* ページ内のテキストをすべて言語に合わせて置換する */
+function replaceText(jsonLangData) {
+	
+	var itemCount = $('.lang').length;
+	if(itemCount > 0) {
+		for(var i = 0; i < itemCount; i++) {
+			var obj = $('.lang:eq(' + i + ')');
+			var langId = obj.attr('lang');
+			if(langId) {
+				var langText = getLangText(jsonLangData, langId);
+				var tn = obj.get()[0].localName;
+				if(tn == 'input') {
+					if(obj.attr('type') == 'button' || obj.attr('type') == 'submit') {
+						obj.val(langText);
+					} else {
+						obj.text(langText);
+					}
+				} else {
+					obj.text(langText);
+				}
+			}
+		}
+	}
+};
+/* 現在設定されている言語でHTMLテキストを置き換える */
+function i18nReplaceText() {
+	var storage = window.sessionStorage;
+	if(storage) {
+		var value = storage.getItem(avwsys_storagekey);
+		if(value) {
+			var json = JSON.parse(value);
+			replaceText(json);
+		}
+	}
+};
+/* キーから文字列を取得 */
+function i18nText(key) {
+	var storage = window.sessionStorage;
+	if(storage) {
+		var value = storage.getItem(avwsys_storagekey);
+		if(value) {
+			var json = JSON.parse(value);
+			return getLangText(json, key);
+		}
+	}
+	return "undefined";
+};
+
+/* 言語データのキー値から文字列を取得 */
+function getLangText(jsonLangData, key) {
+	if(jsonLangData) {
+		var text = jsonLangData[key];
+		return text;
+	}
+	return "undefined.";
+};
+
+/* 言語データの切り替え */
+function changeLanguage(lang) {
+	
+	// 言語の切替を行った場合のみ選択言語をストアする
+	var storage = window.localStorage;
+	if(storage) {
+		storage.setItem(avwsys_storagekey, lang);
+	}
+	
+	// 言語ファイルを読み込み、テキスト文字列を変換する
+	loadLanguage(lang);
+};
+
+/* 設定言語の保存 */
+function storeCurrentLanguage(lang, langData) {
+	var ss = window.sessionStorage;
+	if(ss) {
+		// language data
+		ss.setItem(avwsys_storagekey, JSON.stringify(langData));
+		// current language
+		ss.setItem(avwsys_currLang, lang);
+	}
+};
+/* 設定言語の取得 */
+function getCurrentLanguage() {
+	var lang;
+	var storage = window.sessionStorage;
+	if(storage) {
+		lang = storage.getItem(avwsys_currLang);
+	}
+	if(!lang) {
+		lang = getNavigatorLanguage();
+	}
+	return lang;
+};
--- a/abvw/common/js/jquery-1.8.1.min.js
+++ b/abvw/common/js/jquery-1.8.1.min.js
--- a/abvw/common/js/jquery-ui-1.8.23.custom.min.js
+++ b/abvw/common/js/jquery-ui-1.8.23.custom.min.js
--- a/abvw/common/js/jquery.cookie.js
+++ b/abvw/common/js/jquery.cookie.js
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        var path = options.path ? '; path=' + options.path : '';
+        var domain = options.domain ? '; domain=' + options.domain : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};
\ No newline at end of file
--- a/abvw/common/js/jquery.powertip.js
+++ b/abvw/common/js/jquery.powertip.js
--- a/abvw/common/js/jquery.toastmessage.js
+++ b/abvw/common/js/jquery.toastmessage.js
+/*
+ * Copyright 2010 akquinet
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ *  This JQuery Plugin will help you in showing some nice Toast-Message like notification messages. The behavior is
+ *  similar to the android Toast class.
+ *  You have 4 different toast types you can show. Each type comes with its own icon and colored border. The types are:
+ *  - notice
+ *  - success
+ *  - warning
+ *  - error
+ *
+ *  The following methods will display a toast message:
+ *
+ *   $().toastmessage('showNoticeToast', 'some message here');
+ *   $().toastmessage('showSuccessToast', "some message here");
+ *   $().toastmessage('showWarningToast', "some message here");
+ *   $().toastmessage('showErrorToast', "some message here");
+ *
+ *   // user configured toastmessage:
+ *   $().toastmessage('showToast', {
+ *      text     : 'Hello World',
+ *      sticky   : true,
+ *      position : 'top-right',
+ *      type     : 'success',
+ *      close    : function () {console.log("toast is closed ...");}
+ *   });
+ *
+ *   To see some more examples please have a look into the Tests in src/test/javascript/ToastmessageTest.js
+ *
+ *   For further style configuration please see corresponding css file: jquery-toastmessage.css
+ *
+ *   This plugin is based on the jquery-notice (http://sandbox.timbenniks.com/projects/jquery-notice/)
+ *   but is enhanced in several ways:
+ *
+ *   configurable positioning
+ *   convenience methods for different message types
+ *   callback functionality when closing the toast
+ *   included some nice free icons
+ *   reimplemented to follow jquery plugin good practices rules
+ *
+ *   Author: Daniel Bremer-Tonn
+**/
+(function($)
+{
+	var settings = {
+				inEffect: 			{opacity: 'show'},	// in effect
+				inEffectDuration: 	600,				// in effect duration in miliseconds
+				stayTime: 			3000,				// time in miliseconds before the item has to disappear
+				text: 				'',					// content of the item. Might be a string or a jQuery object. Be aware that any jQuery object which is acting as a message will be deleted when the toast is fading away.
+				sticky: 			false,				// should the toast item sticky or not?
+				type: 				'notice', 			// notice, warning, error, success
+                position:           'top-right',        // top-left, top-center, top-right, middle-left, middle-center, middle-right ... Position of the toast container holding different toast. Position can be set only once at the very first call, changing the position after the first call does nothing
+                closeText:          '',                 // text which will be shown as close button, set to '' when you want to introduce an image via css
+                close:              null                // callback function when the toastmessage is closed
+            };
+
+    var methods = {
+        init : function(options)
+		{
+			if (options) {
+                $.extend( settings, options );
+            }
+		},
+
+        showToast : function(options)
+		{
+			var localSettings = {};
+            $.extend(localSettings, settings, options);
+
+			// declare variables
+            var toastWrapAll, toastItemOuter, toastItemInner, toastItemClose, toastItemImage;
+
+			toastWrapAll	= (!$('.toast-container').length) ? $('<div></div>').addClass('toast-container').addClass('toast-position-' + localSettings.position).appendTo('body') : $('.toast-container');
+			toastItemOuter	= $('<div></div>').addClass('toast-item-wrapper');
+			toastItemInner	= $('<div></div>').hide().addClass('toast-item toast-type-' + localSettings.type).appendTo(toastWrapAll).html($('<p>').append (localSettings.text)).animate(localSettings.inEffect, localSettings.inEffectDuration).wrap(toastItemOuter);
+			toastItemClose	= $('<div></div>').addClass('toast-item-close').prependTo(toastItemInner).html(localSettings.closeText).click(function() { $().toastmessage('removeToast',toastItemInner, localSettings) });
+			toastItemImage  = $('<div></div>').addClass('toast-item-image').addClass('toast-item-image-' + localSettings.type).prependTo(toastItemInner);
+
+            if(navigator.userAgent.match(/MSIE 6/i))
+			{
+		    	toastWrapAll.css({top: document.documentElement.scrollTop});
+		    }
+
+			if(!localSettings.sticky)
+			{
+				setTimeout(function()
+				{
+					$().toastmessage('removeToast', toastItemInner, localSettings);
+				},
+				localSettings.stayTime);
+			}
+            return toastItemInner;
+		},
+
+        showNoticeToast : function (message)
+        {
+            var options = {text : message, type : 'notice'};
+            return $().toastmessage('showToast', options);
+        },
+
+        showSuccessToast : function (message)
+        {
+            var options = {text : message, type : 'success'};
+            return $().toastmessage('showToast', options);
+        },
+
+        showErrorToast : function (message)
+        {
+            var options = {text : message, type : 'error'};
+            return $().toastmessage('showToast', options);
+        },
+
+        showWarningToast : function (message)
+        {
+            var options = {text : message, type : 'warning'};
+            return $().toastmessage('showToast', options);
+        },
+
+		removeToast: function(obj, options)
+		{
+			obj.animate({opacity: '0'}, 600, function()
+			{
+				obj.parent().animate({height: '0px'}, 300, function()
+				{
+					obj.parent().remove();
+				});
+			});
+            // callback
+            if (options && options.close !== null)
+            {
+                options.close();
+            }
+		}
+	};
+
+    $.fn.toastmessage = function( method ) {
+
+        // Method calling logic
+        if ( methods[method] ) {
+          return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+          return methods.init.apply( this, arguments );
+        } else {
+          $.error( 'Method ' +  method + ' does not exist on jQuery.toastmessage' );
+        }
+    };
+
+})(jQuery);
\ No newline at end of file
--- a/abvw/common/js/jquery.treeview.edit.js
+++ b/abvw/common/js/jquery.treeview.edit.js
+(function($) {
+//	var CLASSES = $.treeview.classes;
+//	var proxied = $.fn.treeview;
+//	$.fn.treeview = function(settings) {
+//		settings = $.extend({}, settings);
+//		if (settings.add) {
+//			return this.trigger("add", [settings.add]);
+//		}
+//		if (settings.remove) {
+//			return this.trigger("remove", [settings.remove]);
+//		}
+//		return proxied.apply(this, arguments).bind("add", function(event, branches) {
+//			$(branches).prev()
+//				.removeClass(CLASSES.last)
+//				.removeClass(CLASSES.lastCollapsable)
+//				.removeClass(CLASSES.lastExpandable)
+//			.find(">.hitarea")
+//				.removeClass(CLASSES.lastCollapsableHitarea)
+//				.removeClass(CLASSES.lastExpandableHitarea);
+//			$(branches).find("li").andSelf().prepareBranches(settings).applyClasses(settings, $(this).data("toggler"));
+//		}).bind("remove", function(event, branches) {
+//			var prev = $(branches).prev();
+//			var parent = $(branches).parent();
+//			$(branches).remove();
+//			prev.filter(":last-child").addClass(CLASSES.last)
+//				.filter("." + CLASSES.expandable).replaceClass(CLASSES.last, CLASSES.lastExpandable).end()
+//				.find(">.hitarea").replaceClass(CLASSES.expandableHitarea, CLASSES.lastExpandableHitarea).end()
+//				.filter("." + CLASSES.collapsable).replaceClass(CLASSES.last, CLASSES.lastCollapsable).end()
+//				.find(">.hitarea").replaceClass(CLASSES.collapsableHitarea, CLASSES.lastCollapsableHitarea);
+//			if (parent.is(":not(:has(>))") && parent[0] != this) {
+//				parent.parent().removeClass(CLASSES.collapsable).removeClass(CLASSES.expandable)
+//				parent.siblings(".hitarea").andSelf().remove();
+//			}
+//		});
+//	};
+	
+})(jQuery);
\ No newline at end of file
--- a/abvw/common/js/jquery.treeview.js
+++ b/abvw/common/js/jquery.treeview.js
--- a/abvw/common/js/jquery.ui.touch-punch.min.js
+++ b/abvw/common/js/jquery.ui.touch-punch.min.js
+/*
+ * jQuery UI Touch Punch 0.2.2
+ *
+ * Copyright 2011, Dave Furfero
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ *
+ * Depends:
+ *  jquery.ui.widget.js
+ *  jquery.ui.mouse.js
+ */
+(function(b){b.support.touch="ontouchend" in document;if(!b.support.touch){return;}var c=b.ui.mouse.prototype,e=c._mouseInit,a;function d(g,h){if(g.originalEvent.touches.length>1){return;}g.preventDefault();var i=g.originalEvent.changedTouches[0],f=document.createEvent("MouseEvents");f.initMouseEvent(h,true,true,window,1,i.screenX,i.screenY,i.clientX,i.clientY,false,false,false,false,0,null);g.target.dispatchEvent(f);}c._touchStart=function(g){var f=this;if(a||!f._mouseCapture(g.originalEvent.changedTouches[0])){return;}a=true;f._touchMoved=false;d(g,"mouseover");d(g,"mousemove");d(g,"mousedown");};c._touchMove=function(f){if(!a){return;}this._touchMoved=true;d(f,"mousemove");};c._touchEnd=function(f){if(!a){return;}d(f,"mouseup");d(f,"mouseout");if(!this._touchMoved){d(f,"click");}a=false;};c._mouseInit=function(){var f=this;f.element.bind("touchstart",b.proxy(f,"_touchStart")).bind("touchmove",b.proxy(f,"_touchMove")).bind("touchend",b.proxy(f,"_touchEnd"));e.call(f);};})(jQuery);
\ No newline at end of file
--- a/abvw/common/js/screenLock.js
+++ b/abvw/common/js/screenLock.js
+/**
+ *  ABook Viewer for WEB
+ *	Screen Lock Library
+ *  Copyright (C) Agentec Co, Ltd. All rights reserved.
+ * 
+ * options
+ * 		timeout:		タイムアウト秒
+ * 		id:				オーバーレイ要素のID属性
+ * 		html:			オーバーレイ上に表示するHTML
+ * 		color:			テキスト色
+ * 		opacity:		透明度
+ * 		background:		背景色
+ * 		lockspeed: 		アニメーションスピード（ 'slow' 'normal' 'fast' or millisecond like jquery.fadein/fadeout）
+ * 		unlockFunc:		ロック解除イベント処理
+ * 		userScript:		ユーザスクリプト
+ * 
+ * usage:
+ * 
+ * 	$(function() {
+ * 		var options = { ... };
+ * 		screenLock(options);
+ * }
+ * 
+ */
+function screenLock(options) {
+	
+	var idleTimerId = null;
+	var bTimeout = false;
+	var defaultOptions = {
+							timeout : 600000,		// default timeout = 10min.
+							id: 'to',
+							html: 'Clickして画面ロックを解除してください。',
+							color: '#fff',
+							opacity: '0.95',
+							background: '#333',
+							lockspeed: 'slow',
+							errorMessage: 'ロックを解除できません。入力したパスワードを確認してください。',
+							unlockFunc : function(elmId) {
+								// overlay click then fade out and remove element
+								$('#' + elmId).fadeOut(lockspeed, function() { 
+									
+									// ロック画面をDOM要素から削除
+									$('#' + elmId).remove(); 
+									
+									// 画面ロック状態を解除
+									removeLockState();
+									
+									// アイドルタイマーをもう一度仕掛ける
+									setIdleTimer();
+								});
+								
+								// unlock
+								return { 'result': true, 'errorCode' : 'success' };
+							}
+						};
+						
+	var timeout, elmId, html, color, opacity, background, lockspeed, unlockEvent, unlockFunc, errorMessage;
+	
+	// overlay option
+	if(options) {
+		timeout = (options.timeout) ? options.timeout : defaultOptions.timeout;
+		elmId = (options.id) ? options.id : defaultOptions.id;
+		html = (options.html) ? options.html : defaultOptions.html;
+		color = (options.color) ? options.color : defaultOptions.color;
+		opacity = (options.opacity) ? options.opacity : defaultOptions.opacity;
+		background = (options.background) ? options.background : defaultOptions.background;
+		lockspeed = (options.lockspeed) ? options.lockspeed : defaultOptions.lockspeed;
+		unlockFunc = (options.unlockFunc) ? options.unlockFunc : null;
+		errorMessage = (options.errorMessage) ? options.errorMessage : defaultOptions.errorMessage;
+	} else {
+		timeout = defaultOptions.timeout;
+		elmId = defaultOptions.id;
+		html = defaultOptions.html;
+		color = defaultOptions.color;
+		opacity = defaultOptions.opacity;
+		background = defaultOptions.background;
+		lockspeed = defaultOptions.lockspeed;
+		unlockFunc = defaultOptions.unlockFunc;
+		errorMessage = defaultOptions.errorMessage;
+	}
+	
+	// bind event
+	$(window).click(resetIdleTimer)
+			 .mousemove(resetIdleTimer)
+			 .keydown(resetIdleTimer)
+			 .bind('touchstart', resetIdleTimer)
+			 .bind('touchmove', resetIdleTimer);
+
+	// アイドルタイマーを起動
+	setIdleTimer();
+
+	/* ロックするまでのアイドルタイマー */	
+	function setIdleTimer() {
+		
+		// アイドルタイマーのタイムアウト時間（デフォルト/オプション指定時間）
+		var idleStateTimeout = timeout;
+		
+		// clear timeout
+		if(idleTimerId) {
+			clearTimeout(idleTimerId);
+			idleTimerId = null;
+		}
+		
+		// すでにロック状態かどうかをチェックし、ロック状態であれば、即ロックをかける
+		if(isLocked()) {
+			idleStateTimeout = 0;
+		}
+		
+		// clear lock state
+		removeLockState();
+
+		// set idle timeout
+		idleTimerId = setTimeout(function() {
+			
+			// clear timer id
+			clearTimeout(idleTimerId);
+			idleTimerId = null;
+			bTimeout = true;
+			
+			// set lock state
+			setLockState();
+			
+			// show lock screen
+			showLockScreen();
+			
+		}, idleStateTimeout);
+				
+		// clear time out
+		bTimeout = false;
+	}
+	
+	/* reset idle timer */
+	function resetIdleTimer() {
+		if(!bTimeout) {
+			setIdleTimer();
+		}
+	};
+	
+	/* show lock screen */
+	function showLockScreen() {
+		
+		// show message overlay
+		var tags = '<div id="' + elmId + '" class="screenLock">' +
+				   '<div style="display:table; width:100%; height:100%;">' + 
+				   '<div style="display:table-cell; text-align:center; vertical-align:middle;">' +
+				   '<p class="screenLock-content">' + html + '</p>' + 
+				   '<div id="pw" style="display:none;">' +
+				   '<input id="passwd-txt" placeholder="input password" type="password" value="" />&nbsp;' +
+				   '<button id="unlock-btn">OK</button>' +
+				   '<div id="screenLockErrMsg" class="screenLock-error" style="display:none;">' + errorMessage + '</div>' +
+				   '</div>' +
+				   '</div>' + 
+				   '</div>' +
+				   '</div>';
+		$(document.body).append(tags);
+		$('#' + elmId).css( {
+			'color': color,
+			'opacity': opacity,
+			'display': 'none',
+			'position': 'fixed',
+			'top': '0',
+			'left': '0',
+			'width': $(window).width(),
+			'height': $(window).height(),
+			'background': background,
+			'zIndex': '10000'
+		})
+		.fadeIn(lockspeed);
+		
+		// bind event hander to unlock
+		$('#' + elmId).click(function() {
+			$('#pw').fadeIn();
+			var pwInputTimer = null;
+			pwInputTimer = setTimeout(function() {
+				$('#pw').fadeOut();
+				clearTimeout(pwInputTimer);
+			}, 15000);
+			
+			// フォーカスを当ててキーダウンイベントでタイムアウト解除を登録
+			$('#passwd-txt').focus()
+							.keydown(function(event) {
+								// パスワード入力タイマーを解除
+								if(pwInputTimer) {
+									clearTimeout(pwInputTimer);									
+								}
+								pwInputTimer = null;
+								// エンターキーで解除実行
+								if(event.which == 13) {
+									executeUnlock();
+								}
+							});
+							
+		});
+		
+		// force unlock function
+		function forceUnlockFunc() {
+			defaultOptions.unlockFunc(elmId);	
+		};
+		
+		// execute unlock process 
+		function executeUnlock() {
+			if(unlockFunc) {
+				var val = unlockFunc($('#passwd-txt').val(), forceUnlockFunc);
+				if(!val.result) {
+					$('#screenLockErrMsg').text(format(errorMessage, val.errorCode.errorMessage));
+					$('#screenLockErrMsg').fadeIn();
+					$('#passwd-txt').focus();
+					return;					
+				}
+/*
+				if(!unlockFunc($('#passwd-txt').val(), forceUnlockFunc)) {
+					$('#screenLockErrMsg').fadeIn();
+					$('#passwd-txt').focus();
+					return;
+				}
+*/
+			}
+			defaultOptions.unlockFunc(elmId);			
+		}
+		
+		// OKボタン押下でロック解除関数を実行
+		$('#unlock-btn').click(function() { executeUnlock(); });
+
+		// resize overlay		
+		$(window).resize(function() {
+			$('#' + elmId).css( {
+				'width': $(window).width(),
+				'height': $(window).height()
+			});			
+		});		
+	}
+	
+	/* set lock state */
+	function setLockState() {
+		var sessionStorage = window.sessionStorage;
+		if(sessionStorage) {
+			sessionStorage.setItem('AVW_ScreenLock', true);
+		}
+	}
+	
+	/* unset lock state */
+	function removeLockState() {
+		var sessionStorage = window.sessionStorage;
+		if(sessionStorage) {
+			sessionStorage.removeItem('AVW_ScreenLock');
+		}
+	}
+	
+	/* check lock state or not */
+	function isLocked() {
+		var sessionStorage = window.sessionStorage;
+		if(sessionStorage) {
+			var lockState = sessionStorage.getItem('AVW_ScreenLock');
+			if(lockState) {
+				return true;
+			}
+		}
+		return false;
+	}
+};
--- a/abvw/common/js/script.js
+++ b/abvw/common/js/script.js
+$(function() {
+	if(avwUserEnvObj.os == 'ipad' || avwUserEnvObj.os == 'android'){
+		
+	}else{
+		// placement examples
+		$('.home').powerTip({placement: 's'});
+		$('.back').powerTip({placement: 's'});
+		$('.bmList').powerTip({placement: 's'});
+		$('.bmAdd').powerTip({placement: 's'});
+		$('.index').powerTip({placement: 's'});
+		$('.copy').powerTip({placement: 's'});
+		$('.memoDisplay').powerTip({placement: 's'});
+		$('.memoAdd').powerTip({placement: 's'});
+		$('.marking').powerTip({placement: 's'});
+		$('.markingToolbar').powerTip({placement: 's'});
+	
+		$('.begin').powerTip({placement: 'n'});
+		$('.prev').powerTip({placement: 'n'});
+		$('.next').powerTip({placement: 'n'});
+		$('.last').powerTip({placement: 'n'});
+		$('.expansion').powerTip({placement: 'n'});
+		$('.fit').powerTip({placement: 'n'});
+		$('.reduction').powerTip({placement: 'n'});
+		$('.toolbar').powerTip({placement: 'n'});
+	}
+});
--- a/abvw/common/js/slideshow.js
+++ b/abvw/common/js/slideshow.js
--- a/abvw/common/js/tab.js
+++ b/abvw/common/js/tab.js
+$(function() {
+
+	$("ul.switchingTab li a").click(function(){ 
+
+		$("div.tabUnit-list").each(
+			function(i) {
+				var thisID = "#list_"+i;
+				if($(thisID).css("display") == "block"){
+					$(thisID).css("display","none");
+				}
+			}
+		);
+
+		$("ul.switchingTab li a").removeClass("current");
+		$(this).addClass("current");
+		var tabTarget = $(this).attr("href");
+		var tabTargetID = tabTarget;
+		$(tabTargetID).css("display","block");
+		return false;
+	});
+});
\ No newline at end of file
--- a/abvw/common/js/textObject.js
+++ b/abvw/common/js/textObject.js
+/**
+ *  ABook Viewer for WEB
+ *	Drawing HTML Text Library
+ *	**this library depend on htmlparser.js**
+ *  Copyright (C) Agentec Co, Ltd. All rights reserved.
+ */
+
+/**
+ * get HTML Text Image URL 
+ */
+function getTextObjectImage(width, height, htmlData) {
+	
+	var canvas = document.createElement('canvas');
+	canvas.width = width;
+	canvas.height = height;
+	
+	var context = canvas.getContext('2d');
+	var dataHtml = '';
+	var currentLine = 0;
+	var lineHeight = 0;
+	var nextLinePosition = 0;
+	var lineWidth = width;			// 1行の幅
+	var startPosition = 0;			// テキスト描画の開始位置
+	var hasUnderLine = false;		// アンダーラインの有無
+	var textAlign = 'left';			// テキスト揃え
+	var margin = 2;
+	
+	/* remove escape charactor '\' */
+	dataHtml = htmlData.replace(/\\/, '');
+	//dataHtml = dataHtml.toLowerCase();
+	
+	//console.log('dataHtml:' + dataHtml);
+	
+	// parse
+	HTMLParser(dataHtml,
+		{
+			start: function(tag, attrs, unary) {
+				
+				var t = tag.toLowerCase();
+				
+				/*
+				 * DIVタグ
+				 */
+				if(t == 'div') {
+					var align
+					for(var i = 0; i < attrs.length; i++) {
+						var attrName = attrs[i].name.toLowerCase();
+						if(attrName == 'align') {
+							align = attrs[i].escaped;
+							textAlign = align;
+						}
+					}
+					if(align == 'left') {
+						startPosition = 0;
+						context.textAlign = 'left';
+					} else if(align == 'center') {
+						startPosition = lineWidth / 2;
+						context.textAlign = 'center';
+					} else if(align == 'right') {
+						startPosition = lineWidth;		
+						context.textAlign = 'right';
+					}
+				}
+				
+				/*
+				 * FONTタグ
+				 */
+				if(t == 'font') {
+					var fontFace = 'ＭＳ Ｐゴシック';
+					var fontSize = '11px';
+					var fontColor = '#000000';
+					for(var i = 0; i < attrs.length; i++) {
+						
+						var attrName = attrs[i].name.toLowerCase();
+						
+						if(attrName == 'face') {
+							fontFace = attrs[i].escaped; 
+						}
+						if(attrName == 'style') {
+							var styleBase = attrs[i].escaped;
+							var styles = styleBase.split(';');
+							for(var j = 0; j < styles.length; j++) {
+								var style = styles[j].split(':');
+								if(style[0].toLowerCase() == 'font-size') {
+									fontSize = style[1];
+								}
+								if(style[0].toLowerCase() == 'line-height') {
+									lineHeight = parseInt(style[1].replace('px', ''));
+								}
+							}
+						}
+						if(attrName == 'color') {
+							fontColor = attrs[i].escaped;
+						}
+					}
+					// context に設定
+					context.font = fontSize + " " + "'" + fontFace + "'";
+					context.fillStyle = fontColor;
+					
+					// 行間
+					nextLinePosition = parseInt(fontSize.replace('px', '')) * (lineHeight / 100);
+				}
+				
+				/*
+				 * BR タグ
+				 */
+				if(t == 'br') {
+					currentLine += (nextLinePosition + margin);						
+				}
+				
+				/*
+				 * Uタグ
+				 */
+				if(t == 'u') {
+					hasUnderLine = true;
+				}
+			},
+			
+			end: function(tag) {
+				
+				var t = tag.toLowerCase();
+				
+				/*
+				 * Uタグ
+				 */
+				if(t == 'u') {
+					hasUnderLine = false;
+				}
+			},
+			
+			chars: function(text) {
+				
+				// エンティティ文字を置換
+				// &nbsp; &gt; &lt; &amp; &yen; &copy; &reg; のみ対応
+				text = text.replace(/&nbsp;/g, ' ');
+				text = text.replace(/&gt;/g, '>');
+				text = text.replace(/&lt;/g, '<');
+				text = text.replace(/&amp;/g, '&');
+				text = text.replace(/&copy;/g, '(C)');
+				text = text.replace(/&reg;/g, '(R)');
+				text = text.replace(/&yen;/g, '\\');
+				
+				// 初期描画位置を考慮
+				if(currentLine == 0) {
+					currentLine += nextLinePosition / 2;
+				}
+				
+				//長い文字列を考慮する
+				var w = 0;
+				var index = 0;
+				var fillText = '';
+				for(var i = 0; i < text.length; i++) {
+					var metrices = context.measureText(fillText + text.charAt(i), startPosition, currentLine);
+					
+					// 幅に収まるならバッファに蓄える
+					if(metrices.width < lineWidth) {
+						fillText += text.charAt(i);					
+					}
+					// はみ出す場合
+					else {
+						context.fillText(fillText, startPosition, currentLine + margin);
+						// アンダーライン
+						if(hasUnderLine) {
+							context.beginPath();
+							context.moveTo(0, currentLine + margin);
+							context.lineTo(lineWidth, currentLine + margin);
+							context.strokeStyle = context.fillStyle;
+							context.stroke();
+						}
+						
+						currentLine += (nextLinePosition + margin);						
+						fillText = text.charAt(i);					
+					}
+				}
+				if(fillText.length > 0) {
+					context.fillText(fillText, startPosition, currentLine + margin);
+					// アンダーライン
+					if(hasUnderLine) {
+						var x1, x2;
+						if(textAlign == 'left') {
+							x1 = 0;
+							x2 = metrices.width;
+						} else if(textAlign == 'center') {
+							x1 = startPosition - (metrices.width / 2);
+							x2 = startPosition + (metrices.width / 2);
+						} else if(textAlign =- 'right') {
+							x1 = startPosition;
+							x2 = startPosition - metrices.width;							
+						}
+						context.beginPath();
+						context.moveTo(x1, currentLine + margin);
+						context.lineTo(x2, currentLine + margin);
+						context.strokeStyle = context.fillStyle;
+						context.stroke();
+					}
+					currentLine += (nextLinePosition + margin);						
+				}
+			}
+		}
+	);
+	
+	// 描画したイメージを返却する
+	var imageUrl = canvas.toDataURL();
+	return imageUrl;
+};
--- a/abvw/common/json/lang/.htaccess
+++ b/abvw/common/json/lang/.htaccess
+<Files ~ "\.(js|json)$">
+Header add Pragma "no-cache"
+Header set Cache-Control no-cache
+</Files>
--- a/abvw/common/json/lang/lang-en.json
+++ b/abvw/common/json/lang/lang-en.json
+{
+"sysErrorCallApi01":"EN:ご迷惑をおかけし申し訳ございません。<br />システムエラーが発生しました。<br />アプリケーションを終了し、管理者に連絡してください。",
+"sysInfoScrLock01":"EN:長時間操作されなかったため、画面をロックしています。<br />画面をクリックしてロックを解除してください。",
+"sysInfoWithoutLogout":"EN:ログアウトしておりませんが、このまま終了してもよろしいですか？\n※【注意】ログアウトしないと次回ログインできない場合がございます。",
+
+"txtUsrCap":"User Infomation",
+"txtLastLoginTime":"Last login time:",
+"txtOpt":"Option",
+"txtOpt001":"Home default mode",
+"txtHondana":"Bookself",
+"txtList":"List",
+"txtOpt002":"Loop Video and Music",
+"txtOpt003":"EN:マーキング",
+"dspOptReset":"Restore To Default",
+"txtBkResCap":"EN:サーバにバックアップ/リストア",
+"txtOptBkCfm":"EN:毎回ログアウトの時、バックアップするかどうかは必ず確認する",
+"dspOptBk":"Backup",
+"dspOptRes":"Restore",
+"dspSave":"Save",
+"txtBkMsg":"EN:サーバにバックアップしますか？",
+"txtResMsg":"EN:サーバからリストアしますか？",
+"msgPwdEmpty":"EN:パスワードが必要。",
+"msgPwdOldWrong":"EN:古いパスワードが間違っています。",
+"msgPwdNotMatch":"EN:パスワードが一致しません。",
+"msgLoginErrWrong":"EN:ログインできません。入力情報を確認してください。(Error Code：{0})",
+"dspPubDt2":"Delivery Date：",
+"txtPage":"Page:",
+"dspDelete":"Delete",
+"dspShioriDelConf":"EN:選択されているしおりを削除しますか？",
+"dspRegDt":"Register Date",
+"dspLogin":"Login",
+"dspSkip":"Skip",
+"dspPwdUpd":"Change Password",
+"txtLoginAccPath":"Account Path:",
+"txtLoginId":"Login Id:",
+"txtLoginPwd":"Password:",
+"txtLoginPwdRbr":"EN:アカウントパスとログインIDを記憶する",
+"txtPwdCurr":"Current Password",
+"txtPwdNew":"New Password",
+"txtPwdNewRe":"EN:（再）変更パスワード",
+"txtPwdRemind":"EN:スキップを選択すると、30日以内にこのメッセージが表示されせん",
+"txtSearch":"Search",
+"dspShiori":"Bookmark",
+"dspSetting":"Setting",
+"dspLogout":"Logout",
+"txtRead":"Read",
+"txtSort":"Order By",
+"dspTitleNm":"Title Name",
+"dspTitleNmKn":"Title Name（Kana）",
+"txtPubDt":"EN:公開日",
+"txtRecordNum":"EN:件",
+"txtRecordTotal":"EN:件 表示",
+"dspViewMore":"EN:>>次の{0}件を表示",
+"txtGen":"Category",
+"txtGr":"Group",
+"txtViewDt":"View Date",
+"txtDetailPage":"Detail",
+"txtCtnNm":"Content Name",
+"txtTag":"Tag",
+"txtContTxt":"EN:本文",
+"txtLogoutBkMsg":"EN:ログアウトする前にバックアップしますか？",
+"txtLogoutOptBkCfm":"EN:今回の行動を記憶し、次回から確認せずに、同じことをする。",
+"dspBkOK":"EN:バックアップしてログアウト",
+"dspBkCancel":"EN:バックアップしないでログアウト",
+"txtSearchResult":"Search Result",
+"dspHome":"Home",
+"txtLoginUser":"(Ver.20121204-1)EN:ログイン中：",
+"txtAll":"All",
+"txtMkgSize":"EN:太さ",
+"txtMkgS":"EN:小",
+"txtMkgM":"EN:中",
+"txtMkgB":"EN:大",
+"txtMkgSB":"EN:特大",
+"dspOK":"OK",
+"dspCancel":"Cancel",
+"txtMkToolBar":"EN:マーキング",
+"dspPgClear":"EN:Clear this page",
+"txtColor":"Color",
+"txtIndex":"Index",
+"txtShioriCtnLs":"Bookmark List",
+"txtTextCopy":"EN:テキストコピー",
+"txtNoTextCopy":"EN:テキストがありません。",
+"txtNoSearchResult":"EN:検索結果がありません。",
+"msgShioriNotExists":"EN:しおりがありません。",
+"msgPwdChangeOK":"EN:パスワード変更は成功しました。",
+"msgPwdChangeNG":"EN:パスワード変更は失敗しましたので、すみませんが、もう一度してください。※注意：新規パスワードには英字および数字両方を含める必要があります。",
+"msgSearchNotExist":"EN:条件と該当するコンテンツがありません",
+"txtTooltipBack":"EN:戻る",
+"txtTooltipBookmark":"EN:しおり追加・削除",
+"txtTooltipShowMemo":"EN:メモ表示・非表示",
+"txtTooltipAddMemo":"EN:メモ追加",
+"txtTooltipShowMarking":"EN:マーキング表示・非表示",
+"txtTooltipShowMarkingTool":"EN:マーキングツールバーを表示・非表示",
+"msgShioriDeleted":"EN:しおりのページが削除しました。",
+"dspViewHistory":"View History",
+"msgLoginEmpty":"EN:入力してください",
+"msgSaveOk":"EN:保存しました",
+"msgPlaceHolder":"EN:キーワードを入力してください",
+"txtOpt004":"EN:※コンテンツを開いた時に表示する",
+"txtRestoreTitle":"EN:リストア確認",
+"txtBackupTitle":"EN:バックアップ確認",
+"txtResMsgNotice":"EN:※リストアしたら、現時点のローカルのデータでサーバのバックアップデータを上書きします。リストア後、元の状態に復元できませんので、ご注意ください",
+"dspChange":"Change",
+"msgNoIndex":"EN:インデックスがありません",
+"msgBackupSuccess":"EN:バックアップが正常に終了しました",
+"msgBackupFailed":"EN:バックアップが失敗しました",
+"msgRestoreSuccess":"EN:リストアが正常に終了しました",
+"msgRestoreFailed":"EN:リストアが失敗しました",
+"txtDeleteConfirmTitle":"EN:しおり削除確認",
+"msgHistoryNotExist":"EN:閲覧履歴はありません。",
+"msgChangePassword":"EN:パスワード変更",
+"txtMemoEdit":"Edit",
+"txtMemoCopy":"Copy",
+"msgPageImgErr":"EN:コンテンツを表示することができません。コンテンツが削除された可能性があります。ホーム画面に戻り異なるコンテンツを選択してください。",
+"sysAppTitle":"EN:ABook閲覧ウェブ版"
+}
--- a/abvw/common/json/lang/lang-ja.json
+++ b/abvw/common/json/lang/lang-ja.json
+{
+"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.20121204-1)ログイン中：",
+"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":"ABook閲覧ウェブ版"
+}
--- a/abvw/common/json/lang/lang-ko.json
+++ b/abvw/common/json/lang/lang-ko.json
+{
+"sysErrorCallApi01":"시스템 에러가 발생했습니다. 이용에 불편을 드려 죄송합니다.",
+"sysInfoScrLock01":"장시간 조작이 없었으므로, 화면이 잠겼습니다.<br/>잠김을 해제하려면 화면을 클릭하십시오.",
+"sysInfoWithoutLogout":"로그아웃하지 않은 상태로 창을 닫으면, 다음에 로그인되지 않는 경우도 있습니다. 이대로 창을 닫으시겠습니까?",
+
+"txtUsrCap":"사용자 정보",
+"txtLastLoginTime":"최종 로그인 시간:",
+"txtOpt":"옵션",
+"txtOpt001":"기본 화면 선택",
+"txtHondana":"갤러리",
+"txtList":"리스트",
+"txtOpt002":"동영상, 음악 반복 재생",
+"txtOpt003":"마킹",
+"dspOptReset":"설정 리셋",
+"txtBkResCap":"서버 백업/복원",
+"txtOptBkCfm":"로그아웃 시, 백업을 할지 항상 확인",
+"dspOptBk":"백업",
+"dspOptRes":"복원",
+"dspSave":"저장",
+"txtBkMsg":"서버에 백업하시겠습니까?",
+"txtResMsg":"서버에서 복원하시겠습니까? ※복원하면, 사용자 디바이스(PC, 태블릿 등)에 저장된 데이터를 서버의 데이터로 덮어씁니다. 복원 후 취소할 수 없습니다.",
+"msgPwdEmpty":"패스워드를 입력해 주십시오.",
+"msgPwdOldWrong":"기존 패스워드를 바르게 입력해 주십시오.",
+"msgPwdNotMatch":"신규 패스워드와 신규 패스워드 확인이 일치하지 않습니다.",
+"msgLoginErrWrong":"로그인ID 또는 패스워드를 잘못 입력하셨습니다.(Error Code：{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.20121204-1)로그인 중:",
+"txtAll":"전체",
+"txtMkgSize":"두께",
+"txtMkgS":"소",
+"txtMkgM":"중",
+"txtMkgB":"대",
+"txtMkgSB":"특대",
+"dspOK":"확인",
+"dspCancel":"취소",
+"txtMkToolBar":"마킹 툴바",
+"dspPgClear":"이 페이지 클리어",
+"txtColor":"색",
+"txtIndex":"목차",
+"txtShioriCtnLs":"북마크 일람",
+"txtTextCopy":"본문 복사",
+"txtNoTextCopy":"이 페이지에는 텍스트가 없습니다.",
+"txtNoSearchResult":"검색 결과가 없습니다.",
+"msgShioriNotExists":"북마크가 없습니다.",
+"msgPwdChangeOK":"패스워드가 변경되었습니다.",
+"msgPwdChangeNG":"패스워드를 변경하지 못했습니다. 다시 시도하시기 바랍니다.※주의 : 패스워드에는 영/숫자를 1개 이상씩 사용해야 합니다.",
+"msgSearchNotExist":"조건에 맞는 컨텐츠가 없습니다.",
+"txtTooltipBack":"뒤로 가기",
+"txtTooltipBookmark":"북마크 추가/삭제",
+"txtTooltipShowMemo":"메모 표시/비표시",
+"txtTooltipAddMemo":"메모 추가",
+"txtTooltipShowMarking":"마킹 표시/비표시",
+"txtTooltipShowMarkingTool":"마킹 툴바 표시/비표시",
+"msgShioriDeleted":"북마크한 페이지가 삭제되었습니다.",
+"dspViewHistory":"열람 이력",
+"msgLoginEmpty":"입력해 주십시오.",
+"msgSaveOk":"저장했습니다.",
+"msgPlaceHolder":"키워드를 입력해 주십시오.",
+"txtOpt004":"컨텐츠를 열 때 표시",
+"txtRestoreTitle":"복원 확인",
+"txtBackupTitle":"백업 확인",
+"txtResMsgNotice":"서버에서 복원하시겠습니까? ※복원하면, 사용자 디바이스(PC, 태블릿 등)에 저장된 데이터를 서버의 데이터로 덮어씁니다. 복원 후 취소할 수 없습니다.",
+"dspChange":"변경",
+"msgNoIndex":"목차가 없습니다.",
+"msgBackupSuccess":"백업했습니다.",
+"msgBackupFailed":"백업을 실패했습니다.",
+"msgRestoreSuccess":"복원했습니다.",
+"msgRestoreFailed":"복원을 실패했습니다.",
+"txtDeleteConfirmTitle":"북마크 삭제 확인",
+"msgHistoryNotExist":"열람 이력이 없습니다.",
+"msgChangePassword":"패스워드 변경",
+"txtMemoEdit":"편집",
+"txtMemoCopy":"복사",
+"msgPageImgErr":"KO:コンテンツを表示することができません。コンテンツが削除された可能性があります。ホーム画面に戻り異なるコンテンツを選択してください。",
+"sysAppTitle":"KO:ABook閲覧ウェブ版"
+}
--- a/abvw/common/json/sys/.htaccess
+++ b/abvw/common/json/sys/.htaccess
+<Files ~ "\.(js|json)$">
+Header add Pragma "no-cache"
+Header set Cache-Control no-cache
+</Files>
--- a/abvw/common/json/sys/conf.json
+++ b/abvw/common/json/sys/conf.json
+{
+	"apiUrl"		: "http://web3.agentec.jp/acms/{0}/abvapi",
+	"apiLoginUrl"	: "http://web3.agentec.jp/acms/nuabvapi",
+	"apiResourceDlUrl"	: "http://web3.agentec.jp/acms/{0}/dl",		
+	"bookShelfCount": 15,
+	"bookListCount" : 15,
+	"debug"		: true,
+	"loginPage"		: "index.html",
+	"appName"		: "ABookWebCL",
+	"appVersion"	: "0.0.1"
+
+}
--- a/abvw/contentsearch.html
+++ b/abvw/contentsearch.html
+<!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>Content Search | ABook Viewer for WEB</title>
+    
+	<link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css" />
+	<link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css" /> 
+	<link type="text/css" rel="stylesheet" href="css/list_shirori_detail.css" />
+	<link rel="stylesheet" type="text/css" href="./css/contentsearch.css"	 />
+    <link rel="stylesheet" type="text/css" href="./common/css/screen.css"   />
+	<link href="./common/css/default.css" rel="stylesheet" type="text/css" />
+	<link href="./common/css/screenLock.css" rel="stylesheet" type="text/css" />
+	
+   	<link href="css/common.css" rel="stylesheet" type="text/css" />
+    <link href="css/header.css" rel="stylesheet" type="text/css" />
+    <link href="css/backup.css" rel="stylesheet" type="text/css" />
+    <link href="css/restore.css" rel="stylesheet" type="text/css" />
+	
+	<script src="./common/js/jquery-1.8.1.min.js"></script>
+	<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
+	<script src="./common/js/jquery.toastmessage.js"></script>
+	<script src="./common/js/i18n.js"></script>
+	<script src="./common/js/avweb.js"></script>
+	<script src="./common/js/common.js"></script>
+	<script src="./js/contentsearch.js"></script>
+	<script src="./js/header.js"></script>
+ 	<script src="./common/js/gotop.js"></script>
+	<script src="common/js/tab.js"></script>
+   	<script src="./common/js/screenLock.js" type="text/javascript"></script>
+	<script src="js/SCRCDL0100.js" type="text/javascript"></script>
+   	
+<!-- screen style definition area -->
+<style>
+
+</style>
+<!-- script definition -->
+<script>
+    LockScreen();
+</script>
+</head>
+<body>
+<p id="gotop" class="go_top" style="z-index: 99">
+	<a> </a>
+</p>
+<header>
+	<div class="cnt_header">
+    	<a class="logo" href="javascript:void(0);" onclick="avwScreenMove(ScreenIds.Home)"> </a>
+        <div class="menu_language">
+            <ul>
+                <li><label class="lang" lang="txtLoginUser">こんにちは</label><label id="login-username"> </label></li>
+                <li class="jp" id="language-jp"><a href="#">日本語</a></li>
+                <li class="eng" id="language-en"><a href="#">English</a></li>
+                <li class="kor" id="language-kr"><a href="#">한글</a></li>
+                <li style="padding-left:0;"><input id="searchbox-key" type="text" placeholder="キーワードを入力してください"></li>
+                <div id="header-searchbox">
+					<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" 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>
+            <p class="button">
+            	<a style="margin-right:0;" class="blue lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a>
+                <a class="blue lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a>
+                <a class="blue lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a>
+                <a class="blue lang" href="#" id="dspShiori" lang="dspShiori">しおり</a>
+            	<a class="blue lang" id="dspHome" lang="dspHome" href="#">ホーム</a>    
+            </p>
+        </div>
+    </div>
+</header>
+<section class="sectionbackup1 " id="dlgConfirmBackup1">
+	<h1><label class="lang" lang="txtBackupTitle">バックアップ確認</label></h1>
+
+	<p class="message"><label lang="txtLogoutBkMsg" class="lang">ログアウトする前にバックアップしますか？</label></p>
+	<p class="notice">
+    <input type="checkbox" id="chkRememberBackup" />
+	<span class="lang" lang="txtLogoutOptBkCfm">今回の行動を記憶し、次回から確認せずに、同じことをする。</span><br/>
+    </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/>      	           
+	            <ul>
+	            	<li><span class="lang" lang="txtSort">並べ替え</span><b>|</b></li>
+	                <li>
+	                	<a class="active_tops lang control_sort_on" id="control-sort-title" lang="dspTitleNm">タイトル名</a>
+	                	<a class="lang control_sort_off" style="display: none" lang="dspTitleNm">タイトル名</a>
+	                	<span id="title-sorttype"> </span>
+	                	<span><b>|</b></span>
+	                	</li>
+	                <li>
+	                	<a id="control-sort-titlekana" class="lang control_sort_on" lang="dspTitleNmKn" >タイトル名（かな）</a>
+	                	<a id="label-sort-titlekana" class="lang control_sort_off" style="display: none" lang="dspTitleNmKn">タイトル名（かな）</a>
+	                	<span id="titlekana-sorttype"> </span>
+	                	<span id="separate"><b>|</b></span>
+                	</li>
+	                <li>
+	                	<a id="control-sort-releasedate" class="lang control_sort_on" lang="txtPubDt" >公開日</a>
+	                	<a class="lang control_sort_off" style="display: none" lang="txtPubDt">公開日</a>
+	                	<span id="rDate-sorttype"> </span>
+	                </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>
+        	<br/>
+			<div id="content-grid">
+			</div>
+            <div 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>
+<footer>
+<div class="border">
+	<div class="cnt_footer">
+    	COPYRIGHT © 2012 AGENTEC Co., Ltd. ALL RIGHTS RESERVED.
+    </div>
+</div>
+</footer>
+<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
--- a/abvw/contentview.html
+++ b/abvw/contentview.html
--- a/abvw/css/backup.css
+++ b/abvw/css/backup.css
+/* CSS Document */
+@charset "utf-8";
+
+.sectionbackup {
+	width:420px;
+	height: 249px;
+	border:1px solid #cccccc;
+	display: none;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	-webkit-border-radius:10px 10px 10px 10px;
+	-moz-border-radius:10px 10px 10px 10px;
+	border-radius:10px 10px 10px 10px;
+	-webkit-box-shadow: 0px 1px 3px 0px #666;
+	-moz-box-shadow: 0px 1px 3px 0px #666;
+	box-shadow: 0px 1px 3px 0px #666;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+	background-color: #ffffff;
+	z-index: 101;
+}
+
+.sectionbackup h1{
+	margin:0 0 38px 0;
+	padding:0;
+	height:64px;
+	line-height:62px;
+	text-align:center;
+	font-weight:bold;
+	letter-spacing: 2px;
+	color:#333;
+	text-shadow: 1px 1px 2px #999;
+	background-color:#f0f0f0;
+	-webkit-box-shadow: 0px 1px 3px 0px #999;
+	-moz-box-shadow: 0px 1px 3px 0px #999;
+	box-shadow: 0px 1px 3px 0px #999;
+	border-radius: 10px 10px 0px 0px;
+}
+
+.sectionbackup p{
+	width:320px;
+	margin:0 50px;
+}
+
+.sectionbackup p.message{
+	font-size:15px;
+	font-weight:bold;
+	color:#333;
+}
+
+.sectionbackup .backupbtn {
+	width:325px;
+	height:25px;
+	margin:49px auto 0;
+}
+.sectionbackup .backupbtn a.ok {
+	position:relative;
+	margin:0 98px 0 0;
+}
+.sectionbackup .backupbtn a.cancel {
+	position:relative;
+	margin:-27px 0 0 135px;
+}
+.sectionbackup .backupbtn a {
+	width:85px;
+	height:21px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
+	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color:#a4d815;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #83bd07;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:14px;
+	font-weight:bold;
+	padding:2px 0;
+	line-height:21px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #a2d613;
+	text-align:center;
+	float:right;
+}
+.sectionbackup .backupbtn a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
+	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
+	background-color:#83c008;
+}
+.sectionbackup .backupbtn a:active {
+	position:relative;
+	top:1px;
+}
+.sectionbackup .backupbtn a:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_off.svg);
+}
+.sectionbackup .backupbtn a:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_on.svg);
+}
+
+
+
+
+
+
+.sectionbackup1 {
+	width:500px;
+	height: 290px;
+	border:1px solid #cccccc;
+	display: none;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	-webkit-border-radius:10px 10px 10px 10px;
+	-moz-border-radius:10px 10px 10px 10px;
+	border-radius:10px 10px 10px 10px;
+	-webkit-box-shadow: 0px 1px 3px 0px #666;
+	-moz-box-shadow: 0px 1px 3px 0px #666;
+	box-shadow: 0px 1px 3px 0px #666;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+	background-color: #ffffff;
+	z-index: 101;
+}
+
+.sectionbackup1 h1{
+	margin:0 0 38px 0;
+	padding:0;
+	height:64px;
+	line-height:62px;
+	text-align:center;
+	font-weight:bold;
+	letter-spacing: 2px;
+	color:#333;
+	text-shadow: 1px 1px 2px #999;
+	background-color:#f0f0f0;
+	-webkit-box-shadow: 0px 1px 3px 0px #999;
+	-moz-box-shadow: 0px 1px 3px 0px #999;
+	box-shadow: 0px 1px 3px 0px #999;
+	border-radius: 10px 10px 0px 0px;
+	
+	font-size: large;
+	font-family: 'trebuchet ms', verdana, arial;
+}
+
+.sectionbackup1 p{
+	width:360px;
+	margin:0 50px;
+}
+.sectionbackup1 p.message{
+	font-size:15px;
+	font-weight:bold;
+	color:#333;
+}
+.sectionbackup1 p span{
+	font-size: 11px;
+}
+
+.sectionbackup1 .backupbtn {
+	width:500px;
+	height:25px;
+	margin: 49px auto 0;
+}
+.sectionbackup1 .backupbtn a.ok {
+	position:relative;
+	margin:0 25px 0 0;
+}
+.sectionbackup1 .backupbtn a.cancel {
+	position:relative;
+	margin:0 25px 0 0;
+}
+.sectionbackup1 .backupbtn a {
+	width: 200px;
+	height:21px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
+	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color:#a4d815;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #83bd07;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:14px;
+	font-weight:bold;
+	padding:2px 0;
+	line-height:21px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #a2d613;
+	text-align:center;
+	float:right;
+}
+.sectionbackup1 .backupbtn a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
+	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
+	background-color:#83c008;
+}
+.sectionbackup1 .backupbtn a:active {
+	position:relative;
+	top:1px;
+}
+.sectionbackup1 .backupbtn a:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_off.svg);
+}
+.sectionbackup1 .backupbtn a:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_on.svg);
+}
\ No newline at end of file
--- a/abvw/css/bookshelf.css
+++ b/abvw/css/bookshelf.css
+
+/* article */
+article{ 
+	width:625px;
+	float:right;
+	border:1px solid #cccccc;
+	padding:6px 20px 0 19px;
+	display:block;
+	margin-bottom:20px;
+	overflow:hidden;
+}
+.tops{
+	height:45px;
+	position:relative;
+	margin-bottom:16px;
+	font-size:12px;
+}
+/*.tops a.btn_red, .tops a.btn_gray{ width:80px; height:24px; display:block; float:left;}
+.tops a.btn_red{ background:url(../img/btn_red.png) no-repeat; margin-right:10px;}
+.tops a.btn_gray{ background:url(../img/btn_gray.png) no-repeat;}*/
+
+.tops ul{ float:right; margin:0; padding:0;}
+.tops ul li{ display:inline;}
+.tops ul li a{ 
+	font-size:12px; 
+	float:left; 
+	color:#333333; 
+	text-decoration:none; 
+	margin-right:5px; 
+	margin-left:5px;
+}
+.tops ul li span{ 
+	font-size:12px; 
+	float:left; 
+	color:#333333; 
+	text-decoration:none; 
+	margin-right:5px; 
+	margin-left:5px;
+}
+.tops ul li a:hover{ text-decoration:underline;}
+.tops ul li a.gray_text{ color:#999999;}
+.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
+/*.tops ul li a.active_tops{ color:#ec2020; text-decoration:underline;}*/
+.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
+.tops p{ color:#333333; font-size:12px; position:absolute; right:0; top:25px; padding:0 2px 0 0; margin:0;}
+.no_m_right{ margin-right:0!important;}
+
+
+.tops a.btn_gray, .tops a.btn_blue{
+	float:left;
+	text-align:center;
+	display:table-cell;
+	vertical-align:middle;
+	width:80px;
+	layout-grid-line:80px;
+	height:19px;
+	text-decoration:none;
+	margin-right:10px;
+	color:#fff;
+}
+.tops a.btn_gray img, .tops a.btn_blue img{
+	display:inline;
+	line-height:19px;
+    vertical-align:middle;
+}
+
+
+.tops a:hover.btn_blue,.tops a:hover.btn_gray{ 
+	border:1px solid #fff; 
+	outline:1px solid #727171;
+	
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+
+	margin-right:10px;
+}
+.tops a.btn_blue,.tops a.btn_gray{ 
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-gradient(
+	linear,
+	left bottom,
+	left top,
+	color-stop(0.27, rgb(69,154,239)),
+	color-stop(0.77, rgb(117,185,254)));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
+}
+.button{ float:right; margin-top:20px; margin-right:2px;}
+
+/* section */
+section{ 
+	margin-top:10px;
+	width:195px;
+	float:left;
+	text-align:center;
+	height:238px;
+	margin-right:19px;
+	position:relative;
+	display:inline-block;
+}
+p.dop_info{
+	position:absolute;
+	bottom:-55px;
+	left:15px;
+	width:140px;
+	padding-top:10px;
+	padding-bottom:10px;
+	border:1px solid #999999;
+	text-align:left;
+	padding-left:12px;
+	padding-right:12px;
+	margin:0;
+	background:#fff;
+	z-index:9999;
+}
+p.dop_info a{ font-size:12px; color:#333333;}
+p.dop_info a:hover{ text-decoration:none;}
+.cnt_section{ 
+	margin:0; 
+	padding:5px 0 5px 0;
+	height:190px;
+	width:195px;
+}
+.cnt_section:hover{ background:#f4f4f4;}
+.cnt_section a.img{ 
+	display:block;
+	margin:0 auto;
+}
+.cnt_section a.img img{ margin:0 auto;}
+.cnt_section .text{
+	text-align:center;
+}
+a.name{ color:#333333;font-size:18px; text-decoration:none; font-size:12px;}
+a.name:hover{ text-decoration:underline; color:#2d83da;}
+.cnt_section .text ul.date{ float:left;}
+.cnt_section .text ul.date li{ color:#333333; font-size:11px;}
+.cnt_section .text .info{ overflow:hidden; margin-top:10px;}
+
+.cnt_section .text ul.pic{ float:left; margin-left:105px;}
+.cnt_section .text ul.pic li{ float:left; display:inline; margin-left:17px;}
+.cnt_section .text ul.pic li a{ display:block;}
+.cnt_section .text ul.pic li a.sticker{ width:33px; height:35px; background:url(../img/bookshelf/pic_1.png) no-repeat left bottom;}
+.cnt_section .text ul.pic li a.pen{ width:32px; height:47px; background:url(../img/bookshelf/pic_2.png) no-repeat 0 center;}
+/*.cnt_section .text ul.pic li a.read{
+	background:url(../img/section/read.png) no-repeat left center; 
+	width:87px; 
+	height:25px; 
+	margin-top:3px; 
+	margin-left:15px;
+}*/
+
+.cnt_section .text ul.pic li a.read {
+	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
+	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color:#a4d815;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #83bd07;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 26px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #a2d613;
+	margin-left:5px;
+}.cnt_section .text ul.pic li a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
+	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
+	background-color:#83c008;
+}.cnt_section .text ul.pic li a.read:active {
+	position:relative;
+	top:1px;
+}
+/*.cnt_section .text ul.pic li a.read_hover{
+	background:url(../img/section/read_hover.png) no-repeat left center; 
+	width:87px; 
+	height:25px; 
+	margin-top:3px; 
+	margin-left:15px;
+}*/
+.cnt_section .text ul.pic li a.read_hover {
+	-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
+	background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
+	background-color:#777575;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #63636d;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 26px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #686666;
+	margin-left:5px;
+	line-height:20px;
+}.cnt_section .text ul.pic li a.read_hover:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
+	background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
+	background-color:#3f3d3d;
+}.cnt_section .text ul.pic li a.read_hover:active {
+	position:relative;
+	top:1px;
+}
+.btn_bott{ 
+	display:block; 
+	width:278px; 
+	height:33px;
+	line-height:33px;
+	margin:37px auto 0 auto;
+	font-size:14px;
+	color:#fff;
+	text-align:center;
+	text-decoration:none;
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background: #78bafe; /* Old browsers */
+	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
+}
+a:hover.btn_bott{
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+}
--- a/abvw/css/button_back_off.svg
+++ b/abvw/css/button_back_off.svg
+<?xml version="1.0" ?>
+<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.0" width="100%"
+   height="100%"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="myLinearGradient1"
+                    x1="0%" y1="0%"
+                    x2="0%" y2="100%"
+                    spreadMethod="pad">
+      <stop offset="0%"   stop-color="#a4d815" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#83c008" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+  <rect width="100%" height="100%"
+     style="fill:url(#myLinearGradient1);" />
+</svg>
\ No newline at end of file
--- a/abvw/css/button_back_on.svg
+++ b/abvw/css/button_back_on.svg
+<?xml version="1.0" ?>
+<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.0" width="100%"
+   height="100%"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="myLinearGradient1"
+                    x1="0%" y1="0%"
+                    x2="0%" y2="100%"
+                    spreadMethod="pad">
+      <stop offset="0%" stop-color="#83c008" stop-opacity="1"/>
+      <stop offset="100%"   stop-color="#a4d815" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+  <rect width="100%" height="100%"
+     style="fill:url(#myLinearGradient1);" />
+</svg>
\ No newline at end of file
--- a/abvw/css/common.css
+++ b/abvw/css/common.css
+/* Latest Update
+   2012.11.5 write           */
+
+
+body{ 
+	margin:0; 
+	padding:0;
+	background:#f4f4f4;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+}
+.wrapper {
+	width:100%;
+	background:url(../img/common/body_bg.png);
+}
+
+form, ul{ margin:0; padding:0;}
+li{ list-style-type:none;}
+img{ display:block; border:none;}
+header{ 
+	height:100px; 
+	background:#f4f4f4;
+	width:100%;
+	display:block;
+}
+.cnt_header{ 
+	width:960px; 
+	margin:0 auto;
+	height:100px;
+	position:relative;
+}
+.cnt_header .logo{ 
+	width:87px; 
+	height:80px;
+	display:block;
+	margin-top:9px;
+	float:left;
+	background:url(../img/common/logo.png) no-repeat;
+	margin-left:10px;
+}
+.cnt_header .menu_language{
+	font-size:12px;
+	color:#333333;
+	float:right;
+	width:860px;
+}
+.cnt_header .menu_language ul{ margin:15px 0 0 0; padding:0; text-align:right;}
+.cnt_header .menu_language ul li{ 
+	list-style-type:none; 
+	display:inline; 
+	padding-left:19px; 
+	margin-left:9px;
+}
+.cnt_header .menu_language ul li input{ line-height:20px; border:1px solid #999999; height:20px; /*color:#cccccc;*/ font-size:12px; padding-left:5px; width:175px;}
+.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/icon_jp.png) no-repeat left center;
+	margin-left:11px;
+}
+.cnt_header .menu_language ul li.eng{
+	background:url(../img/common/icon_usa.png) no-repeat left center;
+}
+.cnt_header .menu_language ul li.kor{
+	background:url(../img/common/icon_kor.png) no-repeat left center;
+	margin-left:6px;
+}
+.cnt_header .black, .cnt_header .blue{
+	display:block; 
+	width:80px; 
+	height:19px;
+	text-decoration:none;
+	text-align:center;
+	padding-top:1px;
+	float:right;
+	margin-right:10px;
+	color:#fff;
+}
+.cnt_header .black{ 
+	border:1px solid #fff; 
+	outline:1px solid #727171;
+	background-image: linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
+	background-image: -o-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
+	background-image: -moz-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
+	background-image: -webkit-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
+	background-image: -ms-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
+	background-image: -webkit-gradient(
+	linear,
+	left bottom,
+	left top,
+	color-stop(0.27, rgb(87,86,86)),
+	color-stop(0.77, rgb(138,137,137)));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#575656');
+	
+	-pie-background: linear-gradient(#8b8b8b, #575656);
+}
+.cnt_header .blue{ 
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-gradient(
+	linear,
+	left bottom,
+	left top,
+	color-stop(0.27, rgb(69,154,239)),
+	color-stop(0.77, rgb(117,185,254)));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
+
+	-pie-background: linear-gradient(#77BAFE, #4599EF);
+}
+.cnt_header a:hover.blue{ 
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+	
+	-pie-background: linear-gradient(#2d7bbf, #1059a3);
+}
+
+.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;
+	background:#fff;
+	display:none;
+	z-index:9999;
+}
+.cnt_header .box_open .t_top{
+	color:#cccccc;
+	font-size:10px;
+	height:19px;
+	border-bottom:1px solid #999999;
+	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; 
+	color:#333333; 
+	font-size:12px; 
+	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; 
+	background:url(../img/common/btn_search.png) no-repeat;
+	margin:12px auto 0 auto;
+}
+
+#main{ 
+	width:920px; 
+	margin:0 auto;
+	padding-left:20px;
+	padding-top:20px;
+	padding-right:20px;
+	background:#fff;
+	overflow:hidden;	
+}
+
+p.go_top{
+	clear:both;
+    height:115px;
+    width:90px;
+	position: fixed;
+    bottom: -45px;
+    right: 20px;
+}
+p.go_top a{
+	width:90px;
+	height:65px;
+	background:url(../img/list/go_top.png) no-repeat;
+	display:block;
+}
+
+/* footer */
+footer{ display:block; background:#fff; height:39px; border-top:1px solid #cccccc;  line-height:41px; padding-top:1px;}
+.cnt_footer{ width:960px; margin:0 auto; text-align:center; color:#000; font-size:10px;}
+.border{ background:#f4f4f4;}
+
+
+.focus{color: #969696}
--- a/abvw/css/contentsearch.css
+++ b/abvw/css/contentsearch.css
+/* Latest Update
+   2012.11.5 write           */
+
+/* author
+   koyuki watanabe               */
+
+/* article */
+.articlecontentsearch{ 
+	width:858px;
+	border:1px solid #ccc;
+	padding:10px 20px 0 22px;
+	display:block;
+	margin:10px 0 20px 10px;
+	overflow:hidden;
+}
+.tops{
+	height:45px;
+	position:relative;
+	margin-bottom:16px;
+	font-size:12px;
+}
+.tops a.btn_gray, .tops a.btn_blue{
+	float:left;
+	text-align:center;
+	display:table-cell;
+	vertical-align:middle;
+	width:80px;
+	layout-grid-line:80px;
+	height:19px;
+	text-decoration:none;
+	margin-right:10px;
+	color:#fff;
+}
+.tops a.btn_gray img, .tops a.btn_blue img{
+	display:inline;
+	line-height:19px;
+    vertical-align:middle;
+}
+
+
+.tops a:hover.btn_blue,.tops a:hover.btn_gray{ 
+	border:1px solid #fff; 
+	outline:1px solid #727171;
+	
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+
+	margin-right:10px;
+}
+.tops a.btn_blue,.tops a.btn_gray{ 
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-gradient(
+	linear,
+	left bottom,
+	left top,
+	color-stop(0.27, rgb(69,154,239)),
+	color-stop(0.77, rgb(117,185,254)));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
+}
+.button{ float:right; margin-top:20px; margin-right:2px;}
+
+
+.tops ul{ float:left; margin:0; padding:0;}
+.tops ul li{ display:inline;}
+.tops ul li a{ 
+	font-size:12px; 
+	float:left; 
+	color:rgb(45,131,218);
+	text-decoration:none; 
+	margin-right:5px; 
+	margin-left:5px;
+}
+.tops ul li span{ 
+	font-size:12px; 
+	float:left; 
+	color:#333333; 
+	text-decoration:none; 
+	margin-right:5px; 
+	margin-left:5px;
+}
+.tops ul li a:hover{ text-decoration:underline;}
+.tops ul li a.gray_text{ color:#999999;}
+.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
+.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
+.tops p{ color:#333333; font-size:12px; position:absolute; right:0; padding:0 2px 0 0; margin:0;}
+
+/* section */
+section{ 
+	height:121px;
+	padding-top:10px;
+	border-top:1px dashed #cccccc;
+	margin-top:10px;
+	display:block;
+}
+.cnt_section{ 
+	margin:0; 
+	padding:0;
+	height:120px;
+}
+.cnt_section:hover{ background:#f4f4f4;}
+.cnt_section a.img{ 
+	display:block;
+	width:161px;
+	height:120px;
+	float:left;
+	background:#fff;
+}
+.cnt_section a.img canvas{ margin:0 auto; height: 105px; width: 150px;}
+.cnt_section .text{
+	float:left;
+	height:120px;
+	margin:0 0 0 35px;
+}
+.cnt_section .text a.name{ color:#2d83da;font-size:18px;}
+.cnt_section .text a.name:hover{ text-decoration:none;}
+
+
+.cnt_section .text ul.date{
+margin-top:0px;
+float:left;
+}
+.cnt_section .text ul.date li{
+color:#333333;
+font-size:13px;
+}
+/*---*/
+.cnt_section .text .info{ overflow:hidden; margin-top:10px;}
+
+.cnt_section .text ul.pic{
+float:left;
+margin-left:240px;
+}
+.cnt_section .text ul.pic li{
+height:82px;
+float:left;
+margin-left:17px;
+}
+.cnt_section .text ul.pic li img {
+position:relative;
+top:100%;
+}
+.cnt_section .text ul.pic li img.sticker {
+margin-top:-40px;
+}
+.cnt_section .text ul.pic li img.pen {
+margin-top:-40px;
+}
+
+.cnt_section .text ul.pic li a.read {
+	margin-top:42px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
+	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color:#a4d815;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #83bd07;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 26px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #a2d613;
+	margin-left:5px;
+}.cnt_section .text ul.pic li a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
+	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
+	background-color:#83c008;
+}.cnt_section .text ul.pic li a.read:active {
+	position:relative;
+	top:1px;
+}
+.cnt_section .text ul.pic li a.read:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_off.svg);
+}
+.cnt_section .text ul.pic li a.read:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_on.svg);
+}
+
+
+
+.cnt_section .text ul.pic li a.read_hover {
+	-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
+	background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
+	background-color:#777575;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #63636d;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 26px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #686666;
+	margin-left:5px;
+	line-height:20px;
+}.cnt_section .text ul.pic li a.read_hover:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
+	background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
+	background-color:#3f3d3d;
+}.cnt_section .text ul.pic li a.read_hover:active {
+	position:relative;
+	top:1px;
+}
+.btn_bott{ 
+	display:block; 
+	width:278px; 
+	height:33px;
+	line-height:33px;
+	margin:37px auto 0 auto;
+	font-size:14px;
+	color:#fff;
+	text-align:center;
+	text-decoration:none;
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background: #78bafe; /* Old browsers */
+	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
+}
+a:hover.btn_bott{
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+}
+#main-searchresult
+{
+	border:1px solid #ccc;
+	padding:10px 20px 10px 22px;
+	display:block;
+	margin:10px 10 20px 10px;
+	height: 25px;
+}
+#main-searchresult span
+{
+	float: left; 
+	margin-right: 15px;
+}
+#main-searchresult input
+{
+	float: left;
+	margin-right: 10px;
+}
+#main-searchresult input[type="radio"]
+{
+	margin-right: 5px;
+}
+.tops a.btn_gray, .tops a.btn_blue{
+	float:left;
+	text-align:center;
+	display:table-cell;
+	vertical-align:middle;
+	width:80px;
+	layout-grid-line:80px;
+	height:19px;
+	text-decoration:none;
+	margin-right:10px;
+	color:#fff;
+	margin-right: 15px;
+}
+a:hover
+{
+	cursor:pointer;
+}
+#main-searchresult span:hover
+{
+	cursor: pointer;
+}
+
+#msgSearchNotExist
+{
+    display: none;
+}
\ No newline at end of file
--- a/abvw/css/contentview.css
+++ b/abvw/css/contentview.css
--- a/abvw/css/delete_shiori.css
+++ b/abvw/css/delete_shiori.css
+/* CSS Document */
+@charset "utf-8";
+
+
+.sectionDeleteConfirm {
+	width:420px;
+	height:249px;
+	border:1px solid #cccccc;
+	display: none;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	-webkit-border-radius:10px 10px 10px 10px;
+	-moz-border-radius:10px 10px 10px 10px;
+	border-radius:10px 10px 10px 10px;
+	-webkit-box-shadow: 0px 1px 3px 0px #666;
+	-moz-box-shadow: 0px 1px 3px 0px #666;
+	box-shadow: 0px 1px 3px 0px #666;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+	background-color: #ffffff;
+	z-index: 101;
+}
+
+.sectionDeleteConfirm h1{
+	margin:0 0 38px 0;
+	padding:0;
+	height:64px;
+	line-height:62px;
+	text-align:center;
+	font-weight:bold;
+	letter-spacing: 2px;
+	color:#333;
+	text-shadow: 1px 1px 2px #999;
+	background-color:#f0f0f0;
+	-webkit-box-shadow: 0px 1px 3px 0px #999;
+	-moz-box-shadow: 0px 1px 3px 0px #999;
+	box-shadow: 0px 1px 3px 0px #999;
+	border-radius: 10px 10px 0px 0px;
+}
+
+.sectionDeleteConfirm p{
+	text-align:center;
+}
+
+.sectionDeleteConfirm p.message{
+	font-size:15px;
+	font-weight:bold;
+	color:#333;
+}
+
+.sectionDeleteConfirm .deletebtn {
+	width:325px;
+	height:25px;
+	margin:49px auto 0;
+}
+.sectionDeleteConfirm .deletebtn a.ok {
+	position:relative;
+	margin:0 98px 0 0;
+	cursor: pointer;
+}
+.sectionDeleteConfirm .deletebtn a.cancel {
+	position:relative;
+	margin:-27px 0 0 135px;
+	cursor: pointer;
+}
+.sectionDeleteConfirm .deletebtn a {
+	width:85px;
+	height:21px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
+	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color:#a4d815;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #83bd07;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:14px;
+	font-weight:bold;
+	padding:2px 0;
+	line-height:21px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #a2d613;
+	text-align:center;
+	float:right;
+}
+.sectionDeleteConfirm .deletebtn a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
+	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
+	background-color:#83c008;
+}
+.sectionDeleteConfirm .deletebtn a:active {
+	position:relative;
+	top:1px;
+}
+.sectionDeleteConfirm .deletebtn a:not(:target) {
+    filter: none;
+    -ms-filter: none;
+}
\ No newline at end of file
--- a/abvw/css/gotop.js
+++ b/abvw/css/gotop.js
+$(function(){
+	$('#gotop').hide();											// デフォルトで非表示とする
+
+	$(window).scroll(function(){
+		if ($(this).scrollTop() > 100) {					// scrollTop() で現在のスクロール上の上位置を取得
+			$('#gotop').fadeIn();								// 100を過ぎていたら、#backToTop（戻るボタン）をフェードインさせる
+		} else {
+			$('#gotop').fadeOut();							// それ以外は、フェードアウト
+		}
+	});
+
+	// クリック時にスムーズにページ上部へスクロールさせる
+	$('#gotop').click(function(){
+		$('body,html').animate({ scrollTop: 0 }, 350);
+		return false;		// ←【1】
+	});
+});
--- a/abvw/css/header.css
+++ b/abvw/css/header.css
+/* CSS Document */
+@charset "utf-8";
+
+#header-searchbox
+{
+	background-image: url('../img/common/back_dot.gif');
+	border:1px solid #C5C5C6;
+	border-top: 0px;
+	width: 180px;
+	text-align: left;
+	position: absolute;
+	right:0px;
+	display: none;
+	z-index: 1;
+}
+
+#header-searchbox .blue
+{
+	margin-bottom: 10px;
+}
+
+#header-searchbox span:hover
+{
+	cursor: pointer;
+}
--- a/abvw/css/history.css
+++ b/abvw/css/history.css
+/* Latest Update
+   2012.11.5 write           */
+
+/* author
+   koyuki watanabe               */
+
+/* article */
+.articlehistory{ 
+	width:858px;
+	border:1px solid #ccc;
+	padding:10px 20px 0 22px;
+	display:block;
+	margin:10px 0 20px 10px;
+	overflow:hidden;
+}
+.tops{
+	height:45px;
+	position:relative;
+	margin-bottom:16px;
+	font-size:12px;
+}
+.tops a.btn_gray, .tops a.btn_blue{
+	float:left;
+	text-align:center;
+	display:table-cell;
+	vertical-align:middle;
+	width:80px;
+	layout-grid-line:80px;
+	height:19px;
+	text-decoration:none;
+	margin-right:10px;
+	color:#fff;
+}
+.tops a.btn_gray img, .tops a.btn_blue img{
+	display:inline;
+	line-height:19px;
+    vertical-align:middle;
+}
+
+
+.tops a:hover.btn_blue,.tops a:hover.btn_gray{ 
+	border:1px solid #fff; 
+	outline:1px solid #727171;
+	
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+
+	margin-right:10px;
+}
+.tops a.btn_blue,.tops a.btn_gray{ 
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-gradient(
+	linear,
+	left bottom,
+	left top,
+	color-stop(0.27, rgb(69,154,239)),
+	color-stop(0.77, rgb(117,185,254)));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
+}
+.button{ float:right; margin-top:20px; margin-right:2px;}
+
+
+.tops ul{ float:left; margin:0; padding:0;}
+.tops ul li{ display:inline;}
+.tops ul li a{ 
+	font-size:12px; 
+	float:left; 
+	color:rgb(45,131,218); 
+	text-decoration:none; 
+	margin-right:5px; 
+	margin-left:5px;
+}
+.tops ul li span{ 
+	font-size:12px; 
+	float:left; 
+	color:#333333; 
+	text-decoration:none; 
+	margin-right:5px; 
+	margin-left:5px;
+}
+.tops ul li a:hover{ text-decoration:underline;}
+.tops ul li a.gray_text{ color:#999999;}
+.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
+.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
+.tops p{ color:#333333; font-size:12px; position:absolute; right:0; padding:0 2px 0 0; margin:0;}
+
+/* section */
+section{ 
+	height:121px;
+	padding-top:10px;
+	border-top:1px dashed #cccccc;
+	margin-top:10px;
+	display:block;
+}
+.cnt_section{ 
+	margin:0; 
+	padding:0;
+	height:120px;
+}
+.cnt_section:hover{ background:#f4f4f4;}
+.cnt_section a.img{ 
+	display:block;
+	width:161px;
+	height:120px;
+	float:left;
+	background:#fff;
+}
+.cnt_section a.img canvas{ margin:0 auto; height: 105px; width: 150px;}
+.cnt_section .text{
+	float:left;
+	height:120px;
+	margin:0 0 0 35px;
+}
+.cnt_section .text a.name{ color:#2d83da;font-size:18px;}
+.cnt_section .text a.name:hover{ text-decoration:none;}
+
+
+.cnt_section .text ul.date{
+margin-top:0px;
+float:left;
+}
+.cnt_section .text ul.date li{
+color:#333333;
+font-size:13px;
+}
+/*---*/
+.cnt_section .text .info{ overflow:hidden; margin-top:10px;}
+
+.cnt_section .text ul.pic{
+float:left;
+margin-left:240px;
+}
+.cnt_section .text ul.pic li{
+height:82px;
+float:left;
+margin-left:17px;
+}
+.cnt_section .text ul.pic li img {
+position:relative;
+top:100%;
+}
+.cnt_section .text ul.pic li img.sticker {
+margin-top:-40px;
+}
+.cnt_section .text ul.pic li img.pen {
+margin-top:-40px;
+}
+
+.cnt_section .text ul.pic li a.read {
+	margin-top:42px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
+	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color:#a4d815;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #83bd07;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 26px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #a2d613;
+	margin-left:5px;
+}.cnt_section .text ul.pic li a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
+	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
+	background-color:#83c008;
+}.cnt_section .text ul.pic li a.read:active {
+	position:relative;
+	top:1px;
+}
+.cnt_section .text ul.pic li a.read:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_off.svg);
+}
+.cnt_section .text ul.pic li a.read:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_on.svg);
+}
+
+
+
+.cnt_section .text ul.pic li a.read_hover {
+	-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
+	background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
+	background-color:#777575;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #63636d;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 26px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #686666;
+	margin-left:5px;
+	line-height:20px;
+}.cnt_section .text ul.pic li a.read_hover:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
+	background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
+	background-color:#3f3d3d;
+}.cnt_section .text ul.pic li a.read_hover:active {
+	position:relative;
+	top:1px;
+}
+.btn_bott{ 
+	display:block; 
+	width:278px; 
+	height:33px;
+	line-height:33px;
+	margin:37px auto 0 auto;
+	font-size:14px;
+	color:#fff;
+	text-align:center;
+	text-decoration:none;
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background: #78bafe; /* Old browsers */
+	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
+}
+a:hover.btn_bott{
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+}
+
+.tops a.btn_gray, .tops a.btn_blue{
+	float:left;
+	text-align:center;
+	display:table-cell;
+	vertical-align:middle;
+	width:80px;
+	layout-grid-line:80px;
+	height:19px;
+	text-decoration:none;
+	margin-right:10px;
+	color:#fff;
+	margin-right: 15px;
+}
+a:hover
+{
+	cursor:pointer;
+}
+img.home_canvas
+{
+	margin:0 auto;
+	margin-top: 40px;
+}
--- a/abvw/css/home.css
+++ b/abvw/css/home.css
--- a/abvw/css/list.css
+++ b/abvw/css/list.css
+
+
+/* article */
+article{ 
+	width:625px;
+	float:right; 
+	border:1px solid #cccccc;
+	padding:6px 20px 0 19px;
+	display:block;
+	margin-bottom:20px;
+	overflow:hidden;
+}
+.tops{
+	height:45px;
+	position:relative;
+	margin-bottom:16px;
+	font-size:12px;
+}
+.tops a.btn_gray, .tops a.btn_blue{
+	float:left;
+	text-align:center;
+	display:table-cell;
+	vertical-align:middle;
+	width:80px;
+	layout-grid-line:80px;
+	height:19px;
+	text-decoration:none;
+	margin-right:10px;
+	color:#fff;
+}
+.tops a.btn_gray img, .tops a.btn_blue img{
+	display:inline;
+	line-height:19px;
+    vertical-align:middle;
+}
+
+
+.tops a:hover.btn_blue,.tops a:hover.btn_gray{ 
+	border:1px solid #fff; 
+	outline:1px solid #727171;
+	
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+
+	margin-right:10px;
+}
+.tops a.btn_blue,.tops a.btn_gray{ 
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
+	background-image: -webkit-gradient(
+	linear,
+	left bottom,
+	left top,
+	color-stop(0.27, rgb(69,154,239)),
+	color-stop(0.77, rgb(117,185,254)));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
+}
+.button{ float:right; margin-top:20px; margin-right:2px;}
+
+
+.tops ul{ float:right; margin:0; padding:0;}
+.tops ul li{ display:inline;}
+.tops ul li a{ 
+	font-size:12px; 
+	float:left; 
+	color:#333333; 
+	text-decoration:none; 
+	margin-right:5px; 
+	margin-left:5px;
+}
+.tops ul li span{ 
+	font-size:12px; 
+	float:left; 
+	color:#333333; 
+	text-decoration:none; 
+	margin-right:5px; 
+	margin-left:5px;
+}
+.tops ul li a:hover{ text-decoration:underline;}
+.tops ul li a.gray_text{ color:#999999;}
+.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
+.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
+.tops p{ color:#333333; font-size:12px; position:absolute; right:0; top:25px; padding:0 2px 0 0; margin:0;}
+
+/* section */
+section{ 
+	height:121px;
+	padding-top:10px;
+	border-top:1px dashed #cccccc;
+	margin-top:10px;
+	display:block;
+}
+.cnt_section{ 
+	margin:0; 
+	padding:0;
+	height:120px;
+}
+.cnt_section:hover{ background:#f4f4f4;}
+.cnt_section a.img{ 
+	display:block;
+	width:161px;
+	height:120px;
+	float:left;
+	background:#fff;
+}
+.cnt_section a.img img{ margin:0 auto;}
+.cnt_section .text{
+	float:left;
+	height:120px;
+	margin:0 0 0 35px;
+}
+.cnt_section .text a.name{ color:#2d83da;font-size:18px;}
+.cnt_section .text a.name:hover{ text-decoration:none;}
+
+
+.cnt_section .text ul.date{
+margin-top:0px;
+float:left;
+}
+.cnt_section .text ul.date li{
+color:#333333;
+font-size:13px;
+}
+/*---*/
+.cnt_section .text .info{ overflow:hidden; margin-top:10px;}
+
+.cnt_section .text ul.pic{
+float:left;
+margin-left:90px;
+}
+.cnt_section .text ul.pic li{
+height:82px;
+float:left;
+margin-left:17px;
+}
+.cnt_section .text ul.pic li img {
+position:relative;
+top:100%;
+}
+.cnt_section .text ul.pic li img.sticker {
+margin-top:-40px;
+}
+.cnt_section .text ul.pic li img.pen {
+margin-top:-40px;
+}
+
+.cnt_section .text ul.pic li a.read {
+	margin-top:42px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
+	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color:#a4d815;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #83bd07;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 26px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #a2d613;
+	margin-left:5px;
+}.cnt_section .text ul.pic li a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
+	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
+	background-color:#83c008;
+}.cnt_section .text ul.pic li a.read:active {
+	position:relative;
+	top:1px;
+}
+.cnt_section .text ul.pic li a.read:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_off.svg);
+}
+.cnt_section .text ul.pic li a.read:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_on.svg);
+}
+
+
+
+.cnt_section .text ul.pic li a.read_hover {
+	-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	box-shadow:inset 0px 1px 0px 0px #b6b3b3;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
+	background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
+	background-color:#777575;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #63636d;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 26px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #686666;
+	margin-left:5px;
+	line-height:20px;
+}.cnt_section .text ul.pic li a.read_hover:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
+	background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
+	background-color:#3f3d3d;
+}.cnt_section .text ul.pic li a.read_hover:active {
+	position:relative;
+	top:1px;
+}
+.btn_bott{ 
+	display:block; 
+	width:278px; 
+	height:33px;
+	line-height:33px;
+	margin:37px auto 0 auto;
+	font-size:14px;
+	color:#fff;
+	text-align:center;
+	text-decoration:none;
+	border:1px solid #fff; 
+	outline:1px solid #2d83da;
+	background: #78bafe; /* Old browsers */
+	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
+}
+a:hover.btn_bott{
+	background: rgb(45,123,191); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
+}
+
+
+
+
+
+
+
+
+
--- a/abvw/css/list_shiori.css
+++ b/abvw/css/list_shiori.css
--- a/abvw/css/list_shirori_detail.css
+++ b/abvw/css/list_shirori_detail.css
+/* CSS Document */
+@charset "utf-8";
+
+article .contentDetail {
+    display: none;
+}
+.sectionContentDetail {
+	width:690px;
+	height:505px;
+	border:1px solid #CCC;
+	display: none;
+	padding:35px 0 0;
+	margin:0;
+	overflow:hidden;
+	-webkit-border-radius:10px 10px 10px 10px;
+	-moz-border-radius:10px 10px 10px 10px;
+	border-radius:10px 10px 10px 10px;
+	-webkit-box-shadow: 0px 1px 3px 0px #666;
+	-moz-box-shadow: 0px 1px 3px 0px #666;
+	box-shadow: 0px 1px 3px 0px #666;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+	background-color: #ffffff;
+}
+
+.closebtn {
+	background:url(../img/login/close.png) 0 0 no-repeat;
+	width:30px;
+	height:30px;
+	display:block;
+	position:absolute;
+	margin:-76px 0 0 660px;
+	top: 80px;
+	right: 4px;
+}
+
+
+
+.sectionContentDetail #book_data {
+	width:245px;
+	height:545px;
+	margin-top:-40px;
+	border-right:2px solid #CCC;
+	background-color:#f7f7f7;
+	float:left;
+}
+
+.sectionContentDetail #book_data .book_img {
+	height:145px;
+	margin:124px 0 0 0px;
+	position:relative;
+}
+
+.sectionContentDetail #book_data .book_img img{
+	/*
+	position:absolute;
+		top:0px;
+		left:0px;*/
+	
+	margin: 0 auto;
+}
+.sectionContentDetail #book_data .book_img img.book_icon {
+	position:absolute;
+	top:0px;
+	left:0px;
+	z-index:10;
+}
+
+.sectionContentDetail #book_data ul {
+	list-style:none;
+	line-height:1em;
+	font-size:13px;
+	margin:0 0 0 42px;
+	padding:0;
+}
+.sectionContentDetail #book_data ul li {
+	display:block;
+}
+.sectionContentDetail #book_data ul .title {
+	margin-bottom:19px;
+	font-size:18px;
+}
+.sectionContentDetail #book_data ul .date {
+	margin-bottom:20px;
+	font-size:12px;
+}
+.sectionContentDetail #book_data ul .explain {
+	margin-bottom:32px;
+	line-height:1.3em;
+	font-size:13px;
+}
+
+.sectionContentDetail #book_data .read_btn a.read {
+	position:absolute;
+	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	box-shadow:inset 0px 1px 0px 0px #d6ee23;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
+	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color:#a4d815;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #83bd07;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:15px;
+	font-weight:bold;
+	padding:2px 27px;
+	margin-left:80px;
+	text-decoration:none;
+	text-shadow:1px 1px 0px #a2d613;
+}
+.sectionContentDetail #book_data .read_btn a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
+	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
+	background-color:#83c008;
+}
+.sectionContentDetail #book_data .read_btn a.read:active {
+	position:relative;
+	top:1px;
+}
+.sectionContentDetail #book_data .read_btn a.read:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_off.svg);
+}
+.sectionContentDetail #book_data .read_btn a.read:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../css/button_back_on.svg);
+}
+
+
+
+.sectionContentDetail #book_list {
+	width:395px;
+	margin-right:35px;
+	margin-top:-20px;
+	float:right;
+}
+
+.sectionContentDetail #book_list ul {
+	list-style:none;
+	width:395px;
+	height:64px;
+	margin:0;
+	padding:10px 0px;
+	font-size:13px;
+}
+
+.sectionContentDetail #book_list ul li {
+	margin:0;
+	padding:0;
+	line-height:1em;
+}
+
+.sectionContentDetail #book_list ul .list_img {
+	width:96px;
+	height:64px;
+	float:left;
+}
+.sectionContentDetail #book_list ul .list_img img {
+	height:64px;
+	box-shadow: 0px 1px 3px 0px #666;
+	margin: 0 auto;
+}
+
+.sectionContentDetail #book_list ul .list_title{
+	font-size:15px;
+	margin-bottom:10px;
+}
+
+.sectionContentDetail #book_list ul .list_title a {
+	color:#2d83da;
+}
+
+.sectionContentDetail #book_list ul .page,
+.sectionContentDetail #book_list ul .text{
+	margin-bottom:5px;
+}
+
+.sectionContentDetail #book_list ul+ul {
+	border-top:1px dotted #CCC;
+
+.sectionContentDetail #book_data .read_btn {
+	height:25px;
+	margin:30px 0 0 80px;
+}
\ No newline at end of file
--- a/abvw/css/login.css
+++ b/abvw/css/login.css
--- a/abvw/css/login_validation.css
+++ b/abvw/css/login_validation.css
--- a/abvw/css/logout.css
+++ b/abvw/css/logout.css
--- a/abvw/css/reset.css
+++ b/abvw/css/reset.css
--- a/abvw/css/restore.css
+++ b/abvw/css/restore.css
--- a/abvw/css/setting.css
+++ b/abvw/css/setting.css
--- a/abvw/css/tab.css
+++ b/abvw/css/tab.css
--- a/abvw/css/tab_back_off.svg
+++ b/abvw/css/tab_back_off.svg
--- a/abvw/css/tab_back_on.svg
+++ b/abvw/css/tab_back_on.svg
--- a/abvw/css/viewer.css
+++ b/abvw/css/viewer.css
--- a/abvw/history.html
+++ b/abvw/history.html
--- a/abvw/home.html
+++ b/abvw/home.html
--- a/abvw/img/1222.png
+++ b/abvw/img/1222.png
--- a/abvw/img/Thumbs.db
+++ b/abvw/img/Thumbs.db
--- a/abvw/img/addMemo.jpg
+++ b/abvw/img/addMemo.jpg
--- a/abvw/img/arrow-left.gif
+++ b/abvw/img/arrow-left.gif
--- a/abvw/img/arrow-right.gif
+++ b/abvw/img/arrow-right.gif
--- a/abvw/img/back.png
+++ b/abvw/img/back.png
--- a/abvw/img/bg.png
+++ b/abvw/img/bg.png
--- a/abvw/img/bookmark.png
+++ b/abvw/img/bookmark.png
--- a/abvw/img/bookmarklist.png
+++ b/abvw/img/bookmarklist.png
--- a/abvw/img/bookshelf/1.jpg
+++ b/abvw/img/bookshelf/1.jpg
--- a/abvw/img/bookshelf/2.jpg
+++ b/abvw/img/bookshelf/2.jpg
--- a/abvw/img/bookshelf/3.jpg
+++ b/abvw/img/bookshelf/3.jpg
--- a/abvw/img/bookshelf/4.jpg
+++ b/abvw/img/bookshelf/4.jpg
--- a/abvw/img/bookshelf/5.jpg
+++ b/abvw/img/bookshelf/5.jpg
--- a/abvw/img/bookshelf/6.jpg
+++ b/abvw/img/bookshelf/6.jpg
--- a/abvw/img/bookshelf/go_top.png
+++ b/abvw/img/bookshelf/go_top.png
--- a/abvw/img/bookshelf/pic_1.png
+++ b/abvw/img/bookshelf/pic_1.png
--- a/abvw/img/bookshelf/pic_2.png
+++ b/abvw/img/bookshelf/pic_2.png
--- a/abvw/img/branch/ajax-loader.gif
+++ b/abvw/img/branch/ajax-loader.gif
--- a/abvw/img/branch/treeview-default-line.gif
+++ b/abvw/img/branch/treeview-default-line.gif
--- a/abvw/img/branch/treeview-default.gif
+++ b/abvw/img/branch/treeview-default.gif
--- a/abvw/img/btnControlScreen.png
+++ b/abvw/img/btnControlScreen.png
--- a/abvw/img/close.png
+++ b/abvw/img/close.png
--- a/abvw/img/common/back_dot.gif
+++ b/abvw/img/common/back_dot.gif
--- a/abvw/img/common/body_bg.png
+++ b/abvw/img/common/body_bg.png
--- a/abvw/img/common/btn_search.png
+++ b/abvw/img/common/btn_search.png
--- a/abvw/img/common/icon_book.gif
+++ b/abvw/img/common/icon_book.gif
--- a/abvw/img/common/icon_jp.png
+++ b/abvw/img/common/icon_jp.png
--- a/abvw/img/common/icon_kor.png
+++ b/abvw/img/common/icon_kor.png
--- a/abvw/img/common/icon_list.gif
+++ b/abvw/img/common/icon_list.gif
--- a/abvw/img/common/icon_usa.png
+++ b/abvw/img/common/icon_usa.png
--- a/abvw/img/common/logo.png
+++ b/abvw/img/common/logo.png
--- a/abvw/img/data_loading.gif
+++ b/abvw/img/data_loading.gif
--- a/abvw/img/edit.png
+++ b/abvw/img/edit.png
--- a/abvw/img/eraser.png
+++ b/abvw/img/eraser.png
--- a/abvw/img/eraseroption.jpg
+++ b/abvw/img/eraseroption.jpg
--- a/abvw/img/home.png
+++ b/abvw/img/home.png
--- a/abvw/img/iPad_music.png
+++ b/abvw/img/iPad_music.png
--- a/abvw/img/iPad_video.png
+++ b/abvw/img/iPad_video.png
--- a/abvw/img/indexlist.png
+++ b/abvw/img/indexlist.png
--- a/abvw/img/list/1.jpg
+++ b/abvw/img/list/1.jpg
--- a/abvw/img/list/2.jpg
+++ b/abvw/img/list/2.jpg
--- a/abvw/img/list/3.jpg
+++ b/abvw/img/list/3.jpg
--- a/abvw/img/list/4.jpg
+++ b/abvw/img/list/4.jpg
--- a/abvw/img/list/5.jpg
+++ b/abvw/img/list/5.jpg
--- a/abvw/img/list/6.jpg
+++ b/abvw/img/list/6.jpg
--- a/abvw/img/list/button_bottom.png
+++ b/abvw/img/list/button_bottom.png
--- a/abvw/img/list/go_top.png
+++ b/abvw/img/list/go_top.png
--- a/abvw/img/list/newbook.png
+++ b/abvw/img/list/newbook.png
--- a/abvw/img/list/pic_1.png
+++ b/abvw/img/list/pic_1.png
--- a/abvw/img/list/pic_2.png
+++ b/abvw/img/list/pic_2.png
--- a/abvw/img/list/read.png
+++ b/abvw/img/list/read.png
--- a/abvw/img/list/read_hover.png
+++ b/abvw/img/list/read_hover.png
--- a/abvw/img/list/updatebook.png
+++ b/abvw/img/list/updatebook.png
--- a/abvw/img/login/close.png
+++ b/abvw/img/login/close.png
--- a/abvw/img/login/loginbg.png
+++ b/abvw/img/login/loginbg.png
--- a/abvw/img/login/loginbodybg.png
+++ b/abvw/img/login/loginbodybg.png
--- a/abvw/img/main_next.png
+++ b/abvw/img/main_next.png
--- a/abvw/img/main_previous.png
+++ b/abvw/img/main_previous.png
--- a/abvw/img/maker.png
+++ b/abvw/img/maker.png
--- a/abvw/img/makeroption.jpg
+++ b/abvw/img/makeroption.jpg
--- a/abvw/img/max.png
+++ b/abvw/img/max.png
--- a/abvw/img/memo.png
+++ b/abvw/img/memo.png
--- a/abvw/img/min.png
+++ b/abvw/img/min.png
--- a/abvw/img/music.png
+++ b/abvw/img/music.png
--- a/abvw/img/new.png
+++ b/abvw/img/new.png
--- a/abvw/img/noAddMemo.jpg
+++ b/abvw/img/noAddMemo.jpg
--- a/abvw/img/nomaker.png
+++ b/abvw/img/nomaker.png
--- a/abvw/img/nomemo.png
+++ b/abvw/img/nomemo.png
--- a/abvw/img/nopen.png
+++ b/abvw/img/nopen.png
--- a/abvw/img/notbookmark.png
+++ b/abvw/img/notbookmark.png
--- a/abvw/img/pen.png
+++ b/abvw/img/pen.png
--- a/abvw/img/penoption.jpg
+++ b/abvw/img/penoption.jpg
--- a/abvw/img/textcopy.png
+++ b/abvw/img/textcopy.png
--- a/abvw/img/treeview/ajax-loader.gif
+++ b/abvw/img/treeview/ajax-loader.gif
--- a/abvw/img/treeview/file.gif
+++ b/abvw/img/treeview/file.gif
--- a/abvw/img/treeview/folder-closed.gif
+++ b/abvw/img/treeview/folder-closed.gif
--- a/abvw/img/treeview/folder.gif
+++ b/abvw/img/treeview/folder.gif
--- a/abvw/img/treeview/minus.gif
+++ b/abvw/img/treeview/minus.gif
--- a/abvw/img/treeview/plus.gif
+++ b/abvw/img/treeview/plus.gif
--- a/abvw/img/treeview/treeview-black-line.gif
+++ b/abvw/img/treeview/treeview-black-line.gif
--- a/abvw/img/treeview/treeview-black.gif
+++ b/abvw/img/treeview/treeview-black.gif
--- a/abvw/img/treeview/treeview-default-line.gif
+++ b/abvw/img/treeview/treeview-default-line.gif
--- a/abvw/img/treeview/treeview-default.gif
+++ b/abvw/img/treeview/treeview-default.gif
--- a/abvw/img/treeview/treeview-famfamfam-line.gif
+++ b/abvw/img/treeview/treeview-famfamfam-line.gif
--- a/abvw/img/treeview/treeview-famfamfam.gif
+++ b/abvw/img/treeview/treeview-famfamfam.gif
--- a/abvw/img/treeview/treeview-gray-line.gif
+++ b/abvw/img/treeview/treeview-gray-line.gif
--- a/abvw/img/treeview/treeview-gray.gif
+++ b/abvw/img/treeview/treeview-gray.gif
--- a/abvw/img/treeview/treeview-red-line.gif
+++ b/abvw/img/treeview/treeview-red-line.gif
--- a/abvw/img/treeview/treeview-red.gif
+++ b/abvw/img/treeview/treeview-red.gif
--- a/abvw/img/ui-bg_flat_0_aaaaaa_40x100.png
+++ b/abvw/img/ui-bg_flat_0_aaaaaa_40x100.png
--- a/abvw/img/ui-bg_flat_75_ffffff_40x100.png
+++ b/abvw/img/ui-bg_flat_75_ffffff_40x100.png
--- a/abvw/img/ui-bg_glass_55_fbf9ee_1x400.png
+++ b/abvw/img/ui-bg_glass_55_fbf9ee_1x400.png
--- a/abvw/img/ui-bg_glass_65_ffffff_1x400.png
+++ b/abvw/img/ui-bg_glass_65_ffffff_1x400.png
--- a/abvw/img/ui-bg_glass_75_dadada_1x400.png
+++ b/abvw/img/ui-bg_glass_75_dadada_1x400.png
--- a/abvw/img/ui-bg_glass_75_e6e6e6_1x400.png
+++ b/abvw/img/ui-bg_glass_75_e6e6e6_1x400.png
--- a/abvw/img/ui-bg_glass_95_fef1ec_1x400.png
+++ b/abvw/img/ui-bg_glass_95_fef1ec_1x400.png
--- a/abvw/img/ui-bg_highlight-soft_75_cccccc_1x100.png
+++ b/abvw/img/ui-bg_highlight-soft_75_cccccc_1x100.png
--- a/abvw/img/ui-icons_222222_256x240.png
+++ b/abvw/img/ui-icons_222222_256x240.png
--- a/abvw/img/ui-icons_2e83ff_256x240.png
+++ b/abvw/img/ui-icons_2e83ff_256x240.png
--- a/abvw/img/ui-icons_454545_256x240.png
+++ b/abvw/img/ui-icons_454545_256x240.png
--- a/abvw/img/ui-icons_888888_256x240.png
+++ b/abvw/img/ui-icons_888888_256x240.png
--- a/abvw/img/ui-icons_cd0a0a_256x240.png
+++ b/abvw/img/ui-icons_cd0a0a_256x240.png
--- a/abvw/img/userinfo/option_back.gif
+++ b/abvw/img/userinfo/option_back.gif
--- a/abvw/img/video.jpg
+++ b/abvw/img/video.jpg
--- a/abvw/img/view_loading.gif
+++ b/abvw/img/view_loading.gif
--- a/abvw/img/viewer/1.png
+++ b/abvw/img/viewer/1.png
--- a/abvw/img/viewer/2.png
+++ b/abvw/img/viewer/2.png
--- a/abvw/img/viewer/3.png
+++ b/abvw/img/viewer/3.png
--- a/abvw/img/viewer/4.png
+++ b/abvw/img/viewer/4.png
--- a/abvw/img/viewer/5.png
+++ b/abvw/img/viewer/5.png
--- a/abvw/img/viewer/6.png
+++ b/abvw/img/viewer/6.png
--- a/abvw/img/viewer/_.png
+++ b/abvw/img/viewer/_.png
--- a/abvw/img/viewer/alpha_b20.png
+++ b/abvw/img/viewer/alpha_b20.png
--- a/abvw/img/viewer/alpha_w70.png
+++ b/abvw/img/viewer/alpha_w70.png
--- a/abvw/img/viewer/bordersize.png
+++ b/abvw/img/viewer/bordersize.png
--- a/abvw/img/viewer/canvas.png
+++ b/abvw/img/viewer/canvas.png
--- a/abvw/img/viewer/canvas_l.png
+++ b/abvw/img/viewer/canvas_l.png
--- a/abvw/img/viewer/canvas_s.png
+++ b/abvw/img/viewer/canvas_s.png
--- a/abvw/img/viewer/en_l.png
+++ b/abvw/img/viewer/en_l.png
--- a/abvw/img/viewer/en_m.png
+++ b/abvw/img/viewer/en_m.png
--- a/abvw/img/viewer/en_s.png
+++ b/abvw/img/viewer/en_s.png
--- a/abvw/img/viewer/en_xl.png
+++ b/abvw/img/viewer/en_xl.png
--- a/abvw/img/viewer/ftbg.png
+++ b/abvw/img/viewer/ftbg.png
--- a/abvw/img/viewer/gmovebtn.png
+++ b/abvw/img/viewer/gmovebtn.png
--- a/abvw/img/viewer/hdbg.png
+++ b/abvw/img/viewer/hdbg.png
--- a/abvw/img/viewer/hdicon.png
+++ b/abvw/img/viewer/hdicon.png
--- a/abvw/img/viewer/pophdbg.png
+++ b/abvw/img/viewer/pophdbg.png
--- a/abvw/img/viewer/searchbtn.png
+++ b/abvw/img/viewer/searchbtn.png
--- a/abvw/img/viewer/sikaku.png
+++ b/abvw/img/viewer/sikaku.png
--- a/abvw/img/viewer/sizingbtn.png
+++ b/abvw/img/viewer/sizingbtn.png
--- a/abvw/img/viewer/sizingbtn_bg.png
+++ b/abvw/img/viewer/sizingbtn_bg.png
--- a/abvw/img/viewer/sliderbg01.png
+++ b/abvw/img/viewer/sliderbg01.png
--- a/abvw/img/viewer/sliderbg02.png
+++ b/abvw/img/viewer/sliderbg02.png
--- a/abvw/img/viewer/sliderbtn01.png
+++ b/abvw/img/viewer/sliderbtn01.png
--- a/abvw/img/viewer/sliderbtn02.png
+++ b/abvw/img/viewer/sliderbtn02.png
--- a/abvw/img/viewer/toolbarbtn.png
+++ b/abvw/img/viewer/toolbarbtn.png
--- a/abvw/img/viewer/transitionbtn.png
+++ b/abvw/img/viewer/transitionbtn.png
--- a/abvw/img/viewer/transitionbtn_bg.png
+++ b/abvw/img/viewer/transitionbtn_bg.png
--- a/abvw/img/viewer/x.png
+++ b/abvw/img/viewer/x.png
--- a/abvw/img/webGetContent4.png
+++ b/abvw/img/webGetContent4.png
--- a/abvw/js/.htaccess
+++ b/abvw/js/.htaccess
--- a/abvw/js/SCRCDL0100.js
+++ b/abvw/js/SCRCDL0100.js
--- a/abvw/js/bookmark.js
+++ b/abvw/js/bookmark.js
--- a/abvw/js/contentsearch.js
+++ b/abvw/js/contentsearch.js
--- a/abvw/js/contentview.js
+++ b/abvw/js/contentview.js
--- a/abvw/js/contentview_Gomu.js
+++ b/abvw/js/contentview_Gomu.js
--- a/abvw/js/contentview_Maker.js
+++ b/abvw/js/contentview_Maker.js
--- a/abvw/js/contentview_Marking.js
+++ b/abvw/js/contentview_Marking.js
--- a/abvw/js/contentview_Memo.js
+++ b/abvw/js/contentview_Memo.js
--- a/abvw/js/contentview_Paint.js
+++ b/abvw/js/contentview_Paint.js
--- a/abvw/js/contentview_Pen.js
+++ b/abvw/js/contentview_Pen.js
--- a/abvw/js/contentview_PopupText.js
+++ b/abvw/js/contentview_PopupText.js
--- a/abvw/js/header.js
+++ b/abvw/js/header.js
--- a/abvw/js/history.js
+++ b/abvw/js/history.js
--- a/abvw/js/home.js
+++ b/abvw/js/home.js
--- a/abvw/js/login.js
+++ b/abvw/js/login.js
--- a/abvw/js/settings.js
+++ b/abvw/js/settings.js
--- a/abvw/settings.html
+++ b/abvw/settings.html
--- a/favicon.ico
+++ b/favicon.ico
--- a/index.html
+++ b/index.html
--- a/login.html
+++ b/login.html