@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
font-family: monospace;
line-height: 150%;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
margin: 0 20px;
}

/* --- ヘッダ --- */
#header {
background-color: #33ccff; /* ヘッダの背景色 */
color: #ffffff; /*文字色 */
width: 600px;
text-align: center;
margin: 10px 0px 20px 0px;

}

/* --- コンテンツ --- */
#content {
background-color: #ffffff; /* コンテンツの背景色 */
width: 500px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 30px;

}

/* --- フッタ --- */
#footer {
background-color: #33ccff; /* フッタの背景色 */
width: 600px;
text-align: center;
}