@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #000032; /* ページの背景色 */
font-family: Arial,"MS UI Gothic",fantasy,sans-serif;
color: #666666; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #7289b7; text-decoration: none;}
a:active { color: #7289b7; }

/* --- コンテナ --- */
#container {
width: 990px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: url(http://design.deens.net/material/sidebar_200.gif) repeat-y left; /* サイドバーの背景画像 */
background-color: #ffffff; /* メインカラムの背景色 */
}

/* --- ヘッダ --- */
#header {
background-color: #F5F5F5; /* ヘッダの背景色 */
}

/* --- ナビゲーション --- */
#nav {
float: left;
width: 200px; /* サイドバーの幅 */
}

/* --- メインカラム --- */
#content {
float: left;
width: 790px; /* メインカラムの幅 */
}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
background-color: #F5F5F5; /* フッタの背景色 */
}