@charset "UTF-8";
/*
【スタイル名】
モノトーンスタイル
【目標】
白黒を基調としたうるさくないスタイルの作成
【記述基準】
セレクタ配置 ：全称→タイプ→擬似→子孫→子供→隣接→属性→クラス→ID
プロパティ配置：特殊→ブロック（margin→padding→background→border）→テキスト→フォント
プロパティ指定時における標準記法：
・余白 ：上下方向へはem、左右方向へは%を用ゐる。
・線 ：px、又はemで統一する。
・その他：%で統一する。
・色 ：#rrggbb、又は#rgb方式とする
【未定義要素】
HTML要素のうち big, small, dfn, kbd, cite, strong, var, samp, acronym, address要素は高天原下で用ゐない事を前提に未定義とする。
ユーザスタイルとして使ふ場合は独自に定義してください。
【特殊定義クラス】
div.contents ：目次セクションクラス
div.note ：附記セクションクラス
【二次利用等】
高天原綜合案内書（http://www.takamagahara.info/annai）の規定に拠るものとします。
/* 初期値 */
* {
margin : 0 ;
padding : 0 ;
color : #000 ;
text-decoration: none ;
font-size : 100% ;
font-style : normal ;
font-weight : normal ;
}
*[title] {
cursor : help ;
}
a[href] {
cursor : pointer ;
}
p , h1 , h2 , h3 , h4 , li , dt , dd , pre , th , td {
cursor : text ;
}
body,
h1, h2, h3, h4, h5, h6,
p,
ol, ul, dl, dd, dt,
blockquote,
hr,
pre,
div,
ins, del,
form, fieldset { display : block }
li { display : list-item }
head { display : none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup{ display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
/* 基調 */
body {
padding : 2em 10% ;
background : #eee ;
color : #000 ;
line-height : 1.5 ;
font-family : "Meiryo UI", "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", sans-serif ;
}
/* 基本要素 */
h1 {
margin : 0.2em 0 ;
padding : 0.4em ;
background : #333 ;
color : #fff ;
text-align : center ;
font-size : 150% ;
}
h2 {
margin : 2em 0 1em 0 ;
padding : 0.2em 0.4em;
background : #333 ;
color : #fff ;
font-size : 120% ;
}
h1+h2, div.contents+h2 {
margin-top : 0.5em ;
}
h3 {
margin : 1.5em 0 0.5em 0 ;
padding : 0.1em 0.5em ;
border-left : solid 1.1em #333 ;
line-height : 1 ;
font-size : 120% ;
font-weight : bold ;
}
h4 {
margin : 1em 0 0.5em 0.85em ;
padding : 0.1em 0.5em ;
border-left : solid 0.5em #333 ;
line-height : 1 ;
font-weight : bold ;
}
h5 {
}
h6 {
}
p {
margin : 1em 0 ;
text-indent : 0 ;
}
a:link {
color : #33f ;
text-decoration : underline ;
}
a:visited {
color : #c0c ;
text-decoration : underline ;
}
a:hover {
color : #f63 ;
text-decoration : underline ;
}
/* リスト要素 */
ul,ol { margin : 1.5em 0 1.5em 3% ; }
li ul,li ol { margin : 0.3em 0 0.3em 3% ; }
ul { list-style-type : disc ; }
ul ul { list-style-type : circle ; }
ul ul ul { list-style-type : square ; }
ol { list-style-type : decimal ; }
ol ol { list-style-type : lower-alpha ; }
ol ol ol { list-style-type : lower-roman ; } /* 「いろは」とか実装依存の場合は優先度を指定出来たら好いと思ふ */
li {
line-height : 130% ;
margin : 0 0 0.3em 2% ;
}
dl {
margin : 1.5em 0 ;
}
dt, dt * {
font-weight : bold ;
}
dd {
margin : 0.2em 0;
}
dt+dt { margin-top : 0.1em ; }
/*dt+dd { padding-top: 0.5em ; }*/
dd+dd { margin-top : 0.5em ; }
dd dl { margin : 0.2em 0.4% ; }
dd dt { line-height: 100% ; }
/*dd dd { line-height: 70% ; }*/
ol.navi {
margin : 0 ;
padding : 2.5em 0 0.3em 2% ;
background: #333 ;
}
ol.navi li {
display : inline ;
margin : 0 ;
color : #fff ;
font-size : 90% ;
}
ol.navi li:before {
content:" > ";
}
ul.CM {
list-style-type : none ;
}
/* 引用 */
blockquote {
margin : 2em 0 ;
padding : 0 0 0 0.8em ;
border-left : solid 0.5em #090 ;
font-size : 95% ;
}
blockquote[title]:before {
display : block ;
content : ""attr(title)"より引用" ;
color : #090 ;
margin : 0 0 1em 0 ;
}
blockquote[cite]:after {
display : block ;
content : "《参照："attr(cite)"》" ;
margin : 1em 0.4% 0.2em 0 ;
color : #090 ;
text-align : right ;
}
blockquote p {
margin : 0.5em 0;
}
blockquote blockquote {
font-size :100%;
}
q {
color : #090 ; /* quotesは本文にあるべきという気がしてきた */
quotes : none ;
}
/* その他 */
em {
color : #c00 ;
font-weight : bold ;
}
abbr {
border-bottom : solid 2px #f96 ;
}
code {
color : #099 ;
}
sup,
sub {
font-size : 75% ; }
hr {
padding : 1em 0 2em 0 ;
border : none ;
}
hr:before {
display : block ;
color : #333 ;
content : "◆ ◆ ◆" ;
text-align : center ;
}
pre {
margin : 1em 2% ;
padding : 1em 2% ;
border : dotted 1px #000 ;
font-size : 95% ;
}
/* テーブル・フォーム */
table {
width : 100% ;
margin : 2em auto ;
border-spacing : 0 ;
text-align : center ;
font-size : 95% ;
}
caption {
caption-side : bottom ;
padding : 0.5em ;
text-align : center ;
}
caption:before {
content : "▲ " ;
}
td {
padding : 0.2em ;
background : #ccc ;
border : solid 1px #f3f3ff ;
}
th {
padding : 0.2em ;
background : #333 ;
border : solid 1px #f3f3ff ;
color : #fff ;
text-align : center ;
font-weight : bold ;
}
th[scope="col"] {}
thead th {}
tfoot th {}
input,textarea {
border : inset 1px #000 ;
color : #000 ;
font-size : 95% ;
}
input[type="submit"] { border-style : outset ; }
/* ins/del */
ins {
margin : 2em 0 ;
background : #efe9ef ;
border-style : solid none;
border-width : 1px ;
border-color : #c9c ;
}
ins:before {
display : block ;
content : ""attr(datetime)"追記" ;
color : #c9c ;
}
del {
margin : 2em 0 ;
background : #e9e9e9 ;
border-style : solid none ;
border-width : 1px ;
border-color : #999 ;
}
del:before {
display : block;
content : ""attr(datetime)"削除" ;
color : #999 ;
}
del * {
color : #999 ;
text-decoration : line-through ;
}
/* div関係 */
div.contents {
margin : 1em 0 ;
padding : 0 1% ;
background : #ddd ;
border : solid 1px #aaa ;
}
div.contents li { font-size : 95% ; }
div.contents li li { font-size : 100% ; }
div.contents h2 { display : none ; }
div.note {
font-size : 90% ;
}
div.note p {
margin : 0.5em 1em 0.5em 3.8em ;
text-indent : -3.8em ;
}
div.note a[id] {
font-weight : bold ;
}
a.noteid {
font-size : 80% ;
}
div.date p {
margin : 0 ;
text-align : right ;
}
div.page_top_navigation ul {
margin : 1em 0 ;
}
div.page_bottom_navigation ul {
margin : 4em 0 0 0 ;
text-align : center ;
}
div.page_top_navigation li, div.page_bottom_navigation li {
display : inline ;
margin : 0 ;
font-size : 90% ;
}