IE9対応 CSSファイル統合

e554f3d9 · Masaru Abe · 623d9057 · e554f3d9 · e554f3d9 · e554f3d9
Commit e554f3d9 authored May 01, 2015 by Masaru Abe
31 changed files
--- a/abvw/bookmark.html
+++ b/abvw/bookmark.html
@@ -18,29 +18,18 @@
    <link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/common.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/common.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/header.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/header.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/footer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/footer.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/backup.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/backup.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/list_shiori.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/list_shiori.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/delete_shiori.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/delete_shiori.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/accordion.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?__UPDATEID__" />
    <!-- CSSビュー -->
-    <!-- link rel="stylesheet" type="text/css" href="css/reset.css?#UPDATEID#" / -->
    <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?#UPDATEID#" />
-    <link rel="stylesheet" type="text/css" href="css/theme/viewer.css?#UPDATEID#" /> 
    <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?#UPDATEID#" />
-    <link rel="stylesheet" type="text/css" href="css/theme/Anket.css?#UPDATEID#" />
    <link rel="stylesheet" type="text/css" href="css/delete_shiori.css?#UPDATEID#" />
    <script type="text/javascript" src="./common/js/jquery-1.8.1.min.js?__UPDATEID__"></script>	

--- a/abvw/contentsearch.html
+++ b/abvw/contentsearch.html
@@ -18,33 +18,21 @@
    <link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/common.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/common.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/header.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/header.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/footer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/footer.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/backup.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/backup.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/contentsearch.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/contentsearch.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/list_shirori_detail.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/accordion.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/share.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/share.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.css?__UPDATEID__" id="theme_base" />
    <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.date.css?__UPDATEID__" id="theme_date" />
    <!-- CSSビュー -->
-    <!-- link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" / -->
    <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/viewer.css?__UPDATEID__" /> 
    <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/Anket.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/delete_shiori.css?__UPDATEID__" />
    <script type="text/javascript" src="./common/js/jquery-1.8.1.min.js?__UPDATEID__"></script>

--- a/abvw/contentview.html
+++ b/abvw/contentview.html
@@ -53,11 +53,9 @@
    <link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/viewer.css?__UPDATEID__" /> 
    <link rel="stylesheet" type="text/css" href="common/css/jquery.treeview.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/Anket.css?__UPDATEID__" />
    <script type="text/javascript" src="./common/js/jquery.powertip.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/script.js?__UPDATEID__"></script>

--- a/abvw/contentview_getits.html
+++ b/abvw/contentview_getits.html
@@ -58,7 +58,6 @@
    <link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/viewer.css?__UPDATEID__" /> 
    <link rel="stylesheet" type="text/css" href="common/css/jquery.treeview.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" />

--- a/abvw/contentview_streaming.html
+++ b/abvw/contentview_streaming.html
@@ -58,11 +58,9 @@
    <link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/viewer.css?__UPDATEID__" /> 
    <link rel="stylesheet" type="text/css" href="common/css/jquery.treeview.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/Anket.css?__UPDATEID__" />
    <script type="text/javascript" src="./common/js/jquery.powertip.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/script.js?__UPDATEID__"></script>

--- a/abvw/css/layout/Anket.css
+++ b/abvw/css/layout/Anket.css
@@ -60,3 +60,39 @@
    opacity:1.0;
 }
+/*--------------------------*/
+.anket-dialog
+{
+    border:solid 1px #333;
+    background-color:#fff;      
+}
+.anket-dialog h1
+{
+    color:#fff; 
+    background:url(../../img/viewer/article_bg.png) 0 0 repeat;     
+}
+.anket-dialog .anket-container
+{
+}
+.anket-dialog .anket-container iframe
+{
+}
+.anket-dialog .anket-commands
+{
+    border-top:solid 1px #333;
+}
+.anket-dialog .anket-commands input[type='button']
+{
+    border-radius:10px;
+    border:solid 1px #333;
+    background-color:#ccc;
+    cursor:pointer;
+}
+.anket-dialog .anket-commands input[type='button']:hover
+{
+    background-color:#fff;
+}
--- a/abvw/css/layout/accordion.css
+++ b/abvw/css/layout/accordion.css
@@ -89,3 +89,75 @@ a#searchbtn:active{
 #liPushMessage
 {
 }
+/*アコーディオン用*/
+.ui-helper-reset {font-size: 100%;}
+/* states and images */
+.ui-icon { background-image: url(img/ui-icons_222222_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(img/ui-icons_888888_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon,.ui-state-active .ui-icon  {background-image: url(img/ui-icons_454545_256x240.png); }
+/* positioning */
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+/* jQuery UI Accordion 1.8.11*/
+.ui-accordion {  }
+.ui-accordion .ui-accordion-header {  }
+.ui-accordion .ui-accordion-li-fix { }
+.ui-accordion .ui-accordion-header-active { }
+.ui-accordion .ui-accordion-header a { font-size: 1em; }
+.ui-accordion-icons .ui-accordion-header a { }
+.ui-accordion .ui-accordion-header .ui-icon { }
+.ui-accordion .ui-accordion-content {  }
+.ui-accordion .ui-accordion-content-active {  }
+#accordion p,#mouseover p{}
+.cnt_header .menu_language .button #accordion {
+	font-size: 12px;
+	border:1px solid #CCC;
+	background-color: #FFFFFF;
+}
+.cnt_header .menu_language .button #accordion h5{
+	border-bottom: 1px solid #CCC;
+	background: #FFFFFF;
+}
+.cnt_header .menu_language .button #accordion h5 a { }
+.cnt_header .menu_language .button #accordion h5 a:hover { }
+.cnt_header .menu_language .button #accordion .newmsg { border-bottom:1px solid #CCC;}
+.cnt_header .menu_language .button #accordion .newmsg p {
+}
+.cnt_header .menu_language .button #accordion .pagechange a {
+}
+.cnt_header .menu_language .button #accordion .date {
+	font-size: 10px;
+}
+.postItem a{}
+.postItem a.open{}
+header .cnt_header .menu_language #searchArea {
+	background-color: #FFFFFF;
+	border: 1px solid #CCCCCC;
+}
+header .cnt_header .menu_language #searchArea a#searchbtn {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+}
+header .cnt_header .menu_language #searchArea a#searchbtn:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+a#searchbtn:active{
+}
+#numbermessage
+{
+}
--- a/abvw/css/layout/backup.css
+++ b/abvw/css/layout/backup.css
@@ -95,9 +95,6 @@
    -ms-filter: none;
 }
 .sectionbackup_logout{
 	width:500px;
 	height:310px;
@@ -188,3 +185,202 @@
    filter: none;
    -ms-filter: none;
 }
+/* Latest Update
+   2012.11.5 write           */
+/* author
+   koyuki watanabe               */
+/* ---------- MENU ---------- */
+/*
+	5. .sectionbackup setting
+                              */
+/* ---------- MENU ---------- */
+/*----------------------------*/
+/*	1. .sectionbackup setting        */
+/*----------------------------*/
+.sectionbackup{	
+	border:1px solid #cccccc;	
+	-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:#fff;
+}
+.sectionbackup h1
+{
+    font-size:19px;
+	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;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+}
+.sectionbackup p{
+}
+.sectionbackup p.message{
+	color:#333;
+    font-size:15px;
+	font-weight:bold;
+}
+.sectionbackup .backupbtn {
+}
+.sectionbackup .backupbtn a.ok 
+{
+}
+.sectionbackup .backupbtn a.disabled
+{
+    cursor:default;
+    color:#9e9e9e;
+    pointer-events: none;
+}
+.sectionbackup .backupbtn a.disabled:hover
+{
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+}
+.sectionbackup .backupbtn a.cancel {
+}
+.sectionbackup .backupbtn a 
+{
+    font-size:14px;
+	font-weight:bold;
+	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+	border:1px solid #0C274D;
+	color:#ffffff;
+	font-family:arial;
+}
+.sectionbackup .backupbtn a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectionbackup .backupbtn a:active {
+}
+.sectionbackup .backupbtn a:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.sectionbackup .backupbtn a:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.sectionbackup_logout{
+	border:1px solid #cccccc;	
+	-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:#fff;
+}
+.sectionbackup_logout h1
+{
+    font-size:19px;
+    font-weight:bold;
+	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;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+}
+.sectionbackup_logout .message-options .option_backup
+{
+    font-size:13px;
+}
+.sectionbackup_logout .message-options .option_backup input
+{
+}
+.sectionbackup_logout p{
+}
+.sectionbackup_logout p.notice
+{
+    font-size:13px;
+}
+.sectionbackup_logout p.message
+{
+    font-size:15px;
+	font-weight:bold;
+	color:#333;
+}
+.sectionbackup_logout .backupbtn {
+}
+.sectionbackup_logout .backupbtn a.ok {
+}
+.sectionbackup_logout .backupbtn a.disabled
+{
+    cursor:default;
+    color:#9e9e9e;
+    pointer-events: none;
+}
+.sectionbackup_logout .backupbtn a.disabled:hover
+{
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+}
+.sectionbackup_logout .backupbtn a.cancel {
+}
+.sectionbackup_logout .backupbtn a 
+{
+    font-size:14px;
+	font-weight:bold;
+	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+	border:1px solid #0C274D;
+	color:#ffffff;
+	font-family:arial;
+}
+.sectionbackup_logout .backupbtn a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectionbackup_logout .backupbtn a:active {
+}
+.sectionbackup_logout .backupbtn a:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.sectionbackup_logout .backupbtn a:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
--- a/abvw/css/layout/bookshelf.css
+++ b/abvw/css/layout/bookshelf.css
@@ -142,3 +142,178 @@ a:hover.btn_bott{
 .wrapper_ws #main-ws .hoge-R .cnt_section_bookshelf .img .book_vertical {
    margin-top: 5px;
 }
+/*-------------------------*/
+.thumbnail a:link{
+    text-decoration: none;
+    background-image: url(../../img/bookshelf/thumbnail_off.png) ;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 3px 0px 0px 3px;
+}
+.thumbnail a:hover{
+    text-decoration: none;
+    background-color: #D6E5E5;
+    background-image: url(../../img/bookshelf/thumbnail_on.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 3px 0px 0px 3px;
+}
+.thumbnail_select{
+    text-decoration: none;
+    background-color: #D6E5E5;
+    background-image: url(../../img/bookshelf/thumbnail_on.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 3px 0px 0px 3px;
+}
+#bookshelf .wrapper_ws #main-ws .hoge-R section.sectionhomebookshelf .name img {
+}
+/* section */
+section.sectionhomebookshelf{
+}
+p.dop_info{
+    border:1px solid #999999;
+    background:#fff;
+}
+p.dop_info a{ font-size:12px; color:#333333;}
+p.dop_info a:hover{ text-decoration:none;}
+.cnt_section_bookshelf{
+}
+section.sectionhomebookshelf .cnt_section_bookshelf:hover{
+	background-color: #EDEDED;
+}
+.cnt_section_bookshelf a.img{
+}
+.cnt_section_bookshelf a.img img{
+}
+.cnt_section_bookshelf .text{
+}
+.sectionhomebookshelf a.name{
+    color: #333333;
+    font-size: 18px;
+    text-decoration: none;
+    font-size: 12px;
+}
+.cnt_section_bookshelf a.name:hover{ text-decoration:underline; color:#2d83da;}
+.cnt_section_bookshelf .text ul.date{ }
+.cnt_section_bookshelf .text ul.date li{ color:#333333; font-size:11px;}
+.cnt_section_bookshelf .text .info{}
+.cnt_section_bookshelf .text ul.pic{ }
+.cnt_section_bookshelf .text ul.pic li{}
+.cnt_section_bookshelf .text ul.pic li a{ }
+.cnt_section_bookshelf .text ul.pic li a.sticker{background:url(../../img/bookshelf/pic_1.png) no-repeat left bottom;}
+.cnt_section_bookshelf .text ul.pic li a.pen{ background:url(../../img/bookshelf/pic_2.png) no-repeat 0 center;}
+.cnt_section_bookshelf .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;
+    color:#ffffff;
+    font-family:arial;
+    font-size:15px;
+    font-weight:bold;
+    text-decoration:none;
+    text-shadow:1px 1px 0px #a2d613;
+}
+.cnt_section_bookshelf .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_bookshelf .text ul.pic li a.read:active {
+}
+.cnt_section_bookshelf .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;
+    color:#ffffff;
+    font-family:arial;
+    font-size:15px;
+    font-weight:bold;
+    text-decoration:none;
+    text-shadow:1px 1px 0px #686666;
+}.cnt_section_bookshelf .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_bookshelf .text ul.pic li a.read_hover:active {
+}
+.btn_bott{
+    font-size: 14px;
+    color: #fff;
+    text-decoration: none;
+    border: 1px solid #0C284E;
+    border-radius: 4px;
+    /*outline:1px solid #0C284E;*/
+    background: #37648C; /* Old browsers */
+    background: -moz-linear-gradient(top,  #37648C 0%, #22466D 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37648C), color-stop(100%,#22466D)); /* Chrome,Safari4+ */
+    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    background: -webkit-linear-gradient(top,  #37648C 0%,#22466D 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #37648C 0%,#22466D 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #37648C 0%,#22466D 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #37648C 0%,#22466D 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37648C', endColorstr='#22466D',GradientType=0 ); /* IE6-9 */
+}
+a:hover.btn_bott{
+    background: #22466D; /* Old browsers */
+    background: -moz-linear-gradient(top,  #22466D 0%, rgb(16,89,163) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22466D), color-stop(100%,#37648C)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  #22466D 0%,#37648C 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #22466D 0%,#37648C 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #22466D 0%,#37648C 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #22466D 0%,#37648C 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22466D', endColorstr='#37648C',GradientType=0 ); /* IE6-9 */
+}
+#bookshelf .wrapper_ws #main-ws .hoge-R .tops .floatR {
+}
+#bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_vertical {
+}
+#bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_horizontal {
+}
+.wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .book_horizontal {
+}
+.wrapper_ws #main-ws .hoge-R .cnt_section_bookshelf .img .book_vertical {
+}
--- a/abvw/css/layout/common.css
+++ b/abvw/css/layout/common.css
@@ -56,3 +56,57 @@ br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }
 .floatL { float: left;}
 .floatR { float: right;}
+/*------------------------------*/
+/* Latest Update
+   2012.11.5 write           */
+body{
+    background: #f4f4f4;
+    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+}
+.wrapper {
+    background-color: #EDF2F2;
+}
+form, ul{ }
+li{ }
+img{ }
+#main-ws{
+}
+p.go_top{
+}
+.focus{ color: #969696;}
+#user_change footer .border .cnt_footer img { }
+/*2013*/
+.PageTop {
+}
+/*CLEARFIX*/
+.clearfix:after {  }
+.clearfix {  }
+/*\*/
+* html .clearfix { }
+.clearfix { }
+/**/
+.clearboth {}
+br.clear { }
+.floatL { }
+.floatR { }
+#avw-auth-error
+{
+    color: #fff;
+	background: #ccc;
+}
--- a/abvw/css/layout/contentsearch.css
+++ b/abvw/css/layout/contentsearch.css
@@ -295,3 +295,236 @@ a:hover
    float: left;
    margin: 7px 7px 0px 0px;
 }
+/*---------------------------*/
+.articlecontentsearch{ 
+	border:1px solid #ccc;
+}
+.tops{
+}
+.tops a.btn_gray img, .tops a.btn_blue img{
+}
+.tops a.btn_blue,.tops a.btn_gray 
+{
+    color:#fff;
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}
+.tops a:hover.btn_blue,.tops a:hover.btn_gray {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.tops a.btn_blue:active,.tops a.btn_gray:active {
+}
+.tops a.btn_blue:not(:target),.tops a.btn_gray:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.tops a:hover.btn_blue:not(:target),.tops a:hover.btn_gray:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.button{ }
+.tops ul{ }
+.tops ul li{ }
+.tops ul li a{ 
+	font-size:12px; 
+	color:rgb(45,131,218);
+}
+.tops ul li span{ 
+	font-size:12px; 
+	color:#333333; 
+}
+.tops ul li a.nottouchdevice:hover{ }
+.tops ul li a.gray_text{ color:#999999;}
+.tops ul li a.active_tops{ color:#2d83da; }
+.tops ul li b{ font-weight:normal;  font-size:12px;}
+.tops p{ color:#333333; font-size:12px; }
+/* section */
+.sectionsearchlist{
+	border-top: 1px dashed #cccccc;
+}
+.cnt_section_list{
+}
+.cnt_section_list:hover{
+	background-color: #FFFFFF;
+}
+.cnt_section_list a.img{
+}
+.cnt_section_list a.img img{
+}
+/*.cnt_section_list a.img img.book_icon{
+	position:absolute;
+	top:0px;
+	left:0px;
+	z-index:10;
+}*/
+.cnt_section_list .text{
+}
+.cnt_section_list .text a.name{
+	color: #37648C;
+	font-size: 16px;
+}
+.cnt_section_list .text a.name img
+{
+}
+.cnt_section_list .text a.name:hover{ }
+.cnt_section_list .text ul.date{ }
+.cnt_section_list .text ul.date li{
+	color:#333333;
+	font-size:13px;
+}
+/*---*/
+.cnt_section_list .text .info{
+}
+.cnt_section_list .text ul.pic{
+}
+.cnt_section_list .text ul.pic li{
+}
+.cnt_section_list .text ul.pic li img {
+}
+.cnt_section_list .text ul.pic li a.read {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}
+.cnt_section_list .text ul.pic li a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}.cnt_section_list .text ul.pic li a.read:active {
+}
+.cnt_section_list .text ul.pic li a.read:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.cnt_section_list .text ul.pic li a.read_hover {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}.cnt_section_list .text ul.pic li a.read_hover:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}.cnt_section_list .text ul.pic li a.read_hover:active {
+}
+.btn_bott  
+{
+    font-size: 14px;
+    color: #fff;
+    border: 1px solid #0C284E;
+    background: #37648C; /* Old browsers */
+    background: -moz-linear-gradient(top,  #37648C 0%, #22466D 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37648C), color-stop(100%,#22466D)); /* Chrome,Safari4+ */
+    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    background: -webkit-linear-gradient(top,  #37648C 0%,#22466D 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #37648C 0%,#22466D 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #37648C 0%,#22466D 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #37648C 0%,#22466D 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37648C', endColorstr='#22466D',GradientType=0 ); /* IE6-9 */
+}
+a:hover.btn_bott{
+    background: #22466D; /* Old browsers */
+    background: -moz-linear-gradient(top,  #22466D 0%, rgb(16,89,163) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22466D), color-stop(100%,#37648C)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  #22466D 0%,#37648C 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #22466D 0%,#37648C 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #22466D 0%,#37648C 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #22466D 0%,#37648C) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22466D', endColorstr='#37648C',GradientType=0 ); /* IE6-9 */
+}
+.sectionsearchlist #bottom 
+{    
+}
+.cnt_section_list .img .band_horizontal {
+}
+.cnt_section_list .img .band_vertical {
+}
+.cnt_section_list .text .info .pic li .read {
+}
+#main-ws section
+{
+	border-top: 1px dashed #cccccc;
+}
+#main-searchresult
+{
+	border:1px solid #ccc;
+}
+#main-searchresult span
+{
+}
+#main-searchresult input
+{
+}
+#main-searchresult input[type="radio"]
+{
+}
+.tops a.btn_gray, .tops a.btn_blue{
+	color:#fff;
+}
+a:hover
+{
+}
+#main-searchresult span:hover
+{
+}
+#msgSearchNotExist
+{
+    font-size: 16px;
+    color: #f00;
+}
+.sort-title{
+    font-size: 12px;
+    color: #333333;
+    text-decoration: none;
+}
--- a/abvw/css/layout/delete_shiori.css
+++ b/abvw/css/layout/delete_shiori.css
@@ -77,3 +77,74 @@
    filter: none;
    -ms-filter: none;
 }
+/*----------------------------------*/
+.sectionDeleteConfirm {
+	border:1px solid #cccccc;
+	-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;
+}
+.sectionDeleteConfirm h1
+{
+    font-size:19px;
+	font-weight:bold;
+	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;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+}
+.sectionDeleteConfirm p{	
+}
+.sectionDeleteConfirm p.message{
+	font-size:15px;
+	font-weight:bold;
+	color:#333;
+}
+.sectionDeleteConfirm .deletebtn {
+}
+.sectionDeleteConfirm .deletebtn a.ok {
+}
+.sectionDeleteConfirm .deletebtn a.cancel {
+}
+.sectionDeleteConfirm .deletebtn a.cancel_audio {
+}
+.sectionDeleteConfirm .deletebtn a {
+    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}
+.sectionDeleteConfirm .deletebtn a:hover {
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectionDeleteConfirm .deletebtn a:active {
+}
+.sectionDeleteConfirm .deletebtn a:not(:target) {
+}
--- a/abvw/css/layout/footer.css
+++ b/abvw/css/layout/footer.css
@@ -14,3 +14,16 @@
    margin: 0 auto;
    width: 960px;   
 }
+/*-------------------------*/
+/* footer */
+#ws-body footer{
+    background-color: #EDF2F2;
+}
+.cnt_footer{
+    color: #000;
+    font-size: 10px;
+    border-top: solid 1px #CCC;
+}
--- a/abvw/css/layout/header.css
+++ b/abvw/css/layout/header.css
@@ -228,3 +228,197 @@ a#searchbox-search:active{
    text-align:center;
    height:40px;
 }
+/*--------------------------*/
+.header_ws{
+    background-image:  url(../../img/common/header_border.jpg) ,url(../../img/common/header_bg.jpg);
+    background-repeat: repeat-x, repeat;
+    background-position: bottom, top;
+}
+.cnt_header{
+}
+.cnt_header .logo{
+    background-image: url(../../img/common/logo.png);
+    background-repeat: no-repeat;
+}
+.cnt_header .menu_language{
+    font-size: 12px;
+    color: #333333;
+}
+.cnt_header .menu_language ul{
+}
+.cnt_header .menu_language ul li{
+}
+.cnt_header .menu_language ul li input{
+    border: 1px solid #999999;
+    border-radius: 3px;
+    font-size: 12px;
+    background: url(../../img/common/icon_serch.png) 3px 2px no-repeat;
+    behavior: url("/PIE.htc");
+}
+.cnt_header .menu_language ul li a{
+    color:#000; 
+    text-decoration:none;
+}
+.cnt_header .menu_language ul li a:hover{ 
+    text-decoration:underline;
+}
+.cnt_header .menu_language ul li.jp{
+    background: url(../../img/common/flg_jpn.png) no-repeat left center;
+}
+.cnt_header .menu_language ul li.eng{
+    background: url(../../img/common/flg_usa.png) no-repeat left center;
+}
+.cnt_header .menu_language ul li.kor{
+    background: url(../../img/common/flg_kor.png) no-repeat left center;
+}
+.button{ }
+.cnt_header .box_open{ 
+    background:#fff;
+}
+.cnt_header .box_open .t_top{
+    color:#cccccc;
+    font-size:10px;
+    border-bottom:1px solid #999999;
+}
+.cnt_header .box_open ul{ }
+.cnt_header .box_open ul li{ 
+    color:#333333; 
+    font-size:12px; 
+}
+.cnt_header .box_open ul li input{ }
+.cnt_header .box_open ul li label{ }
+.cnt_header .box_open .btn_search{ 
+    background:url(../../img/common/btn_search.png) no-repeat;
+}
+.cnt_header .menu_language ul .pushMessage {
+    /*background-image: url(../../img/common/icon_newmessage.png), url(../../img/common/icon_triangle.png), url(../../img/common/box_pushmessage.jpg);
+    background-repeat: no-repeat, no-repeat, repeat-x;
+    background-position: 5px center, right 5px center, bottom;
+    border: solid 1px #CCCCCC;*/
+    background: url(../../img/common/box_pushmessage.jpg) repeat-x;
+    border: solid 1px #CCCCCC;
+}
+.cnt_header .menu_language ul .pushMessage span
+{
+    float:left;
+    display:block;
+    height:25px;
+}
+.cnt_header .menu_language ul .pushMessage .icon
+{
+    background: url(../../img/common/icon_newmessage.png) no-repeat center;
+    width:26px;
+}
+.cnt_header .menu_language ul .pushMessage .arrow
+{
+    background: url(../../img/common/icon_triangle.png) no-repeat center;
+    width:6px;
+    margin-right:5px;
+}
+.cnt_header .menu_language ul.pushMessage a:hover { text-decoration: none; }
+.header_ws .cnt_header .menu_language ul li a img { display: inline; }
+.header_ws .cnt_header .menu_language ul .language {
+    padding: 0;
+    margin-left: 0px;
+}
+.header_ws .cnt_header .menu_language .button .menuIcon img { display: inline; }
+.header_ws .cnt_header .menu_language ul li a#jQueryPush{
+    text-decoration: none !important;
+    color:#333;
+}
+.header_ws .cnt_header .menu_language .button {
+}
+.header_ws .cnt_header .menu_language #header-searchbox {
+	background-color: #FFFFFF;
+	border: 1px solid #CCCCCC;
+}
+.header_ws .cnt_header .menu_language #header-searchbox span
+{
+}
+.header_ws .cnt_header .menu_language #header-searchbox a#searchbox-search {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+}
+.header_ws .cnt_header .menu_language #header-searchbox a#searchbox-search:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+a#searchbox-search:active{
+}
+.tops ul.sort {
+    border: 1px solid #B3B3B3;
+    border-radius: 4px;
+}
+.tops ul.sort li{ 
+}
+.tops ul.sort li a{
+    font-size: 12px;
+    color: #333333;
+    text-decoration: none;
+}
+.tops ul.sort li.sort a:hover{ text-decoration:underline;}
+.tops ul.sort li.current a.descending_sort{
+	color: #2d83da;
+	background: url(../../img/common/icon_triangle_d.png) no-repeat right 5px;
+}
+.tops ul.sort li.current a.ascending_sort{
+	color:#2d83da;
+	background:url(../../img/common/icon_triangle_u.png) no-repeat right 5px;
+}
+.tops ul.sort li b{
+	font-weight: normal;
+	font-size: 12px;
+}
+.tops ul.sort li b{
+    font-weight: normal;
+    font-size: 12px;
+}
+/* for pushmessage */
+.notification-pushmessage
+{
+    background-color:#bde;
+    opacity:0.8;
+    border:solid 1px #333;
+    color:#000;
+    border:solid 1px #000;
+    font-weight:bold;
+    font-size:13px;
+}
+.toast-item-loading
+{
+    text-align:center;
+    height:40px;
+    background:url(../../img/data_loading.gif) no-repeat center;    
+}
--- a/abvw/css/layout/history.css
+++ b/abvw/css/layout/history.css
@@ -280,3 +280,210 @@ a:hover
    float: left;
    margin: 7px 7px 0px 0px;
 }
+/*----------------------------------*/
+.articlehistory{
+	border:1px solid #ccc;
+}
+.tops{
+	font-size:12px;
+}
+.tops a.btn_gray img, .tops a.btn_blue img{
+}
+.tops a.btn_blue,.tops a.btn_gray
+{
+	color:#fff;
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+	/* [disabled]text-shadow:1px 1px 0px #a2d613; */
+}
+.tops a:hover.btn_blue,.tops a:hover.btn_gray {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.tops a.btn_blue:active,.tops a.btn_gray:active {
+	/*position:relative;
+	top:1px;*/
+}
+.tops a.btn_blue:not(:target),.tops a.btn_gray:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.tops a:hover.btn_blue:not(:target),.tops a:hover.btn_gray:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.button{ }
+.tops ul{ }
+.tops ul li{ }
+.tops ul li a{
+	font-size:12px;
+	color:rgb(45,131,218);
+}
+.tops ul li span{
+	font-size:12px;
+	color:#333333;
+}
+.tops ul li a.nottouchdevice:hover{ }
+.tops ul li a.gray_text{ color:#999999;}
+.tops ul li a.active_tops{ color:#2d83da; }
+.tops ul li b{ font-weight:normal; font-size:12px;}
+.tops p{ color:#333333; font-size:12px;}
+/* section */
+.sectionhistory{
+	border-top: 1px dashed #cccccc;
+}
+.cnt_section_list{
+}
+section.sectionhistory .cnt_section_list:hover{
+	background-color: #EDEDED;
+}
+.cnt_section_list a.img{
+}
+.cnt_section_list a.img img{
+}
+/*.cnt_section_list a.img img.book_icon{
+	position:absolute;
+	top:0px;
+	left:0px;
+	z-index:10;
+}*/
+.cnt_section_list .text{
+}
+.cnt_section_list .text a.name{
+	color: #37648C;
+	font-size: 16px;
+}
+.cnt_section_list .text a.name img
+{
+}
+.cnt_section_list .text a.name:hover{  }
+.cnt_section_list .text ul.date{ }
+.cnt_section_list .text ul.date li{
+	color:#333333;
+	font-size:13px;
+}
+/*---*/
+.cnt_section_list .text .info{
+}
+.cnt_section_list .text ul.pic{
+}
+.cnt_section_list .text ul.pic li{
+}
+.cnt_section_list .text ul.pic li img {
+}
+.cnt_section_list .text ul.pic li a.read {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}
+.cnt_section_list .text ul.pic li a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}.cnt_section_list .text ul.pic li a.read:active {
+	/*position:relative;
+	top:1px;*/
+}
+.cnt_section_list .text ul.pic li a.read:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.cnt_section_list .text ul.pic li a.read_hover {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}.cnt_section_list .text ul.pic li a.read_hover:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}.cnt_section_list .text ul.pic li a.read_hover:active {
+	/*position:relative;
+	top:1px;*/
+}
+.cnt_section_list .img .band_horizontal {
+}
+.cnt_section_list .img .band_vertical {
+}
+.cnt_section_list .text .info .pic li .read {
+}
+#main-searchresult
+{
+	border:1px solid #ccc;
+}
+#main-searchresult span
+{
+}
+#main-searchresult input
+{
+}
+#main-searchresult input[type="radio"]
+{
+}
+.tops a.btn_gray, .tops a.btn_blue{
+	color:#fff;
+}
+a:hover
+{
+}
+#main-searchresult span:hover
+{
+}
+#msgSearchNotExist
+{
+}
+#msgHistoryNotExist
+{
+    color:#f00;
+    font-size:16px;
+}
+.sort-title{
+    font-size: 12px;
+    color: #333333;
+    text-decoration: none;
+}
--- a/abvw/css/layout/home.css
+++ b/abvw/css/layout/home.css
@@ -118,3 +118,121 @@ a:hover{
    -ms-filter: none;
 }
+/*----------------------------*/
+/* article */
+.articlehome{
+}
+.tops{
+    font-size:12px;
+}
+.sort_area{
+}
+.sort_area span{ 
+    font-size:12px; 
+    color:#333333; 
+    text-decoration:none; 
+}
+.tops p{
+    color: #333333;
+    font-size: 12px;
+}
+.tops ul.disp { 
+    border-radius: 4px;
+    border: 1px solid #D1D1D1;
+    background-color:#F4F4F4;
+    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) #FFF !important;
+}
+.tops ul.disp li.first_area{
+    border-right: 1px solid #D1D1D1;
+}
+.tops ul.disp li.last_area{
+}
+.no_m_right{ }
+#dlgSubMenu{
+}
+#dlgOverlay{
+}
+a:hover{
+}
+#main-ws canvas:hover{
+}
+.folder, .file{
+}
+.sectionhomebookshelf a.name{ color:#2d83da;}
+/* hibiya */
+#dlgAddMemberGroup .addMemberGroup {
+	width:290px;
+	height:25px;
+	margin:20px auto 0;
+}
+#dlgAddMemberGroup .addMemberGroup a.ok {
+	position:relative;
+	/*margin:0 98px 0 0;*/
+}
+#dlgAddMemberGroup .addMemberGroup a.cancel {
+	position:relative;
+	/*margin:-27px 0 0 135px;*/
+}
+#dlgAddMemberGroup .addMemberGroup a 
+{
+    margin:0 15px;
+	width: 100px;
+	height:21px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	border:1px solid #0C274D;
+	display:inline-block;
+	color:#ffffff;
+	font-family:arial;
+	font-size:14px;
+	font-weight:bold;
+	padding:2px 0;
+	line-height:21px;
+	text-decoration:none;
+	text-align:center;
+	float:right;
+}
+#dlgAddMemberGroup .addMemberGroup a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+#dlgAddMemberGroup .addMemberGroup a:active {
+	position:relative;
+	top:1px;
+}
+#dlgAddMemberGroup .addMemberGroup a:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(button_back_off.svg);
+}
+#dlgAddMemberGroup .addMemberGroup a:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(button_back_on.svg);
+}
--- a/abvw/css/layout/limit_access.css
+++ b/abvw/css/layout/limit_access.css
@@ -82,3 +82,79 @@
    filter: none;
    -ms-filter: none;
 }
+/*-------------------------------------*/
+.sectionLimitAccess {
+	border:1px solid #cccccc;
+	-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;
+}
+.sectionLimitAccess h1
+{
+    font-size:19px;
+	font-weight:bold;
+	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;
+}
+.sectionLimitAccess p{
+}
+.sectionLimitAccess p.message{
+	font-size:13px;
+	font-weight:bold;
+	color:#333;
+}
+.sectionLimitAccess p.message .error
+{
+    color:#f00;
+    font-weight:normal;
+}
+.sectionLimitAccess p.message .text
+{
+    font-size:15px;
+    margin-bottom:15px;
+}
+.sectionLimitAccess p.message input
+{
+    background-color:#fff;
+}
+.sectionLimitAccess .deletebtn {
+}
+.sectionLimitAccess .deletebtn a 
+{
+    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}
+.sectionLimitAccess .deletebtn a:hover {
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectionLimitAccess .deletebtn a:active {
+}
+.sectionLimitAccess .deletebtn a:not(:target) {
+}
--- a/abvw/css/layout/list.css
+++ b/abvw/css/layout/list.css
@@ -172,3 +172,213 @@ a:hover.btn_bott{
    vertical-align: middle;
    margin-right: 5px;
 }
+/*------------------------------------------*/
+.list a:link{
+    text-decoration: none;
+    background-image: url(../../img/bookshelf/list_off.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 0px 3px 3px 0px;
+}
+.list a:hover{
+    text-decoration: none;
+    background-color:#D6E5E5;
+    background-image: url(../../img/bookshelf/list_on.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 0px 3px 3px 0px;
+}
+.list_select{
+    text-decoration: none;
+    background-color:#D6E5E5;
+    background-image: url(../../img/bookshelf/list_on.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 0px 3px 3px 0px;
+}
+#list .wrapper_ws #main-ws .hoge-R section.sectionhomelist .name img {
+}
+/* section */
+section.sectionhomelist{
+    border-top: 1px dashed #cccccc;
+}
+.cnt_section_list{
+}
+section.sectionhomelist .cnt_section_list:hover{
+	background-color:#EDEDED;
+}
+.cnt_section_list a.img{
+}
+.cnt_section_list a.img:hover{
+}
+.cnt_section_list a.img canvas{
+}
+.cnt_section_list .text{
+}
+.cnt_section_list .text a.name{
+    color: #37648C;
+    font-size: 16px;
+}
+.cnt_section_list .text a.name:hover{ text-decoration:none;}
+.cnt_section_list .text ul.date{
+}
+.cnt_section_list .text ul.date li{
+    color: #333333;
+    font-size: 12px;
+}
+/*---*/
+.cnt_section_list .text .info{
+}
+.cnt_section_list .text ul.pic{
+}
+.cnt_section_list .text ul.pic li{
+}
+.cnt_section_list .text ul.pic li img {
+}
+.cnt_section_list .text ul.pic li img.sticker {
+}
+.cnt_section_list .text ul.pic li img.pen {
+}
+.cnt_section_list .text ul.pic li a.read {
+    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #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: #23486F;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    border: 1px solid #0C274D;
+    color: #ffffff;
+    font-family: arial;
+    font-size: 15px;
+    font-weight: bold;
+    text-decoration: none;
+    /* [disabled]text-shadow:1px 1px 0px #a2d613; */
+}
+.cnt_section_list .text ul.pic li a.read:hover {
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.cnt_section_list .text ul.pic li a.read:active {
+}
+.cnt_section_list .text ul.pic li a.read:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../../img/list/button_back_off.svg);
+}
+.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../../img/list/button_back_on.svg);
+}
+.cnt_section_list .text ul.pic li a.read_hover {
+    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #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: #23486F;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    border: 1px solid #0C274D;
+    color: #ffffff;
+    font-family: arial;
+    font-size: 15px;
+    font-weight: bold;
+    text-decoration: none;
+}
+.cnt_section_list .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;*/
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}.cnt_section_list .text ul.pic li a.read_hover:active {
+}
+.btn_bott{
+    font-size: 14px;
+    color: #fff;
+    text-align: center;
+    text-decoration: none;
+    border: 1px solid #0C284E;
+    border-radius: 4px;
+    /*outline:1px solid #0C284E;*/
+    background: #37648C; /* Old browsers */
+    background: -moz-linear-gradient(top,  #37648C 0%, #22466D 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37648C), color-stop(100%,#22466D)); /* Chrome,Safari4+ */
+    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    box-shadow: inset 0px 1px 0px 0px #86ACC7;
+    background: -webkit-linear-gradient(top,  #37648C 0%,#22466D 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #37648C 0%,#22466D 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #37648C 0%,#22466D 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #37648C 0%,#22466D 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37648C', endColorstr='#22466D',GradientType=0 ); /* IE6-9 */
+}
+a:hover.btn_bott{
+    background: #22466D; /* Old browsers */
+    background: -moz-linear-gradient(top,  #22466D 0%, rgb(16,89,163) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22466D), color-stop(100%,#37648C)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  #22466D 0%,#37648C 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #22466D 0%,#37648C 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #22466D 0%,#37648C 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #22466D 0%,#37648C) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22466D', endColorstr='#37648C',GradientType=0 ); /* IE6-9 */
+}
+#list .wrapper_ws #main-ws .hoge-R .tops .floatR {
+}
+#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_horizontal {
+}
+#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_vertical {
+}
+#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .text .info .pic li .read {
+}
+#list .wrapper_ws #main-ws article section .cnt_section_list .text .name .listIcon {
+}
--- a/abvw/css/layout/list_shiori.css
+++ b/abvw/css/layout/list_shiori.css
@@ -262,3 +262,233 @@ section#bottom {
    margin-top: 20px;
    clear: both;
 }
+/* Latest Update
+   2012.11.5 write           */
+/* author
+   koyuki watanabe               */
+/* article */
+a
+{
+}
+.articleMain{
+	border: 1px solid #ccc;
+}
+.tops{
+	/*
+	margin-bottom:16px;
+	*/
+	font-size:12px;
+}
+.button{ }
+#ws-body .delete {
+    -moz-box-shadow: inset 0px 1px 0px 0px #C66;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #C66;
+    box-shadow: inset 0px 1px 0px 0px #C66;
+    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F33), color-stop(1, #CC0000) );
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F33', endColorstr='#CC0000');
+    background-color: #CC0000;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    border: 1px solid #990000;
+    color: #ffffff;
+    font-family: arial;
+    font-size: 15px;
+    font-weight: bold;
+    text-decoration: none;
+    background-position: center top;
+}
+#ws-body .delete:hover {
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #F33) );
+    background:-moz-linear-gradient( center top, #CC0000 5%, #F33 100% );
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#F33');
+    background-color:#F33;
+}
+#ws-body .delete:active {
+}
+#ws-body a.delete:not(:target) {
+    filter: none;
+    -ms-filter: none;
+   /* background-image: url(button_back_off.svg);*/
+}
+#ws-body a.delete:hover:not(:target) {
+    filter: none;
+    -ms-filter: none;
+   /* background-image: url(button_back_on.svg);*/
+}
+#ws-body .delete_hover {
+    -moz-box-shadow: inset 0px 1px 0px 0px #C66;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #C66;
+    box-shadow: inset 0px 1px 0px 0px #C66;
+    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #F33) );
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#F33');
+    background-color: #F33;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    border: 1px solid #990000;
+    color: #ffffff;
+    font-family: arial;
+    font-size: 15px;
+    font-weight: bold;
+    text-decoration: none;
+    /* [disabled]text-shadow:1px 1px 0px #686666; */
+    line-height: 20px;
+    background-position: center top;
+}
+#ws-body .delete:hover:hover {
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #F33) );
+    background:-moz-linear-gradient( center top, #CC0000 5%, #F33 100% );
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#F33');
+    background-color:#F33;
+}
+#ws-body .delete:hover:active {
+}
+.tops ul{  }
+.tops ul li{ }
+.tops ul li a{
+	font-size:12px;
+	color:#333333;
+}
+.tops ul span{
+	font-size: 12px;
+	color: #333333;
+}
+.tops ul li a:hover{ }
+.tops ul li b{ font-weight:normal; font-size:12px; }
+.tops p{ color:#333333; font-size:12px; }
+/* section */
+.sectionBookmark{
+	border-top: 1px dashed #cccccc;
+}
+.cnt_section{
+}
+section.sectionBookmark .cnt_section:hover{
+	background-color: #EDEDED;
+}
+.cnt_section a.img
+{
+    cursor:default;
+}
+.cnt_section .check{
+}
+.cnt_section a.img img{
+}
+/*.cnt_section a.img img.book_icon{
+	position:absolute;
+	top:0px;
+	left:0px;
+	z-index:10;
+}*/
+.cnt_section .text{
+}
+.cnt_section .text a.name{
+	color: #37648C;
+	font-size: 16px;
+	cursor:default;
+	text-decoration:none;
+}
+.cnt_section .text label.name
+{
+    color: #2D83DA;
+}
+.cnt_section .text a.name img
+{
+}
+.cnt_section .text a.name:hover{ }
+.cnt_section .text ul.date{ }
+.cnt_section .text ul.date li{
+	color:#333333;
+	font-size:13px;
+}
+/*---*/
+.cnt_section .text .info{
+}
+.cnt_section .text ul.pic{
+}
+.cnt_section .text ul.pic li{
+}
+.cnt_section .text ul.pic li img {
+}
+.cnt_section .text ul.pic li a.read {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}.cnt_section .text ul.pic li a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}.cnt_section .text ul.pic li a.read:active {
+}
+.cnt_section .text ul.pic li a.read:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.cnt_section .text ul.pic li a.read:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.cnt_section .text ul.pic li a.read_hover {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}.cnt_section .text ul.pic li a.read_hover:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}.cnt_section .text ul.pic li a.read_hover:active {
+}
+.btn_bott{
+	background:url(../img/list/button_bottom.png) no-repeat;
+}
+section#bottom {
+	border-top: 1px dashed #cccccc;
+}
+#bookmark .wrapper_ws #main-ws article section .cnt_section .img .band_horizontal {
+}
+#bookmark .wrapper_ws #main-ws article section .cnt_section .img .band_vertical {
+}
+#bookmark .wrapper_ws #main-ws article section .cnt_section .text .info .pic li .read {
+}
+.shioriNotExist
+{
+    font-size: 16px;
+    color: #f00;
+}
--- a/abvw/css/layout/list_shirori_detail.css
+++ b/abvw/css/layout/list_shirori_detail.css
@@ -271,3 +271,202 @@
 	height:25px;
 	/*margin:30px 0 0 80px;*/
 }
+/*----------------------------------------*/
+#contentDetail{
+}
+.sectiondetail {
+	border: 1px solid #CCC;
+	-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:#fff;	
+}
+.closebtn {
+	background: url(../../img/login/close.png) 0 0 no-repeat;
+}
+.sectiondetail #book_data {
+	border-right: 2px solid #CCC;
+	background-color: #f7f7f7;
+}
+.sectiondetail #book_data .book_img {
+}
+.sectiondetail #book_data .book_img img{
+}
+.sectiondetail #book_data .book_img img.book_icon {
+}
+.sectiondetail #book_data ul {
+	font-size:13px;
+}
+.sectiondetail #book_data ul li {
+}
+.sectiondetail #book_data ul .title {
+	font-size:18px;
+	line-height:1.3em;
+}
+.sectiondetail #book_data ul .date {
+	font-size:12px;
+}
+.sectiondetail #book_data ul .explain {
+	font-size:13px;
+}
+.sectiondetail #book_data .read_btn a.read {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}
+.sectiondetail #book_data .read_btn a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectiondetail #book_data .read_btn a.read:active {
+}
+.sectiondetail #book_data .read_btn a.read:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.sectiondetail #book_data .read_btn a.read:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.sectiondetail #book_list {
+}
+.sectiondetail #book_list ul {
+	font-size: 13px;
+}
+.sectiondetail #book_list ul li {
+}
+.sectiondetail #book_list ul .list_img {
+}
+.sectiondetail #book_list ul .list_img img {
+	box-shadow: 0px 1px 3px 0px #666;
+}
+.sectiondetail #book_list ul .list_title{
+	font-size: 12px;
+	line-height:150%;
+}
+.sectiondetail #book_list ul .list_title a {
+	color: #37648C;
+	text-decoration:none;
+	cursor:default;
+}
+.sectiondetail #book_list ul .page,.sectiondetail #book_list ul .text{ }
+.sectiondetail #book_list ul+ul { border-top:1px dotted #CCC;}
+.sectiondetail #book_data .read_btn {
+	/*margin:30px 0 0 80px;*/
+}
+/* section for detail no pdf */
+.sectiondetailnopdf{
+	border: 1px solid #CCC;
+	-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: #f7f7f7;
+}
+.sectiondetailnopdf #book_data {
+	background-color: #f7f7f7;
+}
+.sectiondetailnopdf #book_data .book_img {
+}
+.sectiondetailnopdf #book_data .book_img img{
+}
+.sectiondetailnopdf #book_data .book_img img.book_icon {
+}
+.sectiondetailnopdf #book_data ul {
+	font-size: 13px;
+}
+.sectiondetailnopdf #book_data ul li {
+}
+.sectiondetailnopdf #book_data ul .title {
+	font-size: 18px;
+}
+.sectiondetailnopdf #book_data ul .date {
+	font-size: 12px;
+}
+.sectiondetailnopdf #book_data ul .explain {
+	font-size: 13px;
+}
+.sectiondetailnopdf #book_data .read_btn a.read {
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	font-size: 15px;
+	font-weight: bold;
+}
+.sectiondetailnopdf #book_data .read_btn a.read:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectiondetailnopdf #book_data .read_btn a.read:active {
+}
+.sectiondetailnopdf #book_data .read_btn a.read:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.sectiondetailnopdf #book_data .read_btn a.read:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.sectiondetailnopdf #book_list {
+}
+.sectiondetailnopdf #book_list ul {
+	font-size: 13px;
+}
+.sectiondetailnopdf #book_list ul li {
+}
+.sectiondetailnopdf #book_list ul .list_img {
+}
+.sectiondetailnopdf #book_list ul .list_img img {
+	box-shadow: 0px 1px 3px 0px #666;
+}
+.sectiondetailnopdf #book_list ul .list_title{
+	font-size: 16px;
+}
+.sectiondetailnopdf #book_list ul .list_title a {
+	color: #37648C;
+}
+.sectiondetailnopdf #book_list ul .page,.sectiondetailnopdf #book_list ul .text{ }
+.sectiondetailnopdf #book_list ul+ul { border-top:1px dotted #CCC; }
+.sectiondetailnopdf #book_data .read_btn {	
+	/*margin:30px 0 0 80px;*/
+}
--- a/abvw/css/layout/login.css
+++ b/abvw/css/layout/login.css
@@ -298,3 +298,243 @@ footer{
 {
    margin-top:220px;
 }
+/*-------------------------------------*/
+/* Latest Update
+   2012.10.31 write           */
+/* author
+   keiki ettyuu               */
+/* ---------- MENU ---------- */
+/*
+	1. gloval setting
+	2. wrapper setting
+	3. header setting
+	4. footer setting
+	5. section setting
+	999. clearfix
+                              */
+/* ---------- MENU ---------- */
+/*----------------------------*/
+/*	1. gloval setting         */
+/*----------------------------*/
+html,body{	
+}
+body{
+background:#37648C;
+}
+/*----------------------------*/
+/*	2. wrapper setting        */
+/*----------------------------*/
+#wrapper {
+}
+/*----------------------------*/
+/*	3. header setting         */
+/*----------------------------*/
+/*----------------------------*/
+/*	4. footer setting         */
+/*----------------------------*/
+/*----------------------------*/
+/*	5. section setting        */
+/*----------------------------*/
+.wrapper {
+}
+#main-ws{	
+}
+a
+{
+    cursor:pointer;
+}
+article{
+}
+section{
+	border: 1px solid #cccccc;
+	-webkit-box-shadow: 0px 1px 2px 0px #666;
+	-moz-box-shadow: 0px 1px 2px 0px #666;
+	box-shadow: 0px 1px 2px 0px #666;
+	background-color: #FFF;
+}
+section dl,section dl dt,section dl dd{
+}
+section dl{
+}
+section dl dt{
+	color: #37648C;
+    font-size: 13px;	
+	font-weight: bolder;
+}
+section dl dd{
+	background: url(../../img/login/loginbg.png) 0 0 no-repeat;
+	/* [disabled]padding:6px; */
+}
+section dl dd input{
+	/*background:#00CC66;*/
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+}
+section .p{
+}
+section .memory{
+	color: #37648C;
+    font-size: 12px;
+}
+section .memory input{
+}
+section .loginbtn {
+}
+section a.loginbtn 
+{
+    font-size: 14px;
+	font-weight: bold;
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: #23486F; /* Old browsers */
+	background: -moz-linear-gradient(top,  #36638B 0%, #23486F 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #36638B 0%,#23486F 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #36638B 0%,#23486F 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
+	border: 1px solid #0C274D;
+	color: #ffffff;
+}
+section a.loginbtn:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+#login .wrapper #main-ws article section a.loginbtn:active {
+}
+section .loginbtn a:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+section .loginbtn a:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.alertTxt,.alertTxtDialog {
+	color: #e60012;
+    font-size: 13px;
+}
+/*----------------------------*/
+/*	999. clearfix             */
+/*----------------------------*/
+/*clearfix*/
+.fix {
+}
+.fix:after 
+{
+    font-size:1px;
+}
+.fix {
+}
+/*------------*/
+#login .wrapper {
+	background-color: #37648C;
+}
+#login footer {
+	background-color: #37648C;
+}
+#login footer .cnt_footer {
+	color: #FFF;
+}
+#login article section table tr th {
+	color: #37648C;
+		font-size: 14px;
+	font-weight: bolder;
+}
+#login .wrapper #main-ws article section table tr td input {
+}
+#login article section table tr th,#login article section table tr td {
+}
+#login .wrapper #main-ws article section table {
+	border-bottom:dotted 1px #BBBBBB;
+}
+#login footer .border .cnt_footer {
+	background: url(../../img/login/login_border.jpg) top repeat-x;
+	opacity:0;
+}
+#login .wrapper #main-ws article img {
+}
+#loader {
+}
+#fade {
+    background-color: #000;
+	opacity: 0.3;	
+}
+#login .wrapper #main-ws article ul {
+}
+#login .wrapper #main-ws article li {
+}
+/* footer */
+footer{
+	background-color: #EDF2F2;
+}
+.cnt_footer
+{    
+	color: #000;	
+	border-top: solid 1px #CCC;
+}
+.focus{ color: #969696;}
+#user_change footer .border .cnt_footer img { }
+#login .wrapper #main-ws article section .error {
+	font-size: 13px;
+	color: #FF0000;
+	font-weight: bolder;
+}
+/* anonymous */
+#anonymous
+{
+}
+#normalUser
+{
+}
+#formlogin,#menu-language
+{
+    opacity: 0;
+}
+#logologin
+{
+}
--- a/abvw/css/layout/login_validation.css
+++ b/abvw/css/layout/login_validation.css
@@ -137,3 +137,113 @@ position:relative;
 	text-align:center;
 	padding-right:10px;
 }
+/* Latest Update
+   2012.10.31 write           */
+/* author
+   keiki ettyuu               */
+/* ---------- MENU ---------- */
+/*
+	5. .sectionchangepassword setting
+                              */
+/* ---------- MENU ---------- */
+/*
+html,body {
+	margin:0;
+	padding:0;
+}*/
+/*----------------------------*/
+/*	1. .sectionchangepassword setting        */
+/*----------------------------*/
+.sectionchangepassword
+{
+	border:1px solid #86ACC7;
+	-webkit-box-shadow: 0px 1px 3px 0px #666;
+	-moz-box-shadow: 0px 1px 3px 0px #666;
+	box-shadow: 0px 1px 3px 0px #666;
+    background-color:#fff;
+}
+.sectionchangepassword h1
+{
+    font-size:19px;
+	font-weight:bold;
+	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;
+}
+.sectionchangepassword dl,.sectionchangepassword dl dt,.sectionchangepassword dl dd{
+}
+.sectionchangepassword dl{
+}
+.sectionchangepassword dl dt
+{
+    	font-size:13px;
+}
+.sectionchangepassword dl dd{
+	background:url(../../img/login/loginbg.png) 0 0 no-repeat;
+}
+.sectionchangepassword dl dd input{
+	/*background:#00CC66;*/
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+}
+.sectionchangepassword p{
+}
+.sectionchangepassword .loginbtn {
+}
+.sectionchangepassword .loginbtn a.change {
+}
+.sectionchangepassword .loginbtn a.skip {
+}
+.sectionchangepassword .loginbtn a.cancel {
+}
+.sectionchangepassword .loginbtn a {
+	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+	border:1px solid #0C274D;
+	color:#ffffff;
+	font-family:arial;
+    font-size:14px;
+	font-weight:bold;
+}
+.sectionchangepassword .loginbtn a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectionchangepassword .loginbtn a:active {
+}
+.sectionchangepassword .loginbtn a:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.sectionchangepassword .loginbtn a:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.alertTxt,.alertTxtDialog 
+{
+    font-size:13px;
+	color:#e60012;
+}
--- a/abvw/css/layout/restore.css
+++ b/abvw/css/layout/restore.css
@@ -100,3 +100,104 @@
    filter: none;
    -ms-filter: none;
 }
+/*----------------------------------------*/
+/* Latest Update
+   2012.11.5 write           */
+/* author
+   koyuki watanabe               */
+/* ---------- MENU ---------- */
+/*
+	5. .sectionrestore setting
+                              */
+/* ---------- MENU ---------- */
+/*----------------------------*/
+/*	1. .sectionrestore setting        */
+/*----------------------------*/
+.sectionrestore{
+	border:1px solid #cccccc;
+	-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:#fff;
+}
+.sectionrestore h1
+{
+    font-size:19px;
+    font-weight:bold;
+	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;
+}
+.sectionrestore p{
+}
+.sectionrestore p.message
+{
+    font-size:15px;
+	font-weight:bold;
+	color:#333;
+}
+.sectionrestore p.notice{
+	color:#333;
+}
+.sectionrestore .restorebtn {
+}
+.sectionrestore .restorebtn a.disabled
+{
+    cursor:default;
+    color:#9e9e9e;
+    pointer-events: none;
+}
+.sectionrestore .restorebtn a.disabled:hover
+{
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+}
+.sectionrestore .restorebtn a.ok {
+}
+.sectionrestore .restorebtn a.cancel {
+}
+.sectionrestore .restorebtn a {
+	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+	border:1px solid #0C274D;
+	color:#ffffff;
+	font-family:arial;
+}
+.sectionrestore .restorebtn a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectionrestore .restorebtn a:active {
+}
+.sectionrestore .restorebtn a:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.sectionrestore .restorebtn a:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
--- a/abvw/css/layout/setting.css
+++ b/abvw/css/layout/setting.css
@@ -390,3 +390,330 @@ div#user_option ul li input.chkbx {
    display:inline-block;
    padding:0 5px;
 }
+/*---------------------------------*/
+/* Latest Update
+   2012.10.31 write           */
+/* author
+   keiki ettyuu               */
+/* ---------- MENU ---------- */
+/*
+	1. gloval setting
+	2. wrapper setting
+	3. header setting
+	4. footer setting
+	5. .section setting
+	999. clearfix
+                              */
+/* ---------- MENU ---------- */
+/*----------------------------*/
+/*	1. gloval setting         */
+/*----------------------------*/
+html,body{	
+}
+body{
+}
+/*----------------------------*/
+/*	2. wrapper setting        */
+/*----------------------------*/
+#wrapper {
+}
+/*----------------------------*/
+/*	3. header setting         */
+/*----------------------------*/
+/*----------------------------*/
+/*	4. footer setting         */
+/*----------------------------*/
+/*----------------------------*/
+/*	5. .section setting        */
+/*----------------------------*/
+#main-ws{
+	background-color: #EDF2F2;
+}
+#main-ws article{
+}
+.sectionSetting{
+}
+.sectionSetting div#user_info{
+}
+.sectionSetting div#user_info h2
+{
+    font-size: 24px;
+	font-weight: bold;
+	color: #37648C;
+	border-bottom: 3px solid #37648C;
+}
+.sectionSetting div#user_info dl{
+	border-top: 1px dotted #BBBBBB;
+    font-size: 16px;
+}
+.sectionSetting div#user_info dl dt, .sectionSetting div#user_info dl dd{
+	border-bottom: 1px dotted #BBBBBB;
+}
+.sectionSetting div#user_info dl dt{
+	background-color: #DCE6E6;
+	color: #37648C;
+	font-weight: bolder;
+}
+.sectionSetting div#user_info dl dd{
+}
+.sectionSetting div#user_info .passchgbtn {
+}
+.sectionSetting div#user_info .passchgbtn a 
+{
+    font-size: 14px;
+	font-weight: bold;
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	/* [disabled]background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); */
+	background: -moz-linear-gradient( center top,#36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
+	background-color: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	/* [disabled]text-shadow: 1px 1px 0px #96AABE; */
+}
+.sectionSetting div#user_info .passchgbtn 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: #23486F;
+}
+.sectionSetting div#user_info .passchgbtn a:active {
+}
+.sectionSetting div#user_info .passchgbtn a:not(:target) {
+	background-image: url(button_back_off.svg);
+	background-repeat: repeat-x;
+}
+.sectionSetting div#user_info .passchgbtn a:hover:not(:target) {	
+	background-image: url(button_back_on.svg);
+	background-position: bottom;
+}
+div#user_option{
+	background-color: #FFF;
+}
+div#user_option h3{
+	color: #37648C;
+	background-color: #EDF2F2;
+    font-size: 18px;
+	font-weight: bold;
+}
+div#user_option ul 
+{
+    font-size:13px;
+}
+div#user_option ul li .choice {
+}
+div#user_option ul li .notice 
+{
+    font-size:11px;
+}
+div#user_option ul li input {
+}
+div#user_option ul li input.chkbx {
+}
+.sectionSetting div#user_option .backupbtn .backup{
+}
+.sectionSetting div#user_option .logout_backup
+{
+    font-size:13px;
+}
+.sectionSetting div#user_option input {
+}
+.sectionSetting div#user_option .backupbtn {
+}
+.sectionSetting div#user_option .backupbtn a 
+{
+    font-size: 14px;
+	font-weight: bold;
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -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: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
+}
+.sectionSetting div#user_option .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: #23486F;
+}
+.sectionSetting div#user_option .backupbtn a:active {
+}
+.sectionSetting div#user_option .backupbtn a:not(:target) {
+	background-image: url(button_back_off.svg);
+	background-repeat: repeat-x;
+}
+.sectionSetting div#user_option .backupbtn a:hover:not(:target) {
+	background-image: url(button_back_on.svg);
+	background-position: bottom;
+	background-repeat: repeat-x;
+}
+.sectionSetting #user_option .savebtn{
+	border-top: 1px solid #CCC;
+}
+.sectionSetting #user_option .savebtn a 
+{
+    font-size: 14px;
+	font-weight: bold;
+	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	box-shadow: inset 0px 1px 0px 0px #86ACC7;
+	background: -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: #23486F;
+	border: 1px solid #0C274D;
+	color: #ffffff;
+	font-family: arial;
+	/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
+}
+.sectionSetting #user_option .savebtn 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: #23486F;
+}
+.sectionSetting #user_option .savebtn a:active {
+}
+.sectionSetting #user_option .savebtn a:not(:target) {
+	background-image: url(button_back_off.svg);
+	background-repeat: repeat-x;
+}
+.sectionSetting #user_option .savebtn a:hover:not(:target) {
+	background-image: url(button_back_on.svg);
+	background-repeat: repeat-x;
+	background-position: bottom;
+}
+.sectionSetting #user_option .savebtn .save{
+}
+.sectionSetting #user_option .savebtn .default{
+}
+.sectionSetting .memory
+{
+    	font-size:12px;
+}
+.sectionSetting .memory input{
+}
+.sectionSetting .loginbtn {
+}
+.sectionSetting .loginbtn a 
+{
+    font-size:14px;
+	font-weight:bold;
+	-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;
+	border:1px solid #83bd07;
+	color:#ffffff;
+	font-family:arial;
+	text-shadow:1px 1px 0px #a2d613;
+}
+.sectionSetting .loginbtn 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;
+}
+.sectionSetting .loginbtn a:active {
+}
+/*----------------------------*/
+/*	999. clearfix             */
+/*----------------------------*/
+/*clearfix*/
+.fix {
+}
+.fix:after 
+{
+    	font-size:1px;
+}
+.fix {
+}
+/*------------*/
+	#user_change article .sectionSetting #user_option ul li {
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+/* No.4 */
+#cboAnimation
+{
+}
+.lblOptPageTransPeriod
+{
+}
+#txtValueAnimation
+{
+    border:solid 1px #222;
+}
+#slidebar-animation
+{
+}
+#slidebar-container
+{
+}
--- a/abvw/css/layout/share.css
+++ b/abvw/css/layout/share.css
@@ -158,3 +158,147 @@
    -ms-filter: none;
 }
+/*--------------------------------------*/
+/* 
+    Latest Update
+    2014.10.10 write
+    author
+    abe
+ ---------- MENU ---------- 
+    X. .sectionContentShare setting
+ ---------- MENU ---------- 
+*/
+.sectionContentShare{
+	border:1px solid #cccccc;
+	-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:#fff;
+}
+.sectionContentShare h1
+{
+    font-size:19px;
+    font-weight:bold;
+	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;
+	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
+}
+.sectionContentShare .sectionContentShare_input
+{
+    font-size:13px;
+}
+.sectionContentShare .sectionContentShare_input input
+{
+}
+.sectionContentShare .sectionContentShare_result
+{
+    font-size:13px;
+}
+.sectionContentShare p{
+}
+.sectionContentShare p.notice
+{
+    font-size:13px;
+}
+.sectionContentShare p.message
+{
+    font-size:13px;
+	/*font-weight:bold;*/
+	color:#ff0000;
+}
+.sectionContentShare .message
+{
+    font-size:13px;
+	/*font-weight:bold;*/
+	color:#ff0000;
+}
+.sectionContentShare .sharebtn {
+}
+.sectionContentShare .sharebtn a.ok {
+}
+.sectionContentShare .sharebtn a.disabled
+{
+    cursor:default;
+    color:#9e9e9e;
+    pointer-events: none;
+}
+.sectionContentShare .sharebtn a.disabled:hover
+{
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+}
+.sectionContentShare .sharebtn a.cancel {
+}
+.sectionContentShare .sharebtn a 
+{
+    font-size:14px;
+	font-weight:bold;
+	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	box-shadow:inset 0px 1px 0px 0px #86ACC7;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
+	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
+	background-color:#23486F;
+	border:1px solid #0C274D;
+	color:#ffffff;
+	font-family:arial;
+}
+.sectionContentShare .sharebtn a:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
+	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
+	background-color:#36638B;
+}
+.sectionContentShare .sharebtn a:active {
+}
+.sectionContentShare .sharebtn a:not(:target) {
+    background-image: url(button_back_off.svg);
+}
+.sectionContentShare .sharebtn a:hover:not(:target) {
+    background-image: url(button_back_on.svg);
+}
+.sectionContentShare .shareLinkbtn {
+}
+.sectionContentShare .shareLinkbtn a.disabled
+{
+}
+.sectionContentShare .shareLinkbtn a.disabled:hover
+{
+}
+.sectionContentShare .shareLinkbtn a 
+{
+}
+.sectionContentShare .shareLinkbtn a:hover {
+}
+.sectionContentShare .shareLinkbtn a:active {
+}
+.sectionContentShare .shareLinkbtn a:not(:target) {
+}
+.sectionContentShare .shareLinkbtn a:hover:not(:target) {
+}
--- a/abvw/css/layout/tab.css
+++ b/abvw/css/layout/tab.css
@@ -61,3 +61,70 @@
 .tabUnit .tabUnitList ul li a:hover{ }
 .sankaku_left{ margin-left:54px; }
 .sankaku_right{ margin-left:179px; }
+/*-----------------------------------------*/
+.tabUnit{
+    background-color: #37648C;
+    border-radius: 3px;
+    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2) inset;
+}
+.tabUnitList{
+}
+.tab_bg_color{
+    background-color: #D7E0E8;
+    border-radius:2px;
+    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
+}
+.tabUnit ul.switchingTab{
+}
+.tabUnit ul.switchingTab li{
+}
+.tabUnit ul.switchingTab a{
+    color: #333333;
+    text-decoration: none;
+    font-size: 12px;
+}
+.tabUnit ul.switchingTab li.colleft a:link {
+    background: url(../../img/bookshelf/icon_genre_off.png) no-repeat center center;
+    }
+.tabUnit ul.switchingTab li.colright a:link{
+    background: url(../../img/bookshelf/icon_group_off.png) no-repeat center center;
+    }
+.tabUnit ul.switchingTab li.colleft a:hover {
+    background-image: url(../../img/bookshelf/icon_genre_on.png);
+    background-repeat: no-repeat;
+    }
+.tabUnit ul.switchingTab li.colright a:hover{
+    background-image: url(../../img/bookshelf/icon_group_on.png);
+    background-repeat: no-repeat;
+    }
+.tabUnit ul.switchingTab li.colright a.current:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../../img/bookshelf/icon_group_on.png);
+}
+.tabUnit ul.switchingTab li.colleft a.current:not(:target) {
+    filter: none;
+    -ms-filter: none;
+    background-image: url(../../img/bookshelf/icon_genre_on.png);
+}
+.tabUnit .tabUnitList ul{
+}
+.tabUnit .tabUnitList ul li a{
+    color: #333333;
+    font-size: 12px;
+    text-decoration: none;
+}
+.tabUnit .tabUnitList ul li a:hover{ text-decoration:underline;}
+.sankaku_left{ }
+.sankaku_right{  }
--- a/abvw/css/layout/viewer.css
+++ b/abvw/css/layout/viewer.css
--- a/abvw/history.html
+++ b/abvw/history.html
@@ -18,37 +18,24 @@
    <link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/common.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/common.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/header.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/header.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/footer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/footer.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/history.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/history.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/backup.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/backup.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/restore.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/restore.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/login_validation.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/login_validation.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/accordion.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/list_shirori_detail.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/share.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/share.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.css?__UPDATEID__" id="theme_base" />
    <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.date.css?__UPDATEID__" id="theme_date" />
    <!-- CSSビュー -->
    <!-- link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" / -->
    <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/viewer.css?__UPDATEID__" /> 
    <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/Anket.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/delete_shiori.css?__UPDATEID__" />
    <script type="text/javascript" src="./common/js/jquery-1.8.1.min.js?__UPDATEID__"></script>

--- a/abvw/home.html
+++ b/abvw/home.html
@@ -19,39 +19,25 @@
    <link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/common.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/common.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/header.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/header.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/footer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/footer.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/tab.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/tab.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/home.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/home.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/bookshelf.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/bookshelf.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/list.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/list.css?__UPDATEID__" />   
    <link rel="stylesheet" type="text/css" href="css/layout/backup.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/backup.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/list_shirori_detail.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/accordion.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/share.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/share.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.css?__UPDATEID__" id="theme_base" />
    <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.date.css?__UPDATEID__" id="theme_date" />
    <!-- CSSビュー -->
    <!-- link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" / -->
    <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/viewer.css?__UPDATEID__" /> 
    <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/Anket.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/delete_shiori.css?__UPDATEID__" />
    <script type="text/javascript" src="./common/js/jquery-1.8.1.min.js?__UPDATEID__"></script>

--- a/abvw/settings.html
+++ b/abvw/settings.html
@@ -14,21 +14,13 @@
    <link rel="stylesheet" type="text/css" href="./common/css/default.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./common/css/screenLock.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/common.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/common.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/header.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/header.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/footer.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/footer.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/setting.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/setting.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/backup.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/backup.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/restore.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/restore.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/login_validation.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/login_validation.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/accordion.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?__UPDATEID__"  />
    <script type="text/javascript" src="./common/js/jquery-1.8.1.min.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/thickbox.js?__UPDATEID__"></script>

--- a/login.html
+++ b/login.html
@@ -12,15 +12,11 @@
    <title></title>
    <link rel="stylesheet" type="text/css" href="./abvw/css/layout/common.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="./abvw/css/theme/common.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./abvw/common/css/jquery-ui.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./abvw/common/css/jquery.toastmessage.css?__UPDATEID__" /> 
    <link rel="stylesheet" type="text/css" href="./abvw/css/layout/login.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="./abvw/css/theme/login.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./abvw/css/layout/login_validation.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="./abvw/css/theme/login_validation.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./abvw/css/layout/limit_access.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="./abvw/css/theme/limit_access.css?__UPDATEID__" />
    <script type="text/javascript" src="./abvw/common/js/jquery-1.8.1.min.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./abvw/common/js/thickbox.js?__UPDATEID__"></script>