@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:85%; color:#555; background:#e9e9d6 url("img/field.gif"); padding:1.5em 0; }

/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#2b90b1; }
a:visited{ color:#7ab12b; }
a:hover{ color:#2bb174; text-decoration:none; }
a:active{ color:#2bb174; text-decoration:none; }

/* ページの大枠設定 */
#PAGE{ margin:0 auto; text-align:left; width:750px; background:#fff; color:#555; }

/* ヘッダー・ページ上部 */
#HEAD{ padding:0 30px; padding:20px 30px 0; }
/* サイト名の文字 */
h1{ margin:0 0 7px; padding:0; }
h1 a{ font:bold 200% Helvetica,Arial,sans-serif; letter-spacing:1pt; text-decoration:none; }
h1 a:link,h1 a:visited,h1 a:hover{ color:#888; }
p.skip{ display:none; }

/* メニュー部分 */
#MENU{ margin:0; padding:0 30px; background:#eee; }
#MENU h2{ display:none; }
/* メニューリスト・メニューリンク */
#MENU ul{ list-style-type:none;padding:1em 0; }
#MENU li{ display:inline; }
#MENU li a{ display:inline; text-decoration:none; margin:0 0.1em 0 0; padding:0.1em 1em; font:100% Helvetica,Arial,sans-serif; background:#fff; border:1px solid #fff; }
#MENU li a:link,#MENU li a:visited{ color:#333; }
#MENU li a:hover{ border:1px solid #ddd; }
#MENU li a.on{ color:#fff; background:#2bb174; }

/* パンくずナビ */
.path{ margin:0.5em 0 0; padding:0 30px; }
/* パンくずナビのリンク */
.path a:link,.path a:visited{ color:#777; text-decoration:none; }
.path a:hover{ color:#222; text-decoration:underline; }

/* サブメニュー部分 */
#SUBMENU{ margin:0; padding:0 15px 0 0; float:right; width:170px; }
#SUBMENU h2{ background:#eee; padding:3px 5px; color:#111; font:100% Helvetica,Arial,sans-serif; }
/* メニューリスト・メニューリンク */
#SUBMENU ul{ list-style-type:none; margin:0 0 0.5em; padding:0; }
#SUBMENU li{ display:inline; margin:0; padding:0; }
#SUBMENU li a{ display:block; text-decoration:none; font:100% Helvetica,Arial,sans-serif; padding:3px 5px; }
#SUBMENU li a:link,#SUBMENU li a:visited{ color:#37b12b; }
#SUBMENU li a:hover,#SUBMENU li a.on{ color:#333; text-decoration:underline; }

/* メイン・テキスト部分 */
#MAIN{ color:#555; margin:0 185px 0 0; padding:0 15px 0 30px; }
.text{ margin:0 0 3em; }
/* トップへ戻るの指定 */
.backtop{ text-align:right; border-top:3px solid #e5e5e5; margin:1.5em 0 0; padding:5px 0; }

/* フッター・ページ下部 */
#FOOT{ font-size:88%; text-align:center; color:#777; margin:0; padding:1em 30px; }
/* フッターのリンク */
#FOOT a{ text-decoration:none; }
#FOOT a:link,#FOOT a:visited{ color:#777; }
#FOOT a:hover{ color:#222; }

/* 見出し */
h3,h4{ margin:0.5em 0 0.8em; font-family:Helvetica,Arial,sans-serif; }
h2{ font:bold 132% Helvetica,Arial,sans-serif; letter-spacing:1pt; margin:0.5em 0; color:#f3aa05; }
h3{ font-size:118%; font-weight:bold; color:#7ab12b; }
h4{ font-size:110%; color:#444; }

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

/* 線・レイアウトには未使用 */
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:2px solid #f3aa05; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #bbb; }
/* 削除 */
del{ text-decoration:line-through; }
/* 引用・出典 */
q,cite{ border-bottom:1px dotted #999; }
/* 上付き・下付き文字 */
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; border:1px solid #ccc; 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; color:#5d7743; }
#MAIN dd{ padding:0 5px; margin:0 1em; border-left:3px solid #d5d5d5; }

/* 引用 */
blockquote{ border-left:3px solid #ccc; margin:1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#eee; color:#505050; 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:1px solid #ccc; margin:0.5em 0; padding:5px; }
.box_2{ background:#eee; color:#505050; margin:0.5em 0; padding:5px; }
/* スクロールバー付きbox */
.box_auto{ height:180px; overflow:auto; margin:0.5em 0; }