diff --git a/index.html b/index.html
index 1ed7e35..fa63e04 100644
--- a/index.html
+++ b/index.html
@@ -190,30 +190,43 @@
 function timechanged() {
     sortkey_prev = null;
     var date = $("#input_01").val();
-    var from = $("#input_from").val();
-    var to = $("#input_to").val();
+    var from = $("#input_from").val().substr(0,5);
+    var to = $("#input_to").val().substr(0,5);
+    var date_valid, from_valid, to_valid;
+
     if (date.match(/[0-9]{4}\/[0-9]{2}\/[0-9]{2}/)) {
         $("#input_01").removeClass("invalid");
+        date_valid = true;
     } else {
         $("#input_01").addClass("invalid");
+        date_valid = false;
     }
 
     if (from.match(/[0-9]{2}:[0-9]{2}.*/)) {
         $("#input_from").removeClass("invalid");
+        from_valid = true;
     } else {
         $("#input_from").addClass("invalid");
-        $("#sel").addClass("sel_indicate");
+        from_valid = false;
     }
 
     if (  to.match(/[0-9]{2}:[0-9]{2}.*/)) {
         $("#input_to").removeClass("invalid");
-        $("#sel").removeClass("sel_indicate");
+        to_valid = true;
     } else {
         $("#input_to").addClass("invalid");
-        $("#sel").addClass("sel_indicate");
+        to_valid = false;
     }
 
-    if (date && from && to) {
+    if (!from_valid || !to_valid) {
+        var sel = $("#sel");
+        sel.addClass("sel_indicate");
+        sel.val(0);
+    } else {
+        $("#sel").removeClass("sel_indicate");
+    }
+
+    if (date_valid && from_valid && to_valid) {
         $(".waitboard").css("display", "block");
         $.post("../cgi-bin/attend/call.cgi", {date: date.substr(0,10), from: from,
                 to: to}, function(data) {
diff --git a/lib/themes/sitelocal.css b/lib/themes/sitelocal.css
index ac031b9..77575a2 100644
--- a/lib/themes/sitelocal.css
+++ b/lib/themes/sitelocal.css
@@ -102,27 +102,27 @@
     font-size: 15px;
 }
 
-input[type=text],input[type=time] {
-    text-shadow: 0px 1px 0px #a0ff40;
-}
+//input[type=text],input[type=time] {
+//    text-shadow: 0px 1px 0px #a0ff40;
+//}
 
 input:focus:invalid {
     background: #ffefea;
     border: 1px dashed green;
 }
 
-input:invalid {
-    background: #ffefea;
-}
+//input:invalid {
+//    background: #ffefea;
+//}
 
 .invalid {
     border: 1px solid #833;
-    box-shadow: 0px 0px 5px red inset;
+    box-shadow: 0px 0px 2px red inset;
 }
 
 .sel_indicate {
     border: 1px solid #833;
-    box-shadow: 0px 0px 5px blue;
+    box-shadow: 0px 0px 4px blue;
 }