@charset "utf-8";

/*--------------------------*/
.error_message {
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 5px;
  color: #ef072d;
  list-style-type: none;
  border-radius: 10px;
  border: 2px solid #ff5f79;
  font-weight: bold;
  width: 400px;
}

/*------入力エリア-------*/

/*input[type="text" value=""],*/
input[type="password"]{
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 100%;
    line-height: 1.0em;
    border: 1px solid #bbb;
    border-radius: 5px;
    background: #cff;
    width: 200px;
}

input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    padding: 5px 10px;
    color: #fff;
    font-size: 100%;
    margin-bottom: 5px;
    line-height: 1.0em;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #37a1e5;
}

input[type=submit]:hover {
    background-color: #9999ff;
}

input[type="button"] {
    appearance: none;
    -webkit-appearance: none;
    padding: 5px 10px;
    color: #fff;
    font-size: 100%;
    margin-bottom: 10px;
    line-height: 1.0em;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #3c3;
}

input[type=button]:hover {
    background-color: #9c3;
}

input[type="reset"] {
    appearance: none;
    -webkit-appearance: none;
    padding: 5px 10px;
    color: #fff;
    font-size: 100%;
    margin-bottom: 10px;
    line-height: 1.0em;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #f0c;
}

input[type=reset]:hover {
    background-color: #f9f;
}

input[name="btn_logout"] {
    margin-top: 10px;
    margin-left: 20px;
    background-color: #f09;
}

input[name="btn_logout"]:hover {
	background-color: #f60;
}

input {
    font-size: 100%;
}

select {
    font-size: 100%;
    margin-bottom: 5px;
}


/*-- メッセージ入力・一覧エリア --*/

article {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
  background: #eee;
  border: 1px solid #00f;
  width: 65%;
}

/*----newmsg関連の設定----*/

/*メッセージ入力画面*/
  .newmsg {
  display: inline-block;
  margin-top: 5px;
  background: #eef;
  width: 100%;
  max-width: 100%;
  }

/*名前欄(入力時)*/
 .newmsg yoso1 {
    display: inline-block;
    border-radius: 3px;
    background: #dff;
    margin-top: 5px;
    margin-left: 20px;
    border: 1px solid #bbb;
    height: 22px;
    }

/*チェックキー入力欄*/
 .newmsg yoso5 {
    display: inline-block;
    border-radius: 3px;
    background: #fcf;
    margin-top: 5px;
    margin-left: 20px;
    border: 1px solid #bbb;
    height: 22px;
    }

/*アドレス入力部分*/
  .newmsg email1 {
    display: inline-block;
    border-radius: 3px;
    background: #dff;
    margin-top: 5px;
    margin-left: 20px;
    color: #222;
    border: 1px solid #bbb;
    height:  22px;
    }

/*newmsg関連の設定(ここまで)*/

/*-----info関連の設定-----*/

  .info {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
  max-width: 100%;
  }

/*名前・アドレス欄(一覧時)*/
.info yoso1 {
    display: inline-block;
    border-radius: 3px;
    background: #dff;
    margin-top: 5px;
    margin-left: 20px;
    border: 1px solid #bbb;
    height: 22px;
    }

/*info内の<p>書式*/
   .info  p {
    line-height:100%;
    margin:10px 0 10px;
    color: #555;
    font-size: 100%;
    }

/*--info関連の設定(ここまで)--*/

/*-----hensyu関連の設定-----*/

  .hensyu {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
  max-width: 100%;
  }

/*名前・アドレス欄(一覧時)*/
.hensyu yoso1 {
    display: inline-block;
    border-radius: 3px;
    background: #dff;
    margin-top: 5px;
    margin-left: 20px;
    border: 1px solid #bbb;
    height: 22px;
    }

/*--hensyu関連の設定(ここまで)--*/

/*------del1関連の設定------*/

  .del1 {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
  max-width: 100%;
  }

/*名前・アドレス欄(一覧時)*/
.del1 yoso1 {
    display: inline-block;
    border-radius: 3px;
    background: #dff;
    margin-top: 5px;
    margin-left: 20px;
    border: 1px solid #bbb;
    height: 22px;
    }

/*---del1関連の設定(ここまで)---*/


/*入力等案内文*/
 .toukoumsg{
    display: inline-block;
    height: 25px;
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 0px;
    color: #00f;
    font-size: 120%;
    }

/*テキストエリアの書式(入力時)*/
textarea.message1 {
    display: inline-block;
    background-color: #eed;
    margin-left: 20px;
    margin-bottom: 5px;
    font-size: 100%;
    width: 95%;
    height: 60px;
    }

/*テキストエリアの書式(一覧・編集)*/
textarea.message2 {
    display: inline-block;
    background-color: #e6ffe9;
    margin-left: 20px;
    font-size: 110%;
    width: 95%;
    height: 60px;
    }

/*input内書式*/
 input.yoso2{
    height: 24px;
    font-size: 100%;
}

/*投稿内容表示*/
level1 {
  display: block;
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 90%;
  }

/*ダウンロード案内*/
level2 {
  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 100%;
  }

/*ログイン案内*/
level3 {
  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #00f;
  font-size: 115%;
  }

/*ページタイトルの表示書式*/
  .title1 {
    background: #fdf;
    font-size: 120%;
    border: 1px solid #00f;
    border-radius: 10px;
    margin-top: 0px;
    margin-left: 20px;
    color: #222;
    width: 250px;
    text-align: center;
}

/*赤文字*/
  incolor1{
    color: #f00;
}

/*青文字*/
  incolor2{
    color: #00f;
}