@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.6em Osaka,Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }
/* 文字サイズの変更はここで出来ます↓ */
body{ text-align:center; font-size:84%; color:#555; background:#eee; }

/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#52a5f2; }
a:visited{ color:#8f85ad; }
a:hover{ color:#444; text-decoration:none; }

/* ページの大枠設定 */
#pagetop{ margin:0 auto; text-align:left; width:700px; }

/* ヘッダー・写真の変更はここで出来ます */
#header{ margin:0em 0 1em; padding:200px 10px 0; height:50px; background:#eee url("./img/photo.jpg") no-repeat 50% 0%; }
/* indexページの設定 */
#index #header{ height:50px; background:#eee url("./img/photo.jpg") no-repeat 50% 0%; }
#header a:link,#header a:visited{ color:#555; text-decoration:none; }
#header a:hover{ color:#999; text-decoration:underline; }
/* サイト名の文字 */
h1{ font:152% georgia,"times new roman",times,serif; font-weight:bold; letter-spacing:1pt; color:#000; background:#eee url("./img/P_title01.gif") no-repeat; height:50px; text-indent:-1000px; }

/* 解析 */
#m_01{ padding:0; margin:-10px; }

/* パンくずリスト */
ul#pan{ list-style:none; padding:0; margin:-25px 0 0; text-align:right; }
ul#pan li{ display:inline; }
ul#pan a{ padding:0 0.7em 0 0; background:url("./img/pan.gif") no-repeat 100% 50%; }

/* メニュー部分 */
#menu{  }
#menu h2{ display:none; }
/* メニューリスト・リンク */
#menu ul{ list-style-type:none; }
#menu li{ display:inline; float:left; margin:0 2px 0 0; }
#menu li a{ display:inline; text-decoration:none; font:bold 100% helvetica,arial,sans-serif; padding:0.2em 0.6em; background:#d8d8d8; }
#menu li a:link,#menu li a:visited{ color:#777; }
#menu li a:hover{ color:#4db4e4; background:#fff; }
#menu li.menu-on a:link,#menu li.menu-on a:visited{ color:#333; background:#fff; }

/* 記事部分 */
#kizi{ color:#555; margin:-13px 0 0; padding:1em 15px; background:#fff; clear:both; }
* > #kizi{ margin:3px 0 0; }
.text{ margin:0 0 2em; border-bottom:2px solid #eee; }
.webring{ text-align:center; }
.center_02{ text-align:center; margin:2em; }
/* 戻りの設定 */
ul.modori{ list-style:none; margin:0; padding:0; }
ul.modori li{ list-style:none; display:block; text-align:right; margin:0.5em -0.5em 0 0; }
ul.modori li a{ display:inline; text-decoration:none; padding:1px 3px; background:#f0f0f0; }
ul.modori li a:link,ul.modori li a:visited{ color:#555; }
ul.modori li a:hover{ color:#52a5f2; text-decoration:underline; background:#fff; }

/* フッター */
#footer{ font-size:88%; text-align:center; color:#777; margin:0; padding:1em 15px; }
#footer h2{ display:none; }
#footer a:link,#footer a:visited{ color:#555; text-decoration:none; }
#footer a:hover{ color:#222; text-decoration:underline; }
#footer ul{ list-style:none; }
#footer li{ display:inline; margin:0 0.5em; }
#footer li a{ display:inline; }
#footer li address{ display:inline; }

/* 見出し */
h3,h4{ color:#444; font-family:helvetica,arial,sans-serif; margin:1.2em 0 0.4em; }
h5,h6{ margin:1em 0 0.4em; font-size:100%; }
h2{ font:132% georgia,"times new roman",times,osaka,"ｍｓ ｐゴシック",serif; font-weight:bold; margin:0.5em 0; color:#444; }
h2 small{ font-size:74%; }
h3{ font-size:112%; font-weight:bold; }
.l_01{ margin: 0px 0px 10px; padding: 1px 5px; border-bottom: 1px solid #ccc; border-left: 5px solid #ccc; background:#f5f5f5; }
h4{ font-weight:bold; }
.l_02{ margin:0px 10px; padding: 0px 5px; border-bottom: 1px solid #ccc; border-left: 4px solid #ccc; }
h5{ font-weight:bold; text-align:center; }
h6{ text-align:right; }

/* その他　必要であれば */
/* 線 レイアウトには使用していません */
hr{ display:none; }
/* 画像リンクの枠線を消す */
img{ border:none; }
/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; }
/* より強い強調 */
strong{ font-weight:bold; color:#000; border-bottom:3px double #f00; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }
/* 削除 */
del{ text-decoration:line-through; }
/* 短い引用・出典 */
q,cite{ border-bottom:1px dotted #999; }
/* 上付き・下付き文字 */
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; color:#505050; border:1px solid #ccc; margin:0.1em 0; }
.pati_01{ background:#eee; border:3px double #999; padding:5px; margin:0.5em 0; }
/* 番号付きリスト */
#kizi ol{ list-style-position:outside; padding:5px; margin:0 0.5em 0 1.5em; }
#kizi ol li{ padding:0; }
/* 普通リスト */
#kizi ul{ list-style:outside disc; padding:5px; margin:0 0.5em 0 1.5em; }
#kizi li{ padding:0; }
/* 説明付きリスト */
#kizi dl{ list-style-position:inside; padding:5px; }
#kizi dt{ padding:0; }
#kizi dd{ padding:0 5px; margin:0 0 0 0.8em; }

/* 段落 */
p{ margin:0 0 0.4em; }
.li_01{ list-style:outside disc; padding:5px; margin:0 0.5em 0 1.5em; }
.r_01{ text-align:right; }
.c_01{ text-align:center; }
.counter_01{ text-align:right; margin:0px 5px -15px; padding: 0px 5px; }
#h_01{ font-size:x-small; text-align:right; padding:0px; margin:0px; }
/* 引用文 */
blockquote{ border-left:4px solid #ccc; margin:0.5em 1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#eee; color:#444; margin:0.5em 1em; padding:5px; }

/* サイト情報 */
dl.about_link{ margin:0.5em 0; }
dl.about_link dt{ width:80px; float:left; margin-left:10px; }
dl.about_link dd{ margin-left:80px; padding-left:0.5em; }

/* 文字の変更 span> */
.m_01{ color:#000; background:#ff0; }
.m_02{ color:#000; background:#f6f; }
/* 囲み装飾 */
.box_01{ border:1px solid #ddd; padding:10px; margin:0.5em 2em; }
.box_01 li{ list-style:none; margin:0 0.5em; }
/* スクロールBox */
.box_auto{ border:1px solid #ddd; height:100px; overflow:auto; padding:5px; margin:0.5em 1em; }
/* 横並び */
ul.row_01{ list-style:none; }
ul.row_01 li{ display:inline; margin-right:0.5em; }
ul.row_02{ list-style:none; }
ul.row_02 li{ display:inline; margin-right:0.8em; }
/* 横2列並び */
dl.side01{ margin:0.2em 1em; }
dl.side01 dt{ width:70px; float:left; }
dl.side01 dd{ margin-left:70px; padding-left:0.5em; }
dl.side02{ margin:0; }
dl.side02 dt{ width:100px; float:left; font-weight:bold; }
dl.side02 dd{ margin-left:100px; padding-left:0.5em; }
/* テーブル */
table#table01 { text-align:center; margin:0 2em; }
table#table01 th { background-color:#dcdcdc; padding:0 5pt; }
table#table01 td { padding:0 5pt; }
table#table02 { text-align:center; }
table#table02 th { background-color:#dcdcdc; padding:0 5pt; }
table#table02 td { padding:0 5pt; }