@charset "shift_jis";

/* 目標：白を基調としたややカラフルで、かつ見やすいスタイルシートを作成すること */


/* 全要素 */

* {
 margin:0;
 padding:0;
 border:none;
 color:#444;
 text-decoration:none;
 font-size:100%;
 font-weight:normal;
 font-style:normal;
}

/* カーソル変更 */
q[title],blockquote[title],cite[title],abbr[title] {
 cursor:help;
}


/* body要素 */

body {
 background-color:#fcfcfc;
 padding:0.5em;
}

/* h要素 */

h2,h3,h4,h5,h6 {
 margin-top:1em;
 font:bold 100% "ｍｓ 明朝",serif;
}
h1 {
 padding:0.2em;
 color:#99f;
 text-align:right;
 font:normal 300% "hg正楷書体-pro",cursive,"ｍｓ 明朝",serif;
}
h2 {
 padding:0.3em 0;
 color:#006;
 text-align:center;
 font-size:150%;
 border-color:#66e;
 border-style:solid none;
 border-width:1px;
 background-color:#f0f0ff;
}
h3 {
 padding:0.3em 0;
 color:#33c;
 text-align:center;
 font-size:120%;
 border-color:#99f;
 border-style:solid none;
 border-width:1px;
 background-color:#f6f6ff;
}
h4 {
 padding:0.1em 0.4em;
 color:#039;
 font-size:120%;
 border-bottom:solid 1px #339;
}
h5 {
 padding:0.1em 0.7em;
 color:#369;
 font-size:110%;
 border-bottom:dotted 1px #339;
}
h6 {
 margin-left:0.7em;
 padding:0.1em 0.3em;
 color:#39c;
 border-left:solid 0.7em #39c;
}

/* p要素 */

p {
 line-height:130%;
 margin:1em 0 1em 1.5em;
}
p.confess {
 color:#666;
} /* あまり大きな声では言えないこと。というかほとんど過去の遺物 */
p.note {
 color:#444;
 padding:0.5em;
 border-color:#9ff;
 border-style:double;
 background-color:#ffe;
}
p.note:before{
 content:"【追記】";
 display:block;
 text-align:left;
 color:#444;
 margin:0 0.8em 0.5em 0;
}/* 一言追記したい時用。 */


/* リスト要素 */

ul,ol {
 margin:1em 0 1em 2em;
}
li {
 line-height:130%;
 margin:0 0 0.3em 1em;
}
ul {
 list-style-type:disc;
}
ul li li {
 list-style-type:circle;
}
ul li li li {
 list-style-type:square;
}
ol li {
 list-style-type:decimal;
}
ol li li {
 list-style-type:lower-alpha;
}
ol li li li {
 list-style-type:lower-roman;
}
li > ul,li > ol {
 margin:0.3em 0 0.3em 1.5em;
}
ol.navi {
 margin:0 0 0.5em 0;
 padding:0.5em;
}
ol.navi li {
 display:inline;
 margin:0;
 font-size:90%;
}
ol.navi li:before {
 content:" > ";
}/* ページ上部のパンくずリスト用。本来は必要ないんだけどなぁ */
ul.navi {
 margin:4em 0 0.5em 0;
 padding:0.5em;
 border-style:solid none;
 border-color:#fc9;
 border-width:3px;
 background-color:#ffc;
}
ul.navi li {
 margin:0.5em 3em;
}/* ページ下部の関係リンク並びに案内 */



/* 定義リスト要素 */

dl {
 margin:1em;
 padding:0.3em;
 line-height:120%;
 border:solid 1px #900;
 border-left:solid 3px #900;
 background-color:#fff;
}
dt {
 padding-left:0.5em;
 color:#900;
 font-weight:bold;
}
dd {
 margin-left:1.5em;
 padding:0.25em 0;
}
dd+dt {
 margin-top:1em;
}

.form {
 margin:0.2em 0;
 border:none;
 color:#000;
 background-color:transparent;
}
dd.form {
 padding:0.5em 0 0 2em;
}
form {
 padding:0.5em;
}
input,textarea {
 font-size:90%;
 border:inset 1px #000;
}
input[type="submit"] {
 border-style:outset;
}

/* a要素関係 */

a:link {
 color:#00f;
 border-bottom:solid 1px #00f;
}
a:visited {
 color:#808;
 border-bottom:solid 1px #808;
}
a:hover {
 color:#f44;
 border-bottom:solid 1px #f44;
}


/* 引用要素関係 */

q {
 quotes:"「" "」" "『" "』";
 color:#090;
}
q:before {
 content:open-quote;
}
q:after {
 content:close-quote;
}
blockquote {
 margin:1em;
 padding:1em 0 1em 90px;
 color:#333;
 font-size:90%;
 border:solid 1px #090;
 border-left:solid 4px #090;
 background:#fff url("../material/quote.png") no-repeat;
}
blockquote[title]:before {
 content:attr(title);
 display:block;
 color:#090;
 text-align:left;
 margin:0 0.8em 1em 0;
}
blockquote[cite]:after {
 content:"《参照："attr(cite)"》";
 display:block;
 margin:1em 0.8em 0 0;
 color:#090;
 text-align:right;
}
blockquote.information {
 font-family:"hg正楷書体-pro",cursive,"ｍｓ 明朝";
}
blockquote p {
 margin:0.5em;
}
blockquote blockquote {
 font-size:100%;
}
cite {
 border-bottom:solid 1px #090;
}


/* その他ブロック要素 */

address {
 margin:1em 0;
 padding:0.4em;
 color:#333;
 text-align:center;
 border-style:solid none;
 border-width:1px;
 border-color:gray;
 background-color:#ececec;
}
hr {
 margin:2em 0;
 width:95%;
 border-top:solid 1px #666;
}
pre {
 margin:1em;
 padding:1em;
 border:dotted 1px #f96;
 background-color:#fff;
 font-size:90%;
}
pre code { font-size:90%; }


/* その他インライン要素 */

em,strong {
 color:#f00;
 font-weight:bold;
}
strong {
 border-bottom:double 3px #f00;
}
small,sup,sub {
 font-size:75%;
}
big {
 font-size:200%;
}
del {
 color:#999;
 text-decoration:line-through;
}
del * {
 color:#999;
}
ins {
 border-bottom:solid 1px #f00;
}

samp {
 color:#f60;
}
code {
 color:#600;
}
dfn {
 border-bottom:solid 1px #900;
}
abbr {
 border-bottom:solid 1px #0ff;
}

kbd {
 color:#666;
 border-style:dotted;
 border-width:1px;
 border-color:eee;
 background-color:#fff;
}
var {
 color:#f0f;
}