float&formを使ったサイト作り3

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>float&position</title>
<style type="text/css">
<!-
body {
    background-image:url("")
    background-repeat:no-repeat;
    margin: 0;
    padding: 0;
    width: 800px;
}
#wrapper {
    height: 800px;
	width: 0 auto;
	margin: 0 auto;
	padinng: 0 auto;
}
#header {
    width: 500px;
	height: 100px;
	margin: 10px;
	padding: 10px;
	background-color: #000;
	color: #0f0;
}
}
#content {
    width: 800px;
	height: 0 auto;
	float-left:
	margin: 20px;
	padding: 20px;
}
#column_one {
    width: 400px;
	height: 400px;
	margin: 10px;
	float: left;
	background-color: #f11;
}
#column_two {
    width: 400px;
	height: 400px;
	margin: 10px;
		float: left;
    background-color: #191; 
}
#column_three {
    width: 400px;
	height: 400px;
	margin: 10px;
	float: left;
	background-color: #fc2;
}
#footer {
    clear: both;
	font-size: 25px;
	width: 1200px;
	height: 50px;
	padding: 20px;
	margin: 10px;
	color: #ff0;
	background-color: #6ff;
}
h3 {
    background-color: #f0f;
}
#myform {
    font-size: 16px;
	width: 500px
}
#myform label {
    font-size: 16px;
}
#myform table {
    width: 100%;
	border-collapse: collapse;
}
#myform th {
    text-align: left;
	width: 100%;
	padding: 10px;
	background-color: #00f;
	border: solid 1px #f00;
}
#myform td{
    padding: 10px;
	border: solid 1px #f00;
}
#myform p{
    text-align: center;
}
-->
</style>
</head>
<body>
<div id="wrapper">
	<center><div id="header"><br />男と女の関係論『裏・日本民俗史』</div></center>
<hr />
<h3>サティスファクション編</h3>
<div id="content">
	<div id="column_one">「不満足」の反対は「満足」で、英語では「サティスファクション」です。「サティスファクション」(究極の愛の芸術)という本が売れているようです。(著者;キム・キャトラル&マーク・レヴンソン  発売;角川書店)
女性のためのセックスマニュアル本で、女優である奥さんと夫との共著で
出版されたものです。この女性の方は1998年1月に今のご主人と出会うまでは「満足」を感じたことがなかったのだそうです。それが、その後すっかり開眼してしまい、皆さんにもその秘訣をご披露しようというのがこの出版のきっかけだそうです。
こうすれば「不満足」はなくなりますよというわけです。それだけに、「こうしたらいい」というアドバイスはかなり具体的で、愛する人と理想の関係をつくりたい男性、自分の欲望を正直に男性に伝えたい女性の心強い味方の本です。
テクニックに100枚以上の美しいイラストがついています。
*右側に一部記事抜粋
</div>
	<div id="column_two">『Left-Right Flicks 左右に舐める』<br />あらゆる動きのなかで、左右に舐めるのがもっとも興奮をかきたてます。練習すれば、男性は驚異的なスピード(1秒間におよそ6回)で舌を動かせるようになります。はじめは軽く速く、少しずつ力を加えてかなり強く舐める。次に羽根のように軽くしてから、ふたたび徐々に強めます。これを繰り返しましょう。ゆっくり左右に動かすのは、舌に負担がかかりません。したがって、より激しい動きで舌や口の筋肉が疲れたときに使えます。男性は、次のように練習しましょう。鏡を見て、歯のあいだから唇に舌の先を出します。唇を舐めるように、舌を左右に動かします。少しずつ幅を狭め、唇の中心から左右に5ミリずつくらいにします。指先でこの動きを感じて見ましょう。セックスのときには、口の端から端まで舌を動かす場合と、小幅にした場合とでは、パートナーの反応が異なるはずです。</div>
	<div id="column_three">『究極の快感を生むPスポットとは?』<br />
最新の快感ポイントとして、今注目されているのがPスポット(ポルチオスポット)だ。子宮の出口、子宮頚管部に生じる膣快感の一種である。
ここは非常に敏感な部分で、フランケンホイゼル神経叢という、神経がたくさん集まって網目状になっているところです。
ここを開発されると、快感が膣の奥の方で深く感じられるようになる。Gスポットなど膣内でしか得られなかった快感が、子宮全体で感じられるようになるわけです。
このPスポットを開発するには、5年から10年かかるという。
相性の合う特定の男性と、快感を高め合う幸せなセックスを続けることではじめて得られる、まさに究極の快感スポットなのだ。
Pスポットが開発された女性は、セックスがたまらなく良くなるという。
</div>
</div>
<div id="footer">あなたは[ひとりH]または[セックス]でオーガズムを経験したことがありますか?(女性1000人対象)</div>
</div>
<h3>アンケート結果</h3>
<table border="2" summary"">
	<tr>
		<th>ひとりHとセックスで</th>
		<td>55     %</td>
	</tr>
	<tr>
		<th>ひとりHのみ</th>
		<td>23     %</td>
	</tr>
	<tr>
		<th>セックスのみ</th>
		<td>0.3  %</td>
	</tr>
	<tr>
		<th>どっちもない</th>
		<td>   21.7  %</td>
	</tr>
</table>
<p>つまり---------
2人に1人がセックスでイッたことがありません。</p>
<hr />
<h3>質問&お問い合わせはコチラ↓</h3>
<form action="#" method="post" id="myform">
<table>
	<tr>
		<th><label for="user">name</label></th>
		<td><input type="text" id="user" name="username"</td>
	</tr>
	<tr>
		<th><label for="mail">mailaddress</label></th>
		<td><input type="text" id="mail" name="mailaddress"></td>
	</tr>
	<tr>
		<th><label for="com">"comment"</label></th>
		<td><textarea id="com" name="comment" cols="38" rows="8"></textarea></td>
	</tr>
</table>
<p>name:
	<input type="text" name="name" size="20" maxlength="10" value="your name"
</p>
<p>comment:<textarea name="subject" rows"6" cols="40">問い合わせ</textarea></p>
<p><input type="submit" value="送信"></p>
</form>
<address>EGZ.COM</address>
<a href="http://f.hatena.ne.jp/egz1984/20120505081605"><img src="http://img.f.hatena.ne.jp/images/fotolife/e/egz1984/20120505/20120505081605.png" alt="EGZ.COM"></a>
</body>
</html>