@charset "EUC-JP"; th.email,#email,th.url,#url{ display:none; } div.smartfon { display: none !important; } /* Information ================================================== livedoor Blog CSS Name : ぶる速 Update : 2009年08月25日 ================================================== */ /* 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 - フォント・リンク */ /* ----------------------------------------------- */ * { word-break: break-all; } body , textarea { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; } body { color: #000000; } a:link , a:visited { color: #0000ff; text-decoration: none; } a:active { text-decoration: none; color: #800000; } a:hover { color: #ff0000; text-decoration: none; } a:hover img { filter:alpha(opacity=70); opacity:0.7; } table#header a:link , table#header a:active , table#header a:visited , table#header a:hover { color: #0000fe; text-decoration: none; } h1#blog-title a:link , h1#blog-title a:active , h1#blog-title a:visited { color: #fff; text-decoration: none; } h1#blog-title a:hover { color: #fff; text-decoration: none; } p#blog-description { color: #ffffff; } h2.archives-title { color: #ffffff; } div.article-body a:link , div.article-body a:active {} div.article-body a:visited {} h2.article-title a:link , h2.article-title a:active , h2.article-title a:visited { color: #fff; text-decoration: none; } h2.article-title a:hover { color: #ff0000; text-decoration: none; } ul.article-post li a {} dl.article-category dd a {} div.pager a {} div.article-date-outer { color: #000000; } ul.ping-info li.ping-date , ul.comment-info li.comment-date { color: #8d8d8d; } div.article-option h3 { color: #ffffff; } .trackback-set a , .comment-set a {} div.comment-auth-announcement p a { font-weight: bold; } div.sidetitle { color: #fff; } div.sidetitle a { color: #fff; } div.calendarhead { color: #fff; } div.calendarhead a { color: #fff; } div.side a:link , div.side a:active {} div.side a:visited {} div.side a:hover {} div.footer-outer { color: #fff; text-decoration: none; } div.footer-outer a:link, div.footer-outer a:active, div.footer-outer a:visited { color: #fff; text-decoration: none; } div.footer-outer a:hover { color: #f00; text-decoration: none; } /* =============================================== */ /** 02. Layout - レイアウト(全体の枠組み) */ /* ----------------------------------------------- */ body { margin: 0; padding: 0; min-width: 1280px; text-align: center; background: url(http://burusoku-vip.com/img/bg.png); } div#container { width: 1070px; margin: 0 auto; padding-bottom: 10px; position: relative; } div#topicks_container { width: 1280px; margin: 0 auto; padding-bottom: 10px; position: relative; } div#content {} div#main , div#sub , div#extra { overflow: hidden; } div#main { float: left; display: inline; width: 750px; } #topicks_container div#main { float: right; display: inline; width: 750px; } div#main div.column-inner {} div#sub { float: right; display: inline; width: 310px; border-bottom: 2px solid #524645; } #topicks_container div#sub { float: left; display: inline; width: 310px; border-bottom: 2px solid #524645; } div#sub div.column-inner {} div#extra { clear: left; float: left; display: inline; width: 200px; /*padding-bottom: 20px;*/ border-bottom: 2px solid #524645; } div#extra div.column-inner {} /* ----------------------------------------------- */ /** clearfix */ div#topicks_container:after ,div#container:after , div#content:after , ul.article-navigator:after , ul.archives-navigator:after , div.article-body:after , div.article-body div.article-body-more:after , div#trackback-form ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /** hasLayout */ div.blog-title-outer , h2.archives-title , div.article-body , div.article-footer , h2.article-title , div.pager , ul , div.index-navigator-outer { height: 1%; } /** peek-a-boo bug */ div#trackback-form , div#trackbacks-list , div#comments-list , div#comment-form { height: 1%; } /* =============================================== */ /** 03. Title - ブログタイトルエリア */ /* ----------------------------------------------- */ div.blog-title-outer { text-align: center; margin-bottom: 10px; } div.blog-title-outer-2 {} div.blog-title-outer-3 {} h1#blog-title { margin: 0; font-size: 150%; font-weight: bold; } h1#blog-title a { *background: url(http://burusoku-vip.com/img/header1060.png) no-repeat; background: url(http://livedoor.4.blogimg.jp/plusmicro26/imgs/8/a/8a897792.jpg) no-repeat; background-size:100% auto; display: block; height: 230px; border: 2px solid #524645; text-indent: -9999px; } #topicks_container h1#blog-title a { *background: url(http://burusoku-vip.com/img/header1270.png); background: url(http://livedoor.4.blogimg.jp/plusmicro26/imgs/4/2/4278b143.jpg); background-size:100% auto; display: block; height: 230px; border: 2px solid #524645; text-indent: -9999px; } div.blog-description-outer {} p#blog-description { margin: 0; line-height: 135%; } /* =============================================== */ /** 04. SubTitle - アーカイブタイトルエリア */ /* ----------------------------------------------- */ div.archives-title-outer { margin-bottom: 10px; border: 2px solid #524645; background: url(http://burusoku-vip.com/img/bg_ttl.png); padding: 5px 20px; text-align: left; } div.archives-title-outer-2 {} div.archives-title-outer-3 {} h2.archives-title { font-size: 10pt; margin: 0; padding: 0; } div.archives-header { font-size: 10pt; line-height: 1.3; margin-top: 20px; } div.archives-header ul { margin: 10px 20px; padding: 0; text-align: left; } div.archives-header ul li { margin-bottom: 3px; margin-left: 20px; } /* =============================================== */ /** 05. Pager - ページャ */ /* ----------------------------------------------- */ div.pager { margin-bottom: 10px; text-align: left; } div.pager-inner { padding-bottom: 15px; } div.index-navigator-outer , div.archives-pager-outer , div.article-pager-outer {} /* ----------------------------------------------- */ /** IndexNavigator - トップページ */ ul.index-navigator { padding: 15px 0 0; font-size: 9pt; } ul.index-navigator li a { padding: 0 7px; } /* ----------------------------------------------- */ /** ArchivesPager - アーカイブページ */ ul.archives-pager { list-style-type: none; padding-top: 15px; font-size: 9pt; } 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: 9pt; } 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; } /* =============================================== */ /** 06. Main - 記事エリア */ /* ----------------------------------------------- */ div.article-outer { margin-bottom: 10px; text-align: left; border: 2px solid #524645; background: #fff; } div.article-outer-2 { padding-bottom: 6px; height: 1%; } div.article-outer-3 {} div.article-option-outer { margin-bottom: 10px; text-align: left; } div.article-option-outer-2 {} div.article-option-outer-3 {} /* ----------------------------------------------- */ /** 記事ヘッダー */ div.article-header {} /*** 記事タイトル */ div.article-title-outer {} h2.article-title { border-bottom: 2px solid #524645; background: url(http://burusoku-vip.com/img/bg_ttl.png); margin: 0; padding: 5px 20px; font-size: 15pt; font-weight: bold; } /* ----------------------------------------------- */ /** 記事本文 */ div.article-body { border-top: 1px solid #ccc; background-color: #ffffff; padding: 10px 10px; line-height: 1.2; font-size: 15pt; } div.article-body-inner { /* width: 100%; */ /* overflow: hidden; */ } /*** 続きを読む */ div.article-body span.article-continue { display: block; margin-top: 1em; } div.article-body div.article-body-more , div.article-body div.article-body-private { clear: both; margin-top: 1em; } /*** ちょっと追加 */ div.web-text { /* border */ border-right:solid; border-right-width:1px; border-right-color:#ccc; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#ccc; border-left:solid; border-left-width:1px; border-left-color:#ccc; /* border-radius */ border-radius:5px; -webkit-border-radius:; -moz-border-radius:; /* box-shadow */ box-shadow:rgba(113, 135, 164, 0.13) 0px 0px 5px 2px; -webkit-box-shadow:rgba(113, 135, 164, 0.13) 0px 0px 5px 2px; -moz-box-shadow:rgba(113, 135, 164, 0.13) 0px 0px 5px 2px; /* font */ padding : 20px ; width: 63%; text-align:left; margin:0px auto; } div.box-cent { width:100%; margin:; padding:; border:0px ; background-color:none; align:center; } /*** blockquote & pre */ div.article-body blockquote , div.article-body pre { background-color: #EAEAEA; padding: 5px 15px; margin: 5px 0; color: #000000; } /*** img */ div.article-body img.pict { margin: 0 5px 5px 0; } /*** 共通テーマ */ body.default_2008 dl.common-theme { margin: 15px 10px 0; } /*** 記事タグ */ body.default_2008 dl.article-tags { margin: 15px 10px 0; } /*** プライベートモード */ div.private-mode-announcement { border-color: #858585; line-height: 135%; font-size: 90%; } div.headline { border: 2px solid #524645; margin-bottom: 20px; } div.headline div.headline-title { text-align: left; border-bottom: 2px solid #524645; background: url(http://burusoku-vip.com/img/bg_ttl.png); color: #fff; padding: 5px 20px; font-size: 12pt; font-weight: bold; } div.headline div.headline-body { border-top: 1px solid #ccc; font-size: 12pt; padding: 5px 20px; background: #fff; line-height: 1.3; } /* ----------------------------------------------- */ /** 記事フッター */ div.article-footer { background-color: #ffffff; padding: 0 10px; } div.article-footer-wesp { font-size: 11pt; line-height: 0.2; text-align: left; padding: 0 0 20px; } ul.article-post { padding: 10px 5px 0; text-align: right; } ul.article-post li { font-size: 10pt; line-height: 1.2; margin-left: 5px; } div.article-footer-ad { font-size: 10pt; } div.article-footer-ad li { margin-bottom:3px; margin-left:20px; } /* =============================================== */ /** 07. Option - トラックバック&コメントエリア */ /* ----------------------------------------------- */ div#article-options { /*background-color: #ffffff;*/ padding: 10px 0; } div.article-option { padding: 0; border: 2px solid #524645; margin-bottom: 20px; } div.article-option h3 { margin: 0; padding: 5px 20px; background: url(http://burusoku-vip.com/img/bg_ttl.png); font-size: 10pt; border-bottom: 2px solid #524645; } /*** 指定しやすいよう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 */ div#trackback-form ul { padding: 10px 20px; margin: 0; background: #fff; } div#trackback-form ul li { list-style-type: none; float: left; margin: 0; padding: 0; } div#trackback-form ul li.trackback-form-url { width: 100%; margin-right: -90px; } div#trackback-form ul li.trackback-form-url span input { width: 100%; } div#trackback-form ul li.trackback-form-url span { display: block; padding-right: 100px; /*>> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */ } div#trackback-form ul li.trackback-form-submit { width: 80px; } div#trackback-form ul li.trackback-form-submit input {} /* ----------------------------------------------- */ /** トラックバック一覧 */ .trackback-set { margin: 10px 20px; font-size: 10pt; } 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 {} /* ----------------------------------------------- */ /** コメント一覧 */ div#comments-list { border: 0; margin: 0; padding: 0; } div#comments-list h3 { border: 0; background: none; color: #000; margin: 0 0 10px; padding: 0; display: none; } li.comment-set { border: 2px solid #524645; margin-bottom: 20px; font-size: 10pt; background: url(http://burusoku-vip.com/img/bg_ttl.png); padding-top: 5px; } ul.comment-info li.comment-author { display: inline; color: #fff; margin-left: 20px; font-weight: bold; } ul.comment-info li.comment-author a { color: #fff; } ul.comment-info li.comment-date { display: inline; margin-left: 10px; color: #fff; font-weight: bold; } ul.comment-info li { display: inline; } ul.comment-info li.comment-body { display: block; background: #fff; padding: 10px 20px; margin-top: 5px; border-top: 2px solid #524645; } ul.comment-info li.comment-body img.trackback-rating {} /* ----------------------------------------------- */ /** コメントフォーム */ div#comment-form-body { /*margin: 10px 20px;*/ padding: 15px 0 15px 50px; background: #fff; } div#comment-form-body table { border: 0; width: 80%; line-height: 25px; font-size: 10pt; } div#comment-form-body table th { width: 3em; padding-right: 5px; text-align: right; font-weight: normal; } 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; } input.button { margin-top: 10px; width: 80px; } div#comment-form-body table tr.input-etc td { padding-top: 6px; } label.input-rating { margin-left: 20px; } label.input-rating select { margin-left: 3px; } label.input-rating-face { margin-left: 5px; } label.input-rating-star {} div#comment-form-body table tr.submit td { text-align: center; } /*** コメント認証 */ div.comment-auth-announcement { margin: 10px 20px 0; border-color: #858585; font-size: 10pt; } div.comment-auth-announcement p a { margin: 0 3px; } div#error{ margin: 10px 20px 0; font-size: 10pt; } /* ----------------------------------------------- */ /** 関連記事 */ .related-articles h3{ color:#ce0025; font-size:x-large; font-weight:bold; margin:0; padding:0 5px 5px 0px; background:#f0eede; } .related-articles ul { padding:0px 0px 20px 20px; margin:0px 20px 0px 10px; } .related-articles li{ padding:10px 0px; font-size:14px; font-weight:bold; } /* =============================================== */ /** 08. Sub & Extra - プラグインエリア */ /* ----------------------------------------------- */ div.sidetitlebody {} div.sidetitle { padding: 4px 15px; text-align: left; font-size: 10pt; font-weight: bold; border-bottom: 2px solid #524645; background: url(http://burusoku-vip.com/img/bg_ttl.png); } div.sidetop , div.sidebottom { display: none; } div.side { margin: 0; text-align: center; font-size: 10pt; padding: 5px 5px 10px; /*border: 2px solid #000;*/ } div.side #acrp2_plusmicro { margin: auto; } div.side .hatena-bookmark-widget { margin: auto; } div.sidebody { background: url(http://parts.blog.livedoor.jp/img/cmn/dot.gif) no-repeat -3px 3px; padding: 0 0 5px 9px; margin-left: 5px; text-align: left; } div.sidewrapper{ border: 2px solid #524645; border-bottom: none; background: #fff; } /* ----------------------------------------------- */ /** カレンダー */ div.calendarheadbody {} div.calendarheadbody div.calendarhead { padding: 2px 15px; text-align: center; font-size: 10pt; font-weight: bold; background: #000; border: 2px solid #000; } div.caltop , div.calbottom { display: none; } div.calbody { padding: 5px 5px 10px; border: 2px solid #000; } table.caltbl { width: 180px; margin: 0 auto; border: 0; } div.calbody table.calendartable {} td.caltblwkbg {} td.calendarwd {} td table.caltblwk td { font-size: 10pt; 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; width: 180px; color: #8d8d8d; font-size: 10pt; } 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%; } /* ----------------------------------------------- */ /** LDServices */ ul#ld-services { padding-top: 20px; } /* =============================================== */ /** 09. Header & Footer - ヘッダー・フッター */ /* ----------------------------------------------- */ /** Header */ table#header { font-size: 75%; } /* ----------------------------------------------- */ /** Footer */ div.footer-outer { /*width: 1000px;*/ margin: 0 auto; background: url(http://burusoku-vip.com/img/bg_ttl.png); border-top: 2px solid #524645; padding: 5px; font-size: 9pt; } div.footer-outer-2 {} div#footer { display: inline; margin: 0 10px; } div#footer p { display: inline; } /* =============================================== */ /** 10. Others - ADエリア etc. */ /* ----------------------------------------------- */ /** ADエリア */ div#ad { margin: 25px auto 0; text-align: center; } div#ad iframe { margin: 10px auto; } div.gAdsense { padding: 10px 0; } body.ad { background: transparent; text-align: left; } a.adtitle { color: #0000ff; font-weight: bold; } a.adtitle span { font-size: 11pt; } a.addescription { color: #000000; } a.addescription span { font-size: 10pt; } a.adurl { color: #1b8d1c; text-decoration: none; } a.adurl span { font-size: 10pt; } a.adld { color: #666666; text-decoration: underline; font-size: 11pt; } .ads-become a{} /** ---------- Google AdSense ---------- **/ .google-user-ad { margin:15px 10px; } .google-user-ad-728 { margin:0px; } .google-user-ad-side { margin:0px -2px; } .google-user-ad-side1 { margin:0px 0px 20px; } .google-user-ad-mid { margin:15px 30px 15px 10px; }. ad-type-side { margin:0; } .ad-type-table { margin:0; } .ad-center { text-align:center; } div.google-2ad { margin:20px 12px 10px; height:280px; } div.google-2ad-m { margin:30px 12px 50px; height:280px; } div.g-ad1 { float:left; margin-left:0px; } div.g-ad2 { float:left; margin-left:50px; } div.g-ad2b { float:left; margin-left:50px; } div.google-adbox { width: 750px; height: 315px; margin: 10px 0px; } div.google-adbox:before { clear: none; } div.google-adboard, div.google-adboard-right { float: left; height: 281px; width: 336px; padding: 15px; margin-bottom: 10px; background: #fff; border: 2px solid #524645; position: relative; text-align: center; } div.google-adboard-right { margin-left: 10px; } /* ----------------------------------------------- */ /* BlogRoll css 2 */ /* ----------------------------------------------- */ .blogroll-channel, .blogroll-channel * { width: auto; height: auto; margin: 0; padding: 0; border: none; text-align: left; } .blogroll-channel { margin-bottom: 10px; padding: 0px; } .blogroll-channel{ border: none; height:300px !important; overflow-y: scroll; } .blogroll-channel .blogroll-list-wrap { /*margin: 0px 20px 10px 20px;*/ } .blogroll-channel .blogroll-list { list-style-type: none; margin-bottom: 1px; font-size: 16px; line-height: 2; } .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: 20px; } .blogroll-channel .blogroll-ad-img { } .blogroll-channel .blogroll-ad-text { display: block; margin-top: 5px; color: #666; font-size: 20px; } .blogroll-channel .blogroll-ad-text a{ display: none; } .blogroll-channel .blogroll-ad-default a{ display: none; } /* ----------------------------------------------- */ /* レイアウト編集 */ /* ----------------------------------------------- */ .top_cnt1-4{ height:281px; width:366px; border: 2px solid #524645; position:relative; background: #fff; float:left; margin: 0 10px 10px 0; } .top_cnt1-4:nth-of-type(3){ margin: 0 0 10px 0; } .top_cnt1-4:nth-of-type(5){ margin: 0 0 10px 0; } .top_cnt1-4 a{ color:#524645; text-decoration:none; } .top_cnt1-4 a:hover{ text-decoration:underline; } .top_cnt1-4 abbr{ color:#fff; font-size:10px; line-height:35px; width:100px; text-align:center; background:#524645; display:block; position:absolute; top:0; left:8px; } .top_cnt1-4 .top_cnt_cate{ line-height:35px; font-size:12px; width:240px; position:absolute; top:0; left:123px; text-align: left; } .top_cnt1-4 h2{ font-size:16px; line-height:20px; width:350px; margin:0px; position:absolute; top:40px; left:8px; text-align: left; } .top_cnt1-4 .top_cnt_cmt{ width:82px; height:95px; background:url(http://burusoku-vip.com/img/bg_cmt.png) no-repeat; text-align:center; font-size:10px; padding-top:5px; position:absolute; top:140px; right:15px; z-index: 1; } .top_cnt1-4 .top_cnt_cmt a{ font-size:16px; color:#3366ff; font-weight:bold; } .top_cnt1-4 a.top_cnt_img{ display:block; width:346px; height:146px; border: 2px solid #524645; position:absolute; top:105px; left:8px; background-size:cover; text-indent:-9999px; background-position: center; } .top_cnt1-4 .portal-links{ font-size:12px; position:absolute; bottom:5px; left:8px; } .top_cnt1-4 .portal-links dl.article-tags{ margin:0; padding:0; background-image:none; } .top_cnt1-4 .portal-links dl.article-tags dt{ display:none; } .top_cnt1-4 .portal-links dl.article-tags dd{ float:left; margin:0 5px 0 0; padding:0; } .top_cnt1-4 .top_cnt_sns{ float:right; position:absolute; bottom:5px; right:8px; } .top_cnt1-4 .top_cnt_sns li{ display: inline; margin: 0 0 0 0px; } .top_cnt1-4 .top_cnt_sns li a{ display: inline-block; height: 20px; overflow: hidden; text-indent: -9999px; width: 21px; } .top_cnt1-4 .top_cnt_sns li .twitter{ background: url("http://burusoku-vip.com/img/icon_twitter_s.png") no-repeat; } .top_cnt1-4 .top_cnt_sns li .facebook{ background: url("http://burusoku-vip.com/img/icon_facebook_s.png") no-repeat; } .top_cnt1-4 .top_cnt_sns li .google{ background: url("http://burusoku-vip.com/img/icon_google_s.png") no-repeat; } .top_cnt1-4 .top_cnt_sns li .hatena{ background: url("http://burusoku-vip.com/img/icon_hatena_s.png") no-repeat; } .top_cnt5{ clear: both; height:146px; width:746px; border: 2px solid #524645; position:relative; margin-bottom: 10px; background: #fff; text-align: left; } .top_cnt5 a{ color:#524645; text-decoration:none; } .top_cnt5 abbr{ color:#524645; font-size:10px; display:block; position:absolute; top:10px; left:220px; } .top_cnt5 .top_cnt_cate{ line-height:35px; font-size:12px; width:240px; position:absolute; bottom:5px; left:220px; } .top_cnt5 h2{ font-size:16px; line-height:20px; width:425px; margin:0px; position:absolute; top:30px; left:220px; } .top_cnt5 .top_cnt_cmt{ width: 82px; height: 92px; background: url(http://burusoku-vip.com/img/bg_cmt.png) no-repeat; text-align: center; font-size: 10px; padding-top: 8px; position: absolute; top: -5px; right: 15px; z-index: 1; } .top_cnt5 .top_cnt_cmt a{ font-size:16px; color:#3366ff; font-weight:bold; } .top_cnt5 a.top_cnt_img{ display:block; width:196px; height:126px; border: 2px solid #524645; position:absolute; top:10px; left:10px; background-size:cover; text-indent:-9999px; background-position:center; } .top_cnt5 .portal-links{ font-size:12px; } .top_cnt5 .portal-links dl.article-tags{ margin:0; padding:0; background-image:none; } .top_cnt5 .portal-links dl.article-tags dt{ display:none; } .top_cnt5 .portal-links dl.article-tags dd{ float:left; margin:0 5px 0 0; padding:0; } .top_cnt5 .top_cnt_sns{ float:right; position:absolute; bottom:8px; right:3px; } .top_cnt5 .top_cnt_sns li{ display: inline; margin: 0 0 0 0px; } .top_cnt5 .top_cnt_sns li a{ display: inline-block; height: 20px; overflow: hidden; text-indent: -9999px; width: 21px; } .top_cnt5 .top_cnt_sns li .twitter{ background: url("http://burusoku-vip.com/img/icon_twitter_s.png") no-repeat; } .top_cnt5 .top_cnt_sns li .facebook{ background: url("http://burusoku-vip.com/img/icon_facebook_s.png") no-repeat; } .top_cnt5 .top_cnt_sns li .google{ background: url("http://burusoku-vip.com/img/icon_google_s.png") no-repeat; } .top_cnt5 .top_cnt_sns li .hatena{ background: url("http://burusoku-vip.com/img/icon_hatena_s.png") no-repeat; } #sub-l{ float:left; } #sub-r{ float:right; margin-left: 10px; } div.popularArticlesWithImage.A{ margin: 10px -10px; } b.reco_topics{ background: url(http://burusoku-vip.com/img/bulldog.png) no-repeat left; background-size: contain; line-height: 50px; display: block; padding-left: 50px; margin-top: 20px; } .bnr_bottom02{ overflow: hidden; margin-top: 10px; } .bnr_bottom02 .bnr_bottom02_1{ float: left; } .bnr_bottom02 .sns_btn{ float: right; width: 407px; } .bnr_bottom02 .sns_btn a{ margin-bottom: 7px; display: block; } .top_twi{ top: -3px; width: 21px; position: absolute; left: -26px; } .top_cnt_sns iframe{ width: 21px; height: 20px; position: absolute; left: -26px; opacity: 0.01; } .sns_btn_twitter{ position:relative; height: 57px; margin-bottom: 7px; } .sns_btn_twi{ top: 0px; width: 407px; position: absolute; left: 0px; } .sns_btn_twi img:hover{ /*filter:alpha(opacity=70); opacity:0.7;*/ } .sns_btn_twitter iframe{ width: 407px; height: 57px; position: absolute; left: 0px; opacity: 0.01; } /* 20140328追加ここから */ .obj_box{ border:2px solid #524645; width: 282px; height: 141px; position: relative; margin: 0 0 6px; text-align: left; } .obj_box img{ position: absolute; max-width: 282px; } .obj_box a{ display: block; position: relative; overflow: hidden; width: 286px; height: 145px; } .obj_box_txt{ width: 272px; background-color: #524645; color: #fff; position: absolute; bottom: 0; height: 48px; padding: 5px; opacity: .8; margin: 0; } /* 20140328追加ここまで */ .fixed { position: fixed; top: 20px; } @media screen and (min-width: 400px){ .screensize2 { display:none;} } /* 20141023追加ここから(下段リンク用) */ p.at-link { text-indent: 5px; line-height: 30px; font-size: 18px; font-weight: bold; font-color: blue; text-decoration: none; } /* 20141023追加ここまで */ /* 20141117追加(まとめくす)ここから */ .t_h { font-size: 11px; } .t_b { font-size: 17px; font-weight:bold; line-height: 30px; margin-bottom:20px; } /* 20141117追加(まとめくす)ここまで */ /* 20141217追加ここから(下段リンクAD用) */ p.at-link-pr { text-indent: 5px; line-height: 20px; font-size: 17px; font-weight: bold; font-color: blue; } .at-link-pr a:link {/*未訪問のリンク*/ text-decoration:none; } .at-link-pr a:visited {/*訪問後のリンク*/ text-decoration:none; } .at-link-pr a:hover {/*マウスをのせたとき*/ text-decoration:none; } .at-link-pr a:active {/*クリック中*/ text-decoration:none; } /* 20141217追加ここまで */ /* 20160803追加(やる夫バナーPC非表示用)ここから */ .yaruo_wrapper{ display:none; } .twi_t{ margin: 10px 110px; } .twi_m{ margin: 10px 110px; } .recommend-wrapper{ text-align: left; margin-bottom: 20px; } #fundit-recommend{ background-color: #fff; }

AltStyle によって変換されたページ (->オリジナル) /