diff --git a/index.html b/index.html
index fa63e04..9dfee90 100644
--- a/index.html
+++ b/index.html
@@ -22,13 +22,14 @@
                 <label for="input_01">DATE:</label>
                 <input
                 id="input_01"
-                class="datepicker invalid"
+                class="datepicker"
                 name="date"
                 type="text"
                 placeholder="---- -- --"
                 required
                 pattern="[0-9]{4}/[0-9]{2}/[0-9]{2}.*"
-                onchange="timechanged()">
+                onchange="timechanged()"> &emsp;
+                <span class="reload blue" onclick="timechanged();">RELOAD</span>
             </fieldset>
         </form>
 
@@ -39,13 +40,9 @@
                 id="input_from" 
                 type="time"
                 name="from" placeholder="--:--"
-                class="invalid"
                 required
                 pattern="[0-9]{4}:[0-9]{2}.*"
                 onchange="timechanged()">
-
-                <!-- valuee="2:30 AM"
-                    data-value="0:00" -->
                 <label for="input_to">To:</label>
                 <input
                 id="input_to"
@@ -70,15 +67,21 @@
             </fieldset>
         </form>
         <form>
-            <fieldset class="invalid" id="roomcheck">
+            <fieldset id="roomcheck">
                 <input type="checkbox" id="GRL" onchange="filter()"/>
                 <label for="GRL" class="checkbox">GRL</label>
                 <input type="checkbox" id="ML1" onchange="filter()"/>
                 <label for="ML1" class="checkbox">ML1</label>
                 <input type="checkbox" id="ML2" onchange="filter()"/>
                 <label for="ML2" class="checkbox">ML2</label>
-                <input type="checkbox" id="HSJ" onchange="filter()"/>
+                <input type="checkbox" id="HSJ" onchange="HSJ_sub(); filter()"/>
                 <label for="HSJ" class="checkbox">HSI</label>
+                <div class="box">
+                    <input type="checkbox" class="mini" id="HSJ-A" onchange="HSJ_mini_sub(); filter()"/>
+                    <label for="HSJ-A" class="checkbox mini">HSI-A</label>
+                    <input type="checkbox" class="mini" id="HSJ-B" onchange="HSJ_mini_sub(); filter()"/>
+                    <label for="HSJ-B" class="checkbox mini">HSI-B</label>
+                </div>
             </fieldset>
         </form>
         <form>
@@ -150,18 +153,22 @@
         <h4>©️2018</h4>
     </footer>
 
-    <script src="./lib/jquery.1.9.1.js"></script>
+    <script src="./lib/jquery-3.3.1.min.js"></script>
     <script src="./lib/picker.js"></script>
     <script src="./lib/picker.date.js"></script>
-    <script src="./lib/legacy.js"></script>
+    <script src="./lib/kegacy.js"></script>
     <script src="./lib/translations/ja_JP.js"></script>
 
     <script type="text/javascript">
+window.onload = function () {
+        timechanged();
+        };
+
 var direction = 1;
 var db = null;
 var $input = $( '.datepicker' ).pickadate({
-format: "yyyy/mm/dd (ddd)",
-formatSubmit: 'yyyy/mm/dd',
+format: "yyyy/mm/dd",
+formatSubmit: 'yyyy/mm/dd(ddd)',
 // min: [2015, 7, 14],
 container: '#container',
 //editable: true,
@@ -171,7 +178,6 @@
 });
 
 //var datepicker = $input.pickadate('picker');
-
 function changed() {
     var sel = $("#sel").val();
     var from = $("#input_from")[0];
@@ -269,11 +275,11 @@
 }
 function filter() {
     var checkbox = {};
-    ["GRL", "ML1", "ML2", "HSJ", "uniq"].forEach(
+    ["GRL", "ML1", "ML2", "HSJ-A", "HSJ-B", "uniq"].forEach(
             function (s) {checkbox[s]=$("#"+s)[0].checked; });
 
     var flag = false;
-    ["GRL", "ML1", "ML2", "HSJ"].forEach(
+    ["GRL", "ML1", "ML2", "HSJ-A", "HSJ-B"].forEach(
             function (s) {flag |= checkbox[s]; });
     if (flag) {
         $("#roomcheck").removeClass("invalid");
@@ -293,8 +299,22 @@
                 accept = true;
             } else if (host.startsWith("ML2") && checkbox["ML2"]) {
                 accept = true;
-            } else if (host.startsWith("HSJ") && checkbox["HSJ"]) {
-                accept = true;
+            } else if (host.startsWith("HSJ")) {
+                var no = host.substr(4);
+                var candidate = ["01","02","03","04","05","06", 
+                                 "11","12","13","14","15","16", 
+                                 "21","22","23","24","25","26", 
+                                 "31","32","33","34","35","36", 
+                                 "41","42","43","44",
+                                 "51","52","53","54",
+                                 "K01","K03","61"];
+                var in_a = (candidate.indexOf(no)>= 0);
+                if (checkbox["HSJ-A"] && in_a) {
+                  accept = true;
+                }
+                if (checkbox["HSJ-B"] && !in_a) {
+                  accept = true;
+                }
             }
             if (accept) {
                 if(!checkbox["uniq"] || prev != s[4]) {
@@ -306,12 +326,26 @@
         table.appendTo("#output");
     });
 }
+function HSJ_sub() {
+    var checked = $("#HSJ")[0].checked;
+    $("#HSJ-A")[0].checked = checked;
+    $("#HSJ-B")[0].checked = checked;
+}
+function HSJ_mini_sub() {
+    var checked_a = $("#HSJ-A")[0].checked;
+    var checked_b = $("#HSJ-B")[0].checked;
+    if (checked_a || checked_b){
+        $("#HSJ")[0].checked = true;
+    } else {
+        $("#HSJ")[0].checked = false;
+    }
+}
 function getexcel() {
     var date = "date="+$("#input_01").val().substr(0,10);
     var from = "from="+$("#input_from").val();
     var to   = "to="+$("#input_to").val();
     var query = [date, from, to];
-    ["GRL", "ML1", "ML2", "HSJ", "uniq"].forEach(
+    ["GRL", "ML1", "ML2", "HSJ-A", "HSJ-B", "uniq"].forEach(
             function (s) {if($("#"+s).prop("checked")) {query.unshift(s+"=true");}});
     query = query.join('&');
     window.location.href = "/~tkuro/cgi-bin/attend/call.cgi?"+query+"&excel=true";