/* custom.css カスタマイズ用スタイルシート ------------------------------------------------------ このスタイルシートは将来的なリリースや更新等に対応した仕様となっているため、スタイルシートをご自身で変更されても更新のたびに修正していただく必要はありません。ガイドライン: 方法はとっても簡単。 header.phpファイル内にあるタグは"custom"という名称のCSSクラスで定義されています。この"custom"を使って、既存のオリジナルのスタイルシートを上書きする要領です。具体的には、変更したいエレメント用のCSSを(style.cssより) コピーしてからペーストし、.customを先頭に追加してCSS指定をするだけで、必要に応じたCSSの変更が可能となっています。例えば、未訪問リンクの初期設定色を青から赤(#C00)に変更し、下線を取る場合は以下のように記述します。 .custom a { color: #c00; text-decoration: none; } 是非お試しください。 */ #masthead { width: 896px; border-top: 5px solid #FF0000; height: 100px; background: url('images/logo.jpg') no-repeat; /* ヘッダーにh1の代わりにグラフィックを使用する場合は、 height と background のコメントを解除してください。 */ } #masthead h1 { float: right; } #masthead h3 { font-size:18px; padding-top: 65px; padding-left: 150px; } ul#nav { width: 896px; list-style: none; margin: 0.5em 0 1.2em 0; padding: 0; background: #FF0000; float: left; clear: both; } ul#nav li { text-align: left; float: left; font: 1.2em Helvetica, Arial, sans-serif; font-variant: small-caps; width: 80px; border-right: 1px solid #FFF; display: block; } #header_img { height: 163px; padding: 5px 0; border-top: solid 5px #6FBA2C; border-bottom: 0px solid #6FBA2C; float:left ; clear: both; } /*---:[ core layout elements ]:---*/ #container { width: 896px; margin: 10px auto 0 auto; } #content_box { width: 896px; text-align: left; float: left; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #content { width: 632px; padding: 0 8px 0 0; float: left; } #content_page{ width: 888px; padding: 0 8px 0 0; float: left; } * html #content { overflow: hidden; } #sidebar { width: 256px; float: left; } * html #sidebar { overflow: hidden; } #footer { width: 896px; padding: 1.0em 0; border-top: 1px solid #000; border-bottom: 5px solid #FF0000; font: normal 1.1em/1.3em Helvetica, Arial, sans-serif; float: left; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } /*---:[ header styles ]:---*/ /* original */ #table-01 { width: 400px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; } #table-01 th { padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #FCD3CB; line-height: 150%; text-align: left; white-space: nowrap; } #table-01 td { padding: 5px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; background: white; text-align: left; white-space: nowrap; font-size: 11px; }