@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.5em Osaka,"Trebuchet MS",Verdana,"ＭＳ Ｐゴシック",sans-serif; }
body{ text-align:center; color:#555; background:#ece9df url("050670.jpg") repeat;; }

/* ▼各ページの色設定------------------------------------------------------------------------------------------- */
/* bodyにid属性を付け指定します。新しいページを作る場合は追加して下さい。 */
/* サイト名の色 */
#INDEX h1 a{ color:#1c94b4; } /* indexページへの指定。HTMLは'body=#INDEX'となっています。index.html参照。*/
#PAGE1 h1 a{ color:#76b41c; } /* sampleページへの指定。HTMLは'body="#PAGE1'となっています。sample.html参照。*/
#PAGE3 h1 a{ color:#b41c58; } /* sample3 */

#ABOUT h1 a{ color:#b41c58; } /* about */
#PAST h1 a{ color:#669999; } /* past */
#PHOTOS h1 a{ color:#cc9900; } /* photos */
#SOUNDS h1 a{ color:#76b41c; } /* sounds */
#LINKS h1 a{ color:#884f9a; } /* links */
#PROF h1 a{ color:#ee827c; } /* links */


/* メニュー背景色 */
#INDEX #MENU{ background:#1c94b4; } /* indexページへの指定。HTMLは'body=#INDEX'となっています。index.html参照。*/

#ABOUT #MENU{ background:#b41c58; } /* about */
#PAST #MENU{ background:#669999; } /* past */
#PHOTOS #MENU{ background:#cc9900; } /* photos */
#SOUNDS #MENU{ background:#76b41c; } /* sounds */
#LINKS #MENU{ background:#884f9a; } /* links */
#PROF #MENU{ background:#ee827c; } /* links */


#PAGE1 #MENU{ background:#76b41c; } /* sample */
#PAGE3 #MENU{ background:#b41c58; } /* sample3 */
/* ▲こんな感じで増やしていってください。id名はお好きに変更などして下さい。------------------------------------- */

/* ページの大枠設定 */
#WRAP{ text-align:left; margin:0 auto; width:85%; max-width:1000px; min-width:720px; }

/* ヘッダー・ページ上部 */
#HEAD{ }
/* サイト名の文字 */
h1{ }
h1 a{ font:95px "Arial Black",Helvetica,Arial,sans-serif; text-transform:uppercase; text-decoration:none; }
p.skip{ display:none; }

/* メニュー部分 */
#MENU{ height:32px; margin:-32px 0 0; position:relative; z-index:100; }
#MENU h2{ display:none; }
/* メニューリスト・メニューリンク */
#MENU ul{ list-style-type:none; }
#MENU li{ display:inline; }
#MENU li a{ display:block; float:left; margin:0 0.5em; padding:3px 0; text-decoration:none; font:112% "Lucida sans unicode","Lucida grande",Helvetica,Arial,sans-serif; }
#MENU li a:link,#MENU li a:visited{ color:#fafafa; }
#MENU li a:hover{ color:#000; border-bottom:3px solid #000; }
#MENU li.on a:link,#MENU li.on a:visited{ color:#000; border-bottom:3px solid #000; } 

/* CONTENT */
#CONTENT{ background:#fff; padding:0 1em; border-bottom:5px solid #d9d4c0; }
#CONTENT a{ text-decoration:underline; }
#CONTENT a:link{ color:#1c94b4; }
#CONTENT a:visited{ color:#884f9a; }
#CONTENT a:hover{ color:#b41c58; text-decoration:none; }
*+html #CONTENT{ min-height:1%; }

/* ぱんくずナビ */
#PATH{ clear:both; font-size:84%; padding:0.5em 0; margin-right:22%; }
#PATH a:link,#PATH a:visited{ color:#000; text-decoration:none; }
#PATH a:hover{ color:#999; text-decoration:underline; }

/* サブメニュー部分 */
#SUBMENU{ font-size:92%; float:right; width:20%; padding:1em 0 0; margin:0 0 3em; border-top:3px solid #333; }
#SUBMENU h3{ color:#000; margin:0 0 0.2em; font-family:"Lucida sans unicode","Lucida grande",sans-serif; }
/* サブメニューリスト・リンク */
#SUBMENU ul{ list-style:none; margin:0 0 1em; border-top:1px solid #ddd; }
#SUBMENU li{ padding:0.1em 0; border-bottom:1px solid #ddd; }
#SUBMENU li a{ display:block; text-decoration:none; }
#SUBMENU li a:link,#submenu li a:visited{  }
#SUBMENU li a:hover{ background:#efece4; }

/* メイン・テキスト部分 */
#MAIN{ margin-right:22%; padding:0.5em 0 0; border-top:3px solid #333; }
.text{ padding:0 0 2.5em; margin:0 0 0.5em; border-bottom:1px solid #333; }
/* トップへ戻るの指定 */
#MAIN p.backtop{ font-size:90%; margin:1em 0 0; text-align:right; }
#MAIN p.backtop a{ padding:0.2em 0.5em; background:#d9d4c0; text-decoration:none; }
#MAIN p.backtop a:link,#MAIN p.backtop a:visited{ color:#000; }
#MAIN p.backtop a:hover{ color:#999; }

/* フッター・ページ下部 */
#FOOT{clear:both; color:#fafafa; font-size:92%; text-align:center; padding:2em 0; }
/* フッターのリンク */
#FOOT a{ text-decoration:underline; }
#FOOT a:link,#FOOT a:visited{ color:#fafafa; }
#FOOT a:hover{ color:#999; text-decoration:none; }
/* フッターメニュー */
#FOOT ul{ list-style:none; margin:0 0 0.5em; }
#FOOT li{ display:inline; margin:0 0.5em; }

/* 見出し */
#MAIN h2,#MAIN h3{ color:#000; font-family:"Lucida sans unicode","Lucida grande",sans-serif; }
#MAIN h2{ font-size:132%; margin:0.5em 0; }
#MAIN h3{ font-size:112%; font-weight:bold; margin:1.2em 0 0.4em; }
#MAIN h4{ font-weight:bold; color:#000; margin:1.2em 0 0.4em; }
#MAIN h5{ margin:0.5em 0; text-decoration:underline; }

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

/* 線・レイアウトには未使用 */
hr.no{ display:none; }
/* 画像の枠線を消す */
img { border:0; }
/* アドレス・連絡先 */
address{ }
/* 段落 */
.text p{ margin:0 0 0.4em; }
/* 強調 */
em{ font-weight:bold; color:#333; }
/* さらに強調 */
strong{ font-weight:bold; color:#97292c; border-bottom:1px solid #333; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }
/* 削除 */
del{ text-decoration:line-through; }
/* 引用・出典 */
q,cite{ border-bottom:1px dotted #b8b8b8; }
/* 上付き・下付き文字 */
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{ margin:0.1em 0; padding:0.1em; color:#444; background:#f9f8f5; border:1px solid #e6e6e6; }
input:hover,textarea:hover,select:hover{ border-color:#d6d6d6; }

/* 番号付きリスト */
#MAIN ol{ list-style-position:outside; margin:0 1em 0 2.5em; }
#MAIN ol li{ padding:0; }
/* 普通リスト */
#MAIN ul{ list-style:square outside; margin:0.5em 2em; padding:5px; }
#MAIN li{ padding:0; }
/* 説明付きリスト */
#MAIN dl{ list-style-position:inside; padding:5px; }
#MAIN dt{ font-weight:bold; }
#MAIN dd{ padding:0 5px; margin:0 0.5em; border-left:3px solid #ded9c8; }

/* 引用 */
blockquote{ font-size:92%; border-left:2px solid #ded9c8; padding:0.25em 0.25em 0.25em 0.5em; margin:0.5em 0 0.5em 1em; }
/* 整形済みテキスト */
pre{ background:#f9f8f6; border:1px solid #e6e6e6; color:#444; padding:0.25em; margin:0.5em 1em; font-family:monospace; width:94.5%; overflow:scroll; }

/* サンプルで使用 */
/* 横列リスト */
#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 1em 0 0; border:none; }
#MAIN dl.img_side dd{ border:none; }
br.clear{ clear:both; line-height:0px; }

/* Box */
.box_1{ margin:0.5em 0; color:#505050; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f9f8f5; padding:0.5em; }
.box_2{ border-left:3px double #333; border-right:3px double #333; background:#f9f8f5; color:#505050; margin:0.5em 0; padding:0.5em; }
/* スクロールバー付きbox */
.box_auto{ height:100px; overflow:auto; margin:0.5em 0; }