@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.5em Osaka,Helvetica,Arial,"ＭＳ Ｐゴシック",sans-serif; }
/* 文字サイズの変更はここで出来ます↓ */
body{ text-align:left; color:#afafaf; font-size:84%; background:#1c1c1c url(./onenight_img/bg.gif) repeat-y 750px 0%; }

/* ページの大枠設定 */
#PAGETOP{ width:750px; background:#2a2a2a url(./onenight_img/bg2.gif) repeat-x 0% 100%; }

/* ヘッダー */
#HEADER{ padding:25px 0 0; }
/* サイト名の文字 */
h1{ font:302% "Century Gothic",Futura,Helvetica,Arial,sans-serif; color:#22add9; padding:25px 1em; background:#252525 url(./onenight_img/h1.gif) no-repeat 100% 100%; border-bottom:1px solid #3a3a3a; }
/* パンくずリスト */
ul#PAN{ list-style:none; background:#0a0a0a; border-bottom:1px solid #3a3a3a; padding:3px 1em; position:relative; top:-128px; }
ul#PAN li{ display:inline; font-weight:bold; color:#a3ad33; }
ul#PAN a{ padding:0 0.7em 0 0; font-weight:normal; background:url(./onenight_img/pan.gif) no-repeat 100% 50%; } 
ul#PAN a:link,ul#PAN a:visited{ color:#aeaeae; text-decoration:none; }
ul#PAN a:hover{ color:#a3ad33; text-decoration:underline; }

/* メニュー部分 */
#MENU{ width:160px; float:left; }
#MENU h2{ color:#338fad; font-weight:bold; margin:0.5em 0 1em 15px; }
/* メニューリスト・リンク */
#MENU ul{ list-style-type:none; }
#MENU li{ display:inline; }
#MENU li a{ display:block; text-decoration:none; line-height:90%; font-weight:bold; margin:0 0 8px; padding-left:15px; }
#MENU li a:link,#MENU li a:visited{ color:#ccc; }
#MENU li a:hover{ color:#338fad; padding-left:10px; border-left:5px solid #338fad; }
#MENU li.menu-on a:link,#MENU li.menu-on a:visited{ padding-left:10px; border-left:5px solid #338fad; }
#MENU li.menu-on a:hover{  }

#ADSENSE{text-align: center;}

/* 記事部分 */
#KIZI{ margin:0 10px 0 180px; }
/* 記事部分のリンク */
#KIZI a{ text-decoration:underline; }
#KIZI a:link{ color:#338fad; }
#KIZI a:visited{ color:#888; }
#KIZI a:hover{ color:#a3ad33; text-decoration:none; }
#KIZI .text{ margin:0 0 2.5em; }
/* 戻りの設定 */
#KIZI ul.modori{ list-style:none; margin:0.5em 0 0; }
#KIZI ul.modori li{ list-style:none; display:block; text-align:right; }
#KIZI ul.modori li a{ font-size:90%; }
#KIZI ul.modori a:link,#KIZI ul.modori a:visited{ color:#338fad; }
#KIZI ul.modori li a:hover{ color:#a3ad33; }

#INFO{ margin:0 10px 0 180px; }
#INFO a:link{ color:#338fad; }
#INFO a:visited{ color:#888; }
#INFO a:hover{ color:#a3ad33; text-decoration:none; }
#INFO .text{ margin:0 0 2.5em; }

/* フッター */
#FOOTER{ font-size:88%; padding:1em; text-align:center; color:#a0a0a0; clear:both; }
#FOOTER h2{ display:none; }
#FOOTER a{ text-decoration:none; }
#FOOTER a:link,#FOOTER a:visited{ color:#333; }
#FOOTER a:hover{ color:#a3ad33; text-decoration:underline; }
#FOOTER ul{ list-style:none; }
#FOOTER li{ display:inline; margin:0 0.5em; }
#FOOTER li a{  }
#FOOTER li address{ display:inline; }

/* 見出し */
#KIZI h2{ font-weight:bold; font-size:128%; color:#b8b8b8; margin:0.5em 0; color:#338fad; border-bottom:1px dotted #3a3a3a; }
h3{ font-size:108%; padding:0.05em 0 0.05em 0.5em; margin:1.2em 0 0.5em; border-left:5px solid #338fad; }
h4{ margin:1em 0 0.5em; font-weight:bold; padding:0 1em; display:inline; border:1px solid #1d7492; }
h5,h6{ font-size:100%; font-weight:bold; margin:0.8em 0 0.5em; }
h5{ color:#1d7492; }

/* その他　必要であれば */
/* 線 レイアウトには使用していません */
hr{ display:none; }
/* 画像リンクの枠線を消す */
img{ border:none; }
/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; border-bottom:1px dotted #555; }
/* 最も強い強調 */
strong{ font-weight:bold; color:#b01c5b; border-bottom:3px double #777; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }
/* 削除 */
del{ text-decoration:line-through; }
/* 短い引用・出典 */
q,cite{ border:1px solid #555; padding:0.1em 0.5em; }
/* 上付き・下付き文字 */
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:#3a3a3a; color:#aeaeae; border:1px solid #555; margin:0.1em 0; }
input#BUTTON{ font-weight:bold; border:3px double #555; padding:0.05em 0.5em; }
input:hover,textarea:hover,select:hover{ background:#252525; }

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

/* 段落 */
p{ margin:0 0 0.4em; }
/* 引用 */
blockquote{ border-left:2px solid #555; margin:0.5em 0 0.5em 1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:transparent; border:1px solid #555; color:#505050; margin:0.5em; padding:5px; width:94.5%; overflow:scroll; }