/* 基本レイアウト */
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;
}