@charset "UTF-8";

/*--全体--*/
*{
margin:0;
padding:0;
}

#blog_top {
background-color: #ffffff;
color: #362F2D;
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
font-size : 10px;
border:1px dotted #362F2D;
width: 166px;
}

/*--リンク設定--*/
a {text-decoration: none;}
a:link {color: #362F2D;}
a:visited {color:#362F2D;}
a:active {color: #362F2D;}
a:hover {color:#eee;}

/*--全体を囲むボックス--*/
DIV#ninmail{
text-align: left;
width: 100px; /*--ここの幅を変えると全体の幅が変更できます--*/
margin: 10px auto 0 auto;
padding: 7px 0 7px 0;
border:1px dotted #362F2D;
background-color : #fafafa;
}

/*--最下部ボックス--*/
div.mailbottom{
font-size:8px;
text-align: left;
padding-left:10px;
}
/*忍者メール広告*/
#shinobi_jp_text{
font-size:8px;
margin:  0 0px 0px 0px;
line-height: 10px;
}

/*--メールフォームのタイトル部分--*/
div.title{
font-size:16px;
font-weight: bold;
color: #362F2D;
text-align: left;
padding: 5px 10px 3px 10px;
}

/*--メールフォームの説明文--*/
div.explain{
font-size:10px;
margin-bottom:5px;
text-align: left;
padding: 0 10px 3px 10px;
color: #362F2D;
}

/*--フォーム内容のブロック--*/
div.main{
text-align: left;
padding: 0 15px;
}
/*--改行指定--*/
div.main br{
line-height: 5px;
}

/*元の項目名を見えなくする設定*/
div.name_left, div.mail_left, div.url_left, div.title_left, div.textarea_left{
display:none;
}

/*////////////--項目名を画像にする//////////////--*/
/*--必須項目とそうでない項目は画像を使い分けて下さい
例：
名前を必須項目＝name2.gif
名前を必須でなくする＝name1.gif
画像の名前の末尾が１＝通常用
名前の画像の末尾が２＝必須項目用です
初期設定では名前、メールアドレス、本文が必須項目用表示になっています--*/

/*名前*/
div.name_right{
padding-top:9px;
background-image: url(form_name.gif);
background-repeat: no-repeat;
background-position: left top;
}

/*メール*/
div.mail_right{
padding-top:9px;
background-image: url(form_mail.gif);
background-repeat: no-repeat;
background-position: left top;
}

/*URL*/
div.url_right{
padding-top:9px;
background-image: url(form_url.gif);
background-repeat: no-repeat;
background-position: left top;
}

/*本文*/
div.textarea_right{
padding-top:9px;
background-image: url(form_messege.gif);
background-repeat: no-repeat;
background-position: left top;
}

/*件名*/
div.title_right{
padding-top:9px;
background-image: url(form_title.gif);
background-repeat: no-repeat;
background-position: left top;
}


/*////////////--項目名を画像にする設定ここまで//////////////--*/


/*--他フォーム名称部分のボックス--*/
.text_left, .address_left, .tel_left, .mobile_left,
.sex_left, .age_left{
font-size : 10px;
color:#362F2D;
font-weight: bold;
text-align: left;
padding: 0 30px;
}

/*--他フォーム表示部分のボックス--*/
.text_right, .address_right, .tel_right, .mobile_right,
.sex_right, .age_left{
text-align: left;
padding: 0 30px;
}

/*--性別セレクト--*/
.sex_parts{
font-size : 12px;
width:70px;
}

/*--一行テキストエリア--*/
div.main input {
background: #F8F8EC;
border : 1px dotted #362F2D;
font-size: 13px;
color: #3B2027;
width: 100%;
}

/*--テキストエリア--*/
div.main textarea {
background: #F8F8EC;
border : 1px dotted #362F2D;
font-size: 13px;
line-height: 130%;
color: #3B2027;
width:100%;
height:50px;
}

/*--送信ボタン部分ボックス--*/
div.submit{
text-align: center;
margin-bottom: 3px;
border-bottom:1px dotted #362F2D;
padding: 0 0 5px 0;
}
/*--送信ボタン--*/
div.main input.submit_button {
color: #808080;
margin : 0;
background: #f5f5f5;
font-weight : bold;
font-size: 10px;
border : 1px solid #808080;
width: 80px;
line-height: 100%;
}

/*--送信完了画面--*/
div.result{
padding:20px;
}

/*--送信完了後戻るボタンのボックス--*/
div.result_submit{
margin-bottom:10px;
text-align: center;
}

/*--戻るリンク部分--*/
#homelink{
font-size : 10px;
font-weight : bold;
margin-top : 3px;
text-align : center;
}