@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#otome-mono_top {
WIDTH: 140px;
height:310px;
margin: 0px;
}

/*メールフォームのタイトルを囲っているタグのclass*/
#otome-mono_top BR{
display:none;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#otome-mono_top .main {
FONT-SIZE: 10px;
WIDTH: 140px;
BORDER: #990033 3px double; 
FONT-FAMILY: ＭＳ ゴシック,Osaka,sans-serif; 
TEXT-ALIGN: left;
}

/*メールフォームのタイトルを囲っているタグのclass*/
#otome-mono_top .title{

}

/*メールフォームの説明文を囲っているタグのclass*/
#otome-mono_top .explain {
FONT-SIZE: 10px; 
COLOR: #990033; 
FONT-FAMILY: ＭＳ ゴシック,Osaka,sans-serif; 
TEXT-ALIGN: right;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#otome-mono_top .name_top {
CLEAR: both; 
MARGIN: 3px 3px 3px 0px; 
WIDTH: 100%;
}

/*『name』パーツの表示名を囲っているタグのclass（[ Name ]の部分）*/
#otome-mono_top .name_left{
PADDING: 2px 5px;  
WIDTH: 120px; 
COLOR: black; 
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#otome-mono_top .name_right {
PADDING: 0px 10px;  
WIDTH: 120px; 
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#otome-mono_top .name_parts {
ime-mode: active;
background-color:#EBEBEB;
border-bottom: gray 1px solid;
border-top: none;
border-left: none;
border-right: none;
FONT-SIZE: 12px; 
WIDTH: 110px;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#otome-mono_top .mail_top {
CLEAR: both; 
MARGIN: 3px 3px 3px 0px; 
WIDTH: 100%;
}

/*『mail』パーツの表示名を囲っているタグのclass（[ E-Mail ]の部分）*/
#otome-mono_top .mail_left{
PADDING: 2px 5px;  
WIDTH: 120px; 
COLOR: black;
}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#otome-mono_top .mail_right {
PADDING: 0px 10px;  
WIDTH: 120px;
}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#otome-mono_top .mail_parts {
ime-mode: disabled;
background-color:#EBEBEB;
border-bottom: gray 1px solid;
border-top: none;
border-left: none;
border-right: none;
FONT-SIZE: 12px; 
WIDTH: 110px;
}

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#otome-mono_top .url_top {
CLEAR: both; 
MARGIN: 3px 3px 3px 0px; 
WIDTH: 100%;
}

/*『url』パーツの表示名を囲っているタグのclass（[ URL ]の部分）*/
#otome-mono_top .url_left{
PADDING: 2px 5px;  
WIDTH: 120px; 
COLOR: black;
}

/*『url』パーツの入力項目を囲っているタグのclass*/
#otome-mono_top .url_right {
PADDING: 0px 10px;  
WIDTH: 120px;
}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#otome-mono_top .url_parts {
ime-mode: disabled;
background-color:#EBEBEB;
border-bottom: gray 1px solid;
border-top: none;
border-left: none;
border-right: none;
FONT-SIZE: 12px; 
WIDTH: 110px;
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#otome-mono_top .title_top {
CLEAR: both; 
MARGIN: 3px 3px 3px 0px; 
WIDTH: 100%;
}

/*『title』パーツの表示名を囲っているタグのclass（[ Title ]の部分）*/
#otome-mono_top .title_left{
PADDING: 2px 5px;  
WIDTH: 120px; 
COLOR: black;
}

/*『title』パーツの入力項目を囲っているタグのclass*/
#otome-mono_top .title_right {
PADDING: 0px 10px;  
WIDTH: 120px;
}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#otome-mono_top .title_parts {
ime-mode: active;
background-color:#EBEBEB;
border-bottom: gray 1px solid;
border-top: none;
border-left: none;
border-right: none;
FONT-SIZE: 12px; 
WIDTH: 110px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#otome-mono_top .textarea_top {
CLEAR: both; 
MARGIN: 3px 3px 3px 0px; 
WIDTH: 100%;
}

/*『textarea』パーツの表示名を囲っているタグのclass（[ Comments ]の部分）*/
#otome-mono_top .textarea_left{
PADDING: 2px 5px;  
WIDTH: 120px; 
COLOR: black;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#otome-mono_top .textarea_right {
PADDING: 0px 10px;  
WIDTH: 120px;
}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#otome-mono_top .textarea_parts {
ime-mode: active;
background-color:#EBEBEB;
border-bottom: gray 1px solid;
border-top: none;
border-left: none;
border-right: none;
FONT-SIZE: 12px; 
WIDTH: 110px;
HEIGHT: 70px;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#878787;
scrollbar-shadow-color:#878787;
scrollbar-darkshadow-color:#878787;
scrollbar-highlight-color:#878787;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#EBEBEB;
}

/*『text』パーツの表示名と入力項目を囲っているタグのclass*/
#otome-mono_top .text_top {
CLEAR: both; 
MARGIN: 3px 3px 3px 0px; 
WIDTH: 100%;}

/*『text』パーツの表示名を囲っているタグのclass（[ *項目は必須です ]の部分）*/
#otome-mono_top .text_left{
PADDING: 2px 5px;  
WIDTH: 120px; 
color:#990033;
text-align:right;
}

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

}

/*『text』パーツの入力項目のclass（inputなどの部分）*/
#otome-mono_top .text_parts {
display:none;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#otome-mono_top .submit {
TEXT-ALIGN: right;
margin:5px;
}

/*メールフォームの送信ボタンのclass*/
#otome-mono_top .submit_button {
background-color:Mistyrose;
color:#000000;
border: 1px outset #000000;
}

/*エラーメッセージを囲っているタグのclass*/
#otome-mono_top .error {
margin:5px;
}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#otome-mono_top .error_submit {
TEXT-ALIGN: right;
margin:5px;
}

/*エラーメッセージのリトライボタンのclass*/
#otome-mono_top .error_submit_button {
background-color:#990033;
color:#ffffff;
border: 1px outset #000000;

}

/*送信完了メッセージを囲っているタグのclass*/
#otome-mono_top .result {
margin:5px;
}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#otome-mono_top .result_submit {
margin:5px;
}

/*送信完了メッセージの戻るボタンのclass*/
#otome-mono_top .result_submit_button {
background-color:Mistyrose;
color:#000000;
border: 1px outset #000000;
}

#shinobi_jp_text{
visibility: hidden;
color:white;
}