@charset "UTF-8"; /* Information ================================================== livedoor Blog CSS Name : blogmedia/2ch_cobaltblue_2c ================================================== */ /* Table of Contents ================================================== 01. Text - フォント・リンク 02. Layout - 全体の枠組み 03. Title - ブログタイトルエリア 04. SubTitle - アーカイブタイトルエリア 05. Pager - ページャ 06. Main - 記事エリア 07. Option - トラックバック・コメントエリア 08. Sub & Extra - プラグインエリア 09. Header & Footer - ヘッダー・フッター 10. Others - ADエリア etc. ================================================== */ /* =============================================== */ /** 01. Text - フォント・リンク */ /* ----------------------------------------------- */ @import url(http://weloveiconfonts.com/api/?family=fontawesome); [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; } html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,b,i { margin: 0; padding: 0; } body { color: #333; font-family: 'Avenir','Helvetica neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; font-size: 15px; background: #f8f5ee; } li { list-style-type: none; } img { vertical-align: bottom; border: none; } #sub img { width: 100%; height: auto; } a { color: #111111; text-decoration: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; } a:hover { color: #6db1de; } a:hover img { filter:alpha(opacity=70); opacity:0.7; } #blog-description { color: #66cbff; } .archives-title { width: 728px; margin: 0 auto 30px; font-size: 18px; display: inline; } div.archives_title_warapper { margin-bottom: 30px; } ul.ping-info li.ping-date, ul.comment-info li.comment-date { color: #8d8d8d;text-decoration:none; } .sidetitle { } /* =============================================== */ /** 02. Layout - レイアウト(全体の枠組み) */ /* ----------------------------------------------- */ * html #container { position: relative; top: -1px; } *:first-child+html #container { position: relative; top: -1px; } #content_wrapper { margin: 0 0 30px; } #content { width: 1048px; margin: 0 auto; } #main { float: left; width: 748px; } /* 2col */ .message-board-outer { background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/2c_headline_btm.gif) repeat-y; } .message-board-outer-2 { padding: 10px; background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/2c_headline_top.jpg) no-repeat; } #main .column-inner { padding-top: 0px; } #sub { float: right; width: 300px; background: #ddd url(http://livedoor.blogimg.jp/girokerogirokero/imgs/6/3/63cfbc81.png) repeat; } #extra .column-inner { background: url no-repeat left bottom; } #sub .column-inner-2 { background: url no-repeat left top; } #sub .column-inner-2, #extra .column-inner-2 { padding: 0px 0px ; } #extra { clear: right; float: right; display: inline; margin-bottom:3px; } #extra .column-inner {} .calendarheadbody, .sidetitlebody { border-bottom: 3px solid #216492; } .calendarheadbody .calendarhead, .sidetitle { padding: 10px; text-align: center; font-weight: bold; } .side { padding: 10px; } .inner { width: 1048px; margin: 0 auto; position: relative; } .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* =============================================== */ /** ヘッダー */ /* ----------------------------------------------- */ div#header { background: #5fa9db; height: 50px; } #header .inner:before { position: absolute; display: block; content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 13px solid #5FA9DB; height: 0px; width: 0px; top: 50px; left: 50px; } #header h1 { float: left; font-weight: normal; font-size: 28px; margin-top: 4px; color: #fff; text-shadow: 0 -1px 1px #246d9f; } #globalnavi{ float: right; margin-top: 15px; } #globalnavi li{ float: left; margin-left: 15px; } #globalnavi a{ display:block; font-weight: bold; color: #fff; font-size: 13px; } #globalnavi a:hover { text-decoration: underline; } /* =============================================== */ /** メインビジュアル */ /* ----------------------------------------------- */ img.main_view { margin: 10px 0px 30px; padding: 0 10px; } /* =============================================== */ /** 人気記事表示設定 */ /* ----------------------------------------------- */ div.popularArticlesWithImage.A { margin: -7px 0 30px 0; } div.popularArticlesWithImage.A ul li { margin: 0 -1px 0 0; } div.popularArticlesWithImage.A ul li:hover a { opacity: 0.8; } div.popularArticlesWithImage.A ul li a { border-width: 4px; } div.popularArticlesWithImage.A div.title { height: 30px; padding: 5px 0 5px 10px; opacity: 0.9; } /* ----------------------------------------------- */ /** clearfix */ #container:after, #content:after, ul.article-navigator:after, ul.archives-navigator:after, .article-body:after, .article-body .article-body-more:after, #trackback-form ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /** hasLayout */ .blog-title-outer, .archives-title, .article-body, .article-footer, .article-title, .pager, ul, .index-navigator-outer { } /** peek-a-boo bug */ #trackback-form, #trackbacks-list, #comments-list, #comment-form { height: 1%; } /* =============================================== */ /** 04. SubTitle - アーカイブタイトルエリア */ /* ----------------------------------------------- */ .archives-title-outer { } .archives-title-outer-2 {} .archives-title-outer-3 {} .archives-title { } /* =============================================== */ /** 05. Pager - ページャ */ /* ----------------------------------------------- */ .pager { } .pager-inner { } .index-navigator-outer, .archives-pager-outer, .article-pager-outer {} /* ----------------------------------------------- */ /** IndexNavigator - トップページ */ ul.index-navigator { text-align: center; } ul.index-navigator li, ul.index-navigator li ol { display: inline-block;*display: inline;*zoom: 1; margin: 0!important; } ul.index-navigator li a, ul.index-navigator li.current span { display: inline-block; font-weight: bold; line-height: 28px; margin: 0px 3px; padding: 0px 10px; } ul.index-navigator li a, ul.index-navigator li.current span { background-color: #fff; border: none; color: #333; } ul.index-navigator li.current span { background-color: #5FA9DB; color: #fff; } ul.index-navigator a:hover { background-color: #5FA9DB; color: #fff; } /* ----------------------------------------------- */ /** ArchivesPager - アーカイブページ */ ul.archives-pager { padding-top: 15px; font-size: 1em; } ul.archives-pager li { padding: 2px 5px; } ul.archives-pager li a { padding: 0 5px; } ul.archives-pager li.both { border-left: 1px solid #575e69; } /* ----------------------------------------------- */ /** ArticlePager - 個別記事ページ */ ul.article-pager { padding-top: 15px; font-size: 1em; } ul.article-pager li { float: left; width: 49%; line-height: 1.25; } /* = special tech ... borderの高さを揃えるため */ ul.article-pager { overflow: hidden; } ul.article-pager li { padding-top: 1px;/* 1px余白(上部) */ padding-bottom: 100px; margin-bottom: -99px;/* 1px余白(下部) */ } ul.article-pager li a { display: block; margin: 0 10px; } ul.article-pager li.prev { text-align: right; } ul.article-pager li.next { text-align: left; } ul.article-pager li.both { border-left: 1px solid #8d8d8d; } /* =============================================== */ /** トップ記事 */ /* ----------------------------------------------- */ .article-outer { width: 350px; margin: 0px 10px 35px; float: left; background: #fff; border: 2px solid #5FA9DB; position: relative; } img.new { position: absolute; top: -12px; left: 10px; } .article_inner { padding: 10px; } div.top_ad { width: 728px; margin: 0px auto 35px; height: 90px; } div.clear { clear: both; } div.comment { position: absolute; background: url('http://livedoor.blogimg.jp/girokerogirokero/imgs/b/d/bdb25a41.png'); width: 80px; height: 80px; top: -30px; right: -15px; } .comment p { position: absolute; top: 18px; color: #246e9f; font-weight: bold; left: 15px; } span.comment_count { font-size: 20px; width: 27px; display: inline-block; text-align: center; } span.come { font-size: 13px; } /* ----------------------------------------------- */ /** トップ記事(1カラム) */ div#article_other { width: 724px; } #article_other img.article_top_img { width: 250px; height: 160px; float: left; padding: 10px; } .article_right { float: right; padding: 10px 10px 10px 0; width: 444px; } img.article_accent { position: absolute; top: -2px; left: -2px; } div.article_social { position: absolute; bottom: 4px; } /* ----------------------------------------------- */ /** 記事ヘッダー */ /*** 日付 */ .article-date-outer { } .article-date-outer span.article-date { font-size: 13px; } .article-date-outer span.article-time {} /*** カテゴリ */ .article-category-outer { border-bottom: 1px solid #DDD; margin: 0 0 15px 0; padding: 0 10px 10px 0; height: 20px; } div#article_other .article-category-outer { position: absolute; bottom: 10px; right: 10px; border: none; margin: 0; padding: 0; } .article-category-outer dl.article-category { } .article-category-outer dl.article-category dt, .article-category-outer dl.article-category dd { text-align: right; font-size: 13px; } .article-category-outer dl.article-category dt { position: absolute; display: none; width: 0; height: 0; text-indent: -9999px; } .article-category a { color: #666; text-decoration: none; } /*** カテゴリアーカイブページではカテゴリを非表示にする */ body.category .article-category-outer { display: none; } /** 記事タイトル */ .article-title-outer { margin-bottom: 15px; } .article-title { word-break: break-all; line-height: 1.2; height: 81px; } .article-title a { color: #5FA9DB; font-size: 16px; } .article-title a:hover { color: #a4ceeb; } .article-tool-box-header .article-meta { text-align: right; } .article-tool-box-header .article-meta li { list-style: none; min-height: 16px; font-size: 82%; display:inline-block;*display:inline;*zoom:1; } .article-tool-box-header .article-meta li.article-comment-count { padding: 3px 5px 3px 20px; background: url() no-repeat 0 1px; } .article-tool-box-header .article-meta li.article-trackback-count { padding: 3px 5px 3px 20px; background: url() no-repeat 0 0; } .article-tool-box-header .article-meta li.article-author img { vertical-align: middle; margin: 0 4px 2px 0; } .article-tool-box-header .article-meta li.article-author { margin-left: 10px; } /* ----------------------------------------------- */ /** 記事本文 */ .article-body { } img.article_top_img { width: 100%; height: 200px; } .article-body-inner { overflow: hidden; } /*** 続きを読む */ .article-body span.article-continue { display: block; margin-top: 1em; } .article-body .article-body-more, .article-body .article-body-private { clear: both; margin-top: 1em; } .article-body h1 { padding: 5px 0 5px 5px; border-bottom: solid 1px #878787; border-left: solid 7px #878787; margin: 10px 0; font-size: 180%; } .article-body .{ padding: 5px 0 5px 5px; margin: 10px 0; border-bottom: solid 1px #878787; border-left: solid 7px #878787; font-size: 150%; } .article-body h3 { margin: 10px 0; font-size: 130%; border-bottom: dotted 1px #cccccc; } .article-body h4 { font-size: 120%; margin: 10px 0; } .article-body h5 { font-size: 110%; margin: 10px 0; } .article-body h6 { font-size: 105%; margin: 10px 0; } .article-body ol { margin: 10px 20px; } .article-body ul { margin: 10px 15px; } .article-body dt { font-weight: bold; } .article-body dd { margin-left: 1em; } /*** blockquote & pre */ .article-body pre { background-color: #f2f1c1; margin: 5px 0; padding: 5px 15px; } .article-body blockquote { padding: 5px 15px; margin: 5px 10px; border: border:solid 1px #CD853F; } /*** img */ .article-body img.pict { margin: 0 5px 5px 10px; } /*** 共通テーマ */ body.default_2008 dl.common-theme { margin: 0 10px 25px; } /*** 記事タグ */ div.article_tag_wrapper { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; height: 20px; } body.default_2008 dl.article-tags { } body.default_2008 dl.article-tags dd { margin-left: 0; margin-right: 5px; } body.default_2008 dl.article-tags { background: none; padding: 0; } dl.article-tags { } dl.article-tags dt { position: absolute; width: 0; height: 0; overflow: hidden; } .article-tags a { padding: 2px 9px; text-decoration: none; font-size: 13px; color: #FFF; background: #ffc511; text-shadow: 0px -1px #EEB400, 0 1px #EEB400; font-weight: bold; } .article-tags a:hover { background: #ffd655; } /*** プライベートモード */ .private-mode-announcement { border-color: #858585; line-height: 135%; font-size: 1em; } /* ----------------------------------------------- */ /** 記事フッター */ .article-footer { margin: 15px 0 0 0; border: solid 1px #d1d1d1; padding: 1px; background-color: #fff; } .article-post { padding: 5px 6px 3px; background: #f0f0f0; text-align: left; overflow: hidden; } /* ----------------------------------------------- */ /** 個別記事 */ div#article_single { width: 724px; background: #fff; border: 2px solid #5FA9DB; margin: 0 auto; position: relative; } div.article_padding { padding: 13px 13px 0 13px; } div.single_outer a{ } div.article-date-wrapper { height: 25px; margin-bottom: 15px; } /* ----------------------------------------------- */ /** 個別記事(日付) */ div.single_date { display: inline-block; margin: 0px 5px 0px 0px; } .single_date .article-date { font-size: 15px !important; } /* ----------------------------------------------- */ /** 個別記事(カテゴリ)*/ div.single_category { display: inline-block; border: none; padding: 0px; margin: 0px; } .single_category a { padding: 2px 9px; text-decoration: none; font-size: 15px; color: #aa8100; background: url('http://livedoor.blogimg.jp/girokerogirokero/imgs/f/b/fb935b72.png'); text-shadow: -1px -1px #fff, 1px 1px #fff; font-weight: bold; margin: 0px 5px 0px 0px; } .single_category a:hover { background: url('http://livedoor.blogimg.jp/girokerogirokero/imgs/f/7/f76491c1.png'); } /* ----------------------------------------------- */ /** 個別記事(タグ)*/ div.single_tag { display: inline-block; } .single_tag .article-tags a { font-size: 15px; margin-right: 5px; } /* ----------------------------------------------- */ /** 個別記事(タイトル) */ h2.single_title { height: auto; } /* ----------------------------------------------- */ /** 個別記事(ソーシャルボタン) */ div.social_space { height: 22px; padding: 15px; background: url('http://livedoor.blogimg.jp/girokerogirokero/imgs/a/2/a2232451.png'); } div.article_bottom { margin: 30px 0 0 0; border-bottom: 2px solid #5FA9DB; padding: 0 13px 30px; } .article_bottom .article-tags { margin-bottom: 15px; } /* ----------------------------------------------- */ /** 個別記事(rss関連デザイン) */ div.rss01 { width: 708px; border: 1px solid #DDD; margin: 7px auto 30px; background: #fff; padding: 5px 10px 10px; } .rss01 li { border-bottom: 1px solid #ddd; padding: 5px 0; } span.com_span { font-size: 18px; font-weight: bold; } span.fontawesome-check { margin-right: 8px; margin-left: 10px; color: #f8557e; } div.rss02_wrapper { overflow: hidden; border: 1px solid #ddd; width: 728px; margin: 7px auto 30px; font-size: 16px } div.rss02 { height: 520px; overflow-y: scroll; background: #fff; } span.fontawesome-bookmark { margin-right: 13px; margin-left: 10px; color: #f8557e; } div.rss03_wrapper { padding: 0 8px; margin: 0 0 30px 0; } .rss03_wrapper:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .rss03_wrapper .rss03_cap { float: left; margin: 0 2px; position: relative; } .rss03_wrapper .rss03_cap p { left: 0px; color: #FFF; background: none repeat scroll 0% 0% #216492; opacity: 0.9; padding: 4px; position: absolute; bottom: 0px; height: 43px; overflow: hidden; font-weight: bold; } .rss03_cap:hover p { opacity: 0.7; } .rss03_wrapper img { width: 230px; height: 160px; border: 4px solid #216492; } div.rss_article_inner { padding: 5px 10px 10px; margin: 30px 0; border: 2px solid #ddd; } .rss_article_inner li { border-bottom: 1px solid #ddd; padding: 5px 0; } #article_single .rss03_wrapper img { width: 216px; height: 150px; } #article_single .rss03_wrapper { padding: 0 11px; padding-bottom: 30px; margin-bottom: 0; } div.rss02_article_inner_wrapper { overflow: hidden; border: 2px solid #DDD; width: 694px; margin: 30px auto; font-size: 17px } div.rss02_article_inner { height: 600px; overflow-y: scroll; } div#acrp5_kerokero { width: 696px !important; margin: 0 auto; } #acrp5_kerokero table { width: 696px !important; } div.antennash { height: 620px; margin: 30px auto; } div#rss_remargin { margin-top: 15px; } /* ----------------------------------------------- */ /** 個別記事(広告センタリング)*/ div.ad_space { width: 728px; height: 230px; margin: 0 auto 30px; } div.article_main { background: url('http://livedoor.blogimg.jp/girokerogirokero/imgs/8/0/8043807a.png') repeat-x scroll left bottom; padding-bottom: 30px; } div.ad_space_article { text-align: center; height: 250px; } h2.single_title a { font-size: 25px; } /* ----------------------------------------------- */ /** 個別記事(本文)*/ div.article-body-more { border-top: 2px solid #5FA9DB; padding: 13px 13px 30px 13px; } div.t_h { border-bottom: 1px dotted #5FA9DB; border-top: 1px dotted #5FA9DB; background: #f7f7f7; padding: 5px; } /* =============================================== */ /** 07. Option - トラックバック&コメントエリア */ /* ----------------------------------------------- */ #article-options { padding: 30px 13px 30px; border-top: 2px solid #5FA9DB; border-bottom: 2px solid #5FA9DB; } .article-option { } .article-option h3 { display: inline-block; font-size: 22px; } span.fontawesome-comments { margin-right: 8px; margin-left: 10px; color: #F8557E; } /*** 指定しやすいようstyleReset */ h4.ping-title , ul.ping-info , ul.ping-info li , ul.comment-info , ul.comment-info li { padding: 0; margin: 0; } ul.ping-info li , ul.comment-info li { list-style-type: none; } /* ----------------------------------------------- */ /** トラックバックURL */ #trackback-form ul { margin: 0 30px; padding: 0; } #trackback-form ul li { list-style-type: none; float: left; margin: 0; padding: 0; } #trackback-form ul li.trackback-form-url { width: 100%; margin-right: -90px; } #trackback-form ul li.trackback-form-url span input { width: 100%; } #trackback-form ul li.trackback-form-url span { display: block; padding-right: 100px; /* >> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */ } #trackback-form ul li.trackback-form-submit { width: 80px; } #trackback-form ul li.trackback-form-submit input {} /* ----------------------------------------------- */ /** トラックバック一覧 */ .trackback-set { padding: 0 0 10px 20px; font-size: 1em; } h4.ping-title { display: inline; font-size: 100%; font-weight: normal; } ul.ping-info { display: inline; } ul.ping-info li.ping-blog-name { display: inline; margin-left: 20px; } ul.ping-info li.ping-blog-name span { margin: 0 10px; } ul.ping-info li.ping-date { display: inline; margin-left: 10px; } ul.ping-info li.ping-excerpt { display: block; margin-top: 5px; margin-left: 10px; } ul.ping-info li.ping-excerpt img.trackback-rating {} /* ----------------------------------------------- */ /** コメント一覧 */ li.comment-set { } ul.comment-info li.comment-author { display: inline; } ul.comment-info li.comment-date { display: inline; margin-left: 10px; } ul.comment-info li { display: inline; } ul.comment-info li.comment-body { display: block; margin: 4px 19px 40px; font-size: 18px; font-weight: bold; } ul.comment-info li.comment-body img.trackback-rating {} /* ----------------------------------------------- */ /** コメントフォーム */ div#comment-form { margin: 30px 0 0 0 ; } div.article-option ol { margin: 10px 38px 0px; border-bottom: 1px solid #ddd; } #comment-form-body { margin: 10px 0 0 0; } #comment-form-body table { border: 0; width: 90%; line-height: 15px; font-size: 1em; } #comment-form-body td { padding-bottom: 10px; } #comment-form-body table th { width: 4em; padding-right: 10px; padding-left: 4px; padding-bottom: 10px; text-align: right; font-weight: normal; } input#author, input#url { padding: 5px; border: 1px solid #ddd; } input#author { width: 65%; } input#email { width: 65%; } input#url { width: 85%; } input#bake { margin: 0 0 0 5px; } textarea#text { width: 90%; height: 250px; border: 1px solid #DDD; padding: 5px; } input.button { border:none; background: #EEB400; padding: 10px; color: #FFF; margin: 15px; font-weight: bold; font-size: 15px; border-bottom: 2px solid #aa8100; } input.button:hover { background: #aa8100; border: none; padding: 12px 10px 10px 10px; } #comment-form-body table tr.input-etc td { padding-top: 6px; } label.input-rating { margin-left: 10px; font-family:'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック'; } label.input-rating select { margin-left: 3px; } label.input-rating-face { margin-left: 5px; } label.input-rating-star {} #comment-form-body table tr.submit td { text-align: center; } ul.comment-info { border-top: 1px solid #ddd; padding: 10px 0; } h3.takecommenthead:before { content: "\f040"; font-family: 'FontAwesome',sans-serif; margin-right: 8px; margin-left: 10px; color: #F8557E; font-weight: bold; } /*** コメント認証 */ .comment-auth-announcement { margin: 10px 0; border-color: #858585; font-size: 1em; } .comment-auth-announcement p a { margin: 0 3px; } /* ----------------------------------------------- */ /** 関連記事 */ div.related_wrapper { width: 698px; margin: 0 13px; position: relative; } .related-articles{ } .related-articles h3{ font-size: 18px; background: #ffdd46; padding: 10px 0px; color: #fff; text-shadow: 0px -1px 1px #AC8D00; } .related-articles h3:before { content: "\f07c"; font-family: 'FontAwesome', sans-serif; margin-left: 10px; } a.related_more { position: absolute; right: 0px; height: 48px; background: #5FA9DB; line-height: 48px; padding: 0px 10px; color: #FFF; } .related-articles ul{ padding: 5px 10px 10px; border-right: 2px solid #ddd; border-left: 2px solid #ddd; border-bottom: 2px solid #ddd; } .related-articles ul li{ border-bottom: 1px solid #ddd; padding: 5px 0; } /* ----------------------------------------------- */ /** 関連記事(Linkwithin) */ div.linkwithin_div { height: 225px; margin: 30px 13px 0; } div#linkwithin_text_0 { padding: 0 !important; font-size: 18px; } div.linkwithin_title { word-break: break-all; overflow: hidden; height: 61px; } /* =============================================== */ /** 08. Sub & Extra - プラグインエリア */ /* ----------------------------------------------- */ .sidetop, .sidebottom { display: none; } .sidebody { text-align: left; border-bottom: 1px solid #DDD; margin-bottom: 5px; padding-bottom: 5px; word-break: break-all; } .sidewrapper { width: 280px; background: #fff; margin: 30px auto; border: 1px solid #D5D5D5; border-radius: 3px; } /* ----------------------------------------------- */ /** カレンダー */ .calendarheadbody {} .calendarheadbody .calendarhead { text-align: center; color: #fff; font-weight: bold; } #sub .calendarheadbody .calendarhead a, #extra .calendarheadbody .calendarhead a { color: #fff; } .caltop, .calbottom { display: none; } .calbody {} table.caltbl { width: 180px; margin: 0 auto; border: 0; } .calbody table.calendartable {} td.caltblwkbg {} td.calendarwd {} td table.caltblwk td { _font-size: 1em; font-weight: bold; height: 20px; } td table.caltblwk td.weekday {} td table.caltblwk td.sat {} td table.caltblwk td.sun {} td table.caltblwk td span.calendarweek {} td.caltbldaybg {} td table.caltblday { margin: 0 auto 25px; width: 180px; color: #8d8d8d; _font-size: 82%; } td table.caltblday td { width: 20px; height: 24px; padding: 0; text-align: center; } td table.caltblday td.caloff {} td table.caltblday td.calendard {} td table.caltblday td.calon {} td table.caltblday td.calon a {} td table.caltblday td.calendardbg {} td table.caltblday td span.calendar {} /* ----------------------------------------------- */ /** プロフィール(プラグイン) */ .nickname { font-weight: bold; margin: 10px 0; } .message { text-align: left; line-height: 125%; } ul.galleryThumbnail { text-align: center; } /* ----------------------------------------------- */ /** LDServices */ ul#ld-services { padding-top: 20px; } /* =============================================== */ /** 09. Header & Footer - ヘッダー・フッター */ /* ----------------------------------------------- */ /** Header */ table#header { border-bottom: solid 0px #4988bb; font-size: 12px; background: #ffffff; color: #eee; } /* ----------------------------------------------- */ /** Footer */ .footer-outer { width: 100%; margin: 0 auto; padding: 10px 0; background: #d8d8d8; text-align: center; } .footer-outer-2 {} #footer {} #footer p {} /* =============================================== */ /** 10. Others - ADエリア etc. */ /* ----------------------------------------------- */ /** ADエリア */ #ad { overflow: hidden; text-align: center; } #ad iframe { margin: 10px auto; } .gAdsense { padding: 10px 0; } body.ad { background: transparent; text-align: left; } a.adtitle { color: #0000ff!important; font-weight: bold; } a.adtitle span { font-size: 14px!important; } a.addescription { color: #000000!important; } a.addescription span { font-size: 13px!important; } a.adurl { color: #1b8d1c!important; text-decoration: none; } a.adurl span { font-size: 13px!important; } a.adld { color: #666666!important; text-decoration: none; font-size: 110%; } .ads-become a { color: #0000ff !important; } .ads-become .adsbybecome a { color: #666666!important; } /* かんたんタイトル画像 */ .blog-title-outer.show-image { background: transparent; height: auto; position: relative; } .blog-title-outer.show-image .blog-title-outer-2 { position: absolute; } .blog-title-outer.show-image #blog-header-image { width: 100%; } .blog-title-outer.hide-text .blog-title-outer, .blog-title-outer.hide-text .blog-title-outer-2, .blog-title-outer.hide-text .blog-title-outer-3, .blog-title-outer.hide-text #blog-title, .blog-title-outer.hide-text #blog-title a { display: block; height: 100%; padding: 0; width: 100%; } .blog-title-outer.hide-text #blog-title a, .blog-title-outer.hide-text #blog-description { text-indent: -99999px; line-height: 0; } /* 記事下ソーシャルボタン */ .article-social-btn > a, .article-social-btn > span, .article-social-btn > div, .article-social-btn > iframe { margin: 4px 0; } /* ----------------------------------------------- */ /* BlogRoll css */ /* ----------------------------------------------- */ .blogroll-wrapper{ overflow: hidden; margin: 0 10px 30px; border: 1px solid #ddd; } .blogroll-wrapper:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .blogroll-column{ float:left; width:50%; height: 359px; overflow-y: scroll; background: #fff; } .blogroll-channel { padding: 5px 10px 10px; } .blogroll-channel .blogroll-list-wrap { margin-bottom: 10px; } .blogroll-channel .blogroll-list { margin-bottom: 3px; border-bottom: solid 1px #cccccc; padding: 1px 0px; } .blogroll-channel .blogroll-list img { vertical-align: middle; } .blogroll-channel img.blogroll-icon, .blogroll-channel img.blogroll-favicon { margin: 0 5px 0 0; } .blogroll-channel img.blogroll-favicon { width: 16px; height: 16px; } .blogroll-channel a.blogroll-link { } .blogroll-channel .blogroll-new-entry { margin-left: 5px; color: red; } .blogroll-channel .blogroll-clip, .blogroll-channel .blogroll-hatebu { margin: 0 0 0 5px; } .blogroll-channel .blogroll-link-time { margin: 0 0 0 3px; color: #483D8B; font-size:11px; } .blogroll-channel .blogroll-ad-img { } .blogroll-channel .blogroll-ad-text { display: block; margin-top: 5px; color: #483D8B; font-size: 12px; } #comment-form tr.input-email, #comment-form tr.input-etc, #comment-form tr.input-facemark { display:none } div#scroll_fixed_wrapper { width: 1048px; margin: 0 auto; } div#scroll_fixed { position: fixed; bottom: 20px; left: auto; margin-left: 1048px; background: #ddd url(http://livedoor.blogimg.jp/girokerogirokero/imgs/6/3/63cfbc81.png) repeat; width: 60px; } #scroll_fixed a { width: 52px; display: block; border-radius: 5px; margin: 4px 4px; } li { list-style: none; } .cap { position: relative; margin-bottom: 10px;} .cap img { border: 4px solid #216492; width: 252px !important; height: 150px !important; } .cap:hover p { opacity: 0.7; } .cap p { left: 0px; color: #FFF; background: none repeat scroll 0% 0% #216492; opacity: 0.9; padding: 4px; position: absolute; bottom: 0; height: 43px; overflow: hidden; width: 252px; font-weight: bold; } .cap-320 { } .cap-235 {width: 228px;} .cap-225 {width: 218px;} div.popularArticlesWithImage.B div.title { word-break: break-all; margin: 0; } div.popularArticlesWithImage.B div.image { margin: 0px 10px 0 0px; } div.popularArticlesWithImage.B ul li { margin-bottom: 10px; } div.popularArticlesWithImage.B ul li:last-child { margin-bottom: 0; } /* ----------------------------------------------- */ /** 個別記事(しぃアンテナ調整) */ div.shi_antena { padding: 0px 6px 0 10px; height: 260px; overflow: hidden; margin-bottom: 25px; } .shi_antena:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } div.antennash_imglink span { margin: 0 4px 4px 0; width: 167px; height: 112px; border: 4px solid #216492; } div.antennash_imglink span:hover { opacity: 0.7; } div.antennash_imglink div[class^="ti"] { background: #216492; height: 30px; opacity: 0.9; width: 165px; padding: 5px 2px 5px 10px; font-size: 12px; font-weight: bold; left: -4px; bottom: -4px; line-height: 1.4; font-family: 'Avenir','Helvetica neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } img.twitter_btn { width: 280px !important; margin: 23px auto 0px; display: block; } #mypopup { display: none; position: absolute; border:1px solid #bbb; padding:5px 8px 8px; font-size:12px; color:#111; background-color:#ffc; list-style-type:none; line-height:1.2; text-align:left; max-width:750px; min-width:250px; box-shadow: 3px 3px 3px #ccc; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; } #mypopup li.comment-date, #mypopup li.comment-author{ display: inline; color:#666; } .ads { text-align: center; margin:5px auto; width :650px; /* バナーサイズとmarginを計算して調整 */ } .ads #adright { float: right; margin: 5px; } .ads #adleft { float: left; margin: 5px; } /* Opera用の指定 */ .ad p,.ads p { text-align: center; margin:5px auto; } BlogRoll css 2 */ /* ----------------------------------------------- */ .blogroll-channel, .blogroll-channel * { width: auto; height: auto; margin: 0; padding: 0; border: none; text-align: left; } .blogroll-channel { margin-bottom: 12px; padding: 12px; } .blogroll-channel .blogroll-list-wrap { margin-bottom: 11px; } .blogroll-channel .blogroll-list { list-style-type: none; margin-bottom: 3px; font-size: 16px; line-height: 1.4; } .blogroll-channel .blogroll-list img { vertical-align: middle; } .blogroll-channel img.blogroll-icon, .blogroll-channel img.blogroll-favicon { margin: 0 5px 0 0; } .blogroll-channel img.blogroll-favicon { width: 16px; height: 16px; } .blogroll-channel a.blogroll-link { } .blogroll-channel .blogroll-new-entry { margin-left: 5px; color: red; } .blogroll-channel .blogroll-clip, .blogroll-channel .blogroll-hatebu { margin: 0 0 0 5px; } .blogroll-channel .blogroll-link-time { margin: 0 0 0 3px; color: #666; font-size: 12px; } .blogroll-channel .blogroll-ad-img { } .blogroll-channel .blogroll-ad-text { display: block; margin-top: 5px; color: #666; font-size: 12px; } ul.blogroll-list-wrap li.blogroll-category-name { font-size: 9px; color: #0000FF; } blockquote{ overflow: auto; margin: 0 1em 1.5em; padding: 1em; border: 3px solid #d7d7d7; background: url() 3px 3px no-repeat #e0e0e0; color: #444; } blockquote{ position: relative; margin: 0 1em 1.5em; padding: 1em; border: 4px solid #d7d7d7; border-left: 5px solid #4169E1; background-color: #e0e0e0; z-index: 1; } blockquote p{ position: relative; z-index: 3; } blockquote:before{ content: "“"; font-size: 1000%; line-height: 0.8em; font-family: 'Times New Roman' ,"MS Pゴシック" ,sans-serif; color: #F0F0F0; position: absolute; left: 0; top: 0; z-index: 2; } .block { position: relative; padding: 8px; color: #fff; background: #d2b48c; overflow: hidden; } .block:before { content: " "; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-width: 16px 16px 0 0; border-style: solid; border-color: #fff; border-top-color: #998366; box-shadow: 0 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4); } /** ---------- Google AdSense ---------- **/ .google-user-ad { margin:10px; } .google-user-ad-728 { margin:0px auto; } .google-user-ad-side { margin:0px; } .google-user-ad-side1 { margin:10px 0 0px; } .ad-center { text-align:center; } div.google-2ad { margin:10px 15px 50px; height:280px; } div.google-2ad-m { margin:30px 0px 0px; height:280px; } div.g-ad1 { float:left; margin-left:0px; } div.g-ad2 { float:left; margin-left:45px; } div.google-2ad-m div.g-ad2{ margin-left:25px; } #kes { display: none; } #hg78d { display: none; }