スタイルシートstyle.cssを作成および編集する

ユーザーが入力する送信フォームを作成します。
フォルダ./tmpl/にあるstyle.cssを編集します。

初期はstyle.cssが./tmpl/内にないため、新規に作成しtmpl内にアップロードしてください

アップロード後は管理ページより編集可能です

• 必ずutf-8で作成保存する
• ウェブ上で編集可能です。ソースを編集する際は、管理ページ＞＞テンプレートを編集する＞＞style.css　を選び、コピー＆ペーストしてください。
• 入力送信ページ　form.htmlと同じフォルダ（./tmpl/）に保存する
• CSSを追加するときは、TAGindexのスタイルシートを参考に追加してください。

ソースコードは以下のとおりです。

ファイル名：　style.css

///////////////////////////////////////////////////////////////////////////

/* 全体の文字サイズと文字色の指定

======================================================= */

BODY,TABLE,TR,TD,TH {

font-size:12px; color:#333333 ;

}

/* ページ全体のマージン設定　背景色

======================================================= */

BODY {
margin: 0px 0px 0px 0px;
background-color: #ffffff;
}

/* タイトル部分の各種指定

======================================================= */

#title-table { width:465px; padding:3px; }

/* タイトル文字左のアクセントの幅と色の設定 */

#title-left { width:5px; background-color:#cc0000; }

/* タイトル文字の設定 */

#font-title { font-size:15px ; font-weight:bold ; color:#333333 ; }

/* 罫線hr コメント領域の指定

======================================================= */

hr.header { height:1px; border:none ; border-top:1px #888888 solid ;  }

/* コメント領域のテーブルと文字色の各種指定

======================================================= */

table.coment-table { width:465px ; padding:3px ; }

#font-coment { color:#444444 ; line-height:150% ; }

#font-caution { color:#cc0000 ; line-height:150% ; }

/* 入力フォーム領域のテーブルと文字色の各種指定

======================================================= */

#form-table { width:465px ; padding:3px ; }

/* 入力タイトルの文字色 */

#font-form { color:#777777; }

/* 入力タイトルの文字色 */

#font-needs { color:#cc0000; }

/* 入力フォーム奇数段の背景色 */

#tr-form1 { background-color:#d2d2d2 ; padding:3px ; }

/* 入力フォーム偶数段の背景色 */

#tr-form2 { background-color:#eaeaea ; padding:3px ; }

/* 入力フォーム内のpadding */

#td-form { padding:3px; }

/* フォーム下のコメント文字の大きさと文字色 */

font.form-sample { color:#ffffff ; font-size:8px ; }

/* フォーム入力枠内の各種指定

======================================================= */

input,textarea,select{

border-left:1px solid Dimgray;

border-right:1px solid Dimgray;

border-top:1px solid Dimgray;

border-bottom:1px solid Dimgray;

font-size:13px;color:Dimgray;background-color:#ffffff 

}

/* 罫線hr コメント領域の指定

======================================================= */

hr.footer { height:1px; border:none ; border-top:1px #888888 solid ;  }

/* ボタンの各種設定

======================================================= */

/* リセットボタンの設定 */

#submit-reset { color:#555555 ; background-color:#eaeaea ;  }

/* 次へ進むボタンの設定 */

#submit-next { color:#ffffff ; background-color:#ff0000 ;  }