/* 基本レイアウト */

html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }


/* リンク色（ページ全体） */

a { color: #3366ff; text-decoration: underline; }
A:active{ color:#ff0000; }
A:visited { color:#800080 }
a:hover { color: #66cc33; }


/* リンク色（ヘッダー） */

#banner a { color: #ffe4c4; text-decoration: none; }
#banner a:hover { color: #66cc33; }


/* リンク色（サイドメニュー） */

.module-content a { color: #3366cc; }
.module-content a:hover { color: #66cc33; }


/* 見出し */

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: #000;
   background: #ffefd5 ;
   line-height:1.5;
}


#container
{
   position: relative;
   margin: 0 auto; 
   text-align: left;
   width: 750px;
   background: #ffefd5 ;
}

#container-inner
{
   position: static;
   width: auto;
   background: #ffefd5 ;
}


/* ヘッダー（レイアウト） */

#banner
{
   position: relative;
   width: 750px; /* necessary for ie win */
   height: 220px;
   background: url(img/top.jpg)  no-repeat;
}

#banner-inner
{
   position: static;
   height: 220px;
}


/* ヘッダー（サイトタイトル） */

#banner-header
{
   margin: 0;
   color: #fff;
   font-size: 26px;
   font-weight: bold;
   line-height: 1.5;
   position:absolute; top:15px; left:25px;
}


/* ヘッダー（検索ボックス） */


#banner-search

{
   position:absolute; bottom:30px; left:200px;
   color: #fff;
}

/* ヘッダー（サイト説明） */

.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; 
   margin: 0 auto; 
   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: 0 10px 10px 10px; 
   width: 510px; 
}

#alpha-inner { 
   padding: 10px;
   border: 1px solid #ccc;
}



/* メインコンテンツ基本レイアウト（サイドメニュー） */


#beta {
   width: 200px;
}

#beta-inner { padding: 0 5px; }



/* 記事部分コンテンツ */


.archive-header

{
   position: relative;
   width: auto;
   height: 40px;
   margin: 0;
   padding-left: 55px;
   padding-top: 10px;
   color: #ff1493;
   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 0px;
   color: #a9a9a9;
   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: #ccc;

   font-size: 11px;

   text-align: center;

}

.trackbacks-header

{

   position: relative;

   width: auto;

   height: 40px;

   margin: 0;

   padding-left: 55px;

   padding-top: 10px;

   color: #ccc;

   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: 40px;

   margin: 0;

   padding-left: 55px;

   padding-top: 10px;

   color: #ccc;

   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: 9px;

   color: #fff;

   position:absolute; top:40px; right:35px;

}



.footer-navi

{ 

   background: url(img/bbg.gif);

   font-size: 10px;

   text-align: center;

   line-height: 23px;
   clear: both;
   color: #666;
}


/* サイドメニュー内部 */


.module-header

{
   position: relative;
   width: auto;
   height: 22px;
   margin: 0 0 10px 0;
   padding: 0;
   color: #fff;
   background: #3399cc;
   font-size: 14px;
   font-weight: nomal;
   line-height: 22px;
   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: #666;
}


.module-list

{
   margin: 0;
   padding: 0;
   list-style: none;
}


.module-list-item a

{
   width: 178px; 
   height: 25px;
   background-color: #f0f8ff;
   text-indent: 5px;
   display: block;
   font-size: 12px;
   line-height: 25px;
   margin: 2px 0;
   letter-spacing: 0.1em;
   border: 1px solid #6699cc;
   text-decoration: none;
   color: #6699cc;
}


.module-list-item a:hover

{
   background: #66cc33;
   border: 1px solid #339900;
   color: #fff;
}


/* 物販用おすすめ・ピックアップ部分 */


.pickup

{
   width: auto; 
   height: 190px;
   margin: 5px 0;
   padding: 5px;
   color: #333;
   border: 1px solid #ccc;
   line-height: 1.5;
}

.pickup1

{
   width: 67%; 
   margin: 5px 0;
   padding: 5px;
   color: #333;
   line-height: 1.5;
   float: left;
}

.pickup2

{
   width: 27%; 
   margin: 1px 0;
   padding: 1px;
   color: #333;
   line-height: 1.5;
   float: right;
}


/* 表示補助 */


.pkg:after

{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
}

