@charset "shift_jis"; /* * 倉林研スタイルシート by Fujiwara Ikki (2003/11/13) */ /* Quirks Mode は考慮していない。このスタイルを使うときは HTML の1行目に↓を入れること！ */ /* = 4 */ /*============================================================================*/ /* 枠なしブロック */ /*============================================================================*/ /* 上 右 下 左 */ BODY, .body { padding: 0 4.6% 0 4.6%; } /* 左右に約 5% の余白をとる */ DIV.nomargin { margin: 0em -5% 0em -5%; } /* 余白を打ち消す */ /* [Opera7] DIV.layout の余白が -5% だと横スクロールバーが出る。対策なし */ P { margin: 0.5em 0 0.5em 0; /* text-indent: 0.75em; */ } ADDRESS { margin: 1em 0 0 0; text-align: right; font-size: 90%; font-style: normal; } DIV.footnote { margin: 2em 0 2em 0; font-size: 90%; clear: both; } DIV.img { margin: 1em 0 1em 0; text-align: center; } DIV.table { margin: 1em 0 1em 0; text-align: center; } /* [IE] */ DIV.table TABLE { margin: 0 auto 0 auto; text-align: left; } /* [IE] */ DIV.table CAPTION { margin: 0 auto 0 auto; text-align: center; } TH { text-align: center; } /* [IE6] Quirks モードでは正しいセンタリング方法が効かないので text-align: center; を併用。それだと Standards モードで の中身までもセンタリングされるので text-align: left; で打ち消す。副作用として align="" が効かなくなる。 */ /*============================================================================*/ /* 見出し・目次 */ /*============================================================================*/ TD.sitetop { background: #9999FF; color: #FFFFFF; } TD.leftside { background: #CCCCFF; color: #666666; } H1 { background: #9999FF; color: #FFFFFF; } H2 { background: #CCCCFF; } H3 { border-color: #9999FF; } H4 { border-color: #9999FF; } H1, .body H1 { margin: 0em -5% 1em -5%; padding: 0.3em 1em 0.3em 1em; } H2, .body H2 { margin: 2em -4% 1em -4%; padding: 0.2em 0.8em 0.2em 0.8em; } H3, .body H3 { margin: 2em -3% 1em -3%; padding: 0 0.6em 0.1em 0.6em; } H4, .body H4 { margin: 1em -2% 0em -2%; padding: 0 0.4em 0 0.4em; } H3 { border-width: 0 0 1px 8px; border-style: solid; } H4 { border-width: 0 0 0 12px; border-style: solid; } DIV.box H1, DIV.note H1, DIV.samp H1, DIV.disp H1, BLOCKQUOTE H1, LI H1, DD H1, TH H1, TD H1, DIV.box H2, DIV.note H2, DIV.samp H2, DIV.disp H2, BLOCKQUOTE H2, LI H2, DD H2, TH H2, TD H2, DIV.box H3, DIV.note H3, DIV.samp H3, DIV.disp H3, BLOCKQUOTE H3, LI H3, DD H3, TH H3, TD H3, DIV.box H4, DIV.note H4, DIV.samp H4, DIV.disp H4, BLOCKQUOTE H4, LI H4, DD H4, TH H4, TD H4 { margin-left: 0; margin-right: 0; } /*============================================================================*/ /* 枠ありブロック */ /*============================================================================*/ DIV.box, DIV.note, DIV.samp, DIV.disp { margin: 1em 2em 1em 2em; padding: 0 1em 0 1em; } BLOCKQUOTE { margin: 1em 2em 1em 2em; padding: 0 1em 0 1em; } PRE { margin: 1em 2em 1em 2em; padding: 0.5em 1em 0.5em 1em; } PRE.box, PRE.note, PRE.samp, PRE.disp { margin: 1em 2em 1em 2em; padding: 0.5em 1em 0.5em 1em; } TH.box, TH.note, TH.samp, TH.disp { margin: 1em 2em 1em 2em; padding: 0.5em 1em 0.5em 1em; } TD.box, TD.note, TD.samp, TD.disp { margin: 1em 2em 1em 2em; padding: 0.5em 1em 0.5em 1em; } .box { border-style: dotted; border-width: 1px; border-color: #9999FF; } .note { border-style: dotted; border-width: 1px; border-color: #999999; font-size: 90%; } .samp, PRE { border-style: solid; border-width: 1px; border-color: #999999; background: #DDDDDD; color: #000000; } .disp { border-style: solid; border-width: 1px; border-color: #000000; background: #444444; color: #FFFFFF; } BLOCKQUOTE { border-style: solid; border-width: 1px; border-color: #999999; } /*============================================================================*/ /* リスト */ /*============================================================================*/ /* インデントの取り方 [IE] [Opera] [Gecko]
  • 親要素の margin 親要素の margin 親要素の padding
    自要素の margin 自要素の margin 自要素の margin →このスタイルシートでは自要素の margin に統一する。 */ /* 上 右 下 左 */ UL, OL, DL { margin: 1em 0 1em 0; padding: 0; } /* [for Gecko] */ .note UL, .note OL, .note DL { margin: 0.5em 0 0.5em 0; } LI { margin: 0.5em 0 0.5em 2em; } DT { margin: 0 0 0 0; font-weight: bold; } DD { margin: 0 0 1em 2em; } .note DL DD { margin: 0 0 0.5em 2em; } /*============================================================================*/ /* インライン */ /*============================================================================*/ A:link, A:visited { text-decoration: underline; } A:hover, A:focus, A:active { text-decoration: underline overline; } A[name] { text-decoration: none; } SUP.footmark { text-decoration: none; } Q { font-style: italic; } SMALL { font-weight: normal; } EM, DFN { font-style: normal; font-weight: bold; } STRONG { font-size: large; font-weight: bold; } CODE, SAMP { background: #DDDDDD; color: #000000; } KBD { font-style: normal; font-weight: bold; text-decoration: underline; } /*============================================================================*/ /* デバッグ用 */ /*============================================================================*/ /* DIV, .body { border: dotted 1px #999999; background-color: #FFFFFF; } UL, OL, DL { border: solid 1px #FF0000; background: #FFEEEE; } DT, CAPTION { border: dotted 1px #00FFFF; background: #EEFFFF; } LI, DD { border: dotted 1px #0000FF; background: #EEEEFF; } */