@charset "UTF-8";

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

/* --- 全体のリンクテキスト --- */
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;
}


/* --- ヘッダ２ --- */
#header2 {
background-color: #483D8b; /* ヘッダの背景色 */
color: #ffffff; /*文字色 */
width: 400px;
text-align: left;
margin: 10px 0px 0px 80px;
}




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


/* --- コンテンツ2 --- */
#content2 {
background-color: #ffffff; /* コンテンツの背景色 */
width: 400px;
margin: 10px 0px 0px 100px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 30px;
text-align: leftr;
}


/* --- コンテンツ３ --- */
#content3 {
background-color: #ffffff; /* コンテンツの背景色 */
width: 530px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 30px;
text-align: right;
}




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

}