body{
margin: 0;
padding: 0;
background: #666666 url(img/bg.jpg) repeat-y center;
font-family: sans-serif;
font-size: 9pt;
text-align:center;
}

img{
border: 0;
}

body a:link{
color: #8B008B;
}

body a:hover{
color: #660000;
}

body a:visited{
color: #660066;
}

h1{
color: #FFFFFF;
font-size: 9pt;
}

#container {
color: #FFFFFF;
width: 850px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#header {
background: url(img/bg_header.gif) no-repeat;
background-position: center;
width: 850px;
height: 106px;
}

#header h2 {
margin: 0;
font-size: 9pt;
font-weight: bold;
padding-top: 10px;
padding-left: 140px;
}

#header-logo {
margin-left: 130px;
}

#wrap {
width: 702px;
float: left;
}

#main {
width: 546px;
padding-right: 4px;
padding-left: 4px;
line-height: 160%;
float: right;
}

#main h1{
background-color: #660066;
color: #FFFFFF;
font-size: 11pt;
padding: 2px;
}

#main h2{
font-size: 9pt;
font-weight: bold;
background-color: #000000;
clear: both;
}

#main h1 a:link{
color: #CCCCCC;
}

#main h1 a:hover{
color: #666666;
}

#main h1 a:visited{
color: #CCCCCC;
}

#main ul {
margin: 10px 0px 10px 0px;
padding: 0;
list-style-type: none;
}

.img-s {
width:132px;
background: url(img/img_s.gif) repeat-y;
}

.img-s-in {
margin-left: 6px;
}

.cate-navi {
clear: left;
text-align: center;
}

.pagetop{
text-align: right;
margin-bottom: 20px;
clear: both;
}

.previous{
text-align: center;
font-weight: bold;
line-height: 140%;
}

.reply {
  margin-left: 30px;
}

.address {
margin: 0px 4px;
}

.page-select {
text-align: center;
margin-bottom: 18px;
margin-top: 10px;
}

.left {
width: 140px;
padding-right: 4px;
float: right;
}

.left ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.left li {
line-height: 160%;
margin-left: 8px;
}

.left_menu{
margin-bottom: 15px;
}

.left_menu a{
font-weight: bold;
}

.left_menu a:link{
color: #FFFFFF;
}

.left_menu a:hover{
color: #CCCCCC;
}

.left_menu a:visited{
color: #666666;
}

.left img{
border: 0;
margin-bottom: 5px;
}

.right {
width:140px;
padding-left: 4px;
float: left;
}

.right ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.right li {
line-height: 160%;
padding-left: 8px;
}

.right img{
border: 0;
padding-top: 10px;
padding-bottom: 10px;
}

.author {
text-align: right;
font-size: 8pt;
line-height: 120%;
}

.jack a{
display:block;
width:135px;
height:233px;
background:url(img_side/jack.gif) no-repeat;
text-indent:-9999px;
}
.jack a:hover{
background:url(img_side/jack_a.gif) no-repeat;
}

.attention {
font-size: 10pt; 
font-weight: bold;
color: #CC0000;
}

#footer{
margin-bottom: 10px;
padding: 0px 20px;
text-align: center;
clear: left;
}

#footer img {
padding: 8px 0px;
}

#footer ul {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 160%;
}

#footer li {
display: inline;
}

#footer p {
padding-top: 8px;
clear: left;
}

.date{
font-size: larger;
font-weight: bold;
color: #660000;
padding-top: 5px;
}

/*---SHOPING---*/

#main-comment {
background: url(img/bg_main.gif) repeat-y;
text-align: center;
margin-bottom: 20px;
}

#main-comment p {
margin: 5px 70px 5px 70px;
}

.top-news li {
font-weight: bold;
line-height: 200%;
}

.top-recommen img {
float: left;
margin: 8px 7px 8px 8px;
}

.top-recommen ul {
clear: left;
}

.top-recommen li {
font-weight: bold;
line-height: 200%;
}

.top-blog img {
float: left;
margin: 0px 8px 8px 8px;
}

.top-blog dt {
clear: left;
font-weight: bold;
}

.top-blog dd {
margin-right: 8px;
margin-bottom: 8px;
}

.syohin-s {
width:115px;
height: 115px;
background: url(img/bg_ph-s.gif) no-repeat;
float: left;
}

.syohin-s img {
padding: 7px;
}

.syohin-list {
height: 180px;
width: 115px;
float: left;
margin: 8px;
}

.list-price {
text-align: right;
color: #D6D5D5;
}

#syohin-img {
width: 234px;
height: 307px;
padding-left: 7px;
padding-top: 7px;
margin-left: 8px;
margin-top: 8px;
float: left;
background: url(img/bg_syohin-l.gif) no-repeat;
}

#syohin {
margin-left: 15px;
margin-right: 15px;
width: 271px;
background: url(img/bg_syohin.gif) repeat-y right;
padding-left: 250px;
}

#syohin ul {
margin-left: 50px;
}

#cart {
margin-left: 30px;
font-weight: bold;
}

.detail img {
margin: 5px 10px;
}

.arrival-date {
text-align: right;
margin-right: 15px;
}

.cate-list ul {
list-style: url(img/list.gif) inside;
}

.cate-list li {
width: 250px;
float: left;
margin-left:15px;
font-weight: bold;
}

.ranking {
width: 450px;
margin: 0 auto;
}

.ranking img {
}

.search-syohin {
width:115px;
height: 115px;
background: url(img/bg_ph-s.gif) no-repeat;
clear: both;
}

.search {
float: left;
}

.td {
background-color:#333333;
text-align:center;
}

/*---BLOG---*/

#calender {
margin-top: 10px;
margin-left: 4px;
}

/*---RECOMMEN---*/

.recommen-top img {
float: left;
}

.rocommen-top p {
margin-left: 5px;
}