@charset "UTF-8";

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

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

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#NebulaMailform_top .main {}
/*メールフォームの説明文を囲っているタグのclass*/
#NebulaMailform_top .explain {text-align:left; padding:5px 0px 5px;}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#NebulaMailform_top .name_top {}
/*『name』パーツの表示名を囲っているタグのclass（[ name ]の部分）*/
#NebulaMailform_top .name_left{text-align:left; width:180px; background-color:#FFFFFF; vertical-align:top;}
/*『name』パーツの入力項目を囲っているタグのclass*/
#NebulaMailform_top .name_right {text-align:left;}
/*『name』パーツの入力項目のclass（inputなどの部分）*/
#NebulaMailform_top .name_parts {width:150px;}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#NebulaMailform_top .mail_top {}
/*『mail』パーツの表示名を囲っているタグのclass（[ mail ]の部分）*/
#NebulaMailform_top .mail_left{text-align:left; width:180px; background-color:#FFFFFF; vertical-align:top;}
/*『mail』パーツの入力項目を囲っているタグのclass*/
#NebulaMailform_top .mail_right {text-align:left;}
/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#NebulaMailform_top .mail_parts {width:300px;}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#NebulaMailform_top .title_top {}
/*『title』パーツの表示名を囲っているタグのclass（[ 件名 ]の部分）*/
#NebulaMailform_top .title_left{text-align:left; width:180px; background-color:#FFFFFF; vertical-align:top;}
/*『title』パーツの入力項目を囲っているタグのclass*/
#NebulaMailform_top .title_right {text-align:left;}
/*『title』パーツの入力項目のclass（inputなどの部分）*/
#NebulaMailform_top .title_parts {width:400px;}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#NebulaMailform_top .textarea_top {}
/*『textarea』パーツの表示名を囲っているタグのclass（[ comment ]の部分）*/
#NebulaMailform_top .textarea_left{text-align:left; width:180px; background-color:#FFFFFF; vertical-align:top;}
/*『textarea』パーツの入力項目を囲っているタグのclass*/
#NebulaMailform_top .textarea_right {text-align:left;}
/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#NebulaMailform_top .textarea_parts {width:400px; height:150px;}

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

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

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