@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#INFO_top {
    width:600px;
    margin:10px 10px 10px 20px;
    padding:10px;
    background-color:#111111;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#INFO_top .main {
    font-family:"メイリオ",'sans-selif';
    font-size:14px;
    padding:10px;
}

/*メールフォームの説明文を囲っているタグのclass*/
#INFO_top .explain {
    font-family:'メイリオ','sans-selif';
    font-size:14px;
    padding:10px;
}

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

}

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

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

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#INFO_top .name_parts {
    width:250px;
    padding:2px;
    color:#333333;
}

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

}

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

}

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

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#INFO_top .mail_parts {
    width:350px;
    padding:2px;
    color:#333333;
}

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

/*『address』パーツの表示名を囲っているタグのclass（[ 住所 ]の部分）*/
#INFO_top .address_left{
}

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

}

/*『address』パーツの入力項目のclass（inputなどの部分）*/
#INFO_top .address_parts {
    width:350px;
    padding:2px;
    color:#333333;
}

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

}

/*『tel』パーツの表示名を囲っているタグのclass（[ 電話番号 ]の部分）*/
#INFO_top .tel_left{

}

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

}

/*『tel』パーツの入力項目のclass（inputなどの部分）*/
#INFO_top .tel_parts {
    width:200px;
    padding:2px;
    color:#333333;
}

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

}

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

}

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

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#INFO_top .title_parts {
    width:350px;
    padding:2px;
    color:#333333;
}

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

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ お問合せ内容 ]の部分）*/
#INFO_top .textarea_left{

}

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

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#INFO_top .textarea_parts {
    width:400px;
    height:100px;
    padding:2px;
    color:#333333;
}

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

}

/*メールフォームの送信ボタンのclass*/
#INFO_top .submit_button {
    color:#000000;
}

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

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

}

/*エラーメッセージのリトライボタンのclass*/
#INFO_top .error_submit_button {
    color:#000000;

}

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

}

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

}

/*送信完了メッセージの戻るボタンのclass*/
#INFO_top .result_submit_button {
    color:#000000;

}