@charset "UTF-8"; /************************************ サイト全体で使用する、ベーススタイル ************************************/ body { margin: 0 1em; background: #eee url(../bodybg.gif); font-family: "メイリオ","ＭＳＰゴシック","ヒラギノ角ゴ Pro W3","Osaka",Verdana,Arial,sans-serif; font-size: 11pt; /* IE6 では XHTML の場合、... の前に空白以外の文字、この場合は xml 宣言になるが存在する場合、過去互換モードでレンダリングされる。過去互換モードでは

...

の div で magin: n auto; と指定してセンタリングしようとしても auto が無視されるバグがあるそうなので、body で text-align: center; を指定する必要がある */ text-align: center; } @media print { body { margin: 0 1em; background: none; font-family: "メイリオ","ＭＳＰゴシック","ヒラギノ角ゴ Pro W3","Osaka",Verdana,Arial,sans-serif; font-size: 11pt; text-align: center; } } /********** ページ外枠 **********/ div#container { width: 760px; border: solid 2px #ddd; background: #ffe; margin: 1em auto; padding: 8px; } /* CSSBUG: IE6 */ * html div#container { /* IE6 はナビゲーションメニューで使用している position: fixed; が未対応なので、ナビゲーションメニューはページ右上に固定する。そのためコンテンツ上部に 72px の隙間が必要 */ margin: 72px auto 1em; } @media print { div#container { width: 760px; border: none; /*solid 2px #ddd;*/ background: #ffe; margin: 0.5em auto; padding: 8px; } } /**************** サイト標準フォーマット ****************/ /* 標準段落 */ p { margin: 0.5em 0; line-height: 1.5em; /* IE6 過去互換モード対策 */ text-align: left; } h1,h2 { /* IE6 過去互換モード対策 */ text-align: left; } h1,h2#nav { /*display: none;*/ border: none; text-indent: -9999px; height: 0; } /* 標準アンカータグ */ a:hover,a:active { text-decoration: underline; } a { text-decoration: none; } /********************** ナビゲーションメニュー **********************/ /* メインメニュー */ ul#nav { position: fixed; background-color: #8bf; margin: 0; padding: 0; opacity: 0.8; top: 4px; right: 20px; } /* CSSBUG: IE7 */ *+html ul#nav { /* IE は opacity: 未対応なので、こちらで透明度を指定する */ filter: alpha(opacity=80); } /* CSSBUG: IE6 */ * html ul#nav { /* IE6 は position: fixed; opacity: 共に未対応なので、ページ上部に位置を固定する */ position: absolute; } @media print { ul#nav { display: none; } } ul#nav li { display: inline; list-style-type: none; margin: 0; padding: 5px; font-size: 150%; } ul#nav li a:link,ul#nav li a:visited { text-decoration: none; } ul#nav li a:hover { background-color: #69f; } ul#nav li a:active { background-color: #69f; color: #fff; } /* サブメニュー */ ul#subnav { position: fixed; background-color: #8bf; margin: 0; padding: 0; opacity: 0.6; top: 37px; right: 40px; } /* CSSBUG: IE7 */ *+html ul#subnav { /* IE は opacity: 未対応なので、こちらで透明度を指定する */ filter: alpha(opacity=60); } /* CSSBUG: IE6 */ * html ul#subnav { /* IE6 は position: fixed; opacity: 共に未対応なので、ページ上部に位置を固定する */ position: absolute; } @media print { ul#subnav { display: none; } } ul#subnav li { display: inline; list-style-type: none; margin: 0; padding: 5px; font-size: 120%; } ul#subnav li a:link,ul#subnav li a:visited { text-decoration: none; } ul#subnav li a:hover { background-color: #69f; } ul#subnav li a:active { background-color: #69f; color: #fff; } /*********************************** ページ下部(広告や Copyright 表記部) ***********************************/ /* Copyright 表記 */ p.caution { width: auto; margin: 0.2em 0; font-size: 8pt; text-align: right; } /**************************** サイト全体で使用するパーツ部 ****************************/ /* フリーダイアル(右側にフリーダイアルマークが表示される) */ span.freedial { padding: 2px 20px 2px 2px; border: 1px solid black; background: url(../MFREEDIAL.gif) no-repeat top right; }