@charset utf-8;

/* --- 全体の背景・テキスト --- */
body  { color: #000000; font-size: 100%; margin: 0px; padding:0px; text-align:center; }

/* --- コンテナ --- */
#container    { text-align: left; margin-right: auto; margin-left: auto; width: 812px }

/* --- ヘッダ --- */
#header        { color: black; font-size: 12px; padding-top: 30px; padding-left: 60px; width: 810px }

/* --- コンテンツ --- */
#content      { width: 810px }

/* --- フッタ --- */
#footer          { color: black; font-size: 15px; padding-left: 60px; width: 750px }

/* --- ナビゲーションバー --- */
div.nav               { background-color: white; padding-left: 60px; width: 800px }
/* --- メニューエリア --- */
div.nav ul.nl      { list-style-type: none; margin: 0; padding: 4px 0; width: 790px }
/* --- メニュー項目 --- */
div.nav ul.nl li     { float: left }
/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item1 { width: 217px }
div.nav ul.nl li.item2 { width: 80px }
div.nav ul.nl li.item3 { width: 83px }
div.nav ul.nl li.item4 { width: 80px }
div.nav ul.nl li.item5 { width: 101px }
div.nav ul.nl li.item6 { width: 130px }
/* --- リンク --- */
div.nav ul.nl li a   { text-decoration: none; display: block; padding: 2px 5px; position: relative; border-right: 1px solid #cccccc }
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover { text-decoration: underline }
/* --- clearfix --- */
.clearFix:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }
.clearFix   { min-height: 1px }
.contents      { font-size: 10px; background-color: white; text-align: justify; width: 760px; clear: left }
/* --- リストエリア --- */
ul.thumbnail                 { text-align: left; list-style-type: none; width: 810px }

/* --- リスト項目 --- */
ul.thumbnail li               { text-align: center; width: 231px; float: left }

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

hr.separator      { text-align: center; width: 812px; height: 1px; border-style: solid none none; border-width: 1px medium medium; border-color: #000000 }
hr.separator1      { text-align: center; width: 700px; height: 1px; border-style: solid none none; border-width: 1px medium medium; border-color: #000000 }
img { border: none }