@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:100%; color:#555; background:#f0f0f0 url("back.gif") repeat-y 50%; height:100%; }
html{ height:100%; }

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

/* ページの大枠設定 */
#PAGE{ margin:0 auto; padding:7px 0; text-align:left; width:720px; }
body > #PAGE{ height:auto; }
/* ヘッダー */
#HEAD{ margin:0; padding:0 0 0 1em; float:left; height:30px; }
/* site nameの文字 */
h1{ margin:0; padding:10px 10px 0 0; }
h1 a{ font:192% Georgia,Times,serif; font-weight:bold; color:#000; text-decoration:none; }
h1 a:link,h1 a:visited,h1 a:hover{ color:#000; }
p.skip{ display:none; }

/* メニュー部分 */
#MENU{ text-align:right; height:25px; margin:0 1em 0 0px; padding:13px 0 3px; float:right; }
#MENU h2{ display:none; }
/* メニューリンク */
#MENU ul{ list-style-type:none; margin:0; text-align:right; padding:3px 0 0 0; }
#MENU li{ display:inline; margin:0; padding:0; }
#MENU li a{ display:inline; text-decoration:none; padding:0; margin:0 0 0 15px; font:132% "New Gulim",sans-serif; letter-spacing:-1px; }
#MENU li a:link,#MENU li a:visited{ color:#437; }
#MENU li a:hover{ color:#000; }
#MENU li a.on{ color:#000; }

/* メイン・テキスト部分 */
#MAIN{ color:#555; text-align:left; margin:0 1em; padding:100px 0 0 5px; clear:both; background:#fff url("photo.jpg") no-repeat 50% 10px; border-top:1px solid #6d75af; }
* > #MAIN{ padding:200px 0 5px; }
.text{ margin:0 5px 2.5em; padding:0 5px; }
.backtop{ text-align:right; margin:1.5em 0 0; padding:5px 0; background:url("line.gif") repeat-x 0% 0%; }

/* フッター */
#FOOT{ font-size:88%; color:#a0a0a0; text-align:center; margin:0 1em 1em; padding:0 5px; border-top:1px solid #6d75af; }
#FOOT a{ text-decoration:none; }
#FOOT a:link,#FOOT a:visited{ color:#333; }
#FOOT a:hover{ color:#999; }

/* 見出し */
h2,h3,h4{ padding:0 5px }
h2{ font:132% Georgia,Times,sans-serif; margin:0.5em 0; border-bottom:1px solid #6d75af; } 
h3{ margin:0.8em 0 0.5em; font-weight:bold; font-size:112%; background:url("line.gif") repeat-x 0% 100%; }
h4{ margin:0.5em 0; font-weight:bold; }

/* その他　必要であれば */
/* 線 レイアウトには使用していません */
hr.no{ display:none; }
/* 画像リンクの枠線を消す */
img { border:0; }
/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; }
/* 最も強い強調 */
strong{ font-weight:bold; border-bottom:3px double #101010; }
/* 追加 */
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:#f2f2f2; color:#505050; border:1px solid #f2f2f3; margin:0.1em 0; }

/* 番号付きリスト */
#MAIN ol{ list-style-position:outside; padding:5px; margin:0 1em 0 1.5em; }
#MAIN ol li{ padding:0; }
/* 普通リスト */
#MAIN ul{ list-style:outside disc; padding:5px; margin:0 1em 0 1.5em; }
#MAIN li{ padding:0; }
/* 説明付きリスト */
#MAIN dl{ list-style-position:inside; padding:5px; }
#MAIN dt{ font-weight:bold; padding:2px 0; background:url("line.gif") repeat-x 0% 100%; }
#MAIN dd{ padding:0 5px; margin:0 0.7em; }

/* 段落 */
p{ margin:0 0 0.4em; }
/* 引用 */
blockquote{ border:1px solid #ddd; margin:0.5em 1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#f2f2f2; color:#505050; margin:0.5em 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; background:#fff; }
#MAIN dl.img_side dd{ border:none; }
br.clear{ clear:both; line-height:0px; }
/* Box */
.box_1{ border:1px solid #ddd; margin:0.5em 0; padding:5px; }
.box_2{ background:#f2f2f2; color:#505050; margin:0.5em 0; padding:5px; }
/* スクロールバー付きbox */
.box_auto{ height:100px; overflow:auto; margin:0.5em 0; }