@charset "EUC-JP"; /* Information ================================================== livedoor Blog CSS Author : ブログテンプレート.net Name : [bt-001] apple_2c Layout : 2カラム 幅固定 Update : 2008.11.05 ================================================== */ /* Table of Contents ================================================== 00. Css Base - ベーススタイル 01. Text - フォント・リンク 02. Layout - 全体の枠組み 03. Title - ブログタイトルエリア 04. SubTitle - アーカイブタイトルエリア 05. Pager -ページャ 06. Main - 記事エリア 07. Option - トラックバック・コメントエリア 08. Sub & Extra - プラグインエリア 09. Header & Footer - ヘッダー・フッター 10. Others - ADエリア etc. ================================================== */ /* =============================================== */ /** 00. Css Base - ベーススタイル */ /* ----------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; outline: 0; font-size: 100%; } body { color: #453A1C; font-family: "Times New Roman", Times, "ヒラギノ角ゴ Pro W3", "MS Pゴシック", MS PGothic ,sans-serif; font-size: 12px; line-height: 1.1; } img, fieldset { border: none; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* =============================================== */ /** 01. Text - フォント・リンク */ /* ----------------------------------------------- */ #header a:link, #header a:visited, #header a:hover, #header a:active { color: #fff; } #container a:link { color: #C60000; } #container a:visited { color: #B68181; } #container a:hover { color: #CB953A; } #container a:active { color: #B68181; } #container .blog-title-outer h1 a:link, #container .blog-title-outer h1 a:visited, #container .blog-title-outer h1 a:hover, #container .blog-title-outer h1 a:active { color: #342B13; text-decoration: none; } .footer-outer a { color: #fff; } /* =============================================== */ /** 02. Layout - レイアウト(全体の枠組み) */ /* ----------------------------------------------- */ body { background: #f1ebdf; text-align: center; } #container { background: url(https://parts.blog.livedoor.jp/img/usr/bt001/body_back.jpg) no-repeat center top; } #content { margin: 0 auto; padding: 0 79px 50px 40px; width: 771px; background: #fff url(https://parts.blog.livedoor.jp/img/usr/bt001/content_back.jpg) repeat-y 573px top; text-align: left; } * html #content { width: 890px; /*Mac IE用ハック*/ /*\*//*/ width: 771px; /**/ zoom: 100%; } *+html #content { zoom: 100%; } #content:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } #main { width: 514px; float: left; position: relative; top: -100px; } * html #main .article-title-outer { zoom: 100%; } *+html #main .article-title-outer { zoom: 100%; } #sub, #extra { width: 221px; float: right; } #extra { clear: right; } /* =============================================== */ /** 03. Title - ブログタイトルエリア */ /* ----------------------------------------------- */ #container .blog-title-outer { margin: 0 auto; width: 890px; height: 337px; text-align: left; } #container .blog-title-outer h1 { padding: 105px 0 10px 100px; color: #342B13; font-size: 30px; } #container .blog-title-outer .blog-description-outer { margin: 0 400px 0 100px; } /* =============================================== */ /** 04. SubTitle - アーカイブタイトルエリア */ /* ----------------------------------------------- */ #main .archives-title { margin: 0 0 10px; font-size: 18px; font-weight: bold; } /* =============================================== */ /** 05. Pager - ページャ */ /* ----------------------------------------------- */ #main .pager { margin: 0 0 15px; text-align: left; } #main .archives-pager { text-align: left; } #main .pager li { margin-right: 10px; display: inline; } #main .pager ol { display: inline; } /* ----------------------------------------------- */ /** IndexNavigator - トップページ */ /* ----------------------------------------------- */ /** ArchivesPager - アーカイブページ */ /* ----------------------------------------------- */ /** ArticlePager - 個別記事ページ */ /* =============================================== */ /** 06. Main - 記事エリア */ /* ----------------------------------------------- */ /* ----------------------------------------------- */ /** 記事ヘッダー */ /*** 日付 */ #main .article-date-outer { margin: 0 10px 15px 0; float: left; } #main .article-date-outer abbr { border: none; color: #7C7034; font-size: 11px; letter-spacing: 2px; } /*** カテゴリ */ #main .article-category-outer { margin: 0 0 15px; float: left; } #main .article-category-outer dt, #main .article-category-outer dd { display: inline; } /*** カテゴリアーカイブページではカテゴリを非表示にする */ /** 記事タイトル */ #main .article-title-outer { margin: 15px 0 10px; padding: 10px 0 5px 45px; background: url(https://parts.blog.livedoor.jp/img/usr/bt001/entry-title_back.jpg) no-repeat left top; clear: both; font-size: 18px; font-weight: bold; text-decoration: none; } #main .article-title-outer a { text-decoration: none; } /* ----------------------------------------------- */ /** 記事本文 */ #main .article-body { color: #453A1C; line-height: 1.7; } /*** p & blockquote & pre */ #main .article-body p { margin-bottom: 1em; } #main .article-body pre { margin-bottom: 1em; } #main .article-body blockquote { margin: 1em 0; padding: 10px; border: 1px solid #D7C2B7; color: #817145; } /*** img */ #main .article-body img.pict { margin: 0 5px 5px 0; } /*** 共通テーマ */ body.default_2008 dl.common-theme { margin: 0 10px 25px; } /*** 記事タグ */ #main .article-body .article-tags { margin: 1.5em 0 1em; } #main .article-body .article-tags dt { display: inline; } #main .article-body .article-tags dd { margin: 0 0 0 10px; display: inline; } /*** プライベートモード */ /* ----------------------------------------------- */ /** 記事フッター */ #main .article-footer { margin: 0 0 30px; padding: 0 0 50px; background: url(https://parts.blog.livedoor.jp/img/usr/bt001/footer-outer_back.jpg) no-repeat left bottom; text-align: right; } #main .article-footer li { margin-left: 5px; display: inline; } #main .article-footer li img { margin-right: 5px; vertical-align: middle; } #main .article-footer li.author a { color: #453A1C; text-decoration: none; } #main .article-footer #ad { margin-top: 15px; } /* =============================================== */ /** 07. Option - トラックバック&コメントエリア */ /* ----------------------------------------------- */ .article-option { margin: 0 0 5px; padding: 0 0 50px; background: url(https://parts.blog.livedoor.jp/img/usr/bt001/line01.gif) no-repeat left bottom; } .article-option h3 { margin: 0 0 10px; padding: 0 0 10px 30px; background: url(https://parts.blog.livedoor.jp/img/usr/bt001/trackbacks_back.jpg) no-repeat left top; font-size: 18px; } /*** 指定しやすいようstyleReset */ /* ----------------------------------------------- */ /** トラックバックURL */ #trackback-form { } #trackback-form li { display: inline; } #trackback-form .trackback-form-url input { margin-right: 10px; width: 300px; border: 1px solid #C0B4A5; vertical-align: middle; } /* ----------------------------------------------- */ /** トラックバック一覧 */ #trackbacks-list, #comments-list { padding-bottom: 20px; } #trackbacks-list .trackback-set, #comments-list .comment-set { margin: 0 0 30px; padding: 10px; background: #F3F2F1; } * html #trackbacks-list .trackback-set { zoom: 100%; } *+html #trackbacks-list .trackback-set { zoom: 100%; } * html #comments-list .comment-set { zoom: 100%; } *+html #comments-list .comment-set { zoom: 100%; } #trackbacks-list .ping-title { margin: 0 0 5px; padding: 0 0 0 25px; background: url(https://parts.blog.livedoor.jp/img/usr/bt001/icon02.gif) no-repeat left top; } #trackbacks-list .ping-info { text-align: right; } #trackbacks-list .ping-info li.ping-blog-name, #trackbacks-list .ping-info li.ping-date { margin-left: 5px; display: inline; color: #7C7034; font-size: 11px; letter-spacing: 1px; } #trackbacks-list .ping-info li.ping-excerpt { margin-top: 10px; text-align: left; line-height: 1.7; } /* ----------------------------------------------- */ /** コメント一覧 */ #comments-list .comment-info { text-align: left; } #comments-list .comment-info li.comment-author, #comments-list .comment-info li.comment-date { margin-right: 5px; display: inline; color: #7C7034; font-size: 11px; letter-spacing: 1px; } #comments-list .comment-info li.comment-body { margin: 10px 0 0; line-height: 1.7; } /* ----------------------------------------------- */ /** コメントフォーム */ #comment-form { margin: 0 0 50px; padding: 0; background: none; } #comment-form th, #comment-form td { padding-bottom: 8px; text-align: left; } #comment-form th { width: 90px; } #comment-form td { width: 370px; } #comment-form .input-auther input, #comment-form .input-email input, #comment-form .input-url input { width: 255px; border: 1px solid #ccc; } #comment-form .input-etc label { margin-right: 10px; } #comment-form .input-etc select { margin-left: 5px; } #comment-form .input-comment-body textarea { width: 368px; height: 160px; border: 1px solid #ccc; } #comment-form .submit { text-align: center; } #comment-form { } /*** コメント認証 */ /* ----------------------------------------------- */ /** 関連記事 */ /* =============================================== */ /** 08. Sub & Extra - プラグインエリア */ /* ----------------------------------------------- */ .sidetitlebody { margin: 0 0 10px; height: 82px; background: url(https://parts.blog.livedoor.jp/img/usr/bt001/pulugin-title_back.jpg) no-repeat; } .sidetitlebody .sidetitle { padding: 47px 25px 0 10px; color: #453A1C; font-size: 18px; font-weight: bold; text-align: center; } .sidetop, .sidebottom { display: none; } .side { margin: 0 15px 30px 5px; } .sidebody { margin: 0 0 5px; padding: 0 0 0 23px; background: url(https://parts.blog.livedoor.jp/img/usr/bt001/icon02.gif) no-repeat left 4px; text-align: left; line-height: 1.4; } * html .sidebody { zoom: 100%; } *+html .sidebody { zoom: 100%; } /* ----------------------------------------------- */ /** Calendar */ .calendarheadbody, .calbody { text-align: center; } .calendarheadbody { margin: 0 0 10px; } .calendarheadbody .calendarpre { margin: 0 5px; } .caltop { display: none; } .calbody { margin: 0 0 30px; padding: 0 35px 0 15px; } .calbody table { margin: 0 auto; width: 170px; font-size: 11px; } .calbody .caltblwk td, .calbody .caltblday td { padding: 3px 0; border: 1px solid #E0DEC9; } .calbody .caltblwk td { background: #DDCCA6; font-weight: bold; } .calbody .caltblwk td.sun, .calbody .caltblwk td.sat { background: #C8B996; } /* ----------------------------------------------- */ /** Plugins */ form { padding: 0 0 0 10px; } form .sf { border: 1px solid #ccc; } /* ----------------------------------------------- */ /** LDServices */ #ld-services { margin: 0 20px 30px 5px; text-align: center; } #ld-services li { display: inline; } #ld-services li img { margin: 0 auto 5px; display: block; } /* =============================================== */ /** 09. Header & Footer - ヘッダー・フッター */ /* ----------------------------------------------- */ /** Header */ #header { width: 100%; background: #554917; color: #fff; font-family: "MS Pゴシック", MS PGothic ,sans-serif; } #header th, #header td { padding: 5px 0 2px; text-align: left; vertical-align: middle; } #header th { padding-left: 20px; width: 131px; } #header td.catprbox { padding-left: 20px; } #header td.newstickerbox { } #header td.startblogbox { padding-right: 20px; text-align: right; } /* ----------------------------------------------- */ /** Footer */ .footer-outer { margin: 0 auto; width: 890px; height: 40px; background: url(https://parts.blog.livedoor.jp/img/usr/bt001/footer-outer_back.jpg) no-repeat; color: #fff; text-align: center; } .footer-outer-2 { padding: 10px 0 0; } .footer-outer-2 #footer { display: inline; } .footer-outer-2 p { margin: 0 10px; display: inline; } /* =============================================== */ /** 10. Others - ADエリア etc. */ /* ----------------------------------------------- */ /** ADエリア */ div#ad { overflow: hidden; text-align: center; } div#ad iframe { margin: 10px auto; } div.gAdsense { padding: 10px 0; } body.ad { background: transparent; text-align: left; line-height: 1.6; } a.adld { color: #666 !important; text-decoration: underline; } div.related-articles { padding: 10px 0; } /*-------------------------------------- clearFix ---------------------------------------*/ #main .article-body::after, #main .article-footer::after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } #main .article-body, #main .article-footer { _height: 1px; min-height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } /* for MacIE5 \*//*/ #main .article-body, #main .article-footer { height: auto; overflow: hidden; } /* 記事下ソーシャルボタン */ .article-social-btn > a, .article-social-btn > span, .article-social-btn > div, .article-social-btn > iframe { margin: 4px 0; } /* メッセージボード */ .message-board { background: rgba(0,0,0,0.05); border-radius: 6px; margin: 20px 0; padding: 12px; } /* end *