body {
  background-color  : #000000;
  color             : #FFFFFF;
  vertical-align    : 50%;
  font-size         : 10pt;
  margin            : 10px;
  scrollbar-base-color: #000000;
  scrollbar-shadow-color: #cccccc;
  scrollbar-darkshadow-color: #333333;
  scrollbar-track-color: #444444;
  scrollbar-face-color: #000000;
  scrollbar-arrow-color: #CCCCCC;
}


a {
  text-decoration: none;
}
a:link { color : #EEEEEE; }
a:visited { color : #888888; }
a:hover { color : #990000; }

h1 {
  background-color : #3C568C;
  font-weight      : bold;
  font-size        : 16pt;
  color            : white;
  text-align       : left;
}

form {
  margin            : 0px;
  font-size         : 9pt;
}

.mini{
  font-size         : 8pt;
}

.font_normal{
  font-size         : 10pt;
  margin            : 10px;
  color             : white;
}


@charset "UTF-8";

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#comment_top {
  margin            : 0px;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#comment_top .main {
  margin            : 0px;
}

/*メールフォームのタイトルを囲っているタグのclass*/
#comment_top .title{
  margin            : 0px;
}

/*メールフォームの説明文を囲っているタグのclass*/
#comment_top .explain {
  margin            : 0px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#comment_top .textarea_top {
  margin            : 0px;
}

/*『textarea』パーツの表示名を囲っているタグのclass（[ メッセージ ]の部分）*/
#comment_top .textarea_left{
    margin            : 0px;
  font-size         : 9pt;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#comment_top .textarea_right {
  margin            : 0px;
}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#comment_top .textarea_parts {

  width            : 240px;
  height           : 40px;
  border-style      : dotted;
  border-width      : 1px;
  border-color      : #440000;
  background-color : #554444;
  color            : white;
  margin            : 0px;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#comment_top .name_top {
  margin            : 0px;
}

/*『name』パーツの表示名を囲っているタグのclass（[ お名前（任意） ]の部分）*/
#comment_top .name_left{
  margin            : 0px;
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#comment_top .name_right {
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#comment_top .name_parts {
  border-style      : dotted;
  border-width      : 1px;
  border-color      : #440000;
  background-color : #554444;
  color            : white;
  margin            : 0px;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#comment_top .submit {
  margin            : 0px;
}

/*メールフォームの送信ボタンのclass*/
#comment_top .submit_button {
  margin            : 0px;
}

/*エラーメッセージを囲っているタグのclass*/
#comment_top .error {
  margin            : 0px;
}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#comment_top .error_submit {
  margin            : 0px;
}

/*エラーメッセージのリトライボタンのclass*/
#comment_top .error_submit_button {
  margin            : 0px;
}

/*送信完了メッセージを囲っているタグのclass*/
#comment_top .result {
  margin            : 0px;
}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#comment_top .result_submit {
  margin            : 0px;
}

/*送信完了メッセージの戻るボタンのclass*/
#comment_top .result_submit_button {
  margin            : 0px;
}
