@CHARSET "UTF-8";
#copy {
  text-align: right;
  font-size: 9px;
  margin: 3px 33px;
}

.button{
 width:90px;
 margin:20px;
}

.btn_submit{
 background-image:url("images/btn_login.gif");
 background-repeat:no-repeat;
 width:80px;
 margin:20px;
}

.inputlabel{
  font-size: 14px;
  /*font-family:"Century Gothic",Verdana,Arial;*/
  /*color: black;*/
  color: #6495ed;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ UI ゴシック",sans-serif;
  display: block;
  float: left;
}

.inputdesc{
  float: none;
}

.hasdesc{
  float: left;
  margin-right: 1em;
}


.text input{
  width:150px;
}

.password input{
  width:150px;
}

#login .input .inputlabel{
  width:80px;
}

#securityquestion .input .inputlabel {
  width: 120px;
}

#enterpassword .input .inputlabel {
  width: 150px;
}

#userinfomation .input .inputlabel{
  width:80px;
}

#userinfomationlogin .input .inputlabel{
  width:80px;
}


#userinfomation #question{
  width:320px;
}

.err {
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  text-align: left;
  margin: 30px;
  padding: 2px 2px;
}

.err p {
  margin-left: 1em;
}

.info {
  border-radius: 6px;
  /*border-style: solid;*/
  border-width: 2px;
  /*border-color: #009441*/
  /*border-color: #ffa500*/
  border-style: solid; border-color: #ffa500;
  text-align: left;
  margin: 30px;
  padding: 10px 10px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ UI ゴシック",sans-serif;
}

.inputarea {
  border-radius: 6px;
  background-color: #F0F0F0;
  text-align: left;
  margin-left: 30px;
  margin-right: 30px;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
}

.questionbox {
  background-color: white;
  text-align: left;
  padding: 4px;
  border-style: solid;
  border-width: 2px;
  border-color: black;
  width: 240px;
  font-size: 14px;
  font-family:"Century Gothic",Verdana,Arial;
  color: black;
}

.newpasswordbox {
  background-color: #FFFFCC;
  text-align: center;
  padding: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  width: 240px;
  font-size: 16px;
  font-family: Consolas,'Courier New',Courier,Monaco,monospace;
  color: black;
}


h1{          /*　タイトル文字　*/
  padding: 15px 10px 10px 30px;
  font-size: 28px;
  font-family:"Century Gothic",Verdana,Arial;
  color:#2c4b0f;
  letter-spacing:0.2em;
  margin: 30px;
  background-color: #99c270;   /*　タイトルの背景色　*/
  width: 600px
}

.ttl {
  /*border-left:4px solid #91B123;*/
  /*border-left:4px solid #ffa500;*/
  font-size: 24px;
  /*color:#009441;*/
  color:#6495ed;
  background-color: white;
  text-align: left;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ UI ゴシック",sans-serif;
}

body {
  /* ページの背景 */
-	background-color: #A0C855;
  background-color: #A0;
}

#back {
  /* 外枠 */
  /*background-color: #009441;*/
  background-color: #ffa500;
  border-radius: 8px;
  moz-border-radius: 8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  text-align: center;
  padding: 20px 20px;
  width: 620px;
}

#main {
  /* 外枠 */
  background-color: white;
  border-radius: 8px;
  moz-border-radius: 8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  text-align: center;
  padding: 20px 20px;
}

.uid {
width: 200px;
font-size: 16px;
}

.attn {
  /*border-left:4px solid #91B123;*/
  /*border-left:4px solid #ffa500;*/
  /*border-bottom:1px solid #91B123;*/
  border-bottom:1px solid #ffa500;
  margin: 30px;
  font-size: 16px;
  /*color:#009441;*/
  color:#6495ed;
  background-color: white;
  text-align: left;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ UI ゴシック",sans-serif;
}