@charset "utf-8"; @import url(http://parts.blog.livedoor.jp/css/template_6thgen.css); @import url(http://blogroll.livedoor.net/css/default2.css); /** @prefix : . a :CSSStylesheet; :title "matomeblue"; :shortdesc "Design template for livedoor Blog"; :created "2012-12-18"; :release [:revision "1.04"; :created "2013-02-15"]; :page ; :rights "LINE Corporation". */ body { font-family: Helvetica,Verdana,sans-serif; } /* ----------------------------------------------- ヘッダー ----------------------------------------------- */ /* ヘッダー ブルーのエリア ----------------------------------------------- */ #blog-header01{ border-bottom: 1px solid #0294df; background: #5a9ef3; /* Old browsers */ background: -moz-linear-gradient(top, #5a9ef3 0%, #026acb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a9ef3), color-stop(100%,#026acb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5a9ef3 0%,#026acb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5a9ef3 0%,#026acb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5a9ef3 0%,#026acb 100%); /* IE10+ */ background: linear-gradient(to bottom, #5a9ef3 0%,#026acb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a9ef3', endColorstr='#026acb',GradientType=0 ); /* IE6-9 */ } #blog-header01 .header-inner01{ margin:0 auto; width:1170px; display:table; padding:11px 0; } /* ヘッダー タイトル ----------------------------------------------- */ hgroup{ margin-right:11px; width:422px; *width:412px; display:table-cell; vertical-align:middle; *display:inline; *zoom:1; } hgroup h1{ width:422px; *width:412px; } hgroup h1 a{ color:#ffffff; font-size:24px; font-weight:bold; line-height:1.2; text-decoration:none; } hgroup h2{ width:422px; margin:10px 0 0 3px; color:#ffffff; } /* ヘッダー 広告 ----------------------------------------------- */ .header-inner01 .ads01{ width:650px; text-align: right; display:table-cell; vertical-align:middle; *display:inline; *zoom:1; } /* ヘッダー グレーのエリア ----------------------------------------------- */ #blog-header02{ zoom:100%; background: #292929; /* Old browsers */ background: -moz-linear-gradient(top, #292929 0%, #343434 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#343434)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #292929 0%,#343434 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #292929 0%,#343434 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #292929 0%,#343434 100%); /* IE10+ */ background: linear-gradient(to bottom, #292929 0%,#343434 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#343434',GradientType=0 ); /* IE6-9 */ } #blog-header02 .header-inner02{ margin:0 auto; width:1170px; } #blog-header02 .header-inner02:after { content:"."; height:0; clear:both; display:block; visibility:hidden; } /* ヘッダー メニュー ----------------------------------------------- */ .header-inner02 ul.header-menu{ width:744px; border-left:1px solid #000000 ; height:auto; float:left; } ul.header-menu li{ color:#ffffff; font-size:18px; list-style:none; float:left; border-top:1px solid #323232; border-bottom:1px solid #6c6c6c; border-right:1px solid #6c6c6c; } ul.header-menu li a{ padding:0 22px; height:51px; line-height:51px; color:#ffffff; text-decoration:none; display:block; border-right:1px solid #000000; } ul.header-menu li:first-child a{ border-left:1px solid #6c6c6c; } ul.header-menu li a:hover{ background: #181818; /* Old browsers */ background: -moz-linear-gradient(top, #181818 0%, #202020 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181818), color-stop(100%,#202020)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #181818 0%,#202020 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #181818 0%,#202020 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #181818 0%,#202020 100%); /* IE10+ */ background: linear-gradient(to bottom, #181818 0%,#202020 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#202020',GradientType=0 ); /* IE6-9 */ } /* ヘッダー Twitter,RSS,検索窓 ----------------------------------------------- */ .header-sarch{ width:420px; float:right; padding-top:17px; } .header-sarch img{ margin-top:-3px; } .header-sarch img:hover{ opacity: 0.6; } .header-sarch li{ float:left; list-style:none; margin-left:20px; } /* 検索 */ .header-sarch input.sf { background: url(http://parts.blog.livedoor.jp/img/usr/default_2012/common/icons.png) 0 0 no-repeat; } .header-sarch input.sf, .header-sarch input.sfbtn { border: 1px solid #aaa; height: 20px; line-height: 18px; outline: 0; } .header-sarch input.sf { background-color: #fff; background-position: 4px -264px; border-radius: 10px 0 0 10px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); display: block; float: left; margin: 0 auto; padding: 0 5px 0 21px; vertical-align: top; width: 225px; *width: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-sarch input.sfbtn { border-left: 0; border-radius: 0 10px 10px 0; float:right; text-shadow: 0 1px 0 #fff; width: 75px; background: #f1f1f1; background: -webkit-linear-gradient(top,#fefefe 0%,#f1f1f1 100%); background: -moz-linear-gradient(top,#fefefe 0%,#f1f1f1 100%); background: -ms-linear-gradient(top,#fefefe 0%,#f1f1f1 100%); background: -o-linear-gradient(top,#fefefe 0%,#f1f1f1 100%); background: linear-gradient(top,#fefefe 0%,#f1f1f1 100%); -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .header-sarch input.sfbtn:hover, .header-sarch input.sfbtn:focus { color: #2e90c5; } /* ----------------------------------------------- コンテンツ ----------------------------------------------- */ #wrapper{ } /* コンテンツのカラム幅 ----------------------------------------------- */ /* コンテンツ全体 */ #container{ width:1370px; margin:0 auto; position: relative; } /* コンテンツ 左側のカラム */ .left-container{ width:250px; float:left; background: #eaeaea; } .left-container:after { content: "."; display: block; visibility:hidden; } /* コンテンツ 中央メインのカラム */ .main-container{ width:750px; float:left; margin:0 10px; } /* コンテンツ 右側のカラム */ .right-container{ width:300px; float:left; } /* コンテンツ 3カラムの上のエリア ----------------------------------------------- */ /*画像付きRTorコメントリスト*/ .listWithImage{ margin-left:-5px; } .listWithImage li{ margin-bottom:0 !important; } .listWithImage li:hover{ opacity: 0.6; } .listWithImage div.popularArticlesWithImage.A ul li{ border: 1px solid #cfcfcf; } .listWithImage div.popularArticlesWithImage.A ul li a{ border: 2px solid #ffffff !important; } .listWithImage div.popularArticlesWithImage.A div.title{ color: #333333 !important; padding-bottom: 2px; } /*画像付きRTorコメントリスト (中央メインのカラム)*/ .main-container div.popularArticlesWithImage.A div.title{ padding-bottom: 6px; } div.popularArticlesWithImage.A div.retweet, div.popularArticlesWithImage.A div.comment{ padding: 3px 6px 0px 5px; text-shadow: none !important; } .listWithImage div.popularArticlesWithImage.A div.retweet, .listWithImage div.popularArticlesWithImage.A div.comment{ background:#ffffff !important; } /* コンテンツ 中央メインのカラム ----------------------------------------------- */ /*BlogRoll*/ /*全体の設定*/ .rss-blogroll:after { content:"."; height:0; clear:both; display:block; visibility:hidden; } .rss-blogroll { zoom:100%; border:2px solid #b0b0b0; margin-bottom:10px; padding: 3px 0; } /*チャンネル単位の設定*/ .rss-blogroll .blogroll-channel{ margin-left:5px; width:364px; height:484px; overflow: auto; float: left; font-size: 18px; padding:0 0 0 0; margin-bottom:0; } /*リストの設定*/ .rss-blogroll .blogroll-channel .blogroll-list { list-style-type: none; line-height: 1.3; font-size: 12px; border-bottom: 1px dashed #c2c2c2; padding: 3px 0; line-height: 1.3; padding-top:0; } /*テキスト部分の設定*/ .rss-blogroll .blogroll-channel .blogroll-list a{ padding-left: 5px; text-decoration: none; } .rss-blogroll .blogroll-channel .blogroll-list a:hover{ text-decoration: underline; } /*NEWの文字の設定*/ .rss-blogroll .blogroll-new-entry{ color: #ff0a00; font-size: 11px; font-weight: bold; } /*メッセージボード*/ .message-board-outer{ margin-bottom:10px !important; padding:10px; border:3px solid #2a5ccd; background:#d4e3ff; font-size:16px; line-height:1.6; } .message-board-outer a{ text-decoration:none; } .message-board-outer a:hover{ text-decoration:underline; } /*記事タイトル*/ .article-title{ padding:15px; color:#ffffff; font-weight:bold; font-size:24px; line-height:1.2; border-left:5px solid #000000; background: #589ef3; /* Old browsers */ background: -moz-linear-gradient(top, #589ef3 0%, #026acb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#589ef3), color-stop(100%,#026acb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #589ef3 0%,#026acb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #589ef3 0%,#026acb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #589ef3 0%,#026acb 100%); /* IE10+ */ background: linear-gradient(to bottom, #589ef3 0%,#026acb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589ef3', endColorstr='#026acb',GradientType=0 ); /* IE6-9 */ } .article-title a{ color:#ffffff; font-weight:bold; text-decoration:none; } .article-title a:hover{ text-decoration:underline; } /*記事タイトル下の記事情報*/ .article-header-inner:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } .article-header-inner { margin-bottom:15px; padding:13px 5px; background:#c0d9f7; zoom:100%; } /*投稿時間 カテゴリー 部分*/ .article-header-top:after { content:"."; height:0; clear:both; display:block; visibility:hidden; } .article-header-top { zoom:100%; } /*投稿時間 - 記事タイトル下の記事情報*/ .article-header-date{ padding-left:18px; margin:4px 10px 5px 0; font-size:12px; line-height: 1.3; float: left; background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_date.png) no-repeat left 50%; } /*カテゴリー - 記事タイトル下の記事情報*/ .article-header-category{ padding-left:16px; margin:4px 10px 5px 0; font-size:18px; line-height: 1.3; float: left; background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_category.png) no-repeat left 50%; } .article-header-category li{ list-style:none; } .article-header-category dt{ display:none; } .article-header-category dd{ padding: 0 5px; float:left; } .article-header-category dd a { color:#333; text-decoration:none; } .article-header-category dd a:hover{ text-decoration:underline; } /*ソーシャルボタン - 記事タイトル下の記事情報*/ .article-social-btn{ } /*記事本文*/ .article-body{ margin-bottom:40px; padding: 0 20px; } .article-body a{ color:#0132cc; text-decoration:none; } .article-body a:hover{ text-decoration:underline; } .article-body a:visited{ color:#b67448; } /*引用*/ .article-body-inner blockquote{ background: #efefef; padding:15px; } .article-body-inner blockquote:before{ display:none; } /*続きを読む*/ .article-body-continue{ margin:30px 0 0; padding:17px 22px; font-size:24px; font-weight:bold; line-height:1.4; background:#c0d9f7; display:block; } .article-body-continue a, .article-body-continue a:hover. .article-body-continue a:visited{ color:#0033c7; } /*記事下の記事情報 (個別記事ページのみ)*/ .article-footer:after { content:"."; height:0; clear:both; display:block; visibility:hidden; } .article-footer { zoom:100%; margin-bottom: 40px; padding: 10px; color: #333333; background: #efefef; } /*コメント - 記事下の記事情報*/ .article-footer .article-footer-comment{ padding-left:18px; margin:4px 10px 5px 0; font-size:12px; line-height: 1.3; float:left; background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_comment.png) no-repeat left 50%; } .article-footer .article-footer-comment a{ color: #333; text-decoration: none; } .article-footer .article-footer-comment a:hover{ text-decoration: underline; } /*ソーシャルボタン - 記事下の記事情報*/ .article-footer .article-social-btn{ float:right; } /* サブリスト2種 カテゴリの最新記事 article-sub-category related-articles 人気記事ランキング article-sub-popular ----------------------------------------------- */ /*サブリストの共通タイトル*/ .article-sub-category h3 , .article-sub-popular h3 { margin-bottom: 15px; padding-left: 10px; color: #333333; font-size: 24px; font-weight: bold; border-left: 5px solid #000000; } /*カテゴリの最新記事 , 人気記事ランキング */ .related-articles, .article-sub-popular { padding-bottom: 20px; } /*文字の装飾 - カテゴリの最新記事 , 人気記事ランキング*/ .article-sub-category a, .article-sub-popular a{ color:#0132cc; text-decoration: none; } .article-sub-category a:hover, .article-sub-popular a:hover{ text-decoration: underline; } .article-sub-category a:visited, .article-sub-popular a:visited{ color:#b67448; } /*カテゴリの最新記事*/ .article-sub-category ul{ padding-left: 18px; } .article-sub-category li{ padding: 0 0 5px 18px; background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_list.png) no-repeat left 4px; list-style: none; } /*人気記事ランキング*/ .article-sub-popular .popularArticlesWithImage.A ul{ text-align: left; } /* コメント トラックバック ----------------------------------------------- */ /*タイトル - コメント/トラックバック共通*/ .article-option-title{ margin-bottom: 15px; padding:10px 0 10px 10px; color: #333333; font-size: 16px; border-left: 5px solid #000000; background: #efefef; } /* コメント トラックバック 共通利用 ----------------------------------------------- */ /*コメントエリア トラックバックエリア*/ #comments ol, #trackbacks ol{ margin-bottom: 40px; padding-left: 18px; } /*コメントのセット トラックバックのセット*/ .comment-set{ padding: 10px 0; color: #333333; border-top: 1px dashed #cccccc; font-size: 12px; list-style: none; } .comment-set:first-child{ border-top:none; } /*コメントの番号 トラックバックの番号*/ .comment-number{ margin-right: 10px; } /*コメント主の名前 トラックバックのブログタイトル*/ .comment-author{ color: #227a22; margin-right: 10px; font-weight: normal; } .comment-author a{ color: #0132cc; text-decoration: none; } .comment-author a:hover{ color: #0132cc; } /*コメントの日時とID トラックバックの日時*/ .comment-date{ color: #666666; } .comment-body{ padding-bottom: 0; font-size: 16px; color: #333333; } /*トラックバックの記事*/ .comment-url a{ color: #0132cc; } /* コメントフォーム ----------------------------------------------- */ .comment-form-title{ font-weight: bold; } #comment-form{ margin-top: 5px; background: #efefef; padding: 20px 0; } /*コメント入力欄*/ #comment-form textarea{ resize: vertical; } /* ----------------------------------------------- ナビゲーション 参考URL:http://wiki.livedoor.jp/staff/d/DesignTemplate/Navigation ----------------------------------------------- */ /* トップページ カテーゴリーアーカイブ 月別アーカイブ ----------------------------------------------- */ /*ナビゲーション共通*/ .pager{ font-size:17px; } /*数字の色*/ .pager a{ color:#ffffff; } ol.paging-number li.current span{ color:#ffffff; } /* 背景の色 */ ol.paging-number li, li.paging-prev, li.paging-next, li.paging-first, li.paging-last{ background:#7191f4; display:block; height:34px; line-height:34px; padding:0 5px; } /* マウスホバー時の背景の色 */ li.paging-prev:hover, li.paging-next:hover, li.paging-first:hover, li.paging-last:hover, .index-navigator li li:hover, ol.paging-number li.current{ background:#0033cc; } /* ページング幅調節 */ ul.index-navigator li a, ul.index-navigator li span, ul.index-navigator li a, ul.index-navigator li.current span{ margin: 0 0 0 0px; padding:0 6px; line-height: 34px; } ul.index-navigator{ height:34px; margin:0 0 10px 0; } ul.index-navigator li.paging-number{ margin: 0 0 !important; } /* 間をあける */ ul.index-navigator li, ul.index-navigator li ol { display: inline-block; *display: inline; *zoom: 1; margin: 0 3px !important; } /* 個別記事ページ ----------------------------------------------- */ /*ナビゲーション全体*/ .article-pager-type2 ul.article-pager, .article-pager-type2 ul.archives-pager{ padding: 0 0 0 0; } .article-pager-type2 ul.article-pager li, .article-pager-type2 ul.archives-pager li{ margin: 0; } /*前の記事へ*/ .article-pager-type2 .article-pager .prev{ float: left; padding-left: 20px; width: 300px; background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_prev.png) no-repeat left 3px; text-align: left; text-indent: -7px; word-wrap:break-word; } /*次の記事へ*/ .article-pager-type2 .article-pager .next{ padding-right: 10px; width: 300px; float: right; text-align: right; word-wrap:break-word; background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_next.png) no-repeat right 3px; } /*文字について*/ .article-pager-type2 ul.article-pager li a, .article-pager-type2 ul.archives-pager li a{ padding: 0 ; width: 300px; font-size: 13px; color: #666666; word-wrap:break-word; display: block; } /*マウスオーバーについて*/ .article-pager-type2 ul.article-pager li a:hover, .article-pager-type2 ul.archives-pager li a:hover { background: none !important; text-decoration: underline; } /* カテゴリーアーカイブ 月別アーカイブ ----------------------------------------------- */ /*アーカイブのタイトルの全体設定*/ .archives-header{ background: #ededed; color: #333333; padding: 10px; margin-bottom: 10px; } /*アーカイブのタイトル*/ .archives-header h1{ margin: 0 auto; text-align: center; font-weight: bold; } /* ----------------------------------------------- サイド ----------------------------------------------- */ /* サイドカラム共通設定 ----------------------------------------------- */ /*サイド右上広告*/ .right-container-ads{ margin-bottom: 10px } .sidewrapper{ font-size:14px; } /*サイドカラムのリンク色*/ .sidewrapper a{ color:#0030ff; text-decoration:none; } .sidewrapper a:hover{ text-decoration: underline; } .sidewrapper a:visited{ color:#7f4bc0; } /* plugin全体への設定 */ .side:after { content:"."; height:0; clear:both; display:block; visibility:hidden; } .side { zoom:100%; margin:10px 0; } /*サイドカラムのタイトル*/ .sidetitlebody{ padding:5px 10px; background:#484848; color:#ffffff; } .sidetitle a{ color: #ffffff ; } .sidetitle a:visited{ color: #ffffff ; } /*サイドカラムのリスト*/ .sidebody{ padding-top:10px; padding-bottom:10px; border-top:1px solid #e5e5e5; line-height:1.2; } .sidebody:first-child{ border-top:none; } .sidebody.category-child{ padding-left:13px; } /* 左カラム専用スタイル ----------------------------------------------- */ /*左カラムの共通設定*/ .left-container .side{ padding: 0 10px 0 10px; } /* 最新記事(画像付) ----------------------------------------------- */ .left-container .plugin-recent_articles_image{ font-size: 13px; line-height: 1.2; } /* ギャラリー ----------------------------------------------- */ /*ギャラリー共通スタイル*/ .plugin-recent_images .side{ margin-bottom: 0; } .galleryThumbnail li{ float: left; padding: 0 10px 0 0; } /*ギャラリー左カラム*/ .left-container .plugin-recent_images .side{ padding: 0 0 0 10px; } .left-container .plugin-recent_images li{ width: 53px; height: 62px; *width: 51px; *height: 51px; } .left-container .plugin-recent_images img{ width: 51px; height: 51px; } /*ギャラリーが右カラム*/ .right-container .plugin-recent_images .side{ width: 310px } .right-container .plugin-recent_images li{ width: 93px; height: 103px; *width: 91px; *height: 91px; } .right-container .plugin-recent_images img{ width: 91px; height: 91px; } /* カレンダー ----------------------------------------------- */ /*カレンダー共通設定*/ .plugin-calendar_default{ font-size:14px; margin:0 0 20px 0; } /*カレンダー年月*/ .calendarheadbody{ padding: 5px 10px; background: #484848; font-size: 14px; color: #ffffff; } .calendarheadbody a{ color: #ffffff; } .calendarheadbody a:visited{ color: #ffffff; } /*カレンダーの体裁*/ .plugin-calendar_default table{ border-collapse: separate; border-spacing: 1px; } .calbody{ color:#8d8d8d; } table.caltblday td{ border: 1px solid #eeeeee; } /*リンク背景*/ table.caltblday td a{ color:#ffffff; background:#0033cc; } table.caltblday td a:hover{ text-decoration:underline; } table.caltblday td a:visited{ color:#ffffff; } /*曜日*/ .sun{ color:#ff5d59; font-weight:bold; } .sat{ color:#4e8cff; font-weight:bold; } .weekday{ font-weight:bold; } /* 人気記事(画像付) ----------------------------------------------- */ .plugin-popular_articles_with_image li:hover{ opacity: 0.6; } div.popularArticlesWithImage.B:hover a, div.popularArticlesWithImage.C:hover a{ text-decoration:none !important; } .listWithImage .plugin-popular_articles_with_image .title{ color: #333333 !important; line-height: 1.1 !important; background:#EBEBEB !important; } div.popularArticlesWithImage.B div.comment, div.popularArticlesWithImage.B div.retweet, div.popularArticlesWithImage.C div.comment, div.popularArticlesWithImage.C div.retweet{ display: inline !important; text-shadow:none !important; } div.popularArticlesWithImage.B div.title{ background:none !important; margin:10px 0 0 10px; } div.popularArticlesWithImage.C div.title{ background:none !important; margin:10px 0 0 0; } /* 相互RSS ----------------------------------------------- */ .sidewrapper .blogroll-channel{ border:1px solid #b0b0b0; margin-bottom:10px; padding: 3px 0; } .sidewrapper .blogroll-channel .blogroll-list{ padding:5px !important; list-style-type: none; line-height: 1.3; font-size: 20px; border-bottom: 1px dashed #c2c2c2; padding: 3px 0; line-height: 1.3; padding-top:0; } /* ----------------------------------------------- フッター ----------------------------------------------- */ /*フッターの全体設定*/ #blog-footer{ margin-top:30px; height:80px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2); border-bottom:1px solid #0e97df; background: #599df2; /* Old browsers */ background: -moz-linear-gradient(top, #599df2 0%, #036ecc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#599df2), color-stop(100%,#036ecc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #599df2 0%,#036ecc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #599df2 0%,#036ecc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #599df2 0%,#036ecc 100%); /* IE10+ */ background: linear-gradient(to bottom, #599df2 0%,#036ecc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599df2', endColorstr='#036ecc',GradientType=0 ); /* IE6-9 */ } /*フッターのコピーライト部分*/ #blog-footer #footer{ height:80px; color:#ffffff; line-height:80px; } #blog-footer #footer a{ color:#ffffff; } /*トップへ戻る*/ .to-pagetop { bottom: -105px; position: absolute; right: -5px; } /* ----------------------------------------------- リセット 他のCSSが影響している場合にここでリセットします ----------------------------------------------- */ /* reset for template_6thgen.css ----------------------------------------------- */ body.layout-2col .message-board{ margin-top:0; } /* reset for template.css ----------------------------------------------- */ .article-social-btn> a, .article-social-btn> span, .article-social-btn> div, .article-social-btn> iframe{ margin: 0 ; } .blogroll-wrapper{ width:660px; overflow:hidden; } .blogroll-column{ float:left; width:50%; } /* ----------------------------------------------- */ /* BlogRoll css */ /* ----------------------------------------------- */ .blogroll-channel, .blogroll-channel * { width: auto; height: auto; margin: 0; padding: 0; border: none; text-align: left; } .blogroll-channel { margin-bottom: 0px; padding: 0px; background: #fff; } .blogroll-channel .blogroll-list-wrap { margin-bottom: 10px; } .blogroll-channel .blogroll-list { list-style-type: none; margin-bottom: 3px; font-size:20px; line-height: 1.3; } .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: 24px; } .blogroll-channel .blogroll-ad-img { } .blogroll-channel .blogroll-ad-text { display: block; margin-top: 5px; color: #666; font-size: 20px; } /* ----------------------------------------------- */ /* BlogRoll css 2 */ /* ----------------------------------------------- */ .blogroll-channel, .blogroll-channel * { width: auto; height: auto; margin: 0; padding: 0; border: none; text-align: left; } .blogroll-channel { margin-bottom: 15px; padding: 10px; } .blogroll-channel .blogroll-list-wrap { margin-bottom: 10px; } .blogroll-channel .blogroll-list { list-style-type: none; margin-bottom: 3px; font-size: 20px; line-height: 1.3; } .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; } .fixed { position: fixed; top: 20px; }

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