@charset "UTF-8";

/*--------------------------------------------------
テンプレート : 小鳥
配布サイト : マシマロック
http://masimarock.yokochou.com/

素材 : Fine
http://www5e.biglobe.ne.jp/~cep/

画像に関してはFineさんの利用規約に従ってください
--------------------------------------------------*/

/*ページ全体*/
body{
text-align:center;}

#mail_form form{
margin:0;
padding:0;}

#mail_form .main br{
display:none;}

/*入力部分*/
#mail_form input,#mail_form textarea{
font-size:12px;
background:#FFDD9F;
border:1px solid #999988;
border-color:#998877 #F6D699 #F6D699 #998877;}

#mail_form input{
width:200px;}

/*メールフォーム全体を囲っているタグのid*/
#mail_form{
width:350px;
color:#776666;
font-size:12px;
font-family:Verdana;
text-align:left;
margin:0 auto;
padding:10px 0;
border:1px solid #887777;
background:#FFFFDD url("pma.gif") no-repeat 250px 8px;}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#mail_form .main{
width:100%;
font-weight:bold;
line-height:1.7;
margin-bottom:15px;
padding:10px 0 30px 0;
background:url("pl2.gif") no-repeat center bottom;}

/*メールフォームのタイトルを囲っているタグのclass*/
#mail_form .title{
color:#FF6600;
font-size:14px;
font-weight:bold;
padding:0 10px 5px 10px;}

/*メールフォームの説明文を囲っているタグのclass*/
#mail_form .explain{
font-size:10px;
line-height:1.7;
padding:0 10px;
margin-bottom:10px;}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .name_top{
padding:0 10px 5px 10px;}

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

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

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .name_parts {
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .mail_top{
padding:0 10px 5px 10px;}

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

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

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .mail_parts{
}

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .url_top{
padding:0 10px 5px 10px;}

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

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

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .url_parts{
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .title_top{
padding:0 10px 5px 10px;}

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

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

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .title_parts{
}

/*『address』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .address_top{
padding:0 10px 5px 10px;}

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

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

/*『address』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .address_parts{
}

/*『tel』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .tel_top{
padding:0 10px 5px 10px;}

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

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

/*『tel』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .tel_parts{
}

/*『mobile』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .mobile_top{
padding:0 10px 5px 10px;}

/*『mobile』パーツの表示名を囲っているタグのclass（[ 携帯電話 ]の部分）*/
#mail_form .mobile_left{
}

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

/*『mobile』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .mobile_parts{
}

/*『age』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .age_top{
padding:0 10px 5px 10px;}

/*『age』パーツの表示名を囲っているタグのclass（[ 年齢 ]の部分）*/
#mail_form .age_left{
}

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

/*『age』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .age_parts{
width:50px;
margin-right:5px;}

/*『sex』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .sex_top{
padding:0 10px 5px 10px;}

/*『sex』パーツの表示名を囲っているタグのclass（[ 性別 ]の部分）*/
#mail_form .sex_left{
}

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

/*『sex』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .sex_parts{
}

/*『answer』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .answer_top{
padding:0 10px 5px 10px;}

/*『answer』パーツの表示名を囲っているタグのclass（[ 返信 ]の部分）*/
#mail_form .answer_left{
}

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

/*『answer』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .answer_parts{
}

/*『text』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .text_top{
padding:0 10px 5px 10px;}

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

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

/*『text』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .text_parts{
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_form .textarea_top{
padding:0 10px;}

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

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

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#mail_form .textarea_parts{
width:320px;
height:80px;}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#mail_form .submit{
padding:10px 10px 0 10px;}

/*メールフォームの送信ボタンのclass*/
#mail_form .submit_button{
color:#FFF;
width:auto;
background:#FF6600;
border-color:#FF6600;}

/*エラーメッセージを囲っているタグのclass*/
#mail_form .error{
color:#666;
padding:0 10px;}

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

/*エラーメッセージのリトライボタンのclass*/
#mail_form .error_submit_button{
color:#FFF;
width:auto;
background:#FF6600;
border-color:#FF6600;}

/*送信完了メッセージを囲っているタグのclass*/
#mail_form .result{
height:80px;
margin-top:10px;
padding:0 10px 0 120px;
background:url("pt2.gif") no-repeat 10px top;}

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

/*送信完了メッセージの戻るボタンのclass*/
#mail_form .result_submit_button{
color:#FFF;
width:auto;
margin-left:110px;
position:relative;
top:-50px;
background:#FF6600;
border-color:#FF6600;}

/*著作権表示*/
#mail_form .mail_copyright{
font-size:10px;
font-family:Verdana;
line-height:normal;
margin-top:5px;
padding-left:10px;}

#shinobi_jp_text{
font-family:Verdana;
padding-left:10px;
width:auto !important;
height:auto !important;}

/*リンク*/
#mail_form .mail_copyright a,
#shinobi_jp_text a{
color:#EE6600;
text-decoration:none;}

#mail_form .mail_copyright a:hover,
#shinobi_jp_text a:hover{
color:#99BB00;
text-decoration:underline;}