@charset "UTF-8";

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

BODY{
background-color: #fff;
color: #362F2D;
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
font-size : 12px;
}

/*--リンク設定--*/
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: 350px; /*--幅を変更すると表示が崩れる場合があります、このテンプレートではなるべく変更しないでください--*/
margin: 10px auto 0 auto;
padding: 7px 0 7px 0;
background: #939E66;
border:1px solid #6C7243;
}

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

/*--メールフォームのタイトル部分--*/
div.title{
font-size:14px;
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#ninmail div.main{
text-align: left;
padding: 3px 15px;
border:1px solid #fff;
background-color: #BFD8AF;
position: relative;
}
/*--改行指定--*/
div.main br{
line-height: 1px;
}

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

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

/*名前*/
div.name_right{
padding-top:9px;
width:150px;
background-image: url(simple_name2.gif); /*--必須項目でなくする場合はsimple_name1.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
}

/*メール*/
div.mail_right{
padding-top:9px;
width:150px;
background-image: url(simple_mail2.gif); /*--必須項目でなくする場合はsimple_mail1.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
}

/*URL*/
div.url_right{
padding-top:9px;
width:150px;
background-image: url(simple_url1.gif); /*--必須項目にする場合はsimple_url1.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
}

/*本文*/
div.textarea_right{
padding-top:9px;
width:150px;
background-image: url(simple_messe2.gif); /*--必須項目でなくする場合はsimple_messe1.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
overflow:hidden;
position: absolute;
top: 3px;
right: 20px; 
}

/*件名*/
div.title_right{
padding-top:9px;
width:150px;
background-image: url(simple_title1.gif); /*--必須項目にする場合はsimple_title2.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: #fafafa;
border-top : 1px solid #6C7243;
border-bottom : 1px solid #6C7243;
border-right : 1px solid #6C7243;
border-left : 5px solid #6C7243;
font-size: 12px;
padding: 0 1px;
color: #6C7243;
width: 100%;
line-height: 120%;
}

/*--テキストエリア--*/
div.main textarea {
background: #fafafa;
border-top : 1px solid #6C7243;
border-bottom : 1px solid #6C7243;
border-right : 1px solid #6C7243;
border-left : 5px solid #6C7243;
font-size: 12px;
padding: 0 1px;
color: #6C7243;
width:100%;
height: 85px;
line-height: 120%;
}

/*--送信ボタン部分ボックス--*/
div.submit{
text-align: left;
margin: 3px 0;
}
/*--送信ボタン--*/
div.main input.submit_button {
color: #fff;
margin : 0;
background: #6C7243;
font-weight : bold;
font-size: 10px;
border : 1px solid #fff;
width: 60px;
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;
}