@charset "utf-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
color: #404040; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
font-size: 90%; /* 全体の文字サイズ */
}

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

/* --- コンテナ --- */
#container {
width: 760px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: url(sidebar_200.gif) repeat-y left; /* サイドバーの背景画像 */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左の境界線 */
border-right: 1px #c0c0c0 solid; /* 右の境界線 */
background: #3592B9;
background: #87CEFA;
}

/* --- ヘッダ --- */
#header {
background-color: #ffe080; /* ヘッダの背景色 */
background: #3592B9;
background: #87CEFA;

}

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

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

}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
background-color: #ffe080; /* フッタの背景色 */
background: #3592B9;
border:5px;
padding:10px;
}


/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 7px 0 11px; /* 項目のパディング（上右下左） */
background: url(../image/menu_triangle1.gif) no-repeat 0 0.2em; /* 項目の背景（マーカー） */
display: inline;
}