@charset "Shift_JIS";



/* --- 全体の背景・テキスト --- */

body {

margin: 0;

padding: 0;

background-color: #d8cfa6; /* ページの背景色 */

background-image: url(image/wallpaper.gif); /* ページの背景画像 */

background-repeat: repeat; /* ページの背景画像の並び方 */

color: #000000; /* 全体の文字色 */

font-size: 100%; /* 全体の文字サイズ */

}



/* --- 全体のリンクテキスト --- */

a:link { text-decoration:none; color: #c50067; }

a:visited { text-decoration:none; color: #c50067; }

a:hover { text-decoration:none; color: #ffffff; }

a:active { text-decoration:none; color: #ffffff; }



/* --- コンテナ --- */

#container {

width: 980px; /* ページの幅 */

margin: 20px auto 0; /* センタリング */

background: url(image/sidebar160x160.JPG) repeat-y left; /* サイドバーの背景画像 */

background-color: #4bbeed; /* メインカラムの背景色 */

border-left: 0px #eea841 solid; /* 左の境界線 */

border-right: 0px #eea841 solid; /* 右の境界線 */

}



/* --- ヘッダ --- */

#header {

background-color: #fec601; /* ヘッダの背景色 */

}



/* --- ナビゲーション --- */

#nav {

float: left;

width: 160px; /* サイドバーの幅 */

}



/* --- メインカラム --- */

#content {

float: left;

width: 820px; /* メインカラムの幅 */

}



/* --- フッタ --- */

#footer {

clear: left; /* フロートのクリア */

width: 100%;

background-color: #fec601; /* フッタの背景色 */

}