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

/* CSS Document */
a {
color:#0066CC;
text-decoration:none;
outline:none;
}
a:hover {
color:#FF6600;
}
p {
margin:0 0 10px 0;
padding:0;
font-size:0.8em;
line-height:150%;
}
img {
border:none
}
/* 基本構造
------------------ */
body {
top:0;
left:0;
margin:0;
padding:0;
}
.base {
background:#FFCC00 url(../img/bk.gif) no-repeat right top;
margin:0;
padding:0;
top:0;
left:0;
}
.container {
width:823px;
margin:0;
padding:0;
background:url(../img/bk-body.jpg) repeat-y 0 0;
}
.contents {
clear:both;
position:relative;
width:800px;
margin:0 0 0 20px;
padding:0;
}
.main {
float:right;
width:585px;
margin:0;
padding:0;
overflow: hidden;
}
.main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .main {
    height: 1em;
    overflow: visible;
}
/**/
.side {
float:left;
width:210px;
margin:0;
padding:0;
overflow: hidden;
}
.side:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .side {
    height: 1em;
    overflow: visible;
}
/**/


/* ヘッダー部分
------------------ */
.header {
width:800px;
height:110px;
margin:0;
padding:0;
background:url(../img/header-index.jpg) no-repeat 0 0;
}
.header h1 {
width:800px;
height:110px;
margin:0;
padding:0;
font-size:0.8em;
color:#990000;
text-indent:15px;
line-height:550%;
}
.header h1 a {
width:800px;
height:110px;
margin:0;
padding:0;
color:#990000;
text-decoration:none;
display:block;
}
.header h1 a:hover {
color:#FF6600;
}
#header-navi {
clear:both;
position:absolute;
top:32px;
left:0;
width:823px;
margin:0 0 0 0;
}
#header-navi ul {
margin:0;
padding:0;
list-style:none;
}
#header-navi li {
float:right;
margin:0;
padding:0 5px 2px 5px;
font-size:0.75em;
color:#666666;
border-right:#666666 solid 1px;
}
#header-navi li a {
margin:0;
padding:0;
color:#3366FF;
text-decoration:none;
}
#header-navi li a:hover {
color:#FF6600;
}

/* パンクくず
------------------ */
.pankuzu-container {
width:560px;
margin:5px 5px 0 5px;
padding:0;
overflow: hidden;
}
.pankuzu-container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .pankuzu-container {
    height: 1em;
    overflow: visible;
}
/**/
p.pankuzu {
float:left;
margin:0;
padding:0;
font-size:0.7em;
color:#666666;
font-weight:bold;
line-height:120%;
}
p.pankuzu a {
color:#666666;
font-weight:normal;
text-decoration:underline;
}
p.pankuzu a:hover {
color:#CCCCCC;
}
p.myacount {
float:right;
margin:0;
padding:0 0 0 22px;
background:url(../img/pub/icon-my.gif) no-repeat left center;
line-height:100%;
}
p.myacount a {
margin:0;
padding:0;
color:#3399FF;
text-decoration:none;
}
p.myacount a:hover {
color:#FF9900;
}
/* ページアップ
------------------ */
p.pageup {
clear:both;
margin:5px 0;
padding:0 5px;
font-size:0.7em;
color:#660000;
font-weight:lighter;
text-align:right;
}
p.pageup a {
color:#660000;
text-decoration:none;
}
p.pageup a:hover {
color:#FF6600;
text-decoration:none;
}
/* メイン
------------------ */
.read {
width:580px;
margin:0;
padding:0;
}
.read h2 {
font-size:0.85em;
color:#3366FF;
}
.read h2 a {
color:#3366FF;
}
.read h2 a {
color:#FF6600FF;
}
/* サイド商品カテゴリー
------------------ */
.item {
width:180px;
margin:2px 0 0 10px;
padding:0px;
    overflow: hidden;
}

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

/*\*/
* html .item {
    height: 1em;
    overflow: visible;
}
/**/
.item h4 {
width:180px;
height:45px;
margin:0;
padding:0;
background:url(../img/pub/side-item-title.gif) no-repeat left bottom;
text-indent:-9999em;
text-decoration:none;
}
.itembox {
margin:0;
padding:5px;
background:#FFFFCC url(../img/pub/border-dotted.gif) repeat-x left bottom;
    overflow: hidden;
}

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

/*\*/
* html .itembox {
    height: 1em;
    overflow: visible;
}
/**/
.itembox h5 {
margin:0;
padding:0;
line-height:125%;
}
.itembox h6 {
margin:0;
padding:0 0 2px 0;
font-size:0.85em;
color:#006600;
border-bottom:#006600 solid 1px;
line-height:125%;
}
.itembox p {
text-indent:-9999em;
}

#cate-origin {
width:170px;
height:63px;
margin:0 0 2px 0;
padding:0;
background:url(../img/pub/cate-origin.jpg) no-repeat 0 0;
text-indent:-9999em;
}
#cate-origin a {
width:170px;
height:63px;
margin:0 0 0 0;
padding:0;
background:url(../img/pub/cate-origin.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
#cate-origin a:hover {
width:170px;
height:63px;
margin:0 0 0 0;
padding:0;
background:url(../img/pub/cate-origin.jpg) no-repeat 0 -63px;
text-indent:-9999em;
text-decoration:none;
display:block;
}
#cate-straight {
width:170px;
height:63px;
margin:0 0 2px 0;
padding:0;
background:url(../img/pub/cate-straight.jpg) no-repeat 0 0;
text-indent:-9999em;
}
#cate-straight a {
width:170px;
height:63px;
margin:0 0 0 0;
padding:0;
background:url(../img/pub/cate-straight.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
#cate-straight a:hover {
width:170px;
height:63px;
margin:0 0 0 0;
padding:0;
background:url(../img/pub/cate-straight.jpg) no-repeat 0 -63px;
text-indent:-9999em;
text-decoration:none;
display:block;
}
#cate-chai {
width:170px;
height:63px;
margin:0 0 2px 0;
padding:0;
background:url(../img/pub/cate-chai.jpg) no-repeat 0 0;
text-indent:-9999em;
}
#cate-chai a {
width:170px;
height:63px;
margin:0 0 0 0;
padding:0;
background:url(../img/pub/cate-chai.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
#cate-chai a:hover {
width:170px;
height:63px;
margin:0 0 0 0;
padding:0;
background:url(../img/pub/cate-chai.jpg) no-repeat 0 -63px;
text-indent:-9999em;
text-decoration:none;
display:block;
}
#cate-kami {
width:170px;
height:63px;
margin:0 0 2px 0;
padding:0;
background:url(../img/pub/cate-kami.jpg) no-repeat 0 0;
text-indent:-9999em;
}
#cate-kami a {
width:170px;
height:63px;
margin:0 0 0 0;
padding:0;
background:url(../img/pub/cate-kami.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
#cate-kami a:hover {
width:170px;
height:63px;
margin:0 0 0 0;
padding:0;
background:url(../img/pub/cate-kami.jpg) no-repeat 0 -63px;
text-indent:-9999em;
text-decoration:none;
display:block;
}
/* サイド商品カテゴリー２
------------------ */
.itembox ul {
margin:0 0 10px 0;
padding:0 0 0 0;
list-style:none;
font-size:0.8em;
}
.itembox li {
margin:10px 0;
padding:0 0 2px 20px;
}
.origin li {
background:url(../img/pub/icon-origin.gif) no-repeat left center;
}
.straight li {
background:url(../img/pub/icon-straight.gif) no-repeat left center;
}
p.side-start {
width:167px;
height:55px;
margin:0 0 10px 0;
padding:0;
font-size:1em;
text-indent:-9999em;
background:url(../img/pub/side-start.jpg) no-repeat 0 -56px;
}
p.side-start a {
width:167px;
height:55px;
margin:0;
padding:0;
background:url(../img/pub/side-start.jpg) no-repeat 0 -56px;
text-decoration:none;
display:block;
}
p.side-start a:hover {
width:167px;
height:55px;
margin:0;
padding:0;
background:url(../img/pub/side-start.jpg) no-repeat 0 0;
text-decoration:none;
display:block;
}
/* サイド山羊印スパイスについて他
------------------ */
.other {
width:180px;
margin:20px 0 0 10px;
padding:0px;
    overflow: hidden;
}

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

/*\*/
* html .other {
    height: 1em;
    overflow: visible;
}
/**/
.other p {
margin:10px 5px 0 5px;
}
.about {
margin:5px 0 0 0;
}
.about h4 {
width:180px;
height:88px;
margin:0;
padding:0;
font-size:1em;
text-indent:-9999em;
background:url(../img/pub/side-about.jpg) no-repeat 0 0;
}
.about h4 a {
width:180px;
height:88px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/side-about.jpg) no-repeat 0 0;
text-decoration:none;
display:block;
}
.about h4 a:hover {
width:180px;
height:88px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/side-about.jpg) no-repeat 0 -88px;
text-decoration:none;
display:block;
}
.recipe {
margin:20px 0 0 0;
}
.recipe h4 {
width:178px;
height:45px;
margin:0;
padding:0;
font-size:1em;
text-indent:-9999em;
background:url(../img/pub/side-recipe.jpg) no-repeat 0 0;
}
.recipe h4 a {
width:178px;
height:45px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/side-recipe.jpg) no-repeat 0 0;
text-decoration:none;
display:block;
}
.recipe h4 a:hover {
width:178px;
height:45px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/side-recipe.jpg) no-repeat 0 -45px;
text-decoration:none;
display:block;
}
.campany {
margin:20px 10px 0 0;
}
.campany h4 {
width:161px;
height:94px;
margin:0 0 0 10px;
padding:0;
font-size:1em;
text-indent:-9999em;
background:url(../img/pub/side-campany.gif) no-repeat 0 0;
}
.campany h4 a {
width:161px;
height:94px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/side-campany.gif) no-repeat 0 0;
text-decoration:none;
display:block;
}
.campany-container {
margin:5px 10px 5px 5px;
padding:5px 8px;
border:#999999 solid 1px;
}
.campany-container h5 {
margin:5px 0 2px 0;
padding:0 0 0 2px;
font-size:0.75em;
border-left:#333333 solid 12px;
font-weight:normal;
letter-spacing:0.1em;
}
.campany-container p {
font-size:0.7em;
color:#666666;
line-height:125%;
}

.campany ul {
margin:5px 0;
padding:0;
list-style:none;
}
.campany li {
margin:0;
padding:0;
font-size:0.7em;
}


/* フッター
------------------ */
.footer {
clear:both;
width:800px;
margin:5px 0 0 0;
padding:0;
}
.f-navi {
position:relative;
width:800px;
height:52px;
margin:0;
padding:0;
background:url(../img/icon-foot-conpany.gif) no-repeat 760px -52px;
}
.f-navi ul {
margin:0;
padding:0;
list-style:none;
}
.f-navi li {
float:right;
margin:0;
padding:0;
font-size:0.8em;
color:#666666;
}
.f-navi li a {
margin:30px 0 0 0;
padding:0;
color:#666666;
text-decoration:none;
display:block;
}
.f-navi li a:hover {
color:#FF6600;
}
li#icon-conpany a {
width:100px;
height:15px;
padding:0 0 0 15px;
border-left:#CCCCCC solid 1px;
display:block;
}

li#icon-mail a {
width:90px;
height:15px;
padding:0 0 0 28px;
background:url(../img/icon-foot-mail.gif) no-repeat 0 0;
display:block;
}
li#icon-mail a:hover {
background:url(../img/icon-foot-mail.gif) no-repeat 0 -15px;
}
address#footer-bottom {
clear:both;
width:800px;
margin:5px 0 0 0;
padding:0;
font-size:0.7em;
color:#999999;
text-align:right;
background:#000000;
}
address#footer-bottom a {
color:#999999;
text-decoration:none;
}
/* 共用
------------------ */
p.btn-syousai {
width:131px;
height:23px;
margin:2px 0;
padding:0;
background:url(../img/pub/btn-syousai.jpg) no-repeat 0 0;
text-indent:-9999em;
font-size:12px;
line-height:100%;
}
p.btn-syousai a {
width:131px;
height:23px;
margin:0;
padding:0;
background:url(../img/pub/btn-syousai.jpg) no-repeat 0 0;
display:block;
text-decoration:none;
}
p.btn-syousai a:hover {
width:131px;
height:23px;
margin:0;
padding:0;
background:url(../img/pub/btn-syousai.jpg) no-repeat 0 -23px;
display:block;
text-decoration:none;
}
span.new {
display: none;
color: red;
font-weight: normal;
font-size:10px;
}
p.continue {
margin:5px 0 0 0;
padding:0;
font-size:0.7em;
text-align:right;
}
span.continue {
margin:0 0 0 10px;
font-size:0.85em;
text-align:right;
}
span.boldred {
color:#FF0000;
font-weight:bold;
}
.boldred-large {
color:#FF0000;
font-weight:bold;
font-size:1.2em;
}
span.style-red {
color:#FF0000;
}
span.style-larger {
font-size:1.2em;
font-weight:bold;
}

/* 暫定用
------------------ */
.zantei {
margin:10px 20px 10px 0;
padding:10px;
border:#FFCC00 solid 5px;
}
.zantei h2 {
margin:0 0 5px 0;
padding:0;
font-size:1em;
color:#999999;
}
h3.zantei-title {
margin:20px 0 10px 0;
padding:5px 15px;
font-size:1.0em;
color:#CC0000;
border-left:#990000 solid 2px;
}
span.hosoku {
margin:0 5px;
font-weight:normal;
font-size:12px;
color:#996600;
}
/* オープンセール用
------------------ */
.opensale {
clear:both;
}
.opensale p {
width:560px;
height:78px;
margin:5px 0;
padding:0;
font-size:1em;
text-indent:-9999em;
background:url(../img/index/opensale.jpg) no-repeat left center;
}
.opensale p a {
width:560px;
height:78px;
margin:0;
padding:0;
font-size:1em;
text-indent:-9999em;
background:url(../img/index/opensale.jpg) no-repeat left center;
text-decoration:none;
display:block;
}
/* 0911チャイ用
------------------ */
.chaibanner {
clear:both;
}
.chaibanner p {
width:560px;
height:78px;
margin:5px 0;
padding:0;
font-size:1em;
text-indent:-9999em;
background:url(../img/index/banner-chai.jpg) no-repeat left center;
}
.chaibanner p a {
width:560px;
height:78px;
margin:0;
padding:0;
font-size:1em;
text-indent:-9999em;
background:url(../img/index/banner-chai.jpg) no-repeat left center;
text-decoration:none;
display:block;
}
/* 紙バナー用
------------------ */
p.kami-banner {
clear:both;
width:554px;
height:78px;
margin:5px 0 20px 0;
padding:0;
background:url(../img/kami/kami-banner.jpg) no-repeat 0 0;
text-indent:-9999em;
}
p.kami-banner a {
width:554px;
height:78px;
margin:0;
padding:0;
background:url(../img/kami/kami-banner.jpg) no-repeat 0 0;
text-decoration:none;
display:block;
}
p.kami-s-banner {
width:173px;
height:228px;
margin:20px 0 0 5px;
padding:0;
background:url(../img/kami/s-banner.jpg) no-repeat 0 0;
text-indent:-9999em;
}
p.kami-s-banner a {
width:173px;
height:228px;
margin:0;
padding:0;
background:url(../img/kami/s-banner.jpg) no-repeat 0 0;
text-indent:-9999em;
outline:none;
display:block;
}
p.kami-s-banner a:hover {
width:173px;
height:228px;
margin:0;
padding:0;
background:url(../img/kami/s-banner.jpg) no-repeat -173px 0;
text-indent:-9999em;
outline:none;
display:block;
}

/* 文字装飾(お知らせ・ブログ）
------------------ */
span.style-larger {
margin:5px 0;
font-size:2.0em;
line-height:150%;
}
.style-red {
color:#CC0000;
}
.style-blue {
color:#0000FF;
}
.style-green {
color:#009900;
}
.style-yellow {
color:#FF3300;
}
blockquote {
margin:5px;
padding:20px;
background:#FFFFCC;
}