@charset "Shift_JIS";

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

/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#0066CC; }
a:visited{ color:#0066CC; }
a:hover{ color:#ac00ac; text-decoration:underline; }

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

/* ヘッダー */
#HEADER{ margin:0; height:160px; padding:0; color:#000; background: #FFF url("./img/photo.jpg") no-repeat 50% 0px; }

#HEADER p{ font:bold 142% "Arial Black",Helvetica,Arial,sans-serif; color:#FFFFFF; letter-spacing:-0.2px; text-align:right; padding:9px 20px;}
/*#HEADER p{ font-size:200%; color:#111; padding:15px 0 0; text-align:right; margin-right: 15px;}*/

#HEADER a:link,#HEADER a:visited{ color:#000; text-decoration:none; }
#HEADER a:hover{ color:#ccc; text-decoration:underline; }
/* サイト名の文字 */
#KIZI h1{ font:bold 122% "Arial Black",Helvetica,Arial,sans-serif; color:#222; text-align:left; padding:5px 5px; background:#FFF; border-left:7px solid #88e800; }
/*#KIZI h1{ font:122% "Century Gothic",Helvetica,Arial,sans-serif; color:#222; margin:0 0 0.5em; padding:3px 5px; border-bottom: 1px solid #214DF7; font-weight: bold;}*/

/* パンくずリスト */
ul#PAN{ list-style:none; padding:4px 10px; margin:-39px 0 0; background:#777; position:relative; top:65px; border-bottom:10px solid #88e800; }
ul#PAN li{ display:inline; }
ul#PAN a{ padding:0 0.7em 0 0; background:url("./img/pan.gif") no-repeat 100% 50%; }

/* メニュー部分・写真の変更はここで出来ます */
/*#MENU{ margin:0; height:235px; background:#ccc url("./img/photo.jpg") no-repeat 50% 70px; border-bottom:10px solid #88e800; }*/
#MENU h2{ display:none; }
/* メニューリスト・リンク */
#MENU ul{ list-style-type:none; padding:3px 0; background:#555; }
#MENU li{ display:inline; }
#MENU li a{ display:inline; text-decoration:none; padding:0 5px; font-weight:bold; border-left:5px solid #555; }
#MENU li a:link,#MENU li a:visited{ color:#aaa; }
#MENU li a:hover{ color:#ccc; text-decoration:underline; border-left:5px solid #88e800; }
#MENU li.menu-on a{ text-decoration:underline; }

/* 記事部分 */
#KIZI{ color:#555; margin:0; padding:1em 15px 0; background:#fff; }
.text{ margin:0 0 2em 10px; }
/* 戻りの設定 */
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; padding:0 7px; background:url("./img/icon.gif") no-repeat 0% 50%; }
ul.modori li a:link,ul.modori li a:visited{ color:#777; }
ul.modori li a:hover{ color:#88e800; text-decoration:underline; }

/* フッター */
#FOOTER{ font-size:88%; text-align:center; color:#FFF; margin:0; padding:6px 15px; background:#999; }
#FOOTER h2{ display:none; }
#FOOTER a:link,#FOOTER a:visited{ color:#FFF; text-decoration:none; }
#FOOTER a:hover{ color:#e5e5e5; 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; }

/* 見出し */
h2,h3,h4{ color:#333; font-weight:bold; }
h5,h6{ margin:1em 0 0.4em; font-size:100%; }
h2{ font-size:112%; margin:0.5em 0; padding:0 8px; border-left:7px solid #88e800; }
h3{ font-size:112%; margin:1.2em -3px 0.4em; padding:0 3px; border-bottom:1px dotted #ccc; }
h4{ font-size:100%; margin:1.2em 0 0.4em; padding:0 10px; background:url("./img/icon2.gif") no-repeat 0% 50%; }
h5{  padding:0 8px; background:url("./img/icon.gif") no-repeat 0% 50%; }
h6{ text-align:right; }

/* その他　必要であれば */
/* 線 レイアウトには使用していません */
hr{ display:none; }
/* 画像リンクの枠線を消す */
img{ border:none; }
/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; color:#222; }
/* より強い強調 */
strong{ font-weight:bold; color:#ac00ac; border-bottom:2px solid #999; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }
/* 削除 */
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; color:#505050; border:1px solid #999; 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 disc; 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; }
#KIZI dd{ padding:0 5px; margin:0 0 0 1em; border-left:2px solid #88e800; }

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