html{
  height: 100%;
}
body {
  background-color: #000000;
  color: #FFFFFF;
//  font-family: 'ＭＳ 明朝','serif';
  font-family: 'ＭＳ ゴシック','sans-serif';
  font-size: 1.0em;
  margin: 0;
  padding: 0;
  border: 0px;
  height: 100%;
}

a:link { text-decoration: none; color: #FFFFFF; }
a:visited { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: none; color: #FFFFFF; }
a:active { text-decoration: none; color: #FFFFFF; }

img {
    border: none;
}

input {
  border: 1px solid #FFFFFF;
  font-size: 1.2em;
}

select {
  border: 1px solid #FFFFFF;
  font-size: 1.2em;
}

input.file-upload{
  background-color: #222222;
  font-size: 1.2em;
  color: #FFFFFF;
}

.ghot-data {
  margin: 35px;
}

.ghot {
  position: relative;
  left: 20px;
  text-align: center;
}

.input-title {
  position: relative;
  left: 5px;
  width: 210px;
  padding-right: 5px;
  font-size: 1.6em;
  text-align: right;
  float: left;
}

.input-area {
  position: relative;
  left: 10px;
  font-size: 1.0em;
  width: 800px;
}

.ghost-sample {
  position: relative;
  left: 10px;
  width: 800px;
  font-size: 0.8em
}
.ghost-sample a:link { color: #8B2222; }
.ghost-sample a:visited { color: #8B2222; }
.ghost-sample a:hover { color: #8B2222; }
.ghost-sample a:active { color: #8B2222; }

.convert {
  position: relative;
  left:  320px;
  width: 45px;
  padding-top: 45px;
  color: #FF0000;
}

#title {
  background-color: #000000;
  left: 0em;
  margin: 0;
  padding: 0;
  height: 200px;
}

#main {
  width: 800px;
  height: 760px;
  margin: 10px;
  left: 50px;
}

#footer {
  font-family: 'ＭＳ ゴシック','sans-serif';
  //background-color: #8B2222;
  background-color: #222222;
  //position: absolute;
  position: relative;
  top: 0px;
  text-align: center;
  left: 0px;
  width: 95%;
  height: 70px;
  padding: 5px;
}

#footer a:link { text-decoration: none; color: #FFFFFF; }
#footer a:visited { text-decoration: none; color: #FFFFFF; }
#footer a:hover { text-decoration: none; color: #FFFFFF; }
#footer a:active { text-decoration: none; color: #FFFFFF; }

.banner {
  width: 30%;
  font-size: 1.0em;
  float: left;
  text-align: center;
}

.kao-banner {
  width: 30%;
  font-size: 0.6em;
  float: left;
}
.kao-banner img{
  margin: 5px;
}
.error_message {
  color: #FF0000;
}