@charset "UTF-8";
/*
Theme Name: yagiin css
Theme URL: http://www.yagiin.net/
Description: lineupCSS（ラインナップ用）.
Version: 1.0
Author: スパイスショップ山羊印
Author URL: http://www.yagiin.net/
*/

/* CSS Document */
/* リード・カバー用
------------------ */
.read-lineup {
margin:0 5px 20px 0;
padding:0;
}
.read-lineup h2 {
width:560px;
height:200px;
margin:0 0 5px 0;
padding:0;
font-size:1em;
background:url(../img/lineup/cover-lineup.jpg) no-repeat left center;
text-indent:-9999em;
}
.read-lineup h2 a {
width:560px;
height:200px;
margin:0;
padding:0;
text-decoration:none;
background:url(../img/lineup/cover-lineup.jpg) no-repeat left center;
display:block;
}
.read-lineup img {
float:right;
margin:0 0 0 10px;
padding:0;
}
.read-lineup p {
clear:both;
margin:20px 0 0 0;
}
/* リード・カバー(orijin/staright用)
------------------ */
.read-lineup-orijin {
margin:0 5px 20px 0;
padding:0;
}
.read-lineup-orijin h2 {
width:561px;
height:201px;
margin:0 0 10px 0;
padding:0;
font-size:1em;
background:url(../img/lineup/cover-origin.jpg) no-repeat left center;
text-indent:-9999em;
}
.read-lineup-orijin h2 a {
width:561px;
height:201px;
margin:0;
padding:0;
text-decoration:none;
background:url(../img/lineup/cover-origin.jpg) no-repeat left center;
display:block;
}
.read-lineup-straight {
margin:0 5px 20px 0;
padding:0;
}
.read-lineup-straight h2 {
width:561px;
height:201px;
margin:0 0 5px 0;
padding:0;
font-size:1em;
background:url(../img/lineup/cover-straight.jpg) no-repeat left center;
text-indent:-9999em;
}
.read-lineup-straight h2 a {
width:561px;
height:201px;
margin:0;
padding:0;
text-decoration:none;
background:url(../img/lineup/cover-straight.jpg) no-repeat left center;
display:block;
}
.read-container {
position:relative;
width:560px;
margin:0 0 20px 0;
padding:0;
overflow: hidden;
}
.read-containerr:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .read-container {
    height: 1em;
    overflow: visible;
}
/**/
.read-container p {
float:left;
width:400px;
margin:5px 20px 10px 5px;
font-size:0.85em;
}
p.link-straight {
float:left;
width:128px;
height:50px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/lineup/link-straight.gif) no-repeat 0 0;
}
p.link-straight a {
width:128px;
height:50px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/lineup/link-straight.gif) no-repeat 0 0;
display:block;
text-decoration:none;
}
p.link-straight a:hover {
width:128px;
height:50px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/lineup/link-straight.gif) no-repeat 0 -50px;
display:block;
text-decoration:none;
}
p.link-orijin {
float:left;
width:128px;
height:51px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/lineup/link-orijinal.gif) no-repeat 0 0;
}
p.link-orijin a {
width:128px;
height:51px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/lineup/link-orijinal.gif) no-repeat 0 0;
display:block;
text-decoration:none;
}
p.link-orijin a:hover {
width:128px;
height:51px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/lineup/link-orijinal.gif) no-repeat 0 -51px;
display:block;
text-decoration:none;
}
/* オリジナルブレンド用
------------------ */
.spice-container {
clear:both;
position:relative;
width:560px;
margin:10px 0;
padding:0 0 5px 0;
background:url(../img/pub/border-dotted.gif) repeat-x left bottom;
overflow: hidden;
}
.spice-container :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .spice-container  {
    height: 1em;
    overflow: visible;
}
/**/
.spice-imgbox {
float:left;
width:135px;
height:135px;
margin:0 10px 0 0;
padding:0;
}
.spice-imgbox-large {
float:left;
width:210px;
height:210px;
margin:0 10px 0 0;
padding:0;
}
.spice-container img {
margin:0;
padding:0;
border:none;
}
.spice-textbox {
float:left;
width:400px;
margin:5px 0 0 0;
padding:0;
}
.spice-textbox-large {
float:left;
width:325px;
margin:5px 0 0 0;
padding:0;
}
.spice-container h4 {
width:214px;
height:22px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
}
.spice-container h4 a {
width:214px;
height:22px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.spice-container h4 a:hover {
width:214px;
height:22px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.spice-container p {
margin:0 2px;
}
.item-info {
clear:both;
width:280px;
margin:5px 0;
padding:5px;
border:#CCCCCC solid 1px;
}
.item-info p {
margin:0 10px 0 0;
}
.item-info img {
float:right;
}
span.price {
margin:0;
padding:0;
color:#CC0000;
font-size:1.2em;
}

/* オリジナルブレンドタイトル
------------------ */
h4.start {
background:url(../img/index/ori-start.gif) no-repeat 0 0;
}
h4.start a {
background:url(../img/index/ori-start.gif) no-repeat 0 0;
}
h4.start a:hover {
background:url(../img/index/ori-start.gif) no-repeat 0 -22px;
}
h4.kids {
background:url(../img/index/ori-kids.gif) no-repeat 0 0;
}
h4.kids a {
background:url(../img/index/ori-kids.gif) no-repeat 0 0;
}
h4.kids a:hover {
background:url(../img/index/ori-kids.gif) no-repeat 0 -22px;
}
h4.standard {
background:url(../img/lineup/title-standard.gif) no-repeat 0 0;
}
h4.standard a {
background:url(../img/lineup/title-standard.gif) no-repeat 0 0;
}
h4.standard a:hover {
background:url(../img/lineup/title-standard.gif) no-repeat 0 -22px;
}
h4.milde {
background:url(../img/lineup/title-milde.gif) no-repeat 0 0;
}
h4.milde a {
background:url(../img/lineup/title-milde.gif) no-repeat 0 0;
}
h4.milde a:hover {
background:url(../img/lineup/title-milde.gif) no-repeat 0 -22px;
}
h4.hot {
background:url(../img/lineup/title-hot.gif) no-repeat 0 0;
}
h4.hot a {
background:url(../img/lineup/title-hot.gif) no-repeat 0 0;
}
h4.hot a:hover {
background:url(../img/lineup/title-hot.gif) no-repeat 0 -22px;
}
h4.shot {
background:url(../img/lineup/title-shot.gif) no-repeat 0 0;
}
h4.shot a {
background:url(../img/lineup/title-shot.gif) no-repeat 0 0;
}
h4.shot a:hover {
background:url(../img/lineup/title-shot.gif) no-repeat 0 -22px;
}
/* スパイスナビ用
------------------ */
.spice-navi {
clear:both;
position:relative;
width:530px;
margin:20px 10px 0 0;
padding:10px;
border:#999999 solid 1px;
overflow: hidden;
}
.spice-navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .spice-navi {
    height: 1em;
    overflow: visible;
}
/**/
.spice-navi h5 {
font-size:0.85em;
margin:0 0 10px 0;
padding:0 0 0 5px;
color:#333333;
border-left:#666666 15px solid;
font-weight:normal;
}
.spice-navi ul {
margin:0;
padding:0 5px 0 0;
list-style:none;
}
.spice-navi li {
float:left;
margin:0 5px 0 0;
padding:0 5px 0 0;
font-size:0.85em;
border-right:#999999 solid 1px;
}
/* 新0911商品一覧
------------------ */
h3.lineup {
clear:both;
margin:20px 0 5px 0;
padding:8px 0 8px 10px;
font-size:1.2em;
color:#990000;
border-left:#990000 solid 5px;
}
p.linkto {
margin:2px 0 20px 0;
padding:0;
}
p.origin-banner {
width:563px;
height:204px;
margin:10px 0 0 0;
background:url(../img/lineup/cover-origin.jpg) no-repeat left center;
text-indent:-9999em;
}
p.origin-banner a {
width:563px;
height:204px;
margin:10px 0;
background:url(../img/lineup/cover-origin.jpg) no-repeat left center;
text-decoration:none;
text-indent:-9999em;
display:block;
}
p.straight-banner {
width:563px;
height:204px;
margin:10px 0 0 0;
background:url(../img/lineup/cover-straight.jpg) no-repeat left center;
text-indent:-9999em;
}
p.straight-banner a {
width:563px;
height:204px;
margin:10px 0;
background:url(../img/lineup/cover-straight.jpg) no-repeat left center;
text-decoration:none;
text-indent:-9999em;
display:block;
}
p.chai-banner {
width:563px;
height:204px;
margin:10px 0 0 0;
background:url(../img/index/cover-chai.jpg) no-repeat left center;
text-indent:-9999em;
}
p.chai-banner a {
width:563px;
height:204px;
margin:10px 0;
background:url(../img/index/cover-chai.jpg) no-repeat left center;
text-decoration:none;
text-indent:-9999em;
display:block;
}
.straight-catelink p {
vertical-align:middle;
font-size:1.0em;
}