/* 基本レイアウト */

html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }


/* リンク色 */

a {
 color: #0000ff;
 }
a:link {
 color: #0000ff;
 }
a:visited {
 color: #0000ff;
 }
a:hover {
 color: #ff0000;
 }

#banner a {
 color: #333;
 text-decoration: none;
 }
#banner a:link {
 color: #333;
 }
#banner a:visited {
 color: #333;
 }
#banner a:hover {
 color: #ff0000;
 }

/* 見出し */

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



/* ページ */


body
{
 min-width: 800px;
 margin: 0;
 padding: 0;
 font-size: 13px;
 text-align: center;
 color: #333;
 background: #fff;
 line-height: 1.5;
}

#container
{
 position: relative;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 width: 800px;
 background: #fff;
}




/* ヘッダー */


#banner
{
position: relative;
width: 800px;
height: 150px;
margin: 0;
background-image:url(http://www.shabonshop.com/img/top_banner.png);
background-repeat: no-repeat;
background-position: left top;
}


#banner p
{
 margin: 0;
 width: 480px;
 font-size: 0.9em;
 font-weight: normal;
 line-height: 1.25;
 text-align: left;
 position:absolute; top: 90px; left: 50px;
 color: #666;
}


#banner h1
{
 margin: 0;
 color: #fff;
 font-size: 1.4em;
 font-weight: bold;
 line-height: 1.25;
 text-align: left;
 position:absolute; top: 45px; left: 50px;
}


#banner-search
{
 position:absolute; bottom:5px; right:30px;
 color:#666;
 font-size: 10px;
}


/* メイン*/

#pagebody
{
 position: relative;
 width: 800px;
 margin: 0;
 text-align: left;
 border-top: 3px solid #80C71B; /* 二重線の下の線 */
}



#main
{
 display: inline;
 position: relative;
 float: right;
 min-height: 1px;
 width: 480px;
 margin: 30px 30px 30px 10px;
 text-align: left;
 background-color: #fff;
 }

#side 
{
 display: inline;
 position: relative;
 float: left;
 min-height: 1px;
 margin: 30px 0px 30px 10px;
 padding: 15px 0 0 20px;
 width: 220px;
 text-align: left;
 background-color: #fff;

}


/* 記事見出し */

.entry-header
{
 position: relative;
 width: auto;
 _width: 100%;
 margin: 15px 0;
 padding: 10px 0 5px 10px;
 line-height: 1.25;
 font-size: 1.3em;
 font-weight: bold;
 clear: both;
color: #fff;
height: 45px;
background-image:url(http://www.shabonshop.com/img/entry_header.gif);
background-repeat: no-repeat;
background-position: left top;
}


.entry-header a{
 text-decoration: none;
 }
.entry-header a:link{
 color: #fff;
 }
.entry-header a:visited{
 color: #fff;
 }
.entry-header a:hover{
 color: #ff0000;
 }


.entry-header2
{
 position: relative;
 margin-top: 20px;
 border-bottom: 2px solid #80C71B;
 line-height: 1.25;
 padding: 10px 0 5px 10px;
 font-size: 1.1em;
 font-weight: bold;
 line-height: 1.25;
 background-color: #fff;
}


.entry-header2 a{
 text-decoration: none;
 }
.entry-header2 a:link{
 color: #333;
 }
.entry-header2 a:visited{
 color: #333;
 }
.entry-header2 a:hover{
 color: #ff0000;
 }

/* 記事内容 */

.entry
{
 line-height: 20px;
 margin: 10px 0 0 10px;
 padding: 0; 
 background: url(img/note.gif);/* ←画像 */
 background-color: #fff;
}

.entry p
{
 margin: 30px 0px 0px 0px;
 line-height: 18px
}

.more
{
 text-align: right;
 }



/* サイドバー */

.side-header
{
 position: relative;
 width: auto;
 margin: 5px 0px 0px 0px;
 padding:  10px 5px 5px 10px;
 font-size: 12px;
 line-height: 1.25;
 text-align: left;
 font-weight: bold;
color: #fff;
height: 30px;
background-image:url(http://www.shabonshop.com/img/side_header.gif);
background-repeat: no-repeat;
background-position: left top;
}

#side p 
{
 padding: 0 5px;
}

#side ul
{
 margin: 0 0 15px;
 padding: 0;
}

#side li
{
 width: 220px;
 width: auto;
 _width: 100%;
 text-indent: 5px;
 display: block;
 font-size: 12px;
 line-height: 1.25;
 margin: 2px 0;
 padding: 7px 0 7px 10px;
 letter-spacing: 0.1em;
 text-decoration: none;
}


#side dl
{
 margin: 0 0 15px;
 padding: 0;
}

#side dt
{
 font-size: 12px;
 line-height: 1.25;
 margin: 2px 0;
 padding: 7px 0 7px 10px;
 letter-spacing: 0.1em;
}

/* パンくずリスト */

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


/* フッター */

#footer
{
 position: relative;
 width: 800px;
 text-align: center;
 padding: 20px 0px 20px 0px;
 margin: 0px 0px 0px 0px;
 clear: both;
 border-top: 3px solid #80C71B;
 background-color: #fff;
}

#footer p
{
 font-size: 0.8em;
 color: #999;
}

#footer a
{
 text-decoration: none;
 color: #999;
}
#footer a:link
{
 color: #999;
}
#footer a:visited
{
 color: #999;
}
#footer a:hover
{
 color: #ff0000;
}


.footer-navi
{
  width: 750px;
 margin: 20px auto;
 padding: 5px 0;
 font-size: 0.8em;
 text-align: center;
 line-height: 1.25;
 clear: both;
 color: #ccc;
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
 letter-spacing: 0.3em;
}

.footer-navi a
{
 color: #666;
 text-decoration: none;
}
.footer-navi a:link
{
 color: #666;
}
.footer-navi a:visited
{
 color: #666;
}
.footer-navi a:hover
{
 color: #ff0000;
}


/* その他コンテンツ */

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

.link
{
 text-align: right;
 clear: both;
 padding: 10px;
}
.link a
{
 color: #666;
 text-decoration: none;
}
.link a:link
{
 color: #666;
}
.link a:visited
{
 color: #666;
}
.link a:hover
{
 color: #ff0000;
}