/* 基本レイアウト */

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

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

a { color: #c83101; text-decoration: underline; }
a:hover { color: #ff9900; }

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

#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }

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

#side a { color: #666; }
#side a:hover { color: #ff9900; }

/* 見出し */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 0px; }


/* ページレイアウト */

body
{
min-width: 750px;
margin: 0;
padding: 0;
font-size: 0.8em;
text-align: center;
color: #333;
background: #fff;
line-height: 1.5;
background: url(img/bg.gif) repeat-x #fafaf8;
}

#container
{
position: relative;
margin: 0 auto;
padding: 0;
text-align: center;
width: 740px;
background: url(img/bbg.gif) repeat-y;
}

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


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

#banner
{
position: relative;
width: 740px;
height: 380px;
margin: 0 auto;
background: url(img/0.jpg) right no-repeat;
}

#banner div
{
position: relative;
display: block;
width: 740px;
height: 380px;
margin: 0 auto;
background: url(img/top.gif) no-repeat;
}

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

#banner h1
{
width: 420px;
margin: 0;
color: #fff;
font-size: 1.6em;
font-weight: normal;
line-height: 1.25;
font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
text-align: left;
position:absolute; top: 25px; left: 60px;
}


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

#banner-search
{
position:absolute; bottom: 16px; right: 20px;
color: #fff;
}


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

#banner-description
{
display: none;
}


/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
position: relative;
width: 730px;
margin: 0 auto;
text-align: left;
}

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


/* メインコンテンツレイアウト */

#main /* 記事部分 */

{
display: inline;
position: relative;
float: left;
min-height: 1px;
width: 510px;
margin: 10px;
text-align: left;
}

#side /* サイドメニュー */

{
display: inline;
position: relative;
float: right;
min-height: 1px;
margin: 0 10px;
width: 180px;
text-align: left;
}

#s-main /* 検索結果記事部分 */

{
display: inline;
position: relative;
float: left;
min-height: 1px;
width: 510px;
_width: 490px;
margin: 10px;
text-align: left;
}

/* 記事部分見出し */

.header1
{
position: relative;
width: auto;
_width: 100%;
margin: 15px 0;
padding: 3px 0 2px 10px;
border-left: 5px solid #e1e1d6;
border-bottom: 1px solid #e1e1d6;
line-height: 1.25;
font-size: 1.4em;
font-weight: normal;
font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
text-transform: uppercase;
clear: both;
}


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

.entry
{
line-height: 1.5;
margin: 10px;
padding-bottom: 10px; 
border-bottom: 1px dotted #dcdcdc;
}

.more
{
text-align: right;
}

.header2
{
position: relative;
display: inline;
margin-top: 10px;
border-left: 5px solid #e1e1d6;
padding: 2px 0 2px 10px;
font-size: 1.1em;
font-weight: normal;
font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
line-height: 1.25;
}

.header1 a, .header2 a 
{
text-decoration: none;
}

.entry-footer,
{
margin: 5px 10px 0 0;
border-top: 1px dotted #ccc;
padding: 5px 0;
color: #999;
font-size: 10px;
text-align: right;
}

.bread
{
background: none;
margin: 0 10px;
padding-left: 10px;
text-align: left;
}

.f-navi
{
margin: 5px 0;
text-align: center;
clear: both;
}

.gotop 
{
text-align: right;
clear: both;
padding: 10px;
}

.img
{
float: left;
margin: 0 5px 5px 0;
text-align: center;
}

.tb-info
{
text-align: center;
border: 1px dotted #ccc;
}


/* フッター */

#footer
{
position: relative;
width: 770px;
height: 70px;
background: url(img/footer.gif) no-repeat;
text-align: left;
padding: 0;
margin: 0;
clear: both;
color: #666;
}

#footer p
{
padding: 25px 0 0;
margin: 0;
font-size: 0.8em;
text-align: center;
color: #fff;
}

#footer a
{
text-decoration: none;
color: #666;
}

.footer-navi
{
 width: 730px;
margin: 0 5px;
padding: 10px 0;
font-size: 0.85em;
text-align: center;
line-height: 1.25;
clear: both;
}

.footer-navi a
{
color: #666;
}


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

.side-header
{
position: relative;
width: auto;
height: 16px;
margin: 10px 0 5px 0;
padding: 2px 0;
color: #666;
background: #e1e1d6;
font-size: 12px;
font-weight: nomal;
line-height: 16px;
text-align: center;
letter-spacing: 0.3em;
}

#side p 
{
padding: 0 5px;
}

#side ul
{
margin: 0;
padding: 0;
list-style: none;
}

#side li a
{
width: 178px;
_width: 180px;
text-indent: 5px;
display: block;
font-size: 12px;
line-height: 1.25;
margin: 2px 0;
padding: 5px 0;
letter-spacing: 0.1em;
border: 1px solid #dfdfdf;
text-decoration: none;
}

#side li a:hover
{
background: #c83101;
border: 1px solid #ccc;
color: #fff;
}

#side dl
{
padding: 5px;
}

#side dt
{
font-size: 12px;
line-height: 1.5;
}

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

.pickup
{
width: auto;
min-height: 190px;
_height: 190px;
margin: 5px 0;
padding: 5px;
border: 1px solid #ccc;
line-height: 1.5;
}

.pickup1
{
width: 47%;
 min-height: 190px;
_height: 190px;
margin: 5px 0;
padding: 5px;
line-height: 1.5;
float: left;
}



/*------------------------------------------------------------font-size・・・フォントサイズの設定※「em」は文字サイズ可変に対応。「pt」は文字サイズ固定-------------------------------------------------------------*/
.b{ font-weight: bold!important; }.normal{ font-weight: normal!important; }
.big{ font-size: 120%!important; }.big2{ font-size: 150%!important; }.big3{ font-size: 180%!important; }.small{ font-size: 80%!important; }
.f08em{ font-size: 0.8em; }.f09em{ font-size: 0.9em; }.f10em{ font-size: 1.0em; }.f11em{ font-size: 1.1em; }.f12em{ font-size: 1.2em; }.f13em{ font-size: 1.3em; }.f14em{ font-size: 1.4em; }.f15em{ font-size: 1.5em; }.f16em{ font-size: 1.6em; }.f17em{ font-size: 1.7em; }.f18em{ font-size: 1.8em; }.f19em{ font-size: 1.9em; }.f20em{ font-size: 2.0em; }.f21em{ font-size: 2.1em; }.f22em{ font-size: 2.2em; }.f23em{ font-size: 2.3em; }.f24em{ font-size: 2.4em; }
.f8pt{ font-size: 8.5pt!important; }.f9pt{ font-size: 9.0pt!important; }.f10pt{ font-size: 10pt!important; }.f11pt{ font-size: 11pt!important; }.f12pt{ font-size: 12pt!important; }.f13pt{ font-size: 13pt!important; }.f14pt{ font-size: 14pt!important; }.f15pt{ font-size: 15pt!important; }.f16pt{ font-size: 16pt!important; }.f17pt{ font-size: 17pt!important; }.f18pt{ font-size: 18pt!important; }.f19pt{ font-size: 19pt!important; }.f20pt{ font-size: 20pt!important; }.f21pt{ font-size: 21pt!important; }.f22pt{ font-size: 22pt!important; }.f23pt{ font-size: 23pt!important; }.f24pt{ font-size: 24pt!important; }
/*------------------------------------------------------------color・・・フォントカラーの設定-------------------------------------------------------------*/
.red{ color: #ff0000!important; }/*赤*/.blue{ color: #0000dd!important; }/*青*/.green{ color: #008000!important; }/*緑*/.yellow{ color: #ffff00!important; }/*黄*/.navy{ color: #1F26A9!important; }/*紺*/.orange{ color: #ff6600!important; }/*橙*/.pink{ color: #cc6699!important; }/*ピンク*/.purple{ color: #660099!important; }/*紫*/.olive{ color: #808000!important; }/*黄土色*/.lime{ color: #00ff00!important; }/*黄緑*/.aqua{ color: #167FA6!important; }/*水色*/.black{ color: #000!important; }/*黒*/.gray{ color: #ccc!important; }/*灰*/.white{ color: #fff!important; }/*白*/
/*------------------------------------------------------------box・・・蛍光ペンのようなボックスの設定-------------------------------------------------------------*/
.box-yellow{ padding:2px;background-color: #ffff00!important; }/*黄色*/.box-aqua{ padding:2px;background-color: #00ffff!important; }/*水色*/.box-gray{ padding:2px;background-color: #eee!important; }/*灰色*/.box-red{ padding:2px;background-color: #fc9b8b!important; }/*赤色*/