@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-image:url(img/wall.gif); }

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

/* ページの大枠設定 */
#PAGE{ text-align:left; margin:0 auto; padding:0; width:600px; }
/* Index pageの設定（widthを変更した場合、marginの-270の部分をwidthの半分の数字に変更して下さい） */
#INDEX #PAGE{ text-align:left; width:540px; height:190px; margin:-95px 0 0 -270px; position:absolute; top:50%; left:50%; overflow:hidden; }

/* サイト名 */
#INDEX h1{ margin:0; padding:0; text-align:left; border:none; }
#INDEX h1 a{ font:120% Sylfaen,"Times New Roman",Times,sans-serif; color:#333; text-decoration:none; letter-spacing:2pt; }
#INDEX h1 a:link,h1 a:visited,h1 a:hover{ color:#333; }

/* Indexページのアドレス */
#INDEX address{ font-size:84%; text-align:right; }

/* メニュー */
#MENU{ margin:1em 0; height:120px; }
/* メニューリスト・メニューリンク */
#MENU ul{ list-style-type:none; margin:0; text-align:left; }
#MENU li{ display:block; float:left; width:90px; padding:95px 5px 0; text-align:center; margin-right:7px; background:#e3e3e3; border-width:0 1px 1px 0; border-style:solid; border-color:#bbb; }
#MENU li a{ text-decoration:none; font:100% Sylfaen,"Times New Roman",Times,sans-serif; letter-spacing:1pt; }
#MENU li a:link,#MENU li a:visited{ color:#333; }
#MENU li a:hover{ color: #AA66EE; }
/* 写真の変更はここでします */
#MENU li#MENU01{ background:#e3e3e3 url(./img/4.jpg) no-repeat 5px 5px; }
#MENU li#MENU02{ background:#e3e3e3 url(./img/7.jpg) no-repeat 5px 5px; }
#MENU li#MENU03{ background:#e3e3e3 url(./img/6.jpg) no-repeat 5px 5px; }
#MENU li#MENU04{ background:#e3e3e3 url(./img/2.jpg) no-repeat 5px 5px; }
#MENU li#MENU05{ background:#e3e3e3 url(./img/1.1.jpg) no-repeat 5px 5px; }

/* テキスト部分（中身のページ） */
#MAIN{ color:#555; margin:0; }
.text{ margin:0 0 2.5em 4.5em; }
/* 戻りの設定 */
#NAV{ text-align:right; margin:1.5em 0; padding:0.5em 0; border-top:1px solid #999; }

/* 見出し */
h1{ font:142% Sylfaen,"Times New Roman",Times,sans-serif; color:#333; letter-spacing:2pt; text-align:right; margin:1em 0; border-bottom:1px solid #999; }
h2,h3{ font-family:Helvetica,Arial,sans-serif; }
h2{ font-size:100%; margin:0.5em 0; font-weight:bold; letter-spacing:1pt; padding:0.2em 0 0.2em 30px; background:url(./img/icon.gif) no-repeat 0% 50%; }
h3{ font-weight:bold; margin:0.5em 0 0.5em 2em; padding:0.2em 0 0.2em 20px; background:url(./img/icon2.gif) no-repeat 0% 50%; }

/* その他　必要であれば */
/* 線・レイアウトには未使用 */
hr.no{ display:none; }
/* 画像リンクの枠線を消す */
img{ border:0; }
/* 連絡先 */
address{ font-size:88%; clear:both; }
/* 強調 */
em{ font-weight:bold; }
/* さらに強調 */
strong{ font-weight:bold; color:#c00; border-bottom:3px double #000; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #a0a0a0; }
/* 削除 */
del{ text-decoration:line-through; }
/* 引用・出典 */
q,cite{ border-bottom:1px dotted #a0a0a0; }
/* 上付き・下付き文字 */
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 0 0.2em 2.5em }
#MAIN ol li{ padding:0; }
/* 普通リスト */
#MAIN ul{ list-style:outside disc; padding:5px; margin:0 0 0.2em 2em; }
#MAIN li{ }
/* 説明付きリスト */
#MAIN dl{ list-style-position:inside; padding:0.2em; margin-bottom:0.2em; }
#MAIN dt{ font-weight:bold; }
#MAIN dd{ margin-left:0.8em; }

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