/*------------------------------------- ▼▼ 基本 -------------------------------------*/ html { margin: 0; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0; } body { margin: 0; padding: 0; background:#D8E3E5; color: #666; font-size: 12px; font-family: arial, helvetica, sans-serif; line-height:160%; text-align:center; } form, input { margin: 0; padding: 0; } /*------------------------------------- ▼▼ リンク -------------------------------------*/ a { color:#6892de; } a:hover { text-decoration:none; color:#ccc; } a img { border: 0; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } /*------------------------------------- ▼▼ 外枠 -------------------------------------*/ #container { width:800px; margin:auto; padding:0 auto; border-top:5px solid #3097E1; background:#fff; text-align:left; } /*------------------------------------- ▼▼ ヘッダー部分 -------------------------------------*/ #banner { width:800px; background:url(img/banner_bg.jpg) center center no-repeat; height:100px; border-top:1px solid #fff; border-bottom:2px solid #3097E1; } #banner-inner { padding:40px 0 0 20px; } #banner h1 { font-size:18px; font-weight:bold; letter-spacing:2px; } #banner h1 a { text-decoration:none; color:#fff; } #banner h1 a:hover { color:#ccc; } /*------------------------------------- ▼▼ トップナビ -------------------------------------*/ .topnavi { width:445px; margin:10px 0; float:left; } .topnavi ul { list-style-type:none; padding:0 10px 5px 0px; margin:0; } .topnavi ul li { float:left; margin:5px 5px 5px 3px; padding:1px 10px 1px 10px; border-left:3px solid #6892de; background:#EEF1F1; } .topnavi ul li a { text-decoration:none; } .topnavi ul li a:hover { color:#E60012; } /*------------------------------------- ▼▼ メイン -------------------------------------*/ #wrap { width:800px; float:left; } #leftbox { float:left; width:630px; background:#fff; } #main { float:right; width:460px; background:#fff; } #main-inner { margin-left:15px; background:#fff; } /*------------------------------------- ▼▼ メイン【アドセンス】 -------------------------------------*/ .ad { margin:0; padding:0 0 0 30px; } /*------------------------------------- ▼▼ メイン【サイト説明】 -------------------------------------*/ #main_des { clear:both; margin-left:5px; margin-top:10px; width:440px; } #des_inner { width:430px; } #des_inner h2 { font-size:12px; letter-spacing:1px; color:#2475aa; margin-bottom:10px; padding:3px 10px; border-bottom:3px double #ECBF09; } #des_inner p { line-height:200%; padding:0 20px; } /*------------------------------------- ▼▼ メイン部分【一覧部分】 -------------------------------------*/ #box { width:430px; margin:30px 5px; background:#fff; } .box_h2 { font-size:12px; color:#2475aa; background:#fff; margin-top:10px; margin-bottom:10px; padding:3px 10px; border-bottom:3px double #ECBF09; text-align:left; } .box_h3 { background:#EEF1F1; color:#666; font-size:10px; letter-spacing:1px; margin:10px 10px 0 10px; padding:2px; text-align:left; } .box_h3 a { font-size:12px; text-decoration:none; } .box_p { padding:2px 0 0px 20px; margin:5px 10px 0 20px; text-align:left; } .box_entry p { margin:20px 20px 40px 20px; text-align:left; } .entry_box { width:430px; margin-left:5px; margin-top:0px; padding-top:0; } /*------------------------------------- ▼▼ メイン部分【エントリーページ・関連エントリー】 -------------------------------------*/ #entry-with { width:400px; margin-left:15px; margin-bottom:30px; padding:5px; border:1px solid #ccc; } #entry-with h3 { background:#EEF1F1; font-size:12px; color:#2475aa; padding:3px 5px; } #entry-with ul { color:#ECBF09; list-style-type:square; margin:0; padding:0 30px; } #entry-with ul li { margin:3px 0; } /*------------------------------------- ▼▼ メイン部分【ページトップ】 -------------------------------------*/ .gotop { margin:20px 5px; text-align:right; } /*------------------------------------- ▼▼ メイン部分【パンくずリスト】 -------------------------------------*/ .pan { margin-top:15px; margin-left:5px; } /*------------------------------------- ▼▼ サイド部分 -------------------------------------*/ #side { float:left; width:159px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } #side-r { float:right; width:159px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; } #side-inner { margin:15px 5px; } #side a { text-decoration:none; } #side a:hover { color:#ECBF09; } /*------------------------------------- ▼▼ カテゴリ部分 -------------------------------------*/ .category { margin-top:0px; } .category-inner { background:#EEF1F1; margin:0; padding:0; } .category h2 { background:#fff; font-size:12px; color:#2475aa; padding-top:15px; padding-left:5px; border-bottom:1px solid #ccc; } .category ul ,.category-navi ul { margin:0; padding:0; list-style-type:none; } .category ul li ,.category-navi ul li { border-bottom:1px solid #ccc; } .category ul li a ,.category-navi ul li a { display:block; padding:5px; border-left:3px solid #6892de; } .category ul li a:hover ,.category-navi ul li a:hover { background:#fff; text-decoration:none; } .category-inner ul li span { font-size:10px; padding-left:5px; } .category-inner-s { background:#EEF1F1; padding:10px; border-bottom:1px solid #ccc; } /*------------------------------------- ▼▼ サイド部分【アドセンス】 -------------------------------------*/ .ad2 { background:#EEF1F1; margin:0; padding:10px 0 10px 10px; border-bottom:1px solid #ccc; } /*------------------------------------- ▼▼ フッター部分 -------------------------------------*/ #footer { clear:both; width:800px; height:40px; background:#EEF1F1; border-top:3px double #ccc; border-bottom:2px solid #3097E1; text-align:center; } #footer-inner { padding-top:10px; } #footer a { color:#666; text-decoration:none; } /*------------------------------------- ▼▼ カテゴリページ -------------------------------------*/ .category-navi { background:#fff; padding-top:10px; } .topbox_entry { text-align:left; } .cate_exc { padding:10px 20px; } .cate_exc p { margin:0; } /*------------------------------------- ▼▼ エントリーページ【コメント・トラックバック】 -------------------------------------*/ .trackbacks { margin-top:20px; } .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 400px; margin:10px 10px 10px 0px; } .trackbacks-header, .comments-header, .comments-open-header, .archive-header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 400px; w\idth: auto; margin: 0; border-bottom:3px double #ccc; padding: 5px 5px 5px 10px; color:#2475aa; background:#fff; font-size: 11px; font-weight: bold; line-height: 1; text-transform: uppercase; } .trackbacks { margin-top:20px; margin-left:20px; } .entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed { clear: both; margin: 5px 0px; } .entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content { clear: both; margin: 5px 10px 20px 10px; } .entry, .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 400px; margin-bottom: 20px; margin-left:20px; } #comment-author, #comment-email, #comment-url, #comment-text { width: 240px; } #comment-bake-cookie { margin-left: 0; vertical-align: middle; } .comments-open label { display: block; }