@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#lair_top {

}

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

/*メールフォームのタイトルを囲っているタグのclass*/
#lair_top .title{

}

/*メールフォームの説明文を囲っているタグのclass*/
#lair_top .explain {

}

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

}

/*『name』パーツの表示名を囲っているタグのclass（[ お名前 ]の部分）*/
#lair_top .name_left{
                        font: 14px

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#lair_top .name_right {

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#lair_top .name_parts {
                          font: 14px

}

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

}

/*『mail』パーツの表示名を囲っているタグのclass（[ mail ]の部分）*/
#lair_top .mail_left{
                        font: 14px

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#lair_top .mail_right {

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#lair_top .mail_parts {
                          font: 14px

}

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

}

/*『answer』パーツの表示名を囲っているタグのclass（[ 返信 ]の部分）*/
#lair_top .answer_left{
                          font: 14px

}

/*『answer』パーツの入力項目を囲っているタグのclass*/
#lair_top .answer_right {

}

/*『answer』パーツの入力項目のclass（inputなどの部分）*/
#lair_top .answer_parts {
                            font: 14px

}

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

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ コメント ]の部分）*/
#lair_top .textarea_left{
                            font: 14px

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#lair_top .textarea_right {

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#lair_top .textarea_parts {
                              width: 400px;
                              height: 100px;
                              font: 16px

}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#lair_top .submit {
                      text-align: center;

}

/*メールフォームの送信ボタンのclass*/
#lair_top .submit_button {
                           　text-align: center;
}

/*エラーメッセージを囲っているタグのclass*/
#lair_top .error {
                   　margin: 4em 4em 0em 4em; 

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#lair_top .error_submit {
                          　text-align: center;

}

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

}

/*送信完了メッセージを囲っているタグのclass*/
#lair_top .result {
                    　margin: 4em 4em 0em 4em;
}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#lair_top .result_submit {
                           　text-align: center;
}

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

}