@charset "Shift_JIS";
/**********************************/
/* CSSのデフォルト値をリセット    */
/**********************************/
/* HTML */
html {
 margin: 0px;
 padding: 0px;
}
/* BODY */
body {
 margin: 0px;
 padding: 0px;
}
/* DIV */
div {
 margin: 0px;
 padding: 0px;
 border: none;
}
/* TABLE */
table {
 margin: 0px;
 padding: 0px;
 border: none;
 border-collapse: collapse;
}
/* TD,TH */
td,th {
 padding: 0px;
 border: none;
 vertical-align: top;
}
/* IMG */
img {
 margin: 0px;
 border: none;
 vertical-align: bottom;
}
/* UL */
ul {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
/* FORM */
form {
 margin: 0px;
 padding: 0px;
}
/* INPUT */
input {
 margin: 0px;
}
/* P */
p {
 margin: 0px;
 padding: 0px;
}
/**********************************/
/* 個別に指定するスタイル         */
/**********************************/
/* 表示しないときに使う */
.none {
 display: none;
}
/* floatの解除をする */
.clear {
 clear: both;
}
/**********************************/
/* 文字をイタリックにします */
.i {
 font-style: italic;
}
/* 文字をボールドにします */
.b {
 font-weight: bold;
}
/* 文字にアンダーラインを引きます */
.u {
 text-decoration: underline;
}
/* 文字に取消線を引きます */
.s {
 text-decoration: line-through;
}
/**********************************/
/* ゴシック系のフォントにします */
.sa {
 font-family: sans-serif;
}
/* 明朝系のフォント */
.se {
 font-family: serif;
}
/* 筆記体・草書体のフォント */
.cu {
 font-family: cursive;
}
/* 装飾的なフォント */
.fa {
 font-family: fantasy;
}
/* 等幅フォント */
.mo {
 font-family: monospace;
}
/**********************************/
/* 文字を白くします */
.white {
 color: #DDDDDD;
}
/* 背景を白くします */
.b_white {
 background-collar: #DDDDDD;
}
/* 文字を赤くします */
.red {
 color: #B6373F;
}
/* 背景を赤くします */
.b_red {
 background-collar: #B6373F;
}
/* 文字を青くします */
.blue {
 color: #3B45B1;
}
/* 背景を青くします */
.b_blue {
 background-collar: #3B45B1;
}
/* 文字をグレーにします */
.grey {
 color: #666666;
}
/* 背景をグレーにします */
.b_grey {
 background-collar: #666666;
}
/**********************************/
/* このサイトのデフォルト値       */
/**********************************/
/* アンカーの色とデコレーション */
a {
 color: #0000FF; /* 印刷用に青に変更 */
 text-decoration: underline;
}
a:link {
 color: #0000FF; /* 印刷用に青に変更 */
 text-decoration: underline;
}
a:visited {
 color: #0000FF; /* 印刷用に青に変更 */
 text-decoration: underline;
}
a:active {
 color: #0000FF; /* 印刷用に青に変更 */
 text-decoration: underline;
}
a:hover {
 color: #0000FF; /* 印刷用に青に変更 */
 text-decoration: underline;
}
/**********************************/
/* 見出しのフォントサイズとスタイル */
h1 {
 font-size: 20px; /* 印刷用にサイズ変更 */
 font-weight: bold;
}
h2 {
 font-size: 18px; /* 印刷用にサイズ変更 */
 font-weight: bold;
}
h3 {
 font-size: 16px; /* 印刷用にサイズ変更 */
 font-weight: bold;
}
h4 {
 font-size: 14px; /* 印刷用にサイズ変更 */
 font-weight: bold;
}
h5 {
 font-size: 12px; /* 印刷用にサイズ変更 */
 font-weight: bold;
}
h6 {
 font-size: 12px; /* 印刷用にサイズ変更 */
 font-weight: bold;
}
/**********************************/
/* フォントサイズと色 */
body,a,ol,li,th,td,p,div,span,input,textarea,select {
 font-size: 12px;
 color: #000000; /* 印刷用に文字色を黒に変更 */
}
/**********************************/


/**********************************/
/* レイアウト セクション          */
/**********************************/
/* HTML */
html {
 background-color: #FFFFFF;
}
/**********************************/
/* html内のレイアウト             */
/**********************************/
/* BODY */
body {
 width: 100%;
 text-align: center;
 background-color: #FFFFFF;
}
/**********************************/

/**********************************/
/* body内のレイアウト             */
/**********************************/
/* Container */
div.container {
 width: 640px; /* 印刷用に横幅を修正 */
 text-align: left;
 margin: 0px auto;
}
/**********************************/


/**********************************/
/* div.container内のレイアウト    */
/**********************************/
/* Header Block */
div.header { /* 印刷用に背景画像を削除 */
 width: 100%;
 text-align: left;
}
/* Under Header Space */
div.head-space { /* 印刷用に背景画像を削除 */
 width: 100%;
 height: 35px;
 text-align: left;
}
/* Contents Block */
div.contents { /* 印刷用に背景画像を削除 */
 width: 100%;
}
/* Content End Space */
div.content-end-space {
 display: none; /* 印刷用には必要ないため出力しない */
}
/* Footer Block */
div.footer { /* 印刷用に背景画像を削除 */
 width: 100%;
}
/**********************************/


/**********************************/
/* div.head-space内のレイアウト   */
/**********************************/
/* Under Header Space P */
div.head-space p {
 float: left;
 visibility:hidden;
}
/* Language Select Block Style */
div.lang-sel {
 float: right;
}
/**********************************/

/**********************************/
/* div.contents内のレイアウト     */
/**********************************/
/* Sub Content */
div.sub-content { /* 印刷用に背景画像を削除 */
 display: none; /* 印刷用には必要ないため出力しない */
}
/* Menu Content */
div.menu-content { /* 印刷用に背景画像を削除 */
 margin-top: 30px;
 height: 40px;
}
/* Content Space */
div.content-space { /* 印刷用に背景画像を削除 */
 display: none; /* 印刷用には必要ないため出力しない */
}
/* Main Content */
div.main-content { /* 印刷用に背景画像を削除 */
 clear: both;
}
/**********************************/

/**********************************/
/* div.content-end-space内のレイアウト */
/********************************* div.content-end-space */
/* Counter（アクセスカウンター） */
div.counter {
 visibility: hidden; /* 印刷用には必要ないため非表示 */
}
/* Top of Page（ページのトップに戻る） */
div.top {
 visibility: hidden; /* 印刷用には必要ないため非表示 */
}
/**********************************/

/**********************************/
/* div.menu-content内のレイアウト */
/**********************************/
/* SignIn Block */
div.regist {
 display: none; /* 印刷用には必要ないため出力しない */
}
/**********************************/



/**********************************/
/* スタイル セクション            */
/**********************************/
/* Top of Page　アンカーのスタイル（印刷用のWebサイトタイトルに使用している） */
a#top {
 visibility: hidden;
}
/**********************************/
/* 言語選択のスタイル             */
/**********************************/
/* Language Select UL LI */
div.lang-sel ul li {
 float: right;
}
/* Language Select UL LI SPAN */
div.lang-sel ul li span {
 padding: 0px 7px;
}
/**********************************/
/* Sign In フォームのスタイル     */
/**********************************/
/* Signin INPUT TEXT */
div.regist input.text {
 display: none; /* 印刷用には必要ないため出力しない */
}
/* Signin INPUT SUBMIT */
div.regist input.submit {
 display: none; /* 印刷用には必要ないため出力しない */
}
/**********************************/
/* メニューのスタイル             */
/**********************************/
/* Menu LI */
div.menu li {
 float: left; /* 印刷用に横に並べる */
 margin: 0px 20px;
 padding-left: 10px;
}
/* Menu LI ACTIVE */
div.menu li.active {
 background: url(../img/li-bg.gif) no-repeat center left;
}
/**********************************/
/* メインコンテンツのスタイル     */
/**********************************/
/* Main Content H2 */
div.main-content h2 {
 border-bottom: 2px dotted #666666;
}
/* Element Block */
div.element {
 border-bottom: 2px dotted #666666;
}
/**********************************/
/* エレメントのスタイル           */
/**********************************/
/* Element M Block */
div.element-m {
 margin: 10px 10px 20px 10px;
 line-height: 18px;
}
/**********************************/
/* Element M H3（記事タイトル） */
div.element-m h3 {
 margin-bottom: 7px;
}
/* Element M H4（記事サブタイトル） */
div.element-m h4 {
 margin: 10px 0px 0px 0px;
 padding-left: 10px;
}

/* Element M P（記事本文） */
div.element-m p {
 padding: 5px 0px 10px 10px;
 line-height: 18px;
}
/* Element M P.news（更新履歴） */
div.element-m p.news {
 clear: both;
}
/* Element M P.news SPAN.date（更新履歴 日付） */
div.element-m p.news span.date {
 display: block;
 float: left;
 width: 100px;
}
/* Element M P.news SPAN.text（更新履歴 内容） */
div.element-m p.news span.text {
 display: block;
 width: 400px;
}
/**********************************/
/* Element M UL（記事中のリスト） */
div.element-m ul {
 margin: 5px 0px 10px 10px;
 list-style-type: disc;
}
/* Element M LI（記事中のリスト） */
div.element-m ul li {
 margin: 0px 0px 10px 20px;
}
/**********************************/
/* Element M UL.link（リンクページなどリスト） */
div.element-m ul.link {
 margin: 5px 0px 10px 10px;
 list-style-type: none;
}

/* Element M LI（リンクページなどリスト） */
div.element-m ul.link li {
 margin-bottom: 10px;
 padding: 5px;
 border: 1px solid #999999;
}
/* Element M LI SPAN（リンクページなどリストで改行） */
div.element-m ul.link li span {
 display: block;
 margin-top: 5px;
}
/* Element M UL LI IMG（リンクページなどリスト内の画像） */
div.element-m ul.link li img {
 float: right;
 margin: 5px 0px 5px 5px;
}
/**********************************/
/* Element M OL LI（記事中の番号付きリスト） */
div.element-m ol li {
 font-weight: bold;
 margin-bottom: 10px;
}
/* Element M OL LI SPAN（記事中の番号付きリスト内で改行） */
div.element-m ol li span {
 display: block;
 font-weight: normal;
}
/**********************************/
/* Element M TABLE（記事中のテーブル） */
div.element-m table.dc {
 margin: 5px 0px 20px 20px;
 width: 450px;
 font-size: 10px;
}
/* Element M CAPTION（記事中のテーブルのキャプション） */
div.element-m table.dc caption {
 font-weight: bold;
 text-align: left;
 border-bottom: 1px solid #666666;
 font-size: 10px;
}
/* Element M TH（記事中のテーブルのTH、TDの幅） */
div.element-m table.dc th {
 width: 150px;
}
div.element-m table.dc td {
 width: 300px;
}

/* Element M TH,TD（記事中のテーブルのTH、TD） */
div.element-m table.dc th,
div.element-m table.dc td {
 font-weight: normal;
 line-height: 20px;
 text-align: left;
 font-size: 10px;
}
/* Element M TD A（記事中のテーブルのTD内のアンカー） */
div.element-m table.dc td a,
div.element-m table.dc td a:link,
div.element-m table.dc td a:visited,
div.element-m table.dc td a:active,
div.element-m table.dc td a:hover {
 font-size: 10px;
}
/**********************************/
/* Element M IMG（記事中の画像） */
div.element-m p img {
 float: right;
 margin: 5px 0px 5px 12px;
}
/**********************************/
/* Element M FORM（記事中のフォーム） */
div.element-m form {
 margin-top: 5px;
}
/* Element Registration INPUT TEXT（記事中のテキストボックス） */
div.element-m input.text {
 width: 150px;
 height: 19px;
 padding: 2px 2px 0px 2px;
 font-size: 11px;
 border: 1px solid #444444;
}
/* Element Registration INPUT SUBMIT（記事中のボタン） */
div.element-m input.submit {
 width: 150px;
 height: 21px;
 font-size: 11px;
}
/**********************************/
/* CGIダウンロードページのスタイル*/
/**********************************/
/* Element M download Block */
div.down {
 margin: 0px;
 clear: left;
}
/* Element M download SPAN.dir（ディレクトリ） */
div.down span.dir {
 display: block;
 width: 320px;
 height: 30px;
 padding-top: 10px;
 background: url(../img/folder.gif) no-repeat top left;
 text-indent: 35px;
 cursor: pointer;
 font-size: 10px;
}
/* Element M download SPAN.file（ファイル） */
div.down span.file {
 float: left;
 display: block;
 width: 320px;
 height: 30px;
 padding-top: 10px;
 background: url(../img/file.gif) no-repeat top left;
 text-indent: 35px;
 cursor: pointer;
 font-size: 10px;
}
/* Element M download SPAN.size（サイズ） */
div.down span.size {
 float: left;
 width: 90px;
 display: block;
 height: 30px;
 padding-top: 10px;
 font-size: 10px;
 text-align: right;
}
/* Element M download SPAN.last（更新日） */
div.down span.last {
 display: block;
 height: 30px;
 padding-top: 10px;
 padding-left: 20px;
 font-size: 10px;
}
/* Element M download A */
div.down a,
div.down a:link,
div.down a:visited,
div.down a:active {
 float: left;
 display: block;
 width: 320px;
 height: 30px;
 color: #000000;
 text-decoration: none;
}
/* Element M download A:hover */
div.down a:hover {
 color: #000000;
 text-decoration: underline;
}
/**********************************/
/* フッターのメニューのスタイル   */
/**********************************/
/* Footer Menu UL */
div.foot-menu ul {
 margin: 7px 0px 0px 0px;
}
/* Footer Menu LI */
div.foot-menu li { /* 印刷用に文字色の指定（白）を削除 */
 float: left;
 font-size: 11px;
}
/* Footer Menu LI A */
div.foot-menu li a,
div.foot-menu li a:link,
div.foot-menu li a:active,
div.foot-menu li a:visited,
div.foot-menu li a:hover { /* 印刷用に文字色の指定（白）を削除 */
 margin: 0px 5px 0px 5px;
 font-size: 11px;
}
/**********************************/
/* コピーライトのスタイル         */
/**********************************/
/* Copyright */
div.copyright p { /* 印刷用に文字色の指定（白）を削除 */
 clear: both;
 margin: 0px 20px 0px 0px;
 padding-top: 40px;
 font-size: 11px;
}
/**********************************/


/**********************************/
/* JavaScript 画像表示のスタイル 変更不可 */
/**********************************/
/*Outermost DIV for thumbnail viewer*/
#thumbBox {
 position: absolute;
 left: 0;
 top: 0;
 width: auto;
 padding: 0px;
 padding-bottom: 0;
 visibility: hidden;
 z-index: 10;
 cursor: hand;
 cursor: pointer;
}
/*DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage {
 background-color: white;
}
/*DIV for showing "loading" status while thumbbox is being generated*/
#thumbLoading {
 position: absolute;
 visibility: hidden;
 border: 1px solid black;
 background-color: #EFEFEF;
 padding: 5px;
 z-index: 5;
}
/**********************************/