画像はhtmlファイルと同じ階層に置いてください。
違う場所に置く場合は、相対パスを書き換えてください。

画像を他の素材サイトさまから借りて使用する場合は、
メールフォームページ内に素材サイトさまへのリンクをはる等、
素材配布元が別であることを表記してください。

nh-mail5.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-mail5.css">
</head>
<div align="center">
<br>



</div>
</body>
</html>

CSS

@charset "UTF-8";

body {
margin:50px;
background-color:#ffffff;
font-size:12px;
font-family:Verdana,ＭＳＰゴシック，Osaka;
color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#ffffff;
}
a{
text-decoration:none;
color:#000000;
}
input,textarea{
width:270px;
border-top:none;
border-right:none;
border-bottom:1px solid #000000;
border-left:none;
font-size:12px;
color:#000000;
background-color:#ffffff;
margin:1px 3px;
}

#あなたのID_top {
width:350px;
text-align:right;
padding-top:50px;
background-image : url(8-1.jpg);
background-repeat: no-repeat;
background-position:top left;
width:350px;
}
.explain {
margin-top:400px;
font-size:11px;
text-align:center;
}

.main {
width:350px;
text-align:right;
}
.title{
display:none;
}
.explain {
font-size:10px;
margin:5px 0px 20px 0px;
text-align:center;
}

.title_left{
display:inline;
}
.title_right {
display:inline;
}
.name_left{
display:inline;
}
.name_right {
display:inline;
}
.mail_left{
display:inline;
}
.mail_right {
display:inline;
}
.url_left{
display:inline;
}
.url_right {
display:inline;
}
.textarea_left{
display:none;
}
.textarea_parts {
width:342px;
height:100px;
border:1px solid #000000;
}

.submit_button {
width:100px;
border:1px solid #000000;
}
.result_submit_button {
width:100px;
border:1px solid #000000;
}
.error_submit_button {
width:100px;
border:1px solid #000000;
}

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