@charset "UTF-8";

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#mailform_en_top {
  width: 380px;
  margin: 5px auto;
  background: transparent;
  font-family: "skia", sans-serif;
  border: 3px double #8B4513;
  padding: 15px;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#mailform_en_top .main {
  width: auto;
  margin: 0px 0px 20px  0px;
}

/*メールフォームのタイトルを囲っているタグのclass*/
#mailform_en_top .title{
  text-align: center;
  margin: 0px 0px 15px 0px;
  font-size: 10pt;
}

/*メールフォームの説明文を囲っているタグのclass*/
#mailform_en_top .explain {
  text-align: center;
  margin: 0px 0px 10px 0px;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_en_top .name_top {

}

/*『name』パーツの表示名を囲っているタグのclass（[ name ]の部分）*/
#mailform_en_top .name_left{
  float: left;
  padding-left: 1.5em;
  background: transparent url("../images/circle1.png") no-repeat left;
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#mailform_en_top .name_right {
  margin-left: 100px;
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#mailform_en_top .name_parts {
  width: 200px;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_en_top .mail_top {

}

/*『mail』パーツの表示名を囲っているタグのclass（[ mail ]の部分）*/
#mailform_en_top .mail_left{
  float: left;
  padding-left: 1.5em;
  background: transparent url("../images/circle1.png") no-repeat left;
}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#mailform_en_top .mail_right {
  margin-left: 100px;
}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#mailform_en_top .mail_parts {
  width: 270px;
}

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_en_top .url_top {
}

/*『url』パーツの表示名を囲っているタグのclass（[ url ]の部分）*/
#mailform_en_top .url_left{
  float: left;
  padding-left: 1.5em;
  background: transparent url("../images/circle1.png") no-repeat left;
}

/*『url』パーツの入力項目を囲っているタグのclass*/
#mailform_en_top .url_right {
  margin-left: 100px;
}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#mailform_en_top .url_parts {
  width: 270px;
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_en_top .title_top {
}

/*『title』パーツの表示名を囲っているタグのclass（[ title ]の部分）*/
#mailform_en_top .title_left{
  float: left;
  padding-left: 1.5em;
  background: transparent url("../images/circle1.png") no-repeat left;
}

/*『title』パーツの入力項目を囲っているタグのclass*/
#mailform_en_top .title_right {
  margin-left: 100px;
}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#mailform_en_top .title_parts {
  width: 270px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_en_top .textarea_top {
}

/*『textarea』パーツの表示名を囲っているタグのclass（[ comment ]の部分）*/
#mailform_en_top .textarea_left{
  float: left;
  padding-left: 1.5em;
  background: transparent url("../images/circle1.png") no-repeat left;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#mailform_en_top .textarea_right {
  margin-left: 100px;
}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#mailform_en_top .textarea_parts {
  width: 270px;
  height: 5em;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#mailform_en_top .submit {
  margin-left: 100px;
}

/*メールフォームの送信ボタンのclass*/
#mailform_en_top .submit_button {

}

/*エラーメッセージを囲っているタグのclass*/
#mailform_en_top .error {

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#mailform_en_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#mailform_en_top .error_submit_button {

}

/*送信完了メッセージを囲っているタグのclass*/
#mailform_en_top .result {

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#mailform_en_top .result_submit {

}

/*送信完了メッセージの戻るボタンのclass*/
#mailform_en_top .result_submit_button {

}

#nav{
  width: 100%;
  height: 28px;
  background: #211B11;
  border-bottom: 5px solid #362B1B;
  color: #211B11;
}

#middle{
  width: 100%;
  padding: 10px 0px;
  border-top: 5px solid #211B11;
  border-bottom: 5px solid #211B11;
}

#under{
  width: 100%;
  background: #211B11;
  border-top: 5px solid #362B1B;
}