/* 基本レイアウト */
html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }
/* リンク色（ページ全体） */
a { color: #339900; text-decoration: underline; }
a:hover { color: #ffcc00; }
/* リンク色（ヘッダー） */
#banner a { color: #ffffff; text-decoration: none; }
#banner a:hover { color: #ffffff; }
/* リンク色（サイドメニュー） */
.module-content a { color: #fff; }
.module-content a:hover { color: #ff9900; }
/* 見出し */
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: 740px;
margin: 0;
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 13px;
text-align: center;
color: #000;
background: #b3dde1;
line-height: 1.5;
}
#container
{
position: relative;
margin: 0 auto;
text-align: center;
width: 730px;
}
#container-inner
{
position: static;
width: auto;
}
/* ヘッダー（レイアウト） */
#banner
{
position: relative;
width: 730px; /* necessary for ie win */
height: 245px;
background: url(img/top.jpg) no-repeat;
}
#banner-inner
{
position: static;
height: 100%;
}
/* ヘッダー（サイトタイトル） */
#banner-header
{
margin: 0;
color: #ffffff;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
position:absolute; top:0px; left:10px;
}
/* ヘッダー（検索ボックス） */
#banner-search
{
position:absolute; top:50px; right:10px;
color: #fff;
}
/* ヘッダー（サイト説明） */
#banner-description
{
display: none;
}
/* メインコンテンツ全体 基本レイアウト*/
#pagebody
{
position: relative;
width: 730px;
margin: 0 auto;
text-align: center;
background: url(img/bbg.gif) ;
}
#pagebody-inner
{
position: static;
text-align: left;
}
#alpha
{
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
}
#beta
{
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}
#alpha-inner, #beta-inner
{
position: static;
}
/* メインコンテンツ基本レイアウト（記事部分） */
#alpha {
margin: 5px;
width: 510px;
background: #fff;
}
#alpha-inner {
padding: 5px;
}
#alpha-inner a {
color: #0000ff;
}
/* メインコンテンツ基本レイアウト（サイドメニュー） */
#beta
{
width: 200px;
}
#beta-inner
{
width: 200px;
}
/* 記事部分コンテンツ */
.archive-header
{
position: relative;
width: auto;
height: 40px;
margin: 0;
padding-left: 45px;
padding-top: 10px;
color: #336699;
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: #333;
font-size: 12px;
font-weight: bold;
}
.entry-content { position: static; clear: both; color: #000; width: 100%; }
.entry,
.entry-more {
width: 100%;
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 #666666;
color: #999999;
}
.gotop { text-align: right; clear: both;}
.content-nav { background: #fff; }
.content-nav-bread{ background: #fff; }
/* 物販型ピックアップ部分 */
.pickup
{
width: auto;
height: 190px;
margin: 5px 0;
padding: 5px;
color: #666;
border: 1px solid #e80000;
line-height: 1.5;
}
.pickup1
{
width: 47%;
height: 190px;
margin: 5px 0;
padding: 5px;
color: #666;
line-height: 1.5;
float: left;
}
.pickup2
{
width: 47%;
height: 190px;
margin: 5px 0;
padding: 5px;
color: #666;
line-height: 1.5;
float: right;
}
/* トラックバック関連 */
#trackbacks-info
{
margin: 10px 0;
border: 1px dashed #666666;
padding: 0 10px;
color: #999999;
font-size: 11px;
text-align: center;
}
.trackbacks-header,
.trackback-content { margin: 0; line-height: 1.5; }
.trackback-footer
{
margin: 0 0 10px 0;
border-top: 1px solid #666666;
padding-top: 3px;
color: #999999;
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,
.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: 730px; /* necessary for ie win */
height: 90px;
position: relative;
background: url(img/footer.jpg) no-repeat;
}
#footer-inner
{
font-size: 10px;
text-align: center;
color: #666;
position:absolute; top:45px; left:110px;
}
.footer-navi
{
font-size: 10px;
text-align: center;
line-height: 20px;
clear: both;
background: url(img/bbg.gif) ;
color: #666;
}
.footer-navi a { color: #339900; }
.footer-navi a:hover { color: #ffcc00; }
/* サイドメニュー内部 */
.module-header
{
position: relative;
width: auto;
margin: 10px 0 5px 0;
padding: 3px;
color: #fff;
background: #32a7d4;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-align: left;
}
.module
{
position: relative;
overflow: hidden;
padding: 10px;
margin-bottom: 5px;
}
.module-content
{
position: relative;
margin-top: 5px;
padding: 0;
color: #666;
}
.module-list
{
margin: 0;
padding: 0;
list-style: none;
}
.module-list-item a
{
width: 178px;
height: auto;
background-color: #e3f4f1;
text-indent: 5px;
display: block;
font-size: 12px;
line-height: 30px;
margin: 2px 0;
letter-spacing: 0.1em;
border: 1px solid #6699cc;
text-decoration: none;
color: #0000ff;
}
.module-list-item a:hover
{
background-color: #6da718;
border: 1px solid #fff;
color: #fff;
}
/* 物販型ピックアップ部分 */
.pickup
{
width: auto;
height: 190px;
margin: 5px 0;
padding: 5px;
color: #666;
border: 1px solid #99cc00;
line-height: 1.5;
}
.pickup1
{
width: 47%;
height: 190px;
margin: 5px 0;
padding: 5px;
color: #666;
line-height: 1.5;
float: left;
}
.pickup2
{
width: 47%;
height: 190px;
margin: 5px 0;
padding: 5px;
color: #666;
line-height: 1.5;
float: right;
}
/* 表示補助 */
.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
}
/* オリジナル追加分 */
#footer-inner a {
color: #666;
text-decoration:none;
}
.red {color: red; }
.red-bold {color: red; font-weight: bold; }
.red-large {color: red; font-weight: bold; font-size: 16px; }
.blue {color: blue; font-weight: normal }
.blue-bold {color: blue; font-weight: bold }
.blue-large {color: blue; font-weight: bold; font-size: 14px }
.orange {color: orange; font-weight: normal}
.orange-bold {color: orange; font-weight: bold}
.orange-large {color: orange; font-weight: bold; font-size: 14px}
.yellow {background-color: yellow; font-weight: normal}
.black-bold {color: black; font-weight: bold}
.black-large {color: black; font-weight: bold; font-size: 15px}
.back-yellow {
background-color: yellow;
font-weight: normal; color: #333333;
font-size: 14px;
font-family:"HG創英角ｺﾞｼｯｸUB";
}
.black-yellow {
background-color: yellow;
font-weight: bold;
color: #333333;
font-size: 16px;
font-family:"HG創英角ｺﾞｼｯｸUB";
}
div.affi-line {
border-width: 1px;
border-color: orange;
border-style: solid;
margin:20px 0px 40px 0px;
padding:5px;
}
.pr {
font-size: 10px;
text-align: center;
}
div.waku-lightblue {
border:solid 1px #0000FF;
background-color: #C3D9FF;
padding:10px;
margin: 20px 0;
}
div.waku-yellow {
border:solid 3px #FFFF66;
background-color: #FFFFCC;
padding:10px;
margin: 20px 0;
}
div.waku-pink {
border:solid 3px #FF6FCF;
background-color: #F8D8ED;
padding:10px;
margin: 20px 0;
}
div.waku-gray {
border:solid 2px #7F7F7F;
padding:10px;
margin: 20px 0;
}
div.waku-clear {
margin-top: 80px;
}
.right-img {
float:right;
margin-left:10px;
margin-bottom:10px;
}
.left-img {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.tk1 a {
display: block;
height: 112px;
width: 190px;
margin: 0 auto 5px;
background: url(img/s-1a.jpg) no-repeat;
text-decoration: none;
}
.tk1 a:hover {
display: block;
height: 112px;
width: 190px;
background: url(img/s-1b.jpg) no-repeat;
}
.tk1 a span {
display: none;
}
.tk1 { text-align: center; }
.tk2 a {
display: block;
height: 112px;
width: 190px;
margin: 0 auto 5px;
background: url(img/s-2a.jpg) no-repeat;
text-decoration: none;
}
.tk2 a:hover {
display: block;
height: 112px;
width: 190px;
background: url(img/s-2b.jpg) no-repeat;
}
.tk2 a span {
display: none;
}
.tk2 { text-align: center; }