/* --------------------------------------------------------
文章全体。レイアウトに表(<table>タグ)を使用していないポップアップページで特に重要。
-------------------------------------------------------- */
body { text-align: center; color: #000000; background-color: #ffffff; font-size: 95%; line-height: 125%; font-family: "ＭＳ Ｐゴシック","Arial",sans-serif; }


/* --------------------------------------------------------
レイアウトに表(<table>タグ)を使用するページ(ポップアップ以外のほとんどすべてのページ)で適用。
-------------------------------------------------------- */
table.main { border: solid 1px #000000; border-collapse: collapse; }


/* --------------------------------------------------------
h1タグ(ページの表題を示す部分)に適用
-------------------------------------------------------- */
h1 { font-size: 100%; margin: 0 0 1 0; }


/* --------------------------------------------------------
表のセル1。メニュー(トップ、能楽部Q&A、･･･)のセルに適用
-------------------------------------------------------- */
td.menu { border: solid 1px #000000; padding: 0 3 1 0; text-align: right; vertical-align: bottom; }


/* --------------------------------------------------------
表のセル2。メニュー以下本文(英: body)のセルに使用 (a: 写真や文章が入っているセル、b: 二重区切り線として使用するセル(内容は空白のセル))
-------------------------------------------------------- */
td.body_a { border: solid 1px #000000; padding: 15 15 15 15; font-size: 95%; line-height: 125%; }
td.body_b { border: solid 1px #000000; }


/* --------------------------------------------------------
表のセル3。<td class="bottom_left">は学生能楽街道・「このページのトップへ戻る」リンクがあるセル。<td class="bottom_left">はカウンター・著作権表示があるセル。
-------------------------------------------------------- */
td.bottom_left { padding: 8 5 6 22; font-size: 90%; line-height: 180%; font-family: "Arial","ＭＳ Ｐゴシック",sans-serif; }
td.bottom_right { padding: 8 20 6 5; font-size: 90%; text-align: right; line-height:180%; font-family: "Arial","ＭＳ Ｐゴシック",sans-serif; }


/* --------------------------------------------------------
<td class="body_a">に入れ子式になっている表(<table>タグ)のセル1。
トップページ、能楽部Q&A等の写真の右に文書があるレイアウトに使用。境界線は表示されない。
-------------------------------------------------------- */
td.subtable { padding: 10 10 10 10; font-size: 95%; line-height: 125%; }


/* --------------------------------------------------------
<td class="body_a">に入れ子式になっている表(<table>タグ)のセル2。
例えばトップページの、名称: 学芸公認団体能楽部、･･･といったレイアウトに使用。
item_aが背景に色つきの項目の部分、item_bが内容の部分。
-------------------------------------------------------- */
td.item_a { padding: 5 5 5 8; background-color: #f2ece5; font-size: 95%; line-height: 100%; }
td.item_b { padding: 5 15 8 25; font-size: 95%; line-height: 150%; }


/* --------------------------------------------------------
リンク1、メニュー(トップ、能楽部Q&A、･･･)のリンクに使用 <a class="menu"> original color: #000066
-------------------------------------------------------- */
a.menu { display: block; color: #000066; text-decoration: none; font-weight: bold; font-size: 90%; font-family: "Arial","ＭＳ Ｐゴシック",sans-serif; }


/* --------------------------------------------------------
リンク2、通常のリンクに使用、マウス合わせで背景が水色 <a class="body">
-------------------------------------------------------- */
a.body:link { color: #000060; }
a.body:visited { color: #662266; }
a.body:hover { background-color: #ddffff; }


/* --------------------------------------------------------
リンク3、リンク1の変形、マウスを合わせた時のみ下線を表示 <a class="list">
-------------------------------------------------------- */
a.list:link { color: #000060; text-decoration: none; }
a.list:visited { color: #662266; text-decoration: none; }
a.list:hover { background-color: #ddffff; text-decoration: underline; }


/* --------------------------------------------------------
リンク4、用語集の各項目へのリンクに使用、マウス合わせで背景がピンク <a class="jargon">
-------------------------------------------------------- */
a.jargon:link { color: #000060; }
a.jargon:visited { color: #662266; }
a.jargon:hover { background-color: #ffe4e1; }


/* --------------------------------------------------------
リンク5、ページ最下部の学生能楽街道、著作権表示、トップへ戻る、のリンク <a class="footer">
-------------------------------------------------------- */
a.footer:link { color: #000000; text-decoration: none; }
a.footer:visited { color: #000000; text-decoration: none; }
a.footer:hover { color: #000000; text-decoration: underline; }


/* --------------------------------------------------------
項目内容を字下げ行とする時 (例: トップページ「学生会館5階BOX520 →写真」等)
-------------------------------------------------------- */
span.sub { margin-left: 20; }
span.subsub { margin-left: 50; }
span.subsubsub { margin-left: 70; }


/* --------------------------------------------------------
写真倉庫内各ページの立ち方・地頭名前、あらすじ等の部分
-------------------------------------------------------- */
div.piccomment { text-align: left; margin-left: 20px; line-height: 150%; }


/* --------------------------------------------------------
写真倉庫内各ページの写真 (a: 横写真、b: 縦写真)
-------------------------------------------------------- */
img.gallery_a { width: 400px; height: 300px; margin: 8 8 8 8; }
img.gallery_b { width: 300px; height: 400px; margin: 8 8 8 8; }


/* --------------------------------------------------------
文章倉庫内「研究」のページ(「巻絹」は除く)
-------------------------------------------------------- */

p.k_kihon { text-indent: -15; line-height: 150%; margin: 10 10; }
p.k_title { text-indent: 0; margin-left: 0; margin-top: 30; }
p.k_naiyo { text-indent: 15; line-height: 150%; margin: 10 10; }



/* --------------------------------------------------------
2style.jpで自動挿入されるhtml広告のためのスタイルシート (2008年3月現在、Shift_JISの文字コードでないと使えないため使用していない)
-------------------------------------------------------- */
div.ad_text { margin: 19 0 16 0; }
div.ad_text a:link{ color: #000000; text-decoration: none; }
div.ad_text a:visited{ color: #000000; text-decoration: none; }
div.ad_text a:hover{ color: #000000; text-decoration: underline; }