@charset "UTF-8";
body {
	background: #FFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 12px;
}
*html body {
	/*for WinIE6*/
	font-size: 75%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
}
*:first-child+html body {
	/*for WinIE7*/
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}

/* 伸縮自在レイアウトに関するヒント
1. 伸縮自在レイアウトの全体的なサイズはユーザーの初期設定のフォントサイズに基づいて設定されるため、伸縮自在レイアウトの表示を予測することは困難です。伸縮自在レイアウトでは行の長さの割合が維持されるため、伸縮自在レイアウトは、適切に使用すれば、大きいフォントサイズを使用する必要がある場合に便利です。
2. このレイアウトの div のサイズは、body エレメントの 100% のフォントサイズに基づいて設定されます。body エレメントまたは #container の font-size: 80% を使用して全体のテキストサイズを小さくすると、レイアウト全体のサイズが比例して小さくなります。これを補正するには、必要に応じて、div の幅を大きくしてください。
3. デザイン全体ではなく div ごとにフォントサイズが変更される場合は (#sidebar1 のフォントサイズは 70% に設定され、#mainContent のフォントサイズは 85% に設定される場合)、これにより、それぞれの div の全体のサイズが比例して変更されます。必要に応じて、最終的なフォントサイズに基づいて調整してください。
*/
.oneColElsCtrHdr #container {
	width: 700px;  /* テキストがブラウザの初期設定のフォントサイズのままである場合は、この幅により、800px のブラウザウィンドウに収まるコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto auto;
	text-align: left;
}
.oneColElsCtrHdr #header {
	background: #FFF;
	padding: 50px 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	width: 700px;
	height: 40px;
} 
.oneColElsCtrHdr #header h1 { margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */ }
.oneColElsCtrHdr #mainContent {
	background: #FFFFFF;
	text-align: left;
	width: 400px;
	padding: 0 150px;
	height: 400px;
}
.oneColElsCtrHdr #footer {
	padding: 0 40px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFF;
	text-align: left;
} 
.oneColElsCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	text-align: left;
}
p {
	font-size: 11px;
	line-height: 1.5;
}
h1 {
	font-size: 24px;
}
h2 { font-size: 12px; }
h4 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	vertical-align: top;
	white-space: nowrap;
	text-indent: 10px;
}
a {
	color: #930;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
li {
	font-size: 11px;
	line-height: 1.5;
	width: 300px;
}
.oneColElsCtrHdr #container #mainContent #profile {
	height: 200px;
	width: 250px;
	float: left;
	margin-top: 30px;
}
.oneColElsCtrHdr #container #mainContent #me {
	height: 110px;
	width: 120px;
	float: right;
}