/* 全体設定 */
	body { background-color:#000000; color:#0000AA; 
		text-align: center; margin:10px 10px 0px 10px; }
	table { font-size: 80%; margin: 30px 0px 0px 0px; }


@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#TenchosMailForm_top { width: 400px; text-align: left; }

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

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

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

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#TenchosMailForm_top .name_top { width: 400px; text-align: left; }

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

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

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

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#TenchosMailForm_top .mail_top { width: 400px; text-align: left; margin-top: 5px; }

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#TenchosMailForm_top .mail_left{}

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

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#TenchosMailForm_top .mail_parts { width: 200px; border: solid 1px #777777; }

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#TenchosMailForm_top .url_top { width: 400px; text-align: left; margin-top: 5px; }

/*『url』パーツの表示名を囲っているタグのclass（[ HomePage ]の部分）*/
#TenchosMailForm_top .url_left{}

/*『url』パーツの入力項目を囲っているタグのclass*/
#TenchosMailForm_top .url_right {}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#TenchosMailForm_top .url_parts { width: 200px; border: solid 1px #777777; }

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#TenchosMailForm_top .title_top { width: 400px; text-align: left; margin-top: 5px; }

/*『title』パーツの表示名を囲っているタグのclass（[ 件名 ]の部分）*/
#TenchosMailForm_top .title_left{}

/*『title』パーツの入力項目を囲っているタグのclass*/
#TenchosMailForm_top .title_right {}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#TenchosMailForm_top .title_parts { width: 200px; border: solid 1px #777777; }

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#TenchosMailForm_top .textarea_top { width: 400px; text-align: left; margin-top: 15px; }

/*『textarea』パーツの表示名を囲っているタグのclass（[ 本文 ]の部分）*/
#TenchosMailForm_top .textarea_left{}

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

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#TenchosMailForm_top .textarea_parts { width: 400px; height: 200px; border: solid 1px #777777; }

/*メールフォームの送信ボタンを囲っているタグのclass*/
#TenchosMailForm_top .submit {}

/*メールフォームの送信ボタンのclass*/
#TenchosMailForm_top .submit_button { width: 80px; border: double 4px #222222; }

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

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

/*エラーメッセージのリトライボタンのclass*/
#TenchosMailForm_top .error_submit_button { width: 80px; border: double 4px #222222; }

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

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

/*送信完了メッセージの戻るボタンのclass*/
#TenchosMailForm_top .result_submit_button { width: 80px; border: double 4px #222222; }