/*
【概要】
このサイトでは、それぞれのHTMLファイルで2つずつのスタイルシートが指定されています。前に指定されているのがNetscape Navigator 4.X用のスタイルシート（nsstyle.css）、後に指定されているのがそれより新しい（スタイルシートを比較的正しく実装している）ブラウザ（Internet Explorer 5.X, 6.X, Netscape 6.Xなど）用のスタイルシート（style.css）です。
nsstyle.cssに記述した属性は、NN4.Xと新しいブラウザの両方に影響を与えます。一方、style.cssに記述した属性は、NN4.Xは"media="を認識できませんので、新しいブラウザだけに影響を与えます。両方のスタイルシートに異なる値を記述した場合には、style.cssの値が優先します。
【NN4.Xの性質】
NN4.Xは、スタイルシートに記述した属性を、すべて正しく解釈できるわけではありません。また、記述する属性や組み合わせによっては、デザインが崩れてしまったり、ブラウザ自体がエラーを起こしてしまうことがあります。
【使い方】
NN4.Xと新しいブラウザに共通に設定したい属性は、本来nsstyle.cssだけに記述すればよいのですが、わかりやすくするためにstyle.cssにもコピーします。
新しいブラウザだけに設定したい属性は、style.cssだけに記述します。
また、nsstyle.cssに設定した属性の値が、新しいブラウザに対して適切でない場合には、style.cssの中で同じ要素に対して適切な値を記述します。新しいブラウザは、nsstyle.cssよりstyle.cssに記述された値を優先して解釈します。
*/
/* リンクをクリックしている最中 */
a:active {color:red;}
/* リンクにマウスを乗せたとき */
a:hover {
background: #0ff;
color: #000000;
}
/* まだ訪れていないリンク */
a:link {color:#0000ff;}
/* すでに訪れたリンク */
a:visited {color:#800080;}
address {
font size: smaller;
text-align: right;
}
body {
background: #fffcf2;
margin:1em 5%;
color : black;
}
em {
font-weight: bold;
font-size: 120%;
font-style: normal;
color: #ff0000;
background-color:#fffcf2;
}
h1 {
width: 100%;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #990000;
padding: 0.2em;
background-color: #f0d772;
color : black;
font-size: 200%;
text-align: left;
text-indent: 1em;
margin-top : 0em;
margin-left : 0.1em;
margin-right : 0.1em;
margin-bottom : 0.1em;
font-family : "ms ui gothic";
}
h2 {
margin-top: 0;
width: 100%;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color:#f0d772;
padding-top: 4px;
padding-bottom: 4px;
padding-left : 0em;
padding-right : 0em;
background-color: #f0f0a0;
color : black;
font-size: 125%;
letter-spacing: 0.1em;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-bottom : auto;
background-image : url(../whatsacs/seni/bg.gif);
}
h3 {
font-size: 110%;
margin-top: 2em;
margin-bottom: 0em;
padding-left: 3em;
text-indent: -1em;
clear:left;
}
h4 {
font-size: 105%;
margin-top: 2em;
margin-bottom: 0em;
text-indent: 3em;
clear:left;
}
h5 {
font-size: 100%;
margin-top: 2em;
margin-bottom: 0em;
text-indent: 4em;
clear:left;
}
hr {
color: #f0d772;
margin:0.5em 0;
}
ol li {
line-height : 120%;
margin-bottom : 0.5em;
}
/* tableは実験中
table {
text-align : left;
margin-left : 0em;
margin-right : 0em;
color : black;
background-color : green;
width : 100%;
}
td {
color : black;
background-color : white;
padding-top : 0.2em;
padding-left : 0.2em;
padding-right : 0.2em;
padding-bottom : 0.2em;
width : auto;
text-align : center;
}
th {
color : black;
background-color : #ceff9d;
padding-top : 0.2em;
padding-left : 0.2em;
padding-right : 0.2em;
padding-bottom : 0.2em;
text-align : center;
}
*/
/* リンクを目立たせる場合に使用 */
a.em {
font-size: 140%;
font-weight: bold;
background-color:#eeffff;
}
/* ページフッタ部のリンクボタン部分 */
div.back-navi {
margin-bottom: 1.5em;
text-align: center;
}
/* サマリー以外のコンテンツ部分全体を囲む */
div.contents {
margin-top:2em;
text-align: left;
line-hight: 120%;
width: 100%;
}
/* サマリー以外のコンテンツ中のp */
div.contents p {
margin-top: 0.2em;
margin-bottom:0.4em;
margin-right: 2.5em;
margin-left: 6em;
font-size: 100%;
line-height: 120%;
text-indent: 1em;
text-align: left;
}
/* ページトップへのリンク部分 */
div.go-page-top {
width: 100%;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
border-color: fffcf2;
background-color: fffcf2;
font-size : 80%;
text-align:right;
padding-bottom: 2em;
padding-right: 2.5em;
margin-top : 0.2em;
}
/* ヘッダのリンク部分 */
div.header {
text-align: left;
}
/* 入力フォーム部分 */
div.input-form {
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : black black black black;
border-color: #990000;
}
/* ページフッタのリンクテキスト部分 */
div.menu-navi {
margin-bottom: 2em;
text-align: center;
}
/* h2レベルの文章のまとまり部分 */
div.section {
border: 0.1%;
border-color: #ffffcc;
background-color: #ffffcc;
width:100%;
}
/* h1後最初のh2前の、ページのサマリー部分 */
div.summary {
padding-left:3em;
padding-right:3em;
}
/* h1後最初のh2前の、ページのサマリー部分のp */
div.summary p {
margin:0.3em;
font-size : 100%;
line-height : 115%;
color : black;
background-color : white;
word-spacing : normal;
letter-spacing : normal;
text-align : left;
text-indent : 1em;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
height : auto;
}
/* ポイントを記述した定義リスト */
dl.point {
line-height: 1.5em;
margin-right: 2.5em;
margin-left: 6em;
font-size: 100%;
}
/* ポイントを記述した定義リストのdt */
dl.point dt {
font-weight: bold;
}
/* その他の定義リスト */
dl.norm {
line-height: 1.5em;
margin-right: 2.5em;
margin-left: 6em;
font-size: 100%;
}
/* その他の定義リストのdt */
dl.norm dt {
font-weight: normal;
}
/* ポイントを記述した番号リスト */
ol.point {
line-height: 1.5em;
margin-right: 2.5em;
margin-left: 6em;
font-size: 100%;
}
/* ボタンイメージ */
img.botton {
margin-bottom:0.5em;
}
/* ヘッダのリンクテキスト部分 */
span.path {
font-size: 90%;
vertical-align: bottom;
}
/* 入力フォームをレイアウトするためのテーブル */
table.form {
text-align : left;
margin-left : 0em;
margin-right : 0em;
color : black;
background-color :#ffffcc;
width : 100%;
}
/* 入力フォームをレイアウトするためのテーブルのtd */
table.form td {
color : black;
background-color : #ffffcc;
padding-top : 0.2em;
padding-left : 0.2em;
padding-right : 0.2em;
padding-bottom : 0.2em;
width : auto;
text-align : left;
}
/* 入力フォームをレイアウトするためのテーブルのth */
table.form th {
color : black;
background-color : #ffffcc;
padding-top : 0.2em;
padding-left : 0.2em;
padding-right : 0.2em;
padding-bottom : 0.2em;
text-align : center;
}
/* テーブルの内容を左に寄せる場合 */
td.left {
text-align : left;
}
/* テーブルの内容を右に寄せる場合 */
td.right {
text-align : right;
}
/* リンクを列挙した番号なしリスト */
ul.links {
list-style-type: square;
line-height: 2em;
margin-right: 2.5em;
margin-left: 4em;
font-size: 115%;
}
/* リンクを列挙した番号なしリストのli */
ul.links li {
font-weight: bold;
}
/* ポイントを列挙した番号なしリスト */
ul.point {
list-style-type: disc;
line-height: 1.5em;
margin-right: 2.5em;
margin-left: 4em;
font-size: 100%;
}
/* ポイントを列挙した番号なしリスト（本文中） */
ul.doc {
list-style-type: disc;
line-height: 1.2em;
margin-right: 6em;
margin-left: 9em;
font-size: 100%;
}
/* サマリー中でページ内リンクを列挙した番号なしリスト */
ul.toc {
list-style-type : disc;
line-height: 150%;
margin-bottom: 0em;
margin-top : auto;
margin-left : auto;
margin-right : auto;
list-style-position : outside;
}
/* リストがネストする場合の第一段目 */
.first {
font-size : 115%;
margin-bottom : 0.5em;
list-style-position : outside;
padding-top : 1.5em;
list-style-type : none;
}
/* リストがネストする場合の第四段目 */
.fourth {
font-size : 100%;
margin-bottom : 0em;
list-style-type : none;
}
.image {
float : left;
margin-top : 0em;
margin-left : 1em;
margin-right : 1em;
margin-bottom : 1em;
}
/* 画像を段落に合わせて挿入する場合 */
.picture {
margin-top : 0em;
margin-right : 1em;
margin-bottom : 1em;
}
/* 画像を中央揃えにする場合 */
.picture2 {
text-align: center;
margin-top : 3px;
margin-left : 3px;
margin-right : 1em;
margin-bottom : 3px;
clear:left;
}
/* リストがネストする場合の第二段目 */
.second {
font-size : 100%;
margin-top : 0.4em;
margin-left : 0.4em;
margin-right : 0.4em;
margin-bottom : 0.4em;
}
.shot {
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : black black black black;
margin-top : 3px;
margin-left: 6em;
margin-right : 1em;
margin-bottom : 3px;
float : left;
}
/* h1後最初のh2前のページサマリー部分 */
.summary {
border-width: 1px;
border-style: solid;
border-color: #ffcc66;
width: 100%;
background-color: #ffffff;
margin : 0.5em 0em 0em;
margin-left : 0em;
margin-left : 0em;
margin-left : 0em;
margin-right : 0em;
margin-bottom : 1em;
margin-left : 0em;
text-align: left;
padding: 1em;
font-size: 100%;
line-height: 120%;
text-indent: 1em;
color : black;
}
/* リストがネストする場合の第三段目 */
.third {
font-size : 85%;
list-style-type : none;
margin-bottom : 0em;
}
/* サイトマップ中でリストがネストする場合の第三段目 */
.third1 {
font-size : 100%;
list-style-type : none;
line-height : normal;
}