@charset "UTF-8";

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

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

}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#honkan_mail_top .main {
width:400px;
height:300px;
border-bottom:solid 2px #999999;
border-right:solid 2px #999999; 
background-color: #ffffff;
background-image:url(http://honkan.sasakuma.shisyou.com/ebako/W_tuboakiS.jpg);
background-position:right top;
background-repeat:no-repeat;
padding:10px;
font-size:12px;
color:#666666;

}

/*メールフォームのタイトルを囲っているタグのclass*/
#honkan_mail_top .title{
font-size:12px;
color:#666666;

}

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

}

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

}

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

}

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

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#honkan_mail_top .name_parts {
width:170px;
border:solid 1px #666666;
background-color:transparent;
padding:5px;

}

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

}

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

}

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

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#honkan_mail_top .mail_parts {
width:170px;
border:solid 1px #666666;
background-color:transparent;
padding:5px;

}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#honkan_mail_top .textarea_top {
scrollbar-base-color: #cccccc;

}

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

}

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

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#honkan_mail_top .textarea_parts {
width:180px;
height:100px;
border:solid 1px #666666;
background-color:transparent;
padding:5px;

}

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

}

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

}

/*エラーメッセージを囲っているタグのclass*/
#honkan_mail_top .error {
font-size:12px;
color:#ff0000;

}

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

}

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

}

/*送信完了メッセージを囲っているタグのclass*/
#honkan_mail_top .result {
font-size:12px;
color:#666666;

}

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

}

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

}