/* 基本レイアウト */
html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }
/* リンク色（ページ全体） */
a { color: #ff6666; text-decoration: underline; }
a:hover { color: #ff3333; }
/* リンク色（ヘッダー） */
#banner a { color: #ff6666; text-decoration: none; }
#banner a:hover { color: #ff6666; }
/* リンク色（サイドメニュー） */
.module-content a { color: #ff6666; }
.module-content a:hover { color: #ff3333; }
/* 見出し */
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;
}
/* ページレイアウト */
body
{
min-width: 750px;
margin: 0;
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
text-align: center;
color: #666;
background: #cccc66 ;
line-height: 1.5;
}
#container
{
position: relative;
margin: 0 auto;
text-align: left;
width: 750px;
}
#container-inner
{
position: static;
width: auto;
background: #fff ;
}
/* ヘッダー（レイアウト） */
#banner
{
position: relative;
width: 750px; /* necessary for ie win */
height: 300px;
}
#banner-inner
{
position: static;
width: 750px;
height: 300px;
background: url(img/top.jpg) no-repeat;
}
/* ヘッダー（サイトタイトル） */
#banner-header
{
margin: 0;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
position:absolute; top:25px; left:30px;
}
/* ヘッダー（検索ボックス） */
#banner-search
{
position:absolute; bottom:10px; left:230px;
color: #666;
}
/* ヘッダー（サイト説明） */
.banner-des
{
position:absolute; top:60px; left:20px;
width: 500px;
font-size: 12px;
font-weight: nomal;
color: #fff;
}
#banner-description
{
display: none;
}
/* メインコンテンツ全体 基本レイアウト*/
#pagebody
{
position: relative;
width: 100%;
text-align: center;
background: url(img/bbg.gif);
}
#pagebody-inner
{
position: static;
width: 730px;
padding: 10px 0;
margin: 0 auto;
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 {
margin: 0 10px 10px;
width: 510px;
}
#alpha-inner {
padding: 10px;
}
/* メインコンテンツ基本レイアウト（サイドメニュー） */
#beta {
width: 200px;
}
#beta-inner { padding: 0 5px; }
/* 記事部分コンテンツ */
.archive-header
{
position: relative;
width: auto;
height: 30px;
margin: 0;
padding-left: 35px;
padding-top: 5px;
color: #666;
background: url(img/ah.gif) no-repeat;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.img { float: left; margin: 5px 5px 5px 0; }
.entry-header
{
margin-top: 10px;
padding: 0 0 0 5px;
color: #666;
font-size: 14px;
font-weight: bold;
}
.entry-content { position: static; clear: both; }
.entry,
.entry-more { clear: both; }
.entry-body { width: 100%; }
.entry-footer{
margin: 5px 10px 0 0;
padding: 5px 0;
text-align: right;
font-size: 10px;
border-top: 1px dotted #666;
color: #999;
}
.gotop { text-align: right; clear: both;}
/* トラックバック関連 */
#trackbacks-info
{
margin: 10px 0;
border: 1px dashed #666;
padding: 0 10px;
color: #999;
font-size: 11px;
text-align: center;
}
.trackbacks-header
{
position: relative;
width: auto;
height: 30px;
margin: 0;
padding-left: 35px;
padding-top: 10px;
color: #666;
background: url(img/ah.gif) no-repeat;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.trackback-content { margin: 0; line-height: 1.5; }
.trackback-footer
{
margin: 0 0 10px 0;
border-top: 1px solid #dae0e6;
padding-top: 3px;
color: #666;
font-size: 10px;
text-align: right;
}
/* コメント関連 */
#comment-author, #comment-email, #comment-url, #comment-text
{
width: 240px;
}
#comment-bake-cookie { margin-left: 0; vertical-align: middle; }
#comment-post { font-weight: bold; }
.comments-header,.comments-open-header
{
position: relative;
width: auto;
height: 30px;
margin: 0;
padding-left: 35px;
padding-top: 10px;
color: #666;
background: url(img/ah.gif) no-repeat;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.comment-content,
.comment-footer,
.comments-open-footer { margin: 10px 0; }
.comments-open-content,
.comments-closed { clear: both; margin: 5px 10px; }
.comments-open label { display: block; }
/* フッター */
#footer
{
width: 750px; /* necessary for ie win */
height: 80px;
background: url(img/footer.jpg) no-repeat;
position: relative;
}
#footer-inner
{
font-size: 10px;
color: #666666;
position:absolute; top:30px; right:30px;
}
.footer-navi
{
background: url(img/bbg.gif);
font-size: 10px;
text-align: center;
line-height: 23px;
clear: both;
color: #666666;
}
.footer-navi a
{
color: #FF6666;
}
/* サイドメニュー内部 */
.module-header
{
position: relative;
width: auto;
height: 16px;
margin: 0 0 10px 0;
padding: 0;
color: #fff;
background: #ffcc00;
font-size: 12px;
font-weight: nomal;
line-height: 16px;
text-transform: uppercase;
text-align: center;
}
.module
{
position: relative;
overflow: hidden;
width: 180px;
margin: 0 5px;
padding: 0;
}
.module-content
{
position: relative;
margin: 10px 0;
padding: 0;
color: #999;
}
.module-list
{
margin: 0;
padding: 0;
list-style: none;
}
.module-list-item a
{
width: 178px;
background-color: #fff;
text-indent: 5px;
display: block;
font-size: 12px;
padding: 5px 0;
margin: 2px 0;
letter-spacing: 0.1em;
border: 1px solid #ccc;
text-decoration: none;
color: #ff6666;
}
.module-list-item a:hover
{
background: #ff6666;
border: 1px solid #ccc;
color: #fff;
}
/* 物販用おすすめ・ピックアップ部分 */
.pickup
{
width: auto;
margin: 5px 0;
padding: 5px;
color: #333;
border: 1px solid #ffcc00;
line-height: 1.5;
}
.pickup1
{
width: 47%;
height: 190px;
margin: 5px 0;
padding: 5px;
color: #333;
line-height: 1.5;
float: left;
}
.pickup2
{
width: 47%;
height: 190px;
margin: 5px 0;
padding: 5px;
color: #333;
line-height: 1.5;
float: right;
}
/* 表示補助 */
.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
}