@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:92%; color:#555; background:#fff; }

/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#78a746; }
a:visited{ color:#9bca69; }
a:hover{ color:#999; text-decoration:none; }

/* ページの大枠設定 */
#PAGE{ margin:0 auto; padding:0; text-align:left; width:100%; }

/* ヘッダー・ページ上部 */
#HEAD{ background:#ace174; padding:0; border-bottom:6px solid #b5e483; }
/* サイト名の文字 */
h1{ margin:0 1em; padding:10px 0 3px; }
h1 a{ font:192% Helvetica,Arial,sans-serif; font-weight:bold; color:#fff; text-decoration:none; }
h1 a:link,h1 a:visited,h1 a:hover{ color:#fff; }
p.skip{ display:none; }

/* メニュー部分 */
#MENU{ margin:0; padding:0 1em; text-align:left; background:#c8eba2; border-top:5px solid #bee893; border-bottom:4px solid #d1eeb2; }
#MENU h2{ display:none; }
/* メニューリスト・メニューリンク */
#MENU ul{ list-style-type:none; margin:0; padding:0; }
#MENU li{ display:inline; margin:0; padding:0; }
#MENU li a{ display:inline; text-decoration:none; font:102% Helvetica,Arial,sans-serif; padding:3px 5px; }
#MENU li a:link,#MENU li a:visited{ color:#fff; }
#MENU li a:hover{ color:#666; background:#daf2c1; }
#MENU li a.on{ color:#666; }

/* パンくずナビ */
.path{ font-size:88%; margin:0; padding:0 1.7em; height:22px; background:#c8eba2; border-top:5px solid #bee893; border-bottom:4px solid #d1eeb2; }
/* パンくずナビのリンク */
.path a:link,.path a:visited{ color:#555; text-decoration:underline; }
.path a:hover{ color:#b8b8b8; text-decoration:none; }

/* サブメニュー部分 */
#SUBMENU{ margin:5px 0 0; padding:0; float:left; width:190px; border-top:2px solid #edf8e0; }
#SUBMENU h2{ font-size:122%; margin:0.3em 0; border-bottom:2px solid #eff9e3; padding:0 5px; border-left:0; }
/* メニューリスト・メニューリンク */
#SUBMENU ul{ list-style-type:none; margin:0 0 0.4em; padding:0; }
#SUBMENU li{ display:inline; margin:0; padding:0; }
#SUBMENU li a{ display:block; text-decoration:none; font:102% Helvetica,Arial,sans-serif; padding:3px 10px; letter-spacing:1px; }
#SUBMENU li a:link,#SUBMENU li a:visited{ color:#333; }
#SUBMENU li a:hover{ color:#447312; background:#daf2c1; border-left:8px solid #b5e483; }
#SUBMENU li a.on{ color:#b5e483; border-left:8px solid #b5e483; }

/* メイン・テキスト部分 */
#MAIN{ color:#555; margin:0 0 0 200px; padding:10px 1em 0 0; }
.text{ margin:0 0 2.5em 1.5em; }
/* トップへ戻るの指定 */
.backtop{ text-align:right; margin:1.5em 0 0; padding:5px 0; }

/* フッター・ページ下部 */
#FOOT{ font-size:88%; text-align:center; color:#555; margin:0; padding:7px 10px; background:#c7eba2; border-top:5px solid #ace173; }
/* フッターのリンク */
#FOOT a{ text-decoration:none; }
#FOOT a:link,#FOOT a:visited{ color:#333; }
#FOOT a:hover{ color:#999; }

/* 見出し */
h2,h3,h4{ font-family:Helvetica,Arial,sans-serif; }
h3,h4{ padding:0 7px; margin:0.5em 1em; font-weight:bold; color:#707070 }
h2{ font-size:122%; color:#777; padding:0 1em; margin:0 0 0.8em; border-left:10px solid #b5e483; letter-spacing:1px; }
h3{ font-size:112%; border-left:7px solid #c8eba2; letter-spacing:1px; }
h4{ font-size:100%; border-bottom:2px solid #daf2c1; }

/* その他必要であれば */

/* テーブル */
#right table{
  border:solid 2px black; border-collapse:collapse;
  font-size:12px; }
#right th{
  border:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;
  background-color:#daf2c1;
  color:black;
  text-align:right;
  font-weight:normal;
  padding-top:2px;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:2px;
  vertical-align:top; }
#right td{
  border-top-style:solid;border-right-style:solid;border-bottom-style:dashed;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;
  background-color:white;
  text-align:right;
  padding-top:3px;
  padding-left:3px;
  padding-right:2px;
  padding-bottom:3px;
  vertical-align:top;
  line-height:18px; }

/* 線・レイアウトには未使用 */
hr.no{ display:none; }
/* 画像の枠線を消す */
img { border:0; }
/* アドレス・連絡先 */
address{ }
/* 段落 */
p{ margin:0 0 0.4em 0; }
/* 強調 */
em{ font-weight:bold; }
/* さらに強調 */
strong{ font-weight:bold; border-bottom:3px solid #b5e483; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #b8b8b8; }
/* 削除 */
del{ text-decoration:line-through; }
/* 引用・出典 */
q,cite{ border-bottom:1px dotted #b8b8b8; }
/* 上付き・下付き文字 */
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:#daf2c1; color:#505050; border:1px solid #bee893; margin:0.1em 0; }

/* 番号付きリスト */
#MAIN ol{ list-style-position:outside; margin:0 1em 0 2.5em; }
#MAIN ol li{ padding:0; }
/* 普通リスト */
#MAIN ul{ list-style:disc outside; margin:0.5em 2em; padding:5px; }
#MAIN li{ padding:0; }
/* 説明付きリスト */
#MAIN dl{ list-style-position:inside; padding:5px; }
#MAIN dt{ font-weight:bold; padding:1px 0; }
#MAIN dd{ padding:0 5px; margin:0 0.5em; border-left:2px solid #bee893; }

/* 引用 */
blockquote{ border:2px solid #bee893; margin:1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#c8eba2; color:#333; margin:1em; padding:5px; }

/* サンプルで使用 */
/* 横列リスト */
#MAIN ul.row{ list-style-type:none; }
#MAIN ul.row li{ display:inline; margin:0 0.2em 0 0; }
/* 画像の横に説明 */
#MAIN dl.img_side dt{ float:left; margin:0 0.5em 0 0; border:none; }
#MAIN dl.img_side dd{ border:none; }
br.clear{ clear:both; line-height:0px; }

/* Box */
.box_1{ border:2px solid #bee893; margin:0.5em 0; padding:3px; width:600px; }
.box_2{ background:#c8eba2; color:#333; margin:0.5em 0; padding:5px; width:600px; }
.box_3{ background:#c8eba2; color:#333; margin:0.5em 0; padding:5px; width:700px; }
/* スクロールバー付きbox */
.box_auto{ height:100px; overflow:auto; margin:0.5em 0; }