**************************************************
 CSS by TABLE ENOCH * http://mama.oops.jp/ 
 Template Name [ form10 ]
 Ver. 2007.03.08.忍者式メールフォーム

 For 『忍者式メールフォーム』
 http://www.shinobi.jp/mform/
*************************************************/


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;
}
form {
  margin:0px ;
  padding:0px ;
}

/* メールフォーム全体 */

body { background-image: http://dorocafe.okoshi-yasu.com/dennsinn.png; }

.te_mailform {
  width:280px ;
  text-align:left ;
  font:10px/15px Tahoma ;
  color:#ccc ;
}
.te_mailform a {
  color:#999 ;
  text-decoration:none ;
}
.te_mailform a:hover {
  color:#000 ;
}

/* メールフォームタイトル */
.title {
  text-align:left ;
  font:bold 10px/18px Tahoma ;
  color:#000 ;
  letter-spacing:2px ;
}

/* メールフォーム説明 */
.explain {
  text-align:left ;
  font:10px/18px Tahoma ;
  color:#000 ;
  letter-spacing:2px ;
}

/* フォーム内 */
.main {
  background:#fff url(bg.gif) no-repeat right bottom ;
  border:solid 1px #000 ; /* 枠 */
  margin-bottom:30px ; /* Poweredとの距離 */
  padding:10px 5px ; /* 余白:上下px 左右px */

  text-align:right ;
  font:10px Tahoma ;
  letter-spacing:1px ;
  color:#000 ;
}

/* 名前inputのサイズ */
.name_parts {
  width:150px ;
}

/* メールinputのサイズ */
.mail_parts {
  width:220px ;
}

/* 本文（大）のサイズ */
.textarea_parts {
  width:250px ;
  height:100px ;
}

/* フォーム内input */
input , textarea {
  width:250px ;
  border:solid 1px #000 ; /* 枠 */
  background:#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;

  /* 透け感 （数値が小さいほど透ける） */
  filter:Alpha(opacity=60) ;
  opacity:0.6 ;
  -moz-opacity:0.6;

  font:10px Verdana ;
  color:#fff ;
}

/* エラーメッセージ */
.te_mailform .error {
  background:#000 ; /* 背景色 */
  text-align:center ;
  line-height:16px ;
  color:#f00 ;
}

/* 送信完了メッセージ */
.te_mailform .result {
  background:#000 ; /* 背景色 */
  text-align:center ;
  line-height:16px ;
  color:#fff ;
}

/* submitボタンの位置 */
.te_mailform .submit ,
.te_mailform .error_submit ,
.te_mailform .result_submit {
  text-align:right ;
}

/* submitボタン */
.te_mailform .submit_button ,
.te_mailform .error_submit_button ,
.te_mailform .result_submit_button {
  width:60px ;
  letter-spacing:2px ;
}