/* reset */ * { color: #ffe; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} * { margin: 0; padding: 0; text-align: left } /* base style */ body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre { font-size: 12px; letter-spacing: 0.25em; line-height: 1.125m; } input, caption, th, td, li, dt, dd { letter-spacing: inherit; font-size: inherit } h1 , h2 { font-size: 1.25em } h3 { font-size: 1.125em; letter-spacing: 0.125em } h4 { font-size: 0.9em } h5 { font-size: 0.9em } h6 { font-size: 0.9em } /* original list style */ dl.compact { margin: 0; padding: 0; width: 95% } dl.compact dt, dl.compact dd { line-height: 14px; margin: 0; border-style: solid; border-width: 0 0 1px 0; border-color: #955; color: white } dl.compact dt {float: left; clear: left; border: none } dl.compact dd { padding: 0 0 0 33%; white-space: normal } ul.compact, ol.compact { list-style-position: outside; margin: 0 0 0 2em; width: 100% } dl.right dt { text-align: left } dl.right dd { text-align: right } /* font style */ .narrow { letter-spacing: 0 } .wide { letter-spacing: 0.5em } .tiny { font-size: 0.66em; letter-spacing: 1px; color: inherit } .small { font-size: 0.75em; letter-spacing: 0.1em color: inherit } .mid { font-size: 0.875em; letter-spacing: 0.1em color: inherit } .large { font-size: 1.125em; letter-spacing: 0.33em color: inherit } /* blogk indent */ div p { position: relative; padding: 0 1em; width: 98% } /* layout section */ div.half { width: 383px; height: 383px; min-height: 192px ; float: left; margin: 0; padding: 4px ; border-style: solid; border-width: 0 1px 1px 0; border-color: #100 ; background-image: url(./dot.gif) } div.quoter { width: 192px; height: 192px; max-height: 191px; overflow: hidden ; float: left; margin: 0; padding: 1px ; border-style: solid; border-width: 0; border-color: #100 ; background-image: url(./dot.gif) } div.quoter-half { height: 96px; width: 192px; overflow: hidden ; float: left; margin: 0; padding: 0 ; border-style: solid; border-width: 0; border-color: #100 ; background: url(panel.gif); color: #333} body { padding: 16px; margin: 0; background: #000 } h1 { margin: 0.5em 0 0 0; padding: 0 0.5em; white-space: nowrap ; border-style: solid; border-width: 0 0 0 1em; border-color: #e90 } h2 { margin: 0.5em 0 0 0; white-space: nowrap; color: white } h3 { width: 320px ; color: #d36; border-style: solid; border-width: 0 0 1px 24px ; padding: 0 0 0 4px; margin: 0 0 0.33em 0 ; background-image: url(./dot.gif); background-position: 8px 0 } h4 { font-weight: bold; color: #ff0; clear: both; margin: 0; width: 100% } h5,h6 { font-weight: normal; color: #cce; clear: both ; margin: 0.5em 0 0 0; padding: 0 1em; width: 75% ; border-width: 0 0 1px 0; border-style: dashed; border-color: blue ; background: #000 } address { font-style: normal; text-decoration: underline } /* link */ a:link, a:visited, a:after, a:hover { color: #eee } a[href]{ text-decoration: none; color: #eee; font-weight: normal} a:hover { color: #000000; text-decoration: underline; background: white } a#gostore:hover { color: #000000; text-decoration: underline; background: none } a { background: transparent; cursor:pointer; color: #cc9; text-decoration: none; } /* global layout */ /* html>body>#contents-outer.body>#body> */ body { text-align: center; } /* center on ie */ #contents-outer { position: relative; overflow: hidden ; margin: 0 auto; /* center on everything else */ ; width: 960px; height: 768px ; text-align: left; ; background: url(./images/_bg4_21.jpg) #112 } #body { position: absolute; top: 0px; left: 0px ; width: 960px; height: 768px ; background: url(./bg.jpg) repeat-x #111 ; float: none; z-index: 0 } #mainmenubox { width: 192px; height: 192px; padding: 16px; margin: 0 ; background: url(./images/_bg4_11.jpg) no-repeat ; float: left; } .menu { width: 160px; height: 16px ; padding: 2 8px ;margin: 0 ; float: left; cursor:pointer ; font-size: 17px; letter-spacing: 0.125em; font-weight: bold; line-height: 1.125em ; background: url(./images/menu_00.jpg) no-repeat } #submenubox { background: none; width: 192px; overflow: hidden; height: 384px; margin: 0; float: right; padding: 0 2px } .submenu { padding: 0; margin: 0; width: 90px; height: 18px ; text-align: center; font-size: 10px; font-weight: bold ; float: left; overflow: hidden ; background: url(submenu-bg.gif) } #header { float: right; width: 192px; height: 192px background: #444 } #banner { width: 384px; float: left; height: 192px; overflow: hidden; padding: 0 } #guide { } #contents-box { float: left; width: 960px; overflow: visible; height: 768px } .contents { position: absolute; width: 960px; height: 768px} #footer { width: 192px; height: 192px; ; position: absolute; bottom: 192px; right: 0px ; padding: 0; float: right; visibility: visible ; font-size: 0.75em; text-align: center; clear: both} #caption { color: gray } /* spacial class */ .clear { clear: both } .scroll { overflow: scroll } .nomenu { cursor: default } .nowrap { white-space: nowrap } .red { color: red } .black { color: black } .white { color: white } .nomargin { margin: 0 } .clear { clear: both } .white { color: white } .toc { color: black } /* custom */ h2 { font-size: 2em; color: deeppink } input { color: black } div {text-align: left} hr { clear: both} th { padding: 0 1em } th { white-space: nowrap;} caption { font-size: 0.8em; background: #cfc; font-weight: bold } img { background: url(_noimage.gif); border: none } sup { font-size: 0.875em } em { font-style: normal; font-weight: bold; font-size: 12px } fieldset { text-align: right } textarea { width: 80% } //div { border-style: solid; border-color: red; border-width: 1px } h1#page-title { font-size: 1.125em }