@charset "EUC-JP"; /*↓全体の構成↓ ------------------------------------------------------------*/ /*↓レイアウト↓ -------------------------------------*/ #layout { width: 780px; margin: 0 auto; padding-top: 0px; } #header { width : 780px; height : 100px; margin-top: 0px; padding-top: 0px; text-align: left; background-image : url(http://blog6.fc2.com/c/chobirich/file/francristmast.gif); background-repeat : repeat-x; background-position : top; } #topmenu { width : 780px; height : 10px; margin: 0px; padding-bottom: 5px; text-align: right; } #main { width : 510px; margin: 10px 10px 0px 260px; padding: 0px; text-align: left; color: #000000; } #menu2 { clear : both; width : 600px; text-align: center; margin:0 auto; } #menu11 { float : left; width : 200px; color:#000000; text-align: left; } #menu12 { float : left; width : 200px; color: #000000; text-align: left; } #menu13 { float : left; width : 200px; color: #000000; text-align: left; } #footer { clear : both; width: 780px; padding:10 0px; margin-top: 30px; text-align: center; background-image : url(http://blog6.fc2.com/c/chobirich/file/francristmasb.gif); background-repeat : repeat-x; background-position : bottom; } /*↑レイアウト↑ -------------------------------------*/ /*↓背景画像↓ -------------------------------------*/ body{ margin: 0px; padding: 0px; font-size: 14px; text-align:center; font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",Osaka,sans-serif ; background-color: #ffffff; background-image : url(http://blog6.fc2.com/c/chobirich/file/xmaspanda.gif); background-repeat : no-repeat; background-position : bottom center; background-attachment: fixed; } /*↑背景画像↑ -------------------------------------*/ /*------------------------------------- ↓背景画像の変更↓ 上のbackground-image : urlの()内に以下のソースをコピペすれば 簡単に背景画像(キャラクター)を変更できます。 パンダ http://blog6.fc2.com/c/chobirich/file/xmaspanda.gif クマ−ブルー http://blog6.fc2.com/c/chobirich/file/xmasbearblue.gif クマ−グレー http://blog6.fc2.com/c/chobirich/file/xmasbeargray.gif クマ−イエロー http://blog6.fc2.com/c/chobirich/file/xmasbearyellow.gif ウサギ−グレー http://blog6.fc2.com/c/chobirich/file/xmasbunnygray.gif ウサギ−ピンク http://blog6.fc2.com/c/chobirich/file/xmasbunnypink.gif ウサギ−イエロー http://blog6.fc2.com/c/chobirich/file/xmasbunnyyellow.gif それぞれの画像の最後の部分をx.gifにすると「Merry Christmas」を消去 例) http://blog6.fc2.com/c/chobirich/file/xmaspanda.gif           ↓ http://blog6.fc2.com/c/chobirich/file/xmaspandax.gif で「Merry Christmas」の文字無しパンダ画像 ↑背景画像の変更↑ -------------------------------------*/ /*↓スクロールバー↓ -------------------------------------*/ html { scrollbar-arrow-color:#c0c0c0; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#c0c0c0; scrollbar-3dlight-color:#c0c0c0; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#c0c0c0; scrollbar-darkshadow-color:#c0c0c0; } /*↑スクロールバー↑ -------------------------------------*/ /*↑全体の構成↑ ------------------------------------------------------------*/ /*↓ヘッダー・タイトル部分↓ ------------------------------------------------------------*/ /*↓ブログタイトル↓ -------------------------------------*/ .blog_title { text-align:right; font-size:16px; font-weight:bolder; color:#000000; padding-top:40px; padding-right:20px; margin:0px; } .blog_title a { color:#000000; text-decoration:none; } .blog_title a:hover { color:#000000; text-decoration:underline; } /*↑ブログタイトル↑ -------------------------------------*/ /*↓ブログの紹介文↓ -------------------------------------*/ .blog_intro { text-align:right; margin-top:15px; font-size:10px; font-weight:normal; color:#000000; padding-top:10px; padding-right:20px; margin:0px; line-height:150%; } /*↑ブログの紹介文↑ -------------------------------------*/ /*↑ヘッダー・タイトル部分↑ ------------------------------------------------------------*/ /*↓エントリー(メイン部分)↓ ------------------------------------------------------------*/ /*↓エントリーテーブル↓ --------------------------------------*/ .entry_table { background-color:#ff4848; width: 490px; margin: 0px 20px 50px 0px; } span.mtop, span.mbottom { display:block; background:#ffffff; } span.mtop span, span.mbottom span { display:block; height: 1px; overflow: hidden; background: #ff4848; } span.m1{margin: 0 5px} span.m2{margin: 0 3px} span.m3{margin: 0 2px} span.mtop span.m4, span.mbottom span.m4 { margin: 0 1px;height: 2px } /*↑エントリーテーブル↑ --------------------------------------*/ /*↓エントリー:タイトル↓ --------------------------------------*/ .entry_title { font-size: 14px; font-weight: bolder; color: #ffffff; margin: 10px 20px 10px 20px; padding-bottom: 3px; border-bottom: 1px solid #ffffff; } .entry {color: #ffffff;} .entry_title a { color: #ffffff; text-decoration:none; } .entry_title a:hover { color: #ec0224; background-color:#ffffff; text-decoration:none; } .entry_comment, .entry_postcomment, .entry_tb { font-size: 14px; font-weight: bolder; color: #ffffff; margin: 10px 20px 10px 20px; padding-bottom: 3px; } /*↑エントリー:タイトル↑ --------------------------------------*/ /*↓エントリー:テキスト↓ --------------------------------------*/ .entry_text { font-size: 12px; color: #ffffff; margin: 20px; line-height : 150%; } .entry_text a { color: #ffffff; text-decoration:underline; } .entry_text a:hover { color: #ec0224; background-color:#ffffff; text-decoration : none; } /*↑エントリー:テキスト↑ --------------------------------------*/ /*↓エントリー:ステータス(日付等)↓ --------------------------------------*/ .entry_date { font-size: 12px; color: #000000; text-align: right; margin: 10px 10px 10px 0px; } .entry_date a { color:#000000; text-decoration:underline; } .entry_date a:hover { color: #ec0224; background-color:#ffffff; text-decoration : none; } /*↑エントリー:ステータス(日付等)↑ --------------------------------------*/ /*↓コメントフォーム↓ --------------------------------------*/ textarea,input,select { border: solid 1px #606060; font-size:12px; } /*↑コメントフォーム↑ --------------------------------------*/ /*↓ナビゲーション↓ --------------------------------------*/ .navi { width: 490px; text-align:center; font-size: 12px; margin: 0px 20px 40px 0px; color: #000000; } .navi a { color:#000000; text-decoration:none; } .navi a:hover { color: #ffffff; background-color:#ec0224; text-decoration : none; } /*↑ナビゲーション↑ --------------------------------------*/ /*↑エントリー(メイン部分)↑ ------------------------------------------------------------*/ /*↓メニュー部分(プラグイン部分)↓ ------------------------------------------------------------*/ /*↓メニュータイトル↓ -------------------------------------*/ .menu_title { width:175px; font-size:12px; font-weight:bold; font-family:Georgia; letter-spacing:0.1em; text-align:left; border-bottom:1px solid #000000; color: #000000; } .plugin1 { color: #0092dc; } .plugin2 { color: #8dc20e; } .plugin3 { color: #FB9511; } /*↑メニュータイトル↑ -------------------------------------*/ /*↓メニューテキスト↓ -------------------------------------*/ .menu_text { width:175px; color:#000000; font-size: 12px; line-height:200%; text-align:left; padding-bottom:10px; } .menu_text ul{ margin:0px; padding:0px; list-style:none; } .menu_text li{ padding:0px; margin:0px 0px 5px 5px; } .menu_text a, .menu_text li a { color: #000000; text-decoration:none; } .menu_text a:hover, .menu_text li a:hover { color:#ffffff ; background-color:#ec0224; text-decoration:none; } /*↑メニューテキスト↑ -------------------------------------*/ /*↓カレンダー↓ -------------------------------------*/ .plugin-calender { width:175px; color:#000000; font-size: 12px; text-align:center; } caption { width:175px; color:#000000; font-size: 12px; text-align:center; padding-bottom:5px; } th { color:#000000; font-size: 12px; text-align:center; padding-bottom:5px; } th#sun { color: #FF8080; } th#sat { color: #53A6A6; } td { width:25px; color:#000000; text-align: center; padding-bottom:3px; } td a { width:25px; color:#000000; font-weight:bold; text-decoration: none; } td a:hover { color:#ffffff; background-color:#ec0224; font-weight:bold; text-decoration: none; } /*↑カレンダー↑ -------------------------------------*/ /*↑メニュー部分(プラグイン部分)↑ ------------------------------------------------------------*/ /*↓フッター↓ ------------------------------------------------------------*/ .copyright { font-size:10px; color: #000000; } .copyright a { color: #000000; text-decoration:none; } .copyright a:hover { color:#ffffff ; background-color:#ec0224; text-decoration:none; } /*↑フッター↑ ------------------------------------------------------------*/ /* ↓その他コードなど↓ ------------------------------------------------------------*/ blockquote { color:#000000; background: #ffffff; padding:10px; margin:10px; overflow: auto; } blockquote a { color: #ec0244; text-decoration:none; } blockquote a:hover { color:#ffffff ; background-color:#ec0224; text-decoration:none; } pre { color:#000000; background: #ffffff; padding: 10px; margin: 10px; overflow: auto; } /* ↑その他コードなど↑ ------------------------------------------------------------*/