@charset "UTF-8";

.ui-datepicker { z-index: 1000 !important; }
.handsontable th {
  background-color: #0099cc;
  color: #fff;
}

/* === Basic LAYOUT === */
html {
  overflow-y:scroll;
}
body {
  margin:0;
  padding:0;
  line-height:1.6;
  letter-spacing:1px;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size:13px;
  color:#333;
  background:#fff url("img/bg.gif") 0 85px repeat-x;
  border-top:3px solid #134D99;
}
br {
  letter-spacing:normal;
}
a {
  color:#000;
  text-decoration:none;
  cursor:pointer;
}
a:hover {
  /*color:#999;*/
  color:blue;
  text-decoration:underline;
}
img {
  border:0;
  vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6 {
  margin:0;
}
p,form,input{margin: 0}
input ,select{
  vertical-align:middle;
}

/* === APP LAYOUT === */
#wrapper {
  width:950px;
  margin:0 auto;
  padding:0;
}
#header {
  position:relative;
  width:950px;
}
#logo {
  margin-top:10px;
  margin-left:40px;
}

/* === MENU LAYOUT === */
.cls_menu {
  float:left;
  width:950px;
  margin-top:12px;
  display:none;
}
.cls_menu ul {
  margin:0 0 1px 0;
  padding:0;
  list-style:none;
  cursor:pointer;
}
li.lft {
  overflow:hidden;
  float:left;
  margin:0;
  margin-left:-1px;
  padding:0;
  border:1px solid #CECBCE;
  border-bottom:none;
  background:#fff url("img/bg_menu.gif") -40px 0 repeat-x;
}
li.rgt {
  overflow:hidden;
  float:right;
  margin:0;
  margin-left:-1px;
  padding:0;
  border:1px solid #CECBCE;
  border-bottom:none;
  background:#fff url("img/bg_menu.gif") -40px 0 repeat-x;
}
li.lft div {
  display:block;
  width:129px;
  height:20px;
  padding:10px 0;
  line-height:20px;
  font-weight:bold;
  text-align:center;
  outline:none;
}
li.rgt div {
  display:block;
  width:129px;
  height:20px;
  padding:10px 0;
  line-height:20px;
  font-weight:bold;
  text-align:center;
  outline:none;
}
li.lft div:hover {
  color:#fff;
  text-decoration:none;
  background:#fff url("img/bg_menu.gif") 100% 100% repeat-x;
}
li.rgt div:hover {
  color:#fff;
  text-decoration:none;
  background:#fff url("img/bg_menu.gif") 100% 100% repeat-x;
}
li.active {
  color:#fff;
  background:#fff url("img/bg_menu.gif") 100% 100% repeat-x;
  text-decoration:none;
}

/* === PROCESS LAYOUT === */
.inner {
  float:left;
  margin-top:5px;
  width:950px;
  height:450px;
  /*background-color:skyblue;*/
  display:none;
}
.inner h2 {
  clear:both;
  margin-bottom:8px;
  padding:1px 10px;
  line-height:2.0;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  background:#fff url("img/bg_h2.gif") 100% 100% repeat-x;
}

/* === FORM LAYOUT === */
.form_area {
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0px 1px 10px #488a9e;
  -moz-box-shadow:0px 1px 10px #488a9e;
  box-shadow:0px 1px 10px #488a9e;
  border:1px solid #4eb4c2;
  background:#fafafa;
}
.label_vertical {
  vertical-align:middle;
}
.necessary_input_color {
  color:red;
}

/* === ACCEPT LOGIN LAYOUT === */
#logon_form {
  width:320px;
  margin:30px auto;
  padding:10px;
}
#logon_form p{
  color:#077685;
  font-size:13px;
  font-weight:bold;
}
#logon_form .form-title{
  text-align:center;
  font-family:Arial;
  font-size:20px;
  color:#4eb4c2;
}
#logon_form .error{
  color:red;
  font-weight:bold;
}
.logonlabel{
  margin-left:40px;
}
.logoninp{
  margin-left:90px;
  margin-bottom:10px;
}
.exebtn {
  text-align:center;
}

/* === INSERT LAYOUT === */
#insert1_form {
  /*text-align:center;*/
  width:900px;
  margin:12px auto;
  padding:5px;
  font-size:13px;
}
#insert2_form {
  /*text-align:center;*/
  width:900px;
  margin:12px auto;
  padding:5px;
  font-size:13px;
}
#income_form {
  /*text-align:center;*/
  width:900px;
  margin:12px auto;
  padding:5px;
  font-size:13px;
}
#password_form {
  /*text-align:center;*/
  width:900px;
  margin:12px auto;
  padding:5px;
  font-size:13px;
}
/* === SERARCH LAYOUT === */
#search_form {
  /*text-align:center;*/
  width:900px;
  margin:12px auto;
  padding:5px;
}