/* 構造
------------------ */
.container {
clear:both;
position:absolute;
top:238px;
width:927px;
margin:0 0 0 3px;
padding:0;
background:url(../img/index/sidebk.jpg) no-repeat 490px 180px;
    overflow: hidden;
}

.container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .container {
    height: 1em;
    overflow: visible;
}
/**/
/* 右サイド
------------------ */
.side-r {
float:left;
width:222px;
margin:0;
padding:0;
}
.side-r-r {
float:right;
width:137px;
margin:0;
padding:0 0 0 0;
}
.side-r-r p.go-facebook {
width:78px;
height:95px;
margin:0 0 5px 0;
padding:0;
background:url(../img/index/facebook.jpg) no-repeat left bottom;
text-indent:-9998em;
}
.side-r-r p.go-facebook a {
width:78px;
height:95px;
margin:0;
padding:0;
background:url(../img/index/facebook.jpg) no-repeat left bottom;
text-decoration:none;
display:block;
}
p.side-tenpo {
width:222px;
height:78px;
margin:10px 0;
background:url(../img/index/side-tenpo.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
}
p.side-tenpo a {
width:222px;
height:78px;
background:url(../img/index/side-tenpo.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
outline:none;
}
p.side-tenpo a:hover {
width:222px;
height:78px;
background:url(../img/index/side-tenpo.jpg) no-repeat 0 -78px;
text-indent:-9999em;
display:block;
text-decoration:none;
outline:none;
}
p.side-chari {
width:222px;
height:78px;
margin:10px 0;
background:url(../img/index/side-chari.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
}
p.side-chari a {
width:222px;
height:78px;
background:url(../img/index/side-chari.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
outline:none;
}
p.side-chari a:hover {
width:222px;
height:78px;
background:url(../img/index/side-chari.jpg) no-repeat 0 -78px;
text-indent:-9999em;
display:block;
text-decoration:none;
outline:none;
}
p.side-sin {
width:222px;
height:75px;
margin:50px 0 10px 0;
background:url(../img/index/side-sin.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
}
p.side-sin a {
width:222px;
height:75px;
background:url(../img/index/side-sin.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
outline:none;
}
p.side-sin a:hover {
width:222px;
height:75px;
background:url(../img/index/side-sin.jpg) no-repeat 0 -78px;
text-indent:-9999em;
display:block;
text-decoration:none;
outline:none;
}

p.bscafee {
width:180px;
height:61px;
background:url(../img/index/sidebanner-bscafee.jpg) no-repeat left center;
text-indent:-9999em;
}
p.bscafee a {
width:180px;
height:61px;
margin:10px 0;
padding:0;
background:url(../img/index/sidebanner-bscafee.jpg) no-repeat left center;
display:block;
text-decoration:none;
line-height:200%;
}

/* メーカーリスト
------------------ */
.maker-list {
margin:180px 0 5px 10px;
padding:0;
word-break:break-all;
}
.maker-list h4 {
margin:15px 0 5px 0;
padding:0;
font-size:0.8em;
color:#990000;
line-height:125%;
border-bottom:#990000 solid 1px;
}
.maker-list h4 a {
margin:0;
padding:0;
color:#990000;
text-decoration:none;
}
.maker-list p {
margin:0;
padding:0;
font-size:0.7em;
color:#330000;
line-height:125%;
}
/* メイン
------------------ */
.main {
float:left;
width:397px;
margin:0;
padding:0;
}
/* お知らせ
------------------ */
div.osirase {
width:390px;
margin:0;
padding:0;
}
div.osirase h2 {
margin:0 0 5px 0;
padding:2px 0;
font-size:0.75em;
color:#666666;
font-weight:normal;
background:url(../img/index/title-osirase.gif) no-repeat left center;
text-indent:75px;
}
div.osirase h2 a {
color:#999999;
text-decoration:none;
}
div.osirase h2 a:hover {
color:#FF6600;
}
div.osirasebox {
margin:0;
padding:5px 10px;
background:#FFFFCC;
border:#666666 solid 1px;
}
div.osirasebox ul {
margin:0;
padding:0;
list-style:none;
}
div.osirasebox li {
margin:0 0 5px 0;
padding:2px 0 2px 12px;
color:#999999;
font-size:0.75em;
background:url(../img/pub/chome.jpg) no-repeat left center;
}
div.osirasebox li a:hover {
color:#FF6600;
}

/* 商品共通
------------------ */
.item p {
margin:5px 5px 0 10px;
padding:0;
font-size:0.7em;
color:#666666;
line-height:150%;
}
.item img {
border:none;
}
.oo-itembox-top {
clear:both;
position:relative;
width:390px;
margin:0;
padding:0;
background:url(../img/pub/border-x.gif) repeat-x left top;
    overflow: hidden;
}

.oo-itembox-top:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .oo-itembox-top {
    height: 1em;
    overflow: visible;
}
/**/
.oo-itembox-btm {
width:390px;
margin:0;
padding:0;
background:url(../img/pub/border-x.gif) repeat-x left bottom;
    overflow: hidden;
}
.oo-itembox-right {
width:390px;
margin:0;
padding:0;
background:url(../img/pub/border-y.gif) repeat-y right top;
    overflow: hidden;
}
.item h3 {
margin:0 5px 0 10px;
padding:0;
font-size:0.8em;
color:#333333;
border-bottom:#333333 solid 1px;
line-height:100%;
}
.item h3 a {
color:#0066CC;
text-decoration:none;
}
.item h3 a:hover {
color:#FF6600;
}
.oo-item {
float:left;
width:190px;
height:300px;
margin:2px 0;
padding:5px 0;
background:url(../img/pub/border-y.gif) repeat-y left top;
overflow:visible;
}
.oo-item img {
width:150px;
height:112px;
margin:5px 10px;
padding:0;
}
.ko-item {
float:left;
width:130px;
height:280px;
margin:0;
padding:5px 0;
background:url(../img/pub/border-y.gif) repeat-y left top;
overflow:visible;
}
.ko-item img {
width:100px;
height:74px;
margin:5px 0 0 10px;
padding:0;
}
/* 新着入荷
------------------ */
.sin {
width:390px;
margin:10px 0 0 0;
padding:0;
}
.sin h2 {
margin:0 0 5px 0;
padding:4px 0;
font-size:0.75em;
color:#666666;
font-weight:normal;
background:url(../img/index/title-sin.gif) no-repeat left center;
text-indent:108px;
}
.sin h2 a {
color:#990000;
text-decoration:none;
}
.sin h2 a:hover {
color:#FF6600;
}
.continue-red {
width:152px;
height:20px;
margin:5px 0 0 5px;
padding:0;
background:url(../img/index/continue-red.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.continue-red a {
width:152px;
height:20px;
background:url(../img/index/continue-red.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.continue-red a:hover {
width:152px;
height:20px;
background:url(../img/index/continue-red.jpg) no-repeat 0 -20px;
text-indent:-9999em;
text-decoration:none;
}
.continue-red-s {
width:100px;
height:20px;
margin:5px 0 0 5px;
padding:0;
background:url(../img/index/continue-red-s.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.continue-red-s a {
width:100px;
height:20px;
background:url(../img/index/continue-red-s.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.continue-red-s a:hover {
width:100px;
height:20px;
background:url(../img/index/continue-red-s.jpg) no-repeat 0 -20px;
text-indent:-9999em;
text-decoration:none;
display:block;
}
/* 在庫
------------------ */
.zai {
width:390px;
margin:10px 0 0 0;
padding:0;
}
.zai h2 {
margin:0 0 5px 0;
padding:4px 0;
font-size:0.75em;
color:#666666;
font-weight:normal;
background:url(../img/index/title-zai.gif) no-repeat left center;
text-indent:148px;
}
.zai h2 a {
color:#990000;
text-decoration:none;
}
.zai h2 a:hover {
color:#FF6600;
}
.continue-ore-s {
width:100px;
height:20px;
margin:5px 0 0 5px;
padding:0;
background:url(../img/index/continue-ore-s.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.continue-ore-s a {
width:100px;
height:20px;
background:url(../img/index/continue-ore-s.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.continue-ore-s a:hover {
width:100px;
height:20px;
background:url(../img/index/continue-ore-s.jpg) no-repeat 0 -19px;
text-indent:-9999em;
text-decoration:none;
display:block;
}