﻿
body {
  scrollbar-highlight-color:#ffffff ;
  scrollbar-shadow-color:#ffffff ;
  scrollbar-arrow-color:#000 ;
  scrollbar-face-color:#ffffff ;
  scrollbar-3dlight-color:#ffffff ;
  scrollbar-track-color:#ffffff ;
  scrollbar-darkshadow-color:#ffffff;
background-color: #6ab5ff;
color: #362F2D;
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
font-size : 12px;
}

/*--全体を囲むボックス--*/
DIV#ninmail{
text-align: left;
width: 230px; /*--ここの幅を変えると全体の幅が変更できます--*/
margin: 10px auto 0 auto;
padding: 7px 0 7px 10;
border:1px dotted #362F2D;
background-color : #fafafa;
  padding: 0 10px;
}


/*元の項目名を見えなくする設定*/
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;
background-image: url(simple_name1.gif); /*--必須項目でなくする場合はsimple_name1.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
}

/*メール*/
div.mail_right{
padding-top:9px;
background-image: url(simple_mail1.gif); /*--必須項目でなくする場合はsimple_mail1.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
}

/*URL*/
div.url_right{
padding-top:9px;
background-image: url(simple_url1.gif); /*--必須項目にする場合はsimple_url1.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
}

/*本文*/
div.textarea_right{
padding-top:9px;
margin-left:0px;
background-image: url(simple_messe1.gif); /*--必須項目でなくする場合はsimple_messe1.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
}

/*本文*/
div.text_top{
padding-top:9px;
margin-left:-15px;
width:270px
}

div.text_left{
text-align:left;
margin-left:7px;
}
div.text_parts {
height:100px;
}

textarea {
  width:250px ;
  height:80px ;
  border:solid 1px #000 ;
  scrollbar-highlight-color:#000 ;
  scrollbar-shadow-color:#000 ;
  scrollbar-arrow-color:#fff ;
  scrollbar-face-color:#000 ;
  scrollbar-3dlight-color:#000 ;
  scrollbar-track-color:#000 ;
  scrollbar-darkshadow-color:#000;
    font:10px Verdana ;
  color:#fff ;
}



/*件名*/
div.title_right{
padding-top:9px;
background-image: url(simple_title1.gif); /*--必須項目にする場合はsimple_title2.gifに変更--*/
background-repeat: no-repeat;
background-position: left top;
}


/*////////////--項目名を画像にする設定ここまで//////////////--*/



/* メールフォームタイトル */
.title {
  margin-right:6px ;
  text-align:right ;
  font:10px Tahoma ;
  color:#000 ;
  letter-spacing:2px ;
}

/* メールフォーム説明 */
.explain {
  margin-top:6px ;
  text-align:center ;
  font:0px Tahoma ;
  color:#000 ;
  letter-spacing:2px ;
}

/* 枠の色 */
.waku{ background:#fff }

/* 枠の中の色 */
.naka{ background:#000 }

/* メールフォーム */
.te_mailform {
  text-align:left ;
  margin:20px 20px 10px ;
  width:250px ;
  font:10px Tahoma ;
  color:#ccc ;
}
.te_mailform a {
  color:#999 ;
  text-decoration:none ;
}
.te_mailform a:hover {
  color:#000 ;
}

/* フォーム名 */
.main {
  text-align:left ;
  font:10px Tahoma ;
  color:#000 ;
  letter-spacing:1px ;
}

/* フォーム内input */
input {
  width:150px ;
  border:solid 1px #000 ;
  background:#fff ;
  font:10px Verdana ;
  color:#6ab5ff ;
   
}

/* フォーム内textarea */
textarea {
  width:220px ;
  height:100px ;
  border:solid 1px #000 ;
  scrollbar-highlight-color:#000 ;
  scrollbar-shadow-color:#000 ;
  scrollbar-arrow-color:#fff ;
  scrollbar-face-color:#000 ;
  scrollbar-3dlight-color:#000 ;
  scrollbar-track-color:#000 ;
  scrollbar-darkshadow-color:#000;
    font:10px Verdana ;
  color:#000 ;
}

/* エラーメッセージ */
.te_mailform .error {
e
  text-align:center ;
  line-height:16px ;
  color:#f00 ;
}

/* 送信完了メッセージ */
.te_mailform .result {
  text-align:center ;
}

/* submitボタンのセンタリング */
.te_mailform .submit ,
.te_mailform .error_submit ,
.te_mailform .result_submit {
  text-align:center ;
  background:#000 ;
}

/* submitボタン */
div.main input.submit_button {
color: #fff;
margin : 0;
background: #362F2D;
font-weight : bold;
font-size: 10px;
border : 1px solid #362F2D;
width: 80px;
line-height: 100%;
margin: 0px 0 0 60;
}