@font-face {
  font-family Bevan;
  src: url('Bevan-Regular.ttf') format ("truetype");
}

body {
  font-size: 12px;
  background-color:#f0f0f0;
  
}

/** レイアウト用パネル **/
div.mainPane {
  margin: 4px 8px;
  padding: 12px 18px;
  overflow: auto;
  background-color: #ffffff;
}


div.loginPane {
  margin: 35px auto;
  width: 400px;
}
div.loginBox {
  padding: 12px 9px;
  text-align:center;
  /* Mars border: solid 2px #e75f24; */
  /* F-Mars  border: solid 2px #0fcb52; */
  border: solid 2px #0fa4f3;
}
div.centerBox {
  padding: 12px 9px;
  text-align: center;
}
table.floatCenter {
  margin: 12px auto;
}

/**  表示用パーツ  **/
h3.titleLogo {
  margin: 10px;
  font-family: 'Bevan',selif;
  font-size: 50px;
  /*font-weight: bold;*/
  /*Mars  color:#e75f24;  **/
  /*F-Mars  color:#5ad337; */
  color:#5a5eec;
  
  text-shadow: 2px 8px 6px #c0c0c0,
               0px -5px 35px #f0f0f0;   
}
table.inputBox {
  margin: 10px auto;
}

td.inputBox {
  text-align: left;
  padding: 14px 2px 0px 2px;
  border-bottom: solid 2px #3700fb;
}
span.inputLabel {
  /* Mars  color:#ef8100; */
  /* F-Mars   */
  color:#ef8100;
  text-decoration: underline;
  font-size:10px;
}
input.inputBox {
  margin: 4px 0px 0xp 0px;
  width: 240px;
  border: none;
}
input.inputBox:focus {
  background-color:#f3fbac;
  
}
input.submitBtn {
  border: none;
  background-color:#46d2ff; 
  width: 240px;
}
input.submitBtn:hover {
  color: #ffffff;
  background-color:#736adc;
}
input.submitBtn:focus {
  color: #ffffff;
  background-color:#736adc;
}

div.error_dialog {
  padding: 12px 18px;
  width: 400px;
  background-color:#fbf745;
  
  border: solid 3px #ff7800;
}
a.commandLink {
  color:#74c3f6;
  text-decoration: underline;
}
a.commandLink:hover {
  color:#ffdc60;
}