/* 基本レイアウト */ html { margin: 0; padding: 0; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } /* 見出し */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; } /* リンク色(ページ全体) */ a { color: #0000FF; text-decoration: underline; } a:hover { color: #a3b8cc; } /* リンク色(サイトタイトル) */ #banner a { color: #fff; text-decoration: none; } #banner a:hover { color: #fff; } /* リンク色(サイドメニュー) */ .module-content a { color: #36414d; } .module-content a:hover { color: #a3b8cc; } /* 表示補助 */ .clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; } .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /* ページレイアウト */ body { min-width: 730px; text-align: center; /* center on ie */ font-family: 'trebuchet ms', verdana, helvetica, arial, "MSPゴシック","osaka", sans-serif; margin: 0px; padding: 0; font-size: 0.8em; color: #333; background: url(./img/burokku3.gif); line-height: 1.5; } #container { position: relative; width: 730px; margin: 0 auto; text-align: left; background: #fff; } #container-inner { position: static; width: auto; border-width: 1px; border-style: solid; border-color: #666; } /* ヘッダー(レイアウト) */ #banner { position: relative; width: 728px; /* necessary for ie win */ height: 180px; background: url(img/chiebukuro.jpg) no-repeat; } #banner-inner { position: static; height: 100%; } /* ヘッダー(サイトタイトル) */ #banner-header a { margin: 0; color: #fff; font-size: 2em; font-weight: bold; line-height: 1.25; position:absolute; top:0px; left:0px; text-indent: -9999px; } /* ヘッダー(検索ボックス) */ #banner-search { position:absolute; bottom:5px; right:10px; } /* ヘッダーその他(変更不要) */ #banner-description { display: none; } /* メインコンテンツ全体 基本レイアウト*/ #pagebody { position: relative; width: 100%; text-align: center; } #pagebody-inner { position: static; width: 100%; text-align: left; } #alpha { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; } #beta { display: inline; /* ie win bugfix */ position: relative; float: right; min-height: 1px; } #alpha-inner, #beta-inner { position: static; } /* メインコンテンツ基本レイアウト(記事部分) */ #alpha { width: 528px; } #alpha-inner { padding: 10px; } /* メインコンテンツ基本レイアウト(サイドメニュー) */ #beta { width: 200px; background: #FAF0E6; } #beta-inner{ padding: 10px; } /* 記事部分レイアウト */ /* 記事部分見出し */ .trackbacks-header, .comments-header, .comments-open-header, .archive-header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 5px 0; border-left: 5px solid #36414d; padding: 3px 0 3px 8px; color: #fff; background: #FFC0CB; font-size: 1em; font-weight: bold; line-height: 1.5; clear: both; } .module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, .comments-header a, .comments-header a:hover, .comments-open-header a, .comments-open-header a:hover .archive-header a, .archive-header a:hover { color: #fff; } /* 記事部分コンテンツ */ .date-header, .entry-content { position: static; clear: both; } .entry, .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; } .entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed, .entry-excerpt, .entry-body, .entry-more-link, .entry-more { clear: both; } .entry-body,.entry-more { margin: 10px 0; } .entry-more-link{ text-align: right; } .comments-open-footer, .archive-content { clear: both; margin: 5px 10px 20px 10px; } .comments-open label { display: block; } #comment-author, #comment-email, #comment-url, #comment-text { width: 240px; } #comment-bake-cookie { margin-left: 0; vertical-align: middle; } .comments-open-header { clear: both; } #comment-post { font-weight: bold; } .date-header { margin: 5px 0; font-size: 12px; font-weight: bold; text-transform: uppercase; } .entry-header { margin-top: 10px; border-left: 5px solid #dae0e6; padding: 0 0 0 10px; color: #666; font-size: 14px; font-weight: bold; } .entry-header a { text-decoration: none; } .entry-content, .comment-content, .trackback-content { margin: 0; line-height: 1.5; } .entry-footer, .comment-footer, .trackback-footer { margin: 5px 10px 0 0; border-top: 1px dotted #dae0e6; padding: 5px 0; color: #666; font-size: 10px; text-align: right; } .comment-content, .trackback-content, .comment-footer, .trackback-footer { margin-left: 10px; } .content-nav { background: #ffffff; margin: 5px 0; text-align: center; } .content-nav-bread { position: relative; background: #ffffff; margin: 5px 0; text-align: left; } #trackbacks-info { margin: 10px 0; border: 1px dashed #a3b8cc; padding: 0 10px; color: #292e33; font-size: 11px; text-align: center; background: #e6ecf2; } .comments-open-footer { margin: 10px 0; } .gotop { text-align: right; clear: both;} .img { float: left; margin-right: 5px; text-align: center; } /* フッター */ #footer { position: relative; width: 728px; height: 58px; background: #FAF0E6; } #footer-inner { line-height: 58px; font-size: 0.8em; text-align: center; color: #666; } #footer-inner a { color: #666; text-decoration: none; } #footer-inner a:hover { color: #fff; text-decoration: none; } .footer-navi { width: 728px; background: #dae0e6; font-size: 0.8em; text-align: center; line-height: 20px; clear: both; } /* サイドメニュー内部 */ .module-header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; border-left: 5px solid #36414d; padding: 5px; color: #fff; background: #FFC0CB; line-height: 1.25; margin: 0px; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } .module { position: relative; overflow: hidden; margin: 0px; padding-bottom: 5px; background: #FFFFFF; } .module-content { position: relative; margin: 0; padding: 0; } .module-content p { padding: 0 5px; } .module-list { margin: 0; padding: 0; list-style : none ; } .archive-list { margin: 0; padding: 0; list-style: none; } .module-list-item a { width: 178px; background: #FFFFFF; text-indent: 15px; display: block; font-size: 0.8em; line-height: 1.25; margin: 1.2; padding: 10px 0; letter-spacing: 0.1em; border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; text-decoration: none; } .module-list-item a:hover { background-color: #36414d; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; } /* その他 */ .entry-tags { margin: 15px 0; clear: both;} .entry-tags ul { padding-left: 10px; margin:10px 0px; list-style : disc; } .entry-tags li { float: left; padding-left: 15px; display: block; } .mt-search-results .search-results-header { border: 2px solid #669; background-color: #36414d; color: #eee; padding: 5px; margin: 0px; font-size: 16px; } .mt-search-results .search-results-container { margin-left:10px; } .mt-search-results form#search-form { width: 400px; margin: 0px auto 0px auto; } .mt-search-results form#search-form input#search { width: 80%; } .mt-search-results form#search-form p#search-options { text-align:center; } .main-index .date-header { display: none; } form textarea#comment-text { width:400px; } .module-welcome p { font-size: 12px; } .module-content p.first { margin-top:0px; } .master-archive-index #archive-title, .individual-entry-archive #archive-title, .date-based-archive #archive-title, .category-archive #archive-title { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 0; border-left: 10px solid #a3b8cc; padding: 5px; font-size: 16px; color: #fff; background: #36414d; } #banner-header a { width: 728px; height: 180px; background: url(img/chiebukuro.jpg) no-repeat ; position:absolute; top:0px; left:0px; display: block; text-indent: -9999px; margin: 0; padding: 0; }