@charset "utf-8";

/* -----------------------------------------------------------
CSS Information
〔タイピング練習〕スタイル
----------------------------------------------------------- */

body {
  background: #ffffff;
}
body.after_login {
  background: #eeeeee;
}

h2 {
  background-color:#CFF;
  border-width: 0px 0px 2px 3px;
  border-style: solid;
  border-color: #07F;
  font-size: x-large;
  text-align: center;
  color: #88F;
  /* padding: 10px 20px; */
  padding: 0.3em 0.5em 0.3em 0.5em;
  letter-spacing: 0.3em;
  line-height: 1em;
}

h3 {
  background-color:#EFE;
  border-width: 0px 0px 1px 15px;
  border-style: solid;
  border-color: #2BB;
  font-size: large;
  color: #61D;
  padding: 7px 20px;
  letter-spacing: 1em;
  /* margin:3em 2em 0.5em 0em; */
  margin: 0.5em 0.5em 0.5em 0em;
}

h4 {
  background-color:#F0F0FF;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #AAD;
  font-size: medium;
  color: #C36;
  padding: 3px 20px;
  margin:2em 3em 0.5em 0em;
}

h5 {
  color:#D00;
  text-decoration:underline;
  /*  margin:0.2em; */
  margin:2em 0.2em 0.2em 0em;
}


div.after_login_title {
  text-align: center;
  background: #eeeeff;
  color: #880000;
  font-size: large;
}

p.after_login {
  text-align: left;
  background: #eeffff;
  padding: 0px 0px 0px 60px;
  color: #440000;
}

td.gb {
  text-align: left;
  padding: 0.1em 0.3em 0.1em 0.3em;
  background: #4f81bd;
  color: #ffffff;
  font-size: x-large;
/*  font-weight: bold; */
}

td.pw {
  text-align: left;
  padding: 0.1em 0.3em 0.1em 0.3em;
  background: #d0d8e8;
  color: #000000;
  font-size: x-large;
/*  font-weight: bold; */
}

input.bx {
  font-size: large;
  width: 200px;
  ime-mode: inactive; /* 半角モード */
}

input.txtmode_z {
  ime-mode: active;   /* 全角モード */
}
input.txtmode_h {
  ime-mode: inactive; /* 半角モード */
}

input.bt {
  font-size: medium;
  width: 120px;
  height: 30px;
}