@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; font:normal normal normal 100%/1.5em Verdana,Osaka,sans-serif;}
body{ text-align:left; color:#555; font-size:78%; background:url(img/bg.gif) #ddd;}

/* ページの大枠 */
#PAGETOP{ margin:0 auto 0 25px; width:720px; text-align:left; background:#000;}

/* ヘッダー */
#HEADER{ margin:0 0 0 200px; width:520px; height:250px; text-align:right; background:url(img/img.jpg) no-repeat 0% 50%;}
/* パンくず */
ul#PAN{ list-style:none; margin:-90px 20px 0;}
ul#PAN li{ display:inline; font-weight:bold; color:#fff; float:right; margin-right:3px;}
ul#PAN li a{ text-decoration:none; background:url(img/pan.gif) no-repeat 0% 50%; padding-left:10px;}
ul#PAN li a:link,ul#PAN li a:visited{ text-decoration:underline; color:#fff;}
ul#PAN li a:hover{ text-decoration:none; color:#fff;}

/* メニュー */
#MENU{ float:left; width:200px; margin:-250px 0 0; padding-top:35px;}
#MENU h2{ font-size:155%; font-weight:bold; display:inline; color:#fff; margin:0 5px;  padding:5px 70px 20px 0px; background:url(img/menu1.gif) no-repeat 100% 0%;}
#MENU ul{ margin-top:25px; padding:0; list-style:none;}
#MENU li{ padding:0; display:inline;}
#MENU li a{ text-decoration:none; display:block; float:left; margin-bottom:1px; padding:7px 0 7px 5px; width:195px; border-bottom:solid 1px #333; font-size:115%; font-family:"Century Gothic",Arial,Verdana,sans-serif;}
#MENU li a:link,#MENU li a:visited{ text-decoration:none; color:#888; background:#000;}
#MENU li a:hover{ text-decoration:none; color:#eee; background:url(img/menu2.gif) no-repeat 100% 50% #000;}
#MENU li.menu-on a:link,#MENU li.menu-on a:visited{ text-decoration:none; color:#fff; background:url(img/menu2.gif) no-repeat 100% 50% #000;}
#MENU li.menu-on a:hover{ text-decoration:none; color:#fff; background:url(img/menu2.gif) no-repeat 100% 50% #000;}

/* 記事部分 */
#KIZI{ margin:0 0 0 200px; background:#eee; padding-top:20px;}
#KIZI .text{ padding:0 15px;}
/* 記事部分のリンク */
#KIZI a{ text-decoration:none;}
#KIZI a:link,#KIZI a:visited{ color:#555; text-decoration:underline;}
#KIZI a:hover{ color:#888; text-decoration:none;}
/* 戻りの設定 */
#KIZI ul.modori{ text-align:right; list-style:none inside; padding:2em 0 0; margin:0;}
#KIZI ul.modori li{ display:block;}
#KIZI ul.modori li a{ text-decoration:none; background:url(img/modori.gif) no-repeat 0% 50%; padding-left:12px;}
#KIZI ul.modori li a:link,#KIZI ul.modori li a:visited{ color:#555; text-decoration:none;}
#KIZI ul.modori li a:hover{ text-decoration:none; color:#555;}


/* フッター */
#FOOTER	{ margin:0 0 0 200px; text-align:right; background:#eee; padding:0;}
#FOOTER h2{ display:none;}
#FOOTER address{ display:inline;}
#FOOTER ul{ list-style:none; padding:2em 1.2em;}
#FOOTER li{ margin-left:8px; display:inline;}
#FOOTER li a{ text-decoration:none;}
#FOOTER li a:link,#FOOTER li a:visited{ color:#555;}
#FOOTER li a:hover{ text-decoration:underline; color:#555;}

/* 見出し */
h1,h2,h3,h4,h5,h6{font-family:"Century Gothic",Arial,Verdana,sans-serif;}
h1{ font-size:333%; color:#fff; padding:40px 20px 0;}
h1:first-letter { color:#990000; font-size:100%; font-family:"Century Gothic",Arial,sans-serif;}
h2{ font-size:145%; color:#555; margin:0 15px 15px; padding:5px 15px 0px; background:url(img/h2.gif) no-repeat 0% 50%;}
h2:first-letter { color:#333; font-size:150%; font-weight:bold; font-family:"Century Gothic",Arial,sans-serif;}
h3{ font-size:120%; font-weight:bold; color:#990000; margin:10px 0;}
h4{ font-size:120%; border-bottom:solid 1px #555; color:#555; margin:8px 5px;}
h5{ font-size:110%; font-weight:bold; margin:8px 5px;}
h6{ font-size:100%; border:solid 1px #666; margin:0 5px; padding:0 5px; display:inline;}

/* 番号付きリスト */
#KIZI ol{ list-style-position:inside; margin:0 1em;}
#KIZI ol li{ padding:0;}
/* 普通のリスト */
#KIZI ul{ list-style:disc inside; margin:0 1em;}
#KIZI ul li{ padding:0;}
/* 説明付きリスト */
#KIZI dl{ margin:0 1em; list-style-position:inside;}
#KIZI dt{ font-weight:bold; display:inline;}
#KIZI dd{ margin-left:1em; padding:0.3em 1em; border-left:solid 2px #888;}

/* フォーム */
input,textarea{ border:solid 1px #666; background:#000; padding:0.3em 0.2em; margin:0.3em 0; color:#fff;}
select{ background:#000; color:#fff; padding:0; margin:0.3em 0;}

/* 段落 */
p{ margin:1em 0.5em;}
/* 水平線 */
hr{ display:none;}
/* 強調 */
em{ font-weight:bold;}
/* さらに強調 */
strong{ font-weight:bold; border-bottom:dashed 2px #666; background:#ccc;}
/* 追加 */
ins{ text-decoration:underline; border-bottom:dashed 1px #666; padding-bottom:2px;}
/* 削除 */
del{ text-decoration:line-through; color:#888;}
/* 引用 */
blockquote{ background:#888; padding:0.5em; margin:0 1em;}
/* 短い引用・出典 */
cite,q{ border-bottom:1px dashed #666; padding:0.5em;}
/* 整形済みテキスト */
pre{ border:solid 1px #666; padding:0.5em; margin:0 1em;}

/* 物理的タグ */
/* 太字 */
b{ font-weight:bold;}
/* 斜体 */
i{ font-style:oblique;}
/* 文字大 */
big{ font-size:110%;}
/* 文字小 */
small{ font-size:84%;}
/* 等幅 */
tt{ font-family:monospace;}