@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.6em Osaka,Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }
/* 文字サイズはここで変更できます↓ 背景写真・上部線の変更もここ↓ */
body{ text-align:right; font-size:84%; color:#555; background:#fff url("aoxt.jpg") no-repeat 0% 10px fixed; border-top:20px solid #FED0E0; }

/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#6b9743; }
a:visited{ color:#ffc712; }
a:hover{ color:#93c435; text-decoration:none; }

/* ページの大枠設定 */
#PAGE{ text-align:left; margin:0 15px 0 auto; padding:0; width:660px; }
/* Index pageの設定 */
#INDEX #PAGE{ text-align:right; padding:10em 0 0 }

/* サイト名 */
#INDEX h1{ margin:0.2em 0; padding:0; text-align:left; }
#INDEX h1 a{ font:142% "Century Gothic",Helvetica,Arial,sans-serif; display:block; color:#333; text-decoration:none; letter-spacing:2px; }
#INDEX h1 a:link,h1 a:visited,h1 a:hover{ color:#333; }

/* メニュー */
#MENU{ margin:2em 0; padding:0 0.5em; height:15px; }
/* メニューリスト・メニューリンク */
#MENU ul{ list-style-type:none; margin:0; text-align:left; }
#MENU li{ display:inline; }
#MENU li a{ display:block; float:left; text-decoration:none; margin:0 0 0 0.3em; font:118% Helvetica,Arial,sans-serif; padding:0 5px; letter-spacing:1px; border-left:5px solid #FED0E0; }
#MENU li a:link,#MENU li a:visited{ color:#333; }
#MENU li a:hover{ color:#444; font-weight:bold; border-left:5px solid #ffc712; }

/* テキスト部分 */
#MAIN{ color:#555; margin:0; }
.text{ margin:0 0 2.5em; padding:0.5em 0; border-top:5px solid #FED0E0; border-bottom:4px solid #FED0E0; }
/* 戻りの設定 */
#NAV{ text-align:right; margin:1.5em 0 0; padding:5px 0; }

/* 見出し */
h2,h3{ font-family:Helvetica,Arial,sans-serif; color:#331f47; margin:0.5em 0; }
h1{ font-size:182%; font-family:"Century Gothic",Helvetica,Arial,sans-serif; color:#333; letter-spacing:1px; margin:0 0 0.5em }
h2{ font-size:180%;font-family:"Comic Sans MS",Helvetica,Arial,sans-serif; letter-spacing:1px; background:url("nb32.gif") no-repeat 0% 0%; padding:4px 0 0 32px; }
h3{ font-siz:112%; font-weight:bold; text-align:center; }
h4{ font-size:102%; letter-spacing:1px; background:url("hana.jpg") no-repeat 0% 0%; padding:4px 0 0 32px; }
h5{ font-size:130%;font-family:"Comic Sans MS",Helvetica,Arial,sans-serif; letter-spacing:1px; background:url("nb32.gif") no-repeat 0% 0%; padding:4px 0 0 32px; }
h6{ font-size:150%;font-family:"Comic Sans MS",Helvetica,Arial,sans-serif; letter-spacing:1px; background:url("nb32.gif") no-repeat 0% 0%; padding:4px 0 0 32px; }
/* 線・レイアウトには未使用 */
hr.no{ display:none; }
/* 画像リンクの枠線を消す */
img{ border:0; }
/* 連絡先 */
address{ font-size:88%; clear:both; }
/* 強調 */
em{ font-weight:bold; }
/* さらに強調 */
strong{ font-weight:bold; border-bottom:2px solid #ffc712; }
/* 追加 */
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:transparent; border:1px solid #FED0E0; 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:outside square; padding:5px; margin:0 1em 0 2em; }
#MAIN li{ padding:0; }
/* 説明付きリスト */
#MAIN dl{ list-style-position:inside; padding:5px 12px; }
#MAIN dt{ font-weight:bold; padding:0; color:#6b9743; }
#MAIN dd{ padding:0 5px; border-left:2px solid #FED0E0; margin:0 1em; }

/* 段落 */
p{ margin:0 0 0.4em; }
/* 引用 */
blockquote{ border:1px solid #93c435; margin:1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#FED0E0; color:#fff; margin:1em; padding:5px; }
pre1{ background:#FED0E0; color:#fff; 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; }
#MAIN dl.img_side dd{ border:none; }
br.clear{ clear:both; line-height:0px; }
/* Box */
.box_1{ border:1px solid #FED0E0; margin:0.5em 0; padding:5px; }
.box_2{ background:#708090; color:#fff; margin:0.5em 0; padding:5px; }
.box_3{ background:#FFA500;  color:#fff; margin:0.5em 0; padding:1px;width: 35%;  }
.box_4{ background:#FFA500;  color:#fff; margin:0.5em 0; padding:1px;width: 35%;  }
/* スクロールバー付きbox */
.box_auto{ height:100px; overflow:auto; margin:0.5em 0; }
/* フォント換え */
#example1 { font:"Comic Sans MS",sans-cursive; }