@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.5em Osaka,Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }
/* 文字サイズの変更はここで出来ます↓ */
body{ text-align:center; font-size:84%; color:#555; background:#003148;  }

/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#557bc6; }
a:visited{ color:#8baa39; }
a:hover{ color:#999; text-decoration:none; }

/* ページの大枠設定 */
#PAGETOP{ margin:0 auto; text-align:left; width:700px; background:#616161; border:7px solid #616161; }

/* ヘッダー・写真の変更はここで出来ます */
#HEADER{ margin:0; padding:45px 25px 0; height:100px; color:#ccc; background : #000000 url(../img/photo.jpg) no-repeat 0% 0%; }
#HEADER a:link,#HEADER a:visited{ color:#ccc; text-decoration:underline; }
#HEADER a:hover{ color:#fff; text-decoration:none; }

h1#line{
text-align : right;
letter-spacing : 2px;
font-size:12px;
line-height:1.0em;
color:#fff;
background : #003148;
padding:1px 6px 1px 0;
}

SPAN{ color:#ce0000; }

/* サイト名の文字 */

/* パンくずリスト */
ul#PAN{ list-style:none; padding:0; margin:100px 0 0 0; }
ul#PAN li{ display:inline; }
ul#PAN a{ padding:0 0.7em 0 0; }

/* メニュー部分 */
#MENU{ margin:7px 0 0; padding:0; float:right; width:180px; background:#616161;
border-right : 1px solid #616161;
border-left : 1px solid #616161;
border-bottom : 6px solid #616161; }
/* メニューリスト・リンク */
#MENU ul{ list-style:inside square; color:#990707; background:#fff; padding:0.3em 5px 0.5em; border-bottom:4px solid #616161; }
#MENU li a{ display:inline; text-decoration:none; padding:2px 0; }
#MENU li a:link,#MENU li a:visited{ color:#444; }
#MENU li a:hover{ color:#990707; text-decoration:underline; }
#MENU li.menu-on a:link,#MENU li.menu-on a:visited{ color:#728bbd; }

/* 記事部分 */
#KIZI{ color:#555;margin:7px 187px 0 0; padding:0; background:#fff; }
.text{ margin:0; padding:0.5em 10px 1em; border-bottom:4px solid #616161; }
.texts{ background : #616161; }
.box1{ width: 200px; height:100px; color:#fff000; float: left;  text-align : left;  #ebebeb; margin:5px 0 0 5px; }
.box2{ font-size:85%; width: 271px; height : 100px; padding : 1px 0 0 1px; color:#000; background : #e1e1e1;  overflow : auto; float: left; border-left : 1px solid #0c0c0c;
border-right : 1px solid #0c0c0c;
border-bottom : 1px solid #0c0c0c;  border-top : 1px solid #0c0c0c; margin:5px 0 0 5px; } 

.box3{
float: left; 
width: 470px;
font-size : 10pt;
margin:7px 5px 7px 10px;
padding : 3px 3px 3px 3px;
text-align : left;
}

.box4{
float: left; 
width: 470px;
font-size : 10pt;
margin:7px 5px 7px 7px;
padding : 3px 3px 3px 3px;
text-align : left;
border-top : 2px solid #005e00;
border-right : 5px solid #003700;
border-left : 2px solid #005e00;
border-bottom : 5px solid #003700;
}

.box5{ font-size:85%; width: 180px; height : 300px; padding : 1px 0 0 1px; color:#000; background : #000;   margin:5px 0 0 5px; }

.box7{ width: 240px; height:100px; color:#000; background : #fff; float: left;  text-align : left;  #ebebeb; margin:5px 0 0 5px; }

.main-table { 
width: 470px;
font-size : 10pt;
padding : 10px 0 10px 10px;
text-align : left;
background-color : #ffffff;
border-left : 1px solid #696969;
border-right : 1px solid #696969;
border-bottom : 1px solid #696969;
} 

.main-title { 
width: 470px;
height : 18px;
font-size : 110%;
color:#000;
background-image : url('../img/th.gif');
padding : 1px 0 0 10px;
border-left : 1px solid #696969;
border-right : 1px solid #696969;
border-top : 1px solid #696969;
}

.box6 {
background-color : #ffd6c1;
height : 300px;
overflow : auto; 
width: 470px;
font-size : 10pt;
padding : 10px 0 10px 10px;
text-align : left;
border-left : 1px solid #696969;
border-right : 1px solid #696969;
}


.td1{width: 100px;
border-top : 2px solid #005e00;
border-left : 2px solid #005e00;
border-bottom : 5px solid #003700;}

.td2{width: 380px;
border-top : 2px solid #005e00;
border-right : 5px solid #005e00;
border-bottom : 5px solid #003700;}

.td3{width: 130px;
height : 130px;
text-align : center;
border-top : 2px solid #005f8c;
border-left : 2px solid #005f8c;
}

.td4{width: 350px;
text-align : center;
border-top : 2px solid #005f8c;
border-left : 2px solid #005f8c;
border-right : 2px solid #005f8c;
}

.td5{width: 130px;
height : 130px;
text-align : center;
border-top : 2px solid #005f8c;
border-left : 2px solid #005f8c;
border-bottom : 2px solid #005f8c;
}

.td6{width: 350px;
text-align : center;
border-top : 2px solid #005f8c;
border-left : 2px solid #005f8c;
border-right : 2px solid #005f8c;
border-bottom : 2px solid #005f8c;
}

.tdB{ width: 200px; text-align:center;　color:#fff;　background:#0080ff; }
.tdR{ width: 200px; text-align:center;　color:#fff;　background:#ff3c3c; }
.tdG{ width: 200px; text-align:center;　color:#fff;　background:#00a854; }
.tdY{ width: 200px; text-align:center;　color:#fff;　background:#bfbf00; }

/* 戻りの設定 */
ul.modori{ list-style:none; margin:0; padding:0; }
ul.modori li{ list-style:none; display:block; text-align:right; margin:1em -0.5em 0 0; }
ul.modori li a{ display:inline; text-decoration:none; font-weight:bold; }
ul.modori li a:link,ul.modori li a:visited{ color:#777; }
ul.modori li a:hover{ color:#557bc6; text-decoration:underline; }

/* フッター */
#FOOTER{ font-size:88%; text-align:center; color:#fff; margin:0; padding:2px 10px; background:#003148; clear:both; }
#FOOTER h2{ display:none; }
#FOOTER a:link,#FOOTER a:visited{ color:#999; text-decoration:none; }
#FOOTER a:hover{ color:#ccc; text-decoration:underline; }
#FOOTER ul{ list-style:none; }
#FOOTER li{ display:inline; margin:0 0.5em; }
#FOOTER li a{ display:inline; }
#FOOTER li address{ display:inline; }

/* 見出し */
h3,h4{ font-weight:bold; font-family:Helvetica,Arial,sans-serif; }
h5,h6{ margin:0.5em 0 0; font-size:100%; }
h2{ font:bold 100% Helvetica,Arial,sans-serif; color:#fff; padding:2px 8px; margin:0; background:#005f8c; border-bottom:2px solid #990707; }
h3{ font-size:112%; color:#003148; border-bottom:1px solid #558bc6; margin:0.1em -10px 0.4em; padding:0 8px; }
h4{ font-size:108%; color:#444; margin:0.2em 0 0.4em; }
h5{ text-align:center; }
h6{ text-align:right; }

/* その他　必要であれば */
/* 線 レイアウトには使用していません */
hr{ display:none; }
/* 画像リンクの枠線を消す */
img{ border:none; }
/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; border-bottom:2px solid #ddd; }
/* より強い強調 */
strong{ font-weight:bold; color:#222; border-bottom:2px solid #557bc6; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #a0a0a0; }
/* 削除 */
del{ text-decoration:line-through; }
/* 短い引用・出典 */
q,cite{ border-bottom:1px dotted #bbb; }
/* 上付き・下付き文字 */
sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }
/* 物理的タグ・使用は極力避けましょう */
tt{ font-family:monospace; } /* 等幅 */
b{ font-weight:bold; } /* 太字 */
i{ font-style:oblique; } /* 斜体 */
big{ font-size:132%; } /* 文字大 */
small{ font-size:84%; } /* 文字小 */

/* フォーム */
input,textarea,select{ background:#fff; color:#505050; border:1px solid #ccc; margin:0.1em 0; }

/* 番号付きリスト */
#KIZI ol{ list-style-position:outside; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI ol li{ padding:0; }
/* 普通リスト */
#KIZI ul{ list-style:outside square; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI li{ padding:0; }
/* 説明付きリスト */
#KIZI dl{ list-style-position:inside; padding:5px; }
#KIZI dt{ font-weight:bold; padding:0; color:#333; }
#KIZI dd{ padding:0 5px; margin:0 0 0 0.5em; }

/* 段落 */
p{ margin:0 0 0.4em; }
/* 引用文 */
blockquote{ border:1px solid #ccc; margin:0.5em 1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#ccc; color:#444; margin:0.5em 1em; padding:5px; }