/*------------------------------------- ▼▼ 基本 -------------------------------------*/ html { margin: 0; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0; } body { margin: 0; padding: 0; background:#fff url(img/bg.gif) repeat; text-align: center; color: #666666; font-size: 12px; font-family: "MS Pゴシック", Osaka, arial, helvetica, sans-serif; line-height:160%; } form, input { margin: 0; padding: 0; } /*------------------------------------- ▼▼ リンク -------------------------------------*/ a { color: #336600; } a:hover { text-decoration:none; color: #FF9900; } a img { border: 0; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } /*------------------------------------- ▼▼ 外枠 -------------------------------------*/ #container { width:760px; margin:auto; padding:auto; border:1px solid #999999; text-align:left; background-color: #ffffff; } /*------------------------------------- ▼▼ ヘッダー部分 -------------------------------------*/ #banner { width:760px; background:url(img/banner_bg.jpg) center center no-repeat; height:210px; } #banner-inner { padding:36px 0 10px 25px; } #banner h1 { font-size:18px; font-weight:bold; letter-spacing:2px; } #banner h1 a { text-decoration:none; color:#fff; } #banner h1 a:hover { color:#fff; text-decoration: underline; } /*------------------------------------- ▼▼ メイン -------------------------------------*/ #wrap { width:760px; background:url(img/wrap_bg.gif) repeat-y; float:left; } #main { float:right; width:560px; } #main-inner { margin:15px; } /*------------------------------------- ▼▼ メイン【サイト説明】 -------------------------------------*/ #main_des { margin:0 20px 10px 20px; width:490px; } #des_inner { float:left; } #des_inner h2 { font-size:14px; letter-spacing:1px; color:#000000; margin-bottom:10px; margin-top:20px; } #des_inner p { line-height:170%; } /*------------------------------------- ▼▼ メイン部分【一覧部分】 -------------------------------------*/ #box ,.entry_box { width:490px; margin:15px 20px; } .box_h2 { background:url(img/main_title.gif) left top no-repeat; height:40px; padding:9px 0 0 40px; font-size:14px; color:#000000; } .box_h3 { font-size:12px; letter-spacing:1px; margin:5px 5px 8px 5px; } .box_p { background:url(img/mark.gif) left center no-repeat; padding:2px 0 2px 20px; margin-left:20px; margin-top:2px; } .box_entry p { margin:10px 10px 20px 10px; } /*------------------------------------- ▼▼ メイン【アドセンス】 -------------------------------------*/ .ad { clear:both; margin:0; padding:0 0 0 20px; } /*------------------------------------- ▼▼ メイン部分【エントリーページ・関連エントリー】 -------------------------------------*/ #entry-with { width:490px; margin-left:20px; } #entry-with h3 { background:url(img/listmark.gif) #fff left center no-repeat; padding: 5px 5px 2px 10px; border-bottom: 1px solid #333333; color: #666; font-size: 11px; font-weight: bold; line-height: 1; text-transform: uppercase; margin-bottom:10px; } #entry-with img { margin-right:10px; margin-left:10px; } /*------------------------------------- ▼▼ メイン部分【ページトップ】 -------------------------------------*/ .gotop { text-align:right; margin-top:10px; } /*------------------------------------- ▼▼ サイド部分 -------------------------------------*/ #side { float:left; width:200px; } #side-inner { margin:15p 5px; } #side a { text-decoration:none; } #side a:hover { text-decoration:underline; } /*------------------------------------- ▼▼ カテゴリ部分 -------------------------------------*/ .category { } .category-inner { margin:5px 5px 5px 10px; padding:5px; border-bottom:1px dotted #ccc; } .category h2 { padding-top:5px; padding-left:10px; font-size:12px; color:#000000; margin-left:5px; margin-top:5px; } .category ul ,.category-navi ul { margin:0; padding:0; list-style-type:none; } .category ul li ,.category-navi ul li { padding:3px 5px 3px 12px; background:url(img/listmark.gif) left 7px no-repeat; } .category-inner ul li span { font-size:10px; } .category-navi { } /*------------------------------------- ▼▼ サイド部分【アドセンス】 -------------------------------------*/ .ad2 { margin:10px; padding-left:20px; border-bottom:1px dotted #ccc; } /*------------------------------------- ▼▼ フッター部分 -------------------------------------*/ #footer { clear:both; width:760px; background:url(img/footer.jpg) center center no-repeat; height:45px; text-align:center; color:#FFFFFF; font-size: 10px; } #footer-inner { padding-top:15px; } #footer a { text-decoration:none; color:#FFFFFF; } /*------------------------------------- ▼▼ カテゴリページ -------------------------------------*/ #cate_des { text-align:center; margin:0 20px 10px 20px; width:490px; } #catedes_inner { text-align:left; margin-left:auto; margin-right:auto; } #catedes_inner h2 { font-size:14px; letter-spacing:1px; color:#000000; margin-bottom:10px; margin-top:20px; } #catedes_inner p { line-height:170%; } .cate_exc { padding:2px 0 2px 15px; padding-left:20px; margin-top:2px; border-bottom:1px dotted #ccc; } .cate_exc p { margin:0; } /*------------------------------------- ▼▼ エントリーページ【コメント・トラックバック】 -------------------------------------*/ .trackbacks { margin-top:20px; } .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 490px; margin:10px 10px 10px 20px; } .trackbacks-header, .comments-header, .comments-open-header, .archive-header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 490px; w\idth: auto; margin: 0; background:url(img/listmark.gif) #fff left center no-repeat; padding: 5px 5px 2px 10px; border-bottom: 1px solid #333333; color: #666; font-size: 11px; font-weight: bold; line-height: 1; text-transform: uppercase; } .trackbacks { margin-top:20px; } .entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed { clear: both; margin: 5px 10px; } .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: 460px; margin-bottom: 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; }