﻿@charset "UTF-8";

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#default_top {

}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#default_top .main {

}

/*メールフォームのタイトルを囲っているタグのclass*/
#default_top .title{

}

/*メールフォームの説明文を囲っているタグのclass*/
#default_top .explain {

}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#default_top .name_top {
font-family:Verdana, "Osaka", sans-serif;
}

/*『name』パーツの表示名を囲っているタグのclass（[ Name ]の部分）*/
#default_top .name_left{

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#default_top .name_right {
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#default_top .name_parts {
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom:#a9a9a9 1px solid;

}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#default_top .textarea_top {
font-family:Verdana, "Osaka", sans-serif;

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ Comment ]の部分）*/
#default_top .textarea_left{

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#default_top .textarea_right {

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#default_top .textarea_parts {
height:50px;
width:150px;
border:#a9a9a9 1px solid;

}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#default_top .submit {
padding-bottom:10px;
text-align: center;
}

/*メールフォームの送信ボタンのclass*/
#default_top .submit_button {
background-color:#a9a9a9;
color:#ffffff;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;

}

/*エラーメッセージを囲っているタグのclass*/
#default_top .error {

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#default_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#default_top .error_submit_button {
background-color:#a9a9a9;
color:#ffffff;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
}

/*送信完了メッセージを囲っているタグのclass*/
#default_top .result {

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#default_top .result_submit {

}

/*送信完了メッセージの戻るボタンのclass*/
#default_top .result_submit_button {
background-color:#a9a9a9;
color:#ffffff;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
}
