使用している画像は1つです。
画像はhtmlファイルと同じ階層に置いてください。
違う場所に置く場合は、相対パスを書き換えてください。
背景画像を他の素材サイトさまから借りて使用する場合は、
メールフォームページ内に素材サイトさまへのリンクをはる等、
素材配布元が別であることを表記してください。




nh-mail3.zip　DL

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title></title>
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="nh-mail3.css">
</head>
<body>
<!-- ここから -->

<!-- ここまでメールフォームタグを記入 -->
</body>
</html>


CSS

@charset "UTF-8";

body {
margin: 50px 10px 0 300px;
background-color:#ffffff;
font-size:12px;
font-family:Verdana,ＭＳ Ｐゴシック，Osaka;
color:#464646;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#FF6666;
scrollbar-darkshadow-color:#FF6666;
scrollbar-highlight-color:#FF6666;
scrollbar-shadow-color:#FF6666;
scrollbar-track-color:#ffffff;
}

body{
background-image : url(nh-mail3-yoko.gif);
background-repeat : repeat-y;
background-position : 200px 0;
background-attachment : fixed;
}
a{
text-decoration:none;
color:#696969;
}
input,textarea{
width:250px;
border:1px solid #FF6666;
font-size:12px;
color:#464646;
background-color:#ffffff;
}


#あなたのID_top {
width:250px;
text-align:left;
margin: 6px;
}
.title{
width:250px;
text-align:center;
font-weight:bold;
font-size:15px;
border:1px solid #FF6666;
}
.explain {
width:250px;
text-align:center;
font-size:10px;
margin:5px 0px 20px 0px;
}


.title_left {
padding-left:7px;
}
.name_left{
padding-left:1px;
}
.mail_left{
padding-left:7px;
}
.url_left{
padding-left:7px;
}
.textarea_left{
padding-left:1px;
}
.textarea_parts {
height:70px;
}

.submit_button {
color:#CC3333;
}
.result_submit_button {
color:#CC3333;
}
.error_submit_button {
color:#CC3333;
}

/* りんだう。http://rindau.nobody.jp/ */