@charset "UTF-8";

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

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

#sb2_top {width:600px;}

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

#sb2_top .main {width:700px;}




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

}

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

}

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

}

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

#sb2_top .name_left{position:absolute;background-color:#E6E4FF;width:170px;height:50px;}


/*『name』パーツの入力項目を囲っているタグのclass*/
#default_top .name_right {position:relative; left:45px;width:400px;}

#sb2_top .name_right {position:relative; left:180px;width:400px;}


/*『name』パーツの入力項目のclass（inputなどの部分）*/
#default_top .name_parts {background-color:#ffffff;float:center;}

#sb2_top .name_parts {background-color:#ffffff;float:center;}

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

#sb2_top .mail_top {margin-top: -15px;}


/*『mail』パーツの表示名を囲っているタグのclass（[ mail ]の部分）*/
#default_top .mail_left{position:absolute;}

#sb2_top .mail_left{position:absolute;background-color:#E6E4FF;width:170px;height:50px;}

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

#sb2_top .mail_right {margin-top: -15px;}


/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#default_top .mail_parts {background-color:#ffffff;position:relative; left:45px;}
#sb2_top .mail_parts {background-color:#ffffff;position:relative; left:180px;width:200px;}



/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#default_top .url_top {}
#sb2_top .url_top {margin-top: -15px;}


/*『url』パーツの表示名を囲っているタグのclass（[ url ]の部分）*/
#default_top .url_left{}
#sb2_top .url_left{position:absolute;background-color:#E6E4FF;width:170px;height:50px;}


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

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#default_top .url_parts {}
#sb2_top .url_parts {background-color:#ffffff;position:relative; left:180px;width:200px;}

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

/*『textarea』パーツの表示名を囲っているタグのclass（[ comment ]の部分）*/
#default_top .textarea_left{position:absolute;}
#sb2_top .textarea_left{position:absolute;background-color:#E6E4FF;width:170px;height:100px;}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#default_top .textarea_right {margin-top: -15px;width:400px;}
#sb2_top .textarea_right {margin-top: -15px;width:600px;}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#default_top .textarea_parts {background-color:#ffffff;position:relative; left:45px;
;height:100px;overflow:auto;width:300px;}
#sb2_top .textarea_parts {background-color:#ffffff;position:relative; left:180px;
height:100px;overflow:auto;width:500px;}



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

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

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

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

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

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

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

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