@charset "euc-jp"; /* blogtube_extra.css * Copyright (C) blogtube All rights reserved. * 削除不可部分の削除はしないようにお願いいたします。 * このコメント部分も削除不可です。 * カスタマイズや利用法に制限はありません。 * サイトはこちらです。 * http://templatetube.blog78.fc2.com/ */ /*    基本的な設定    */ * { margin: 0; padding: 0; word-break: break-all; font-size: 12px; font-family: Verdana, Arial, sans-serif; } body.layout-three-column, body.layout-two-column-left, body.layout-two-column-right{ text-align: center; } a, a:link, a:visited{ color: #1785e5; text-decoration: none; } a:hover{ color: #1785e5; text-decoration: underline; } a:active {} a img{ border: 0; } input{ padding: 1px; } blockquote { width: auto; margin: 16px 10px; padding: 10px; line-height: 150%; background: #ebebeb; border: solid 1px #000; } .section{ } table{ font-size: 12px; color: #000; } /*    基本的な設定    */ /*     ヘッダ・バナー部分     */ #banner{ width: 100%; background: #ebebeb; border-bottom: solid 1px #000; } #banner a, #banner a:link, #banner a:visited{ color: #000; font-size: 24px; text-decoration: none; } #banner a:hover{ color: #000; font-size: 24px; text-decoration: underline; } #banner a:active{} #bannerbox{ text-align: left; color: #000; padding: 6px 20px; } #banner h1, #banner h1 a{ margin-bottom: 6px; font-size: 24px; font-weight: bold; } #banner h2{ color: #000; } /*     ヘッダ・バナー部分     */ /*    提携サイト更新情報    */ #kousin{ width: 900px; margin: 10px auto 20px; border: solid 1px #000; background: #fff; } #k-title{ padding: 3px; text-align: center; color: #000; background: #ebebeb; border-bottom: solid 1px #000; } .kousincontent{ padding: 3px; text-align: left; color: #000; line-height: 150%; } /*    提携サイト更新情報    */ /*    トップのフルバナー    */ .topadfull{ width: 900px; margin: 10px auto 20px; background: #fff; } .topadfullmain{ width: 100%; margin: 0 auto; text-align: center; color: #000; line-height: 150%; } /*    トップのフルバナー    */ /*    トップを2分割    */ .topbox{ width: 900px; background: #fff; margin: 10px auto 20px; } .topmargin{ margin: 0 10px; } .topleft{ float: left; width: 445px; } .topright{ float: right; width: 445px; } .topborder{ border: solid 1px #000; } .toptitle{ padding: 3px; text-align: center; color: #000; background: #ebebeb; border-bottom: solid 1px #000; } .topcontent{ padding: 3px; text-align: left; color: #000; line-height: 150%; } /*    トップを2分割    */ /*     メイン全体     */ .layout-three-column #bodyid, .layout-two-column-left #bodyid, .layout-two-column-right #bodyid{ margin-top: 10px; margin-bottom: 20px; text-align: center; background: #fff; } .layout-three-column #box, .layout-two-column-left #box, .layout-two-column-right #box{ width: 930px; margin-right: auto; margin-left: auto; border: solid 1px #000; } /*     メイン全体     */ /*     ボックス全体     */ .layout-three-column #box-margin, .layout-two-column-left #box-margin, .layout-two-column-right #box-margin{ margin: 0 15px; } .layout-three-column #box-left, .layout-two-column-right #box-left{ float: left; width: 660px; } .layout-two-column-left #box-left{ width: 900px; } .layout-three-column #box-right, .layout-two-column-right #box-right{ float: right; width: 230px; } #box-right h3{ font-weight: normal; } /* 右カラム */ /* 右カラム通常リスト設定 */ #box-right ul{ margin-left: 12px; list-style-type: circle; } /* 右カラム */ .layout-three-column #box-main{ float: right; width: 500px; } .layout-two-column-left #box-main, .layout-two-column-right #box-main{ float: right; width: 660px; } /* 右カラムのリストに画像を使用する例 #box-right ul{ } #box-right ul li{ padding-left: 12px; background: url(リスト画像のURL) no-repeat 0px 0.4em; list-style-type: none; } 使用する場合は右カラム通常リスト設定を削除して、 この部分のコメントを外して下さい。スペースは微調整して下さい。 */ /* メイン部分 */ #box-main h3{ color: #000; font-weight: bold; margin-top: 5px; } #box-main p{ margin-top: 10px; margin-bottom: 16px; } #box-main img{ margin-right: 16px; margin-bottom: 16px; } #box-main ul{ margin: 10px 0 10px 16px; line-height: 175%; } /* メイン部分 */ .layout-three-column #box-sub{ float: left; width: 150px; } .layout-two-column-left #box-sub{ float: left; width: 230px; } #box-sub h3{ font-weight: normal; } /* 左カラム */ /* 左カラム通常リスト設定 */ #box-sub ul{ margin-left: 12px; list-style-type: circle; } /* 左カラムのリストに画像を使用する例 #box-sub ul{ } #box-sub ul li{ padding-left: 12px; background: url(リスト画像のURL) no-repeat 0px 0.4em; list-style-type: none; } 使用する場合は左カラム通常リスト設定を削除して、 この部分のコメントを外して下さい。スペースは微調整して下さい。 */ /* 左カラム */ /*     ボックス全体     */ /*     RSS     */ .rss{ margin: 0 auto 10px; border: solid 1px #000; background: #fff; } .rsstitle{ padding: 3px; text-align: center; color: #000; background: #ebebeb; border-bottom: solid 1px #000; } .rssmain{ padding: 3px; text-align: left; color: #000; line-height: 175%; } /*     RSS     */ /*     メインボックス全体     */ .mainbox{ width: 100%; margin: 0 auto 10px; border: solid 1px #000; } .maindate{ padding: 3px; text-align: left; background: #ebebeb; border-bottom: solid 1px #000; } .maindate2{ font-weight: bold; color: #000; } .maintime{ font-size: 10px; font-weight: normal; color: #000; } .mainentry{ margin-top: 6px; padding: 3px; text-align: left; } .maintitle{ margin-bottom: 16px; color: #000; font-weight: bold; } .maincontent{ padding: 0 10px; margin-bottom: 10px; color: #000; font-size: 14px; line-height: 1.5; } .maintextarea{ line-height: 150%; margin: 10px; 0 16px; } .mainmore{ text-align: right; margin-bottom: 10px; color: #000; } .mainnavi{ margin-top: 10px; text-align: center; } .maintag{ margin-top: 14px; text-align: right; color: #000; font-size: 10px; } .mainfooter{ margin-top: 4px; text-align: right; color: #000; font-size: 10px; } /*     メインボックス全体     */ /*     コメント・トラックバック     */ .comment{ } #comment-top, #comment-post, #comment-edit{ padding: 3px; margin-bottom: 6px; text-align: left; color: #000; background: #ebebeb; border: solid 1px #000; } .comment-box{ padding: 3px; margin-bottom: 10px; text-align: left; color: #000; line-height: 150%; background: #f6f6f6; border: solid 1px #ebebeb; } .comment-title{ margin-bottom: 10px; line-height: 125%; } .comment-titleb{ margin-bottom: 10px; line-height: 125%; font-weight: bold; } .comment-main{ padding: 0 10px; } .comment-footer{ margin-top: 10px; text-align: right; font-size: 10px; } .comment-entry{ color: #000; } .comment-form{ text-align: right; margin: 0; padding: 0; line-height: 150%; } .comment-form dl{} .comment-form dt{ float: left; margin-bottom: 6px; } .comment-form dd{ margin-bottom: 6px; } .comment-button{ margin: 4px 0 10px; } .trackback{ } #trackback-top, #trackback-header{ padding: 3px; margin-bottom: 6px; text-align: left; color: #000; background: #ebebeb; border: solid 1px #000; } .trackback-more{ text-align: right; } .comment-form2{ margin: 0 auto; line-height: 150%; word-break: break-all; } /*     コメント・トラックバック     */ /*     カレンダー     */ .calendarbox{ width: 146px; text-align: center; color: #000; font-size: 11px; background: #f6f6f6; border: solid 1px #ebebeb; } .calendar{ width: 100%; border-collapse: collapse; font-size: 11px; } .calendarmy{ border: solid 1px #ebebeb; } .calendar caption{ margin-bottom: 5px; background: #ebebeb; } .calendar th{ padding: 0.1em; text-align: center; border-bottom: solid 1px #ebebeb; } .calendar td{ padding: 0.1em; text-align: center; border-bottom: solid 1px #ebebeb; } .calendar td a{ display: block; color: #1785e5; background: #fff; border: solid 1px #ebebeb; } .sun{ color: #e51717; } .sat{ color: #1785e5; } /*     カレンダー     */ /*     左ボックス     */ .lefttitle{ padding: 3px; margin-bottom: 6px; text-align: center; color: #000; line-height: 125%; background: #ebebeb; border: solid 1px #000; } .leftmain{ padding: 3px; margin-bottom: 10px; text-align: left; color: #000; line-height: 150%; background: #f6f6f6; border: solid 1px #ebebeb; } .leftiframe{ margin-bottom: 10px; text-align: left; color: #000; line-height: 150%; background: #f6f6f6; } .leftp{ margin-bottom: 10px; } .leftcalendar{ margin-right: auto; margin-left: auto; margin-bottom: 10px; } /*     左ボックス     */ /*     右ボックス     */ .righttitle{ padding: 3px; margin-bottom: 6px; text-align: center; color: #000; line-height: 125%; background: #ebebeb; border: solid 1px #000; } .rightmain{ padding: 3px; margin-bottom: 10px; text-align: left; color: #000; line-height: 150%; background: #f6f6f6; border: solid 1px #ebebeb; } .rightiframe{ margin-bottom: 10px; text-align: left; color: #000; line-height: 150%; background: #f6f6f6; } .rightmargin{ margin-bottom: 10px; } /*     右ボックス     */ /*    下部エリア広告    */ #bottombox{ width: 900px; margin: 10px auto 20px; border: solid 1px #000; background: #fff; } #bottomtitle{ padding: 3px; text-align: center; color: #000; background: #ebebeb; border-bottom: solid 1px #000; } .bottomcontent{ padding: 3px; margin: 0 auto; text-align: center; color: #000; line-height: 150%; } /* テーブルをセンタリングする場合に .bottomcontent table{ margin: 0 auto; } */ /*    下部エリア広告    */ /*     フッター     */ #footer{ width: 100%; margin-top: 18px; background: #ebebeb; } #footer-box{ text-align:center; line-height: 125%; color: #000; border-top: solid 1px #ebebeb; } /*     フッター     */ /*     文字装飾     */ .tubered{ color: #e51717; } .tubeblue{ color: #1785e5; } .tubespan1{ color: #000; background: #ffb2d4; } .tubemargin1{ margin-top: 10px; } .mainindent{ text-indent: 12px; } /*     文字装飾     */