@charset "utf-8"; @import url(http://parts.blog.livedoor.jp/css/template_6thgen.css); /** @prefix : . <> a :CSSStylesheet; :title "タイプライター"; :shortdesc "Design Template for livedoor Blog"; :created "2012-08-22"; :release [:revision "1.10"; :created "2012-11-16"]; :page ; :rights "NHN Japan Corp.". */ /* 全体のレイアウト ----------------------------------------------- */ body { background-color: #fff; } #wrapper { border-top:4px groove #333; } #container { background-color: #fff; margin: 0 auto; width: 940px; } #content { position: relative; } #main { padding: 20px 60px; } #sidebar {} /* 1カラムレイアウトのとき */ body.layout-1col #content {} body.layout-1col #main {} body.layout-1col #main-inner {} body.layout-1col #sidebar { /*background-color: #f8f8f8;*/ border-radius: 0 0 4px 4px; padding: 20px 50px; } body.layout-1col #sidebar-inner {} body.layout-1col #sidebar .sidewrapper { float: left; padding: 20px 0; margin: 0 10px; width: 260px; } /* 2カラムレイアウトのとき */ body.layout-2col #content { /*background: url(http://parts.blog.livedoor.jp/img/usr/default_2012/common/bg_side.png) 100% 0 repeat-y #fff;*/ } body.layout-2col #main { border-radius: 0 0 0 4px; float: left; width: 580px; } body.layout-2col #main-inner {} body.layout-2col #sidebar { border-radius: 0 0 4px 0; float: right; padding: 20px; width: 200px; } body.layout-2col #sidebar-inner {} /* 全体の文字色、リンク色 ----------------------------------------------- */ body { color: #333; font: 14px/1.2 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','MS P明朝','MS PMincho',serif; } a, body.page-article .article-title a:visited { color: #333; text-decoration:none; } a:link {color: #0044ff;} a:visited { color: #7c2525; } a:hover { color: #0044ff; text-decoration:underline; } a:active {} /* ブログのヘッダー、タイトル、説明 ----------------------------------------------- */ #blog-header { /*border-radius: 4px 4px 0 0; height: 160px; background-color: #287cba; background-image: -webkit-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%); background-image: -moz-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%); background-image: -ms-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%); background-image: -o-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%); background-image: radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%);*/ } #blog-header hgroup { padding: 0 80px; text-align:center; margin-top: 50px; } #blog-title { color: #333; font-size: 36px; font-weight: bold; line-height: 1.2; padding-bottom: 20px; /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);*/ } #blog-title a { color: #333; } #blog-description { color: #333; font-size: 14px; font-weight: normal; line-height: 1.4; /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);*/ } #blog-description a { color: #b10000; } /* メインカラム ----------------------------------------------- */ /* 記事全体 */ .article { padding: 60px 0 0 0; } .first-article { padding-top :0px; } /* 記事ヘッダー、記事タイトル */ .article-header { margin-bottom: 20px; position: relative; } .article-title { border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding: 10px 0; margin: 4px 0; text-align:center; margin-top: 15px; } .article-title a { color: #333; font-size: 28px; font-weight: bold; letter-spacing: 1px; text-decoration: none; } /* 日付 */ .article-date { color: #808080; font-size: 12px; margin: 0; padding-top: 10px; } /* 記事フッター、カテゴリ、コメント、ソーシャルボタン */ .article-footer { margin-top: 1em; } .article-meta { padding: 16px 0; } .article-social-btn { /*border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;*/ } /* 関連記事 */ .article-body .related-articles { margin:4em 0; line-height:1.3 } .article-body .related-articles h3 { font-size: 14px; font-weight: bold; } .article-body .related-articles ul { list-style: none; margin:0; padding-left:0; } .article-body .related-articles ul li { margin:4px 0; padding-left: 16px; } /* 続きを読む */ .article-continue a { color:#333; } /* 共通テーマ */ dl.common-theme{ background: #fafafa; border: 1px solid #ddd; border-radius: 3px; padding: 8px 12px; } /* メッセージボード */ .message-board { background-color: #f7f7f7; border: 1px solid #e4e7e8; border-radius: 4px; color: #333; line-height: 1.6; margin-bottom: 26px; overflow: hidden; padding: 15px; } /* プライベートモード、コメントにログインが必要な場合のメッセージ */ div.private-mode-announcement, div.comment-auth-announcement { background-color: #fafafa; border: 1px solid #ddd; } /* 記事本文 ----------------------------------------------- */ .article-body { color: #080000; font-size: 14px; } .article-body-inner h1, .article-body-inner h2, .article-body-inner h3 { border-bottom:3px solid #7f7f7f; } .article-body-inner h4 { border-bottom:1px solid #ccc; } .article-body-inner blockquote { background-color:#fafafa; border: 1px solid #fff; } .article-body-inner blockquote:before { color: #ddd; } .article-body-inner img.pict{ border: 5px solid #fff; box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.2); display: block; height: auto; margin:1em auto; max-width: 98.4%; } .article-body-inner img.pict[align="left"] { margin-left: 6px; } .article-body-inner img.pict[align="right"] { margin-right: 6px; } /* コメント・トラックバック一覧 ----------------------------------------------- */ .comment-date, .ping-blog-name, .ping-date { border-left: 1px solid #aaa; color: #aaa; } .comment-body { margin-left: 16px; color: #666; } .ping-excerpt { color: #666; margin-left: 16px; } /* ページ送り ----------------------------------------------- */ /* トップページ */ ul.index-navigator li a, ul.index-navigator li.current span { background-color: #fff; border: 1px solid #ddd; color: #555; } ul.index-navigator li.current span { background-color: #b10000; color: #fff; text-shadow: 0 1px 0 #000; } ul.index-navigator a:hover { background-color: #eee; text-decoration: none; text-shadow: 0 1px 0 #fff; } ul.index-navigator a:visited { color: #555; } /* 記事ページ、月別アーカイブページ */ ul.article-pager li a, ul.archives-pager li a { border: 1px solid #ddd; border-radius: 3px; color: #555; background-color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02); color: #555; } /* ブログのフッター ----------------------------------------------- */ #blog-footer { color:#555; padding: 40px; } #blog-footer a { color:#555; } /* ブログパーツ ----------------------------------------------- */ /* 共通 */ .sidewrapper:first-child { padding-top: 0; } .sidewrapper { font-size: 12px; overflow: hidden; padding: 20px 0; position: relative; } .sidewrapper:after{ /*border-bottom: 1px solid #d8d8d8;*/ bottom: 0; content: ''; left: 0; position: absolute; width: 100%; } .sidewrapper .sidetitle { color: #333; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 0.7em; } .sidewrapper .sidetitle a { color: #333; } .sidewrapper .side .sidebody { line-height: 1.5; margin: 0 0 7px 0; } .sidewrapper .side .sidebody.category-child { padding-left: 12px; } /* カレンダー */ .calendarhead { font-weight: bold; text-align: center; } table.caltblwk .weekday { color: #666; } table.caltblwk .sun { color: #ff5d5d; } table.caltblwk .sat { color: #578efa; } table.caltblday { color: #8d8d8d; border-collapse: separate; border-spacing: 1px; } table.caltblday .caloff { background-color: #fff; border: 1px solid #e4e7e8; } table.caltblday .calon { background-color: #fff; border: 1px solid #e4e7e8; } table.caltblday td a { color:#b10000; height: 23px; line-height: 23px; /*text-shadow: 0 1px 0 rgba(0,0,0,0.7);*/ } table.caltblday td a:hover { /*background-color: #197bb0;*/ color: #b10000; text-decoration:underline; } table.caltblday td a:visited { color: #7c2525; } /* その他のパーツ ----------------------------------------------- */ /* アーカイブヘッダ */ .archives-header { background: #f0f0f0; border-left: 5px solid #ababab; border-radius: 0px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); color: #333; font-size: 15px; margin-bottom: 20px; padding: 10px; } /* ページトップへ */ .to-pagetop { right: 50px; } /* 記事下広告 */ #ad2 {} #ad2 a.addescription { color:#666; } /* etc */ td.bdm{ width:200px; border:2px solid #444444; } td.gazm{ width:260px; border:2px solid #444444; } td.gaz{ width:50px; border:1px solid #444444; margin:0 1px 0 1px; } span.gaz2{ color:#0044ff; text-decoration: underline; cursor: pointer; } .article-body-inner tr{ border:1px #000000 solid; font-weight:bold; } td.bd{ border:1px #444444 solid; solid #444444; font-weight:bold; } .article-body-inner table{ border: #666666 1px solid; }