@charset "Shift_JIS";



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

body {

margin: 0;

padding: 0;

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

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

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

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

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

}



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

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

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

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

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



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

#container {

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

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

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

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

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

}



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

#header {

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

}



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

#nav {

float: left;

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

}



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

#content {

float: left;

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

}



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

#footer {

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

width: 100%;

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

}



/* --- ボックス --- */

div.section {

width: 160px; /* ボックスの幅 */

background-color: #5fffff; /* ボックスの背景色 */

border: 2px #1e90ff solid; /* ボックスの境界線 */

font-size: 100%; /* ボックスの文字サイズ */

}



/* --- 見出し --- */

div.section h3 {

position: relative; /* IE6用 */

width: 100px; /* 見出しの幅 */

margin: -0.9em 0 0 3px; /* 見出しのマージン（上右下左） */

padding: 0px; /* 見出しのパディング */

background-color: #1e90ff; /* 見出しの背景色 */

border: 2px #1e90ff solid; /* 見出しの境界線 */

font-size: 100%; /* 見出しの文字サイズ */

text-align: center;

}



/* --- ボックス内の段落 --- */

div.section p {

margin: 6px; /* 段落のマージン（上下、左右） */

}



/* --- ボックス2 --- */

div.section2 {

width: 600px; /* ボックスの幅 */

background-color: #5fffff; /* ボックスの背景色 */

border: 2px #1e90ff solid; /* ボックスの境界線 */

font-size: 100%; /* ボックスの文字サイズ */

}



/* --- 見出し2 --- */

div.section2 h5 {

position: relative; /* IE6用 */

width: 240px; /* 見出しの幅 */

margin: -0.9em 0 0 3px; /* 見出しのマージン（上右下左） */

padding: 0px; /* 見出しのパディング */

background-color: #1e90ff; /* 見出しの背景色 */

border: 2px #ff1e90ff solid; /* 見出しの境界線 */

font-size: 100%; /* 見出しの文字サイズ */

text-align: center;

}



/* --- ボックス内の段落2 --- */

div.section2 r {

margin: 10px; /* 段落のマージン（上下、左右） */

}