/*↓全体の構成↓ ------------------------------------------------------------*/ /*↓レイアウト↓ -------------------------------------*/ #layout { width: 780px; margin-top: 0px; padding-top: 0px; } #header { width : 780px; height : 200px; margin-top: 0px; padding-top: 0px; text-align: left; } #menu { float : left; width : 175px; margin: 20px 0px 0px 15px; padding: 0px; color: #330033; text-align: left; } #main { float : right; width : 530px; margin: 20px 10px 0px 0px; padding: 0px; text-align: left; color: #4C4C4C; } #footer { clear : both; width: 780px; color: #4C4C4C; padding-top: 10px; margin-top: 30px; text-align: center; padding-bottom: 10px; margin-left: 0px; margin-right: 0px; } /*↑レイアウト↑ -------------------------------------*/ /*↓背景・top画像↓ -------------------------------------*/ body{ text-align: center; margin: 0px; padding: 0px; font-size: 14px; font-family: "MS Pゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif ; background-color: #ffffff; background-image: url(http://blog6.fc2.com/c/chobirich/file/pa_orange.gif); background-repeat: no-repeat ; background-position: center top; } .navi { background-color:#ffffff; } /*↑背景・top画像↑ -------------------------------------*/ /*------------------------------------- ↓top画像変更↓ 上記のurl()内の部分を変えるとtop画像の色が変わります。 top画像オレンジ色 http://blog6.fc2.com/c/chobirich/file/pa_orange.gif top画像緑色 http://blog6.fc2.com/c/chobirich/file/pa_green.gif ↑top画像変更↑ -------------------------------------*/ /*↓スクロールバー↓ -------------------------------------*/ 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; } /*↑スクロールバー↑ -------------------------------------*/ .img { border:none;vertical-align:middle; } /*↑全体の構成↑ ------------------------------------------------------------*/ /*↓ヘッダー・タイトル部分↓ ------------------------------------------------------------*/ /*↓サイトタイトル↓ -------------------------------------*/ .site_title { text-align:right; font-size:16px; font-family:Verdana,Osaka ; font-weight:bolder; color:#000000; padding-top:140px; padding-right:20px; margin:0px; } /*↑サイトタイトル↑ -------------------------------------*/ /*↓タイトルのリンク色↓ -------------------------------------*/ .site_title a { color:#000000; text-decoration:none; } .site_title a:hover { color:#000000; text-decoration:underline; } /*↑タイトルのリンク色↑ -------------------------------------*/ /*↓ブログの紹介文↓ -------------------------------------*/ .site_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%; } /*↑ブログの紹介文↑ -------------------------------------*/ /*↓左サイドタイトル↓ -------------------------------------*/ .side_title { width:175px; font-size:10px; font-weight:bold; font-family:Georgia; letter-spacing:0.1em; text-align:left; margin-left:3px; border-bottom:1px solid #606060; color: #606060; } /*↑左サイドタイトル↑ -------------------------------------*/ /*↓左サイドテキスト↓ -------------------------------------*/ .side_body { width:175px; color:#808080; font-size: 10px; line-height:200%; text-align:left; padding-left: 3px; } .side_body a:link { color: #808080; text-decoration:none; } .side_body a:visited { color: #808080; text-decoration:none; } .side_body a:hover { color:#0092DC ; text-decoration:none; position:relative; top:1px;left:1px; } /*↑左サイドテキスト↑ -------------------------------------*/ /*↓カレンダー↓ -------------------------------------*/ #calender { width:175px; color:#808080; font-size: 10px; text-align:center; } caption { width:175px; color:#808080; font-size: 10px; text-align:center; padding-bottom:5px; } th { color:#606060; font-size: 10px; text-align:center; padding-bottom:5px; } th#sun { color: #FF8080; } th#sat { color: #53A6A6; } .day { width:25px; color:#808080; text-align: center; padding-bottom:3px; } .day a { width:25px; color:#707070; font-size:10px; font-weight:bold; text-decoration: none; } .day a:link { width:25px; color:#707070; font-size:10px; font-weight:bold; text-decoration: none; } .day a:visited { color:#707070; font-size:10px; font-weight:bold; text-decoration: none; } .day a:hover { color:#0092DC; font-size:10px; font-weight:bold; text-decoration: none; position:relative;top:1px;left:1px; } /*↑カレンダー↑ -------------------------------------*/ /* ↓自己紹介部分の画像↓ --------------------------------------*/ .pay img { padding-left: 10px; margin: 0px; } /* ↑自己紹介部分の画像↑ --------------------------------------*/ /* ↓検索↓ --------------------------------------*/ .search input { border: 1px solid #666; } /* ↑検索↑ --------------------------------------*/ /*エントリー --------------------------------------------------*/ /*↓エントリーテーブル↓ --------------------------------------*/ .entry_table { background-color:#f6f6f6; width: 510px; margin: 0px 20px 50px 0px; color: 808080; } /*↑エントリーテーブル↑ --------------------------------------*/ /*↓エントリー:タイトル↓ --------------------------------------*/ .entry_title { font-size: 14px; font-weight: bolder; color: #0092DC; margin: 10px 20px 10px 20px; padding-bottom: 10px; border-bottom: 1px solid #4C4C4C; } .entry_comment { font-size: 14px; font-weight: bolder; color: #29AD63; margin: 10px 20px 10px 20px; padding-bottom: 10px; border-bottom: 1px; } .entry_postcomment { font-size: 14px; font-weight: bolder; color: #29AD63; margin: 10px 20px 10px 20px; padding-bottom: 10px; border-bottom: 1px solid #4C4C4C; } .entry_tb { font-size: 14px; font-weight: bolder; color: #29AD63; margin: 10px 20px 10px 20px; padding-bottom: 10px; border-bottom: 1px solid #4C4C4C; } /*↑エントリー:タイトル↑ --------------------------------------*/ /*↓エントリー:テキスト↓ --------------------------------------*/ .entry_text { font-size: 12px; color: #4c4c4c; margin: 30px 20px 30px 20px; line-height : 150%; } .entry_text a { font-size: 12px; color: #FF4848; text-decoration:none; } .entry_text a:hover { color: #000033; text-decoration : none; position:relative; top:1px;left:1px; } /*↑エントリー:テキスト↑ --------------------------------------*/ /*↓エントリー:ステータス(日付等)↓ --------------------------------------*/ .entry_state { font-size: 12px; color: #808080; text-align: center; margin: 20px 0px 10px 0px; } .entry_state a { font-size: 12px; color:#E19700; text-decoration:none; } .entry_state a:hover { color: #000033; text-decoration : none; position:relative; top:1px;left:1px; } /*↑エントリー:ステータス(日付等)↑ --------------------------------------*/ /*↓エントリー:ナビゲーション↓ --------------------------------------*/ .entry_navi { font-size: 12px; text-align:center; } .entry_navi a { font-size: 12px; color: #006296; text-decoration:none; } .entry_navi a:hover { color: #000033; text-decoration : none; position:relative; top:1px;left:1px; } /*↑エントリー:ナビゲーション↑ --------------------------------------*/ /*↓テキスト内の画像の位置↓ --------------------------------------*/ .entry_text img { padding: 0px; margin-right: 3px; margin-bottom: 3px; } /*↑テキスト内の画像の位置↑ --------------------------------------*/ /*↓コメントフォーム↓ --------------------------------------*/ textarea,input,select { font-size:12px; font-family: "MS Pゴシック","Osaka","ヒラギノ角ゴ Pro W3"; } /*↑コメントフォーム↑ --------------------------------------*/ /*↓フッター↓ ---------------------------------------------------------*/ .copyright { font-size:10px; } .copyright a:link { color: #4C4C4C; text-decoration:none; } .copyright a:visited { color: #4C4C4C; text-decoration:none; } .copyright a:hover { color:#0092DC ; text-decoration:none; position:relative; top:1px;left:1px; } /*↑フッター↑ ---------------------------------------------------------*/