<style type="text/css">
<!--
CSSコード（style.css）

@charset "Shift_JIS";
body {
margin: 0;
padding: 0;
font-size: 100%;
}

/* --- 全体のリンクテキスト --- */
a:link { color: dimgray; }
a:visited { color: blue; }
a:hover { color: red; text-decoration: underline;}
a:active { color: dimgray; }
a {text-decoration: none;}


#page {
width: 825px; /* ページの幅 */
margin: 0 auto; /* センタリング */
color: black; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}


/* --- ヘッダーの設定start --- */
/* --- ヘッダー --- */
#header {
position: relative;
width: 825px;
height: 100%;
margin: 0px 0px 0px; /* （上、左右、下） */
padding: 0px 0px 0px; /* (上、左右、下） */
}

p.top{
font-size: 150%;
}

/* --- ヘッダーの設定end --- */


/* --- サイドカラムの設定start --- */
/* --- サイド --- */
#side {
float: left;
width: 170px; /* サイドバーの幅 */
padding: 10px 10px 0px 20px; /* （上、右、下、左） */
}


/* --- 標準セクション --- */
/* 見出し */
#side div.headline {
background: url(image/bk50.png); /* 見出しの背景 */
padding: 5px 0px 5px 10px; /* （上、右、下、左） */
margin: 0px 0px 10px 0px; /* (上、右、下、左） */
}

#side div.text {
background: url(image/bk50.png); /* 見出しの背景 */
border:1px #2a2a2a solid;
padding: 0px 0px 0px 15px; /* （上、右、下、左） */
margin: 0px 0px 0px 0px; /* （上、右、下、左） */
}

/* --- ナビゲーションバー --- */
#side div.nav {
width: 170px;
font-size: 80%;
}

/* --- メニューエリア --- */
#side div.nav ul.nl {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
text-align: left;
background: url(image/bk50.png);
}

/* --- メニュー項目 --- */
#side div.nav ul.nl li {
width: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* --- リンク --- */
#side div.nav ul.nl li a {
display: block;
position: relative;
text-decoration: none;
color: white;
padding: 3px 0px;
}

/* --- ポイント時 --- */
#side div.nav ul.nl li a:hover {
background-color: gray;
}


/* --- サイドカラムの設定end --- */

/* --- メインカラムの設定start --- */
/* --- main --- */
#main {
float: left;
width: 800px; /* メインカラムの幅 */
padding: 10px 12px 10px 10px; /* （上、右、下、左） */
}

/* --- 標準セクション --- */
/* ページタイトル */
#main div.title {
padding: 20px 0px 20px 0px; /* （上、右、下、左） */
margin: 0px 0px 0px 0px; /* （上、右、下、左） */
color:black;
font-size: 150%;
font-weight: 900;
}

/* 見出し */
#main div.headline {
padding: 0px 0px 10px 10px; /* （上、右、下、左） */
margin: 0px 0px 0px 0px; /* （上、右、下、左） */
color:black;
font-size: 130%;
font-weight: 800;
}

/* 見出し02 */
#main div.headline02 {
padding: 10px 10px 10px 10px; /* （上、右、下、左） */
margin: 0px 0px 50px 0px; /* （上、右、下、左） */
color:black;
font-size: 130%;
font-weight: 800;
background-color: lemonchiffon;
border-top: 2px yellow solid;
border-left: 2px yellow solid;
border-right: 2px gold solid;
border-bottom: 2px gold solid;
}

#main div.text {
padding: 0px 0px 30px 15px; /* （上、右、下、左） */
margin: 0px 0px 0px 0px; /* （上、右、下、左） */
color:black;
}


/* --- メインカラムの設定end --- */

/* --- フッタの設定starte --- */
/* --- フッタ --- */
#footer {
clear: left;
font-size: 80%;
padding: 0px 0px 0px 0px; /* （上、右、下、左） */
text-align: center;
}
/* --- フッタの設定end --- */




/* --- その他 --- */

/* --- 更新履歴 --- */
/* --- ボックス --- */
div.news {
width: 600px;
border: 1px white solid;
font-size: 80%;
background:url(image/main-w75.png);
color:black;
}

/* --- 見出し --- */
div.news h3 {
margin: 0;
padding: 5px 10px; /* （上下、左右） */
font-size: 100%;
}

/* --- 本文領域 --- */
div.news {
height: 100px;
margin: 0px 10px; /* （上下、左右） */
overflow: auto;
}

/* --- 本文領域内の段落 --- */
div.news p {
margin: 1em 10px; /* （上下、左右） */
}

/* --- ナビゲーションバー --- */
div.nav {
width: 100%;
font-size: 100%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
text-align: center;
background-color: #f4eaff;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 137px;
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative;
text-decoration: none;
color: black;
padding: 3px 0px;
}

/* --- ポイント時 --- */
div.nav ul.nl li a:hover {
background-color: #aa55ff;
}

/* --- アクティブ時 --- */
div.nav ul.nl li.active a {
background-color: #aa55ff;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- 点線 --- */
hr.separator1 {
height: 2px;
border: none;
border-top: 1px gray dotted;
margin: 10px 0px 10px 0px;
}


-->
</style>