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

/* CSS Document */


/* 共通
------------------ */
.main h2 {
width:560px;
height:200px;
margin:0 0 20px 0;
padding:0;
background:url(../img/blog/cover-blog.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.main h2 a {
width:560px;
height:200px;
display:block;
text-decoration:none;
}
.page-navi {
clear:both;
position:relative;
width:560px;
margin:20px 0;
padding:5px 0;
border-top:#CCCC99 solid 1px;
}
p.backto {
margin:0 10px 20px 10px;
font-size:0.85em;
}
.page-navi ul {
width:260px;
margin:10px auto 0 auto;
padding:0;
font-size:0.8em;
list-style:none;
}
.page-navi li{
float:left;
margin:0;
padding:0 5px;
}
.page-navi li a{
float:left;
margin:0;
padding:0;
text-decoration:none;
}
li.mainpage {
border-right:#999999 solid 1px;
border-left:#999999 solid 1px;
}
/* インデックス下部・エントリー上部の情報
------------------ */
.entry-head {
clear:both;
position:relative;
margin:2px 0 0 0;
padding:0;
}
.entry-head ul {
margin:0;
padding:0;
list-style:none;
}
.entry-head li {
float:right;
font-size:0.6em;
color:#666666;
}
#recipe-category {
float:right;
margin:0;
padding:0;
}
#recipe-category a {
margin:0 5px;
padding:2px 0 2px 20px;
color:#0099FF;
background:url(../img/pub/icon-list.gif) no-repeat left center;
}
#recipe-category a:hover {
color:#33CCFF;
}
/* インデックスページ用
------------------ */
.main h3 {
margin:0 10px 0 5px;
padding:2px 0;
font-size:1em;
color:#999933;
border-bottom:#999933 solid 1px;
}
.entry-i {
width:550px;
margin:5px 10px;
padding:2px 0;
overflow: hidden;
background:url(../img/pub/border-dotted.gif) repeat-x left bottom;
}
.entry-i:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .entry-i {
    height: 1em;
    overflow: visible;
}
/**/
.textbox {
float:right;
width:28em;
}
.entry-i h4 {
margin:0;
padding:2px 0;
font-size:0.85em;
color:#993300;
line-height:125%;
background:url(../img/pub/border-dotted.gif) repeat-x left bottom;
}
.entry-i h4 a {
color:#993300;
}
.entry-i h4 a:hover {
color:#CC0000;
}
.entry-i img {
float:left;
width:5em;

margin:0;
padding:10px 20px 30px 0;
border:none;
outline:none;
}
.entry-i p {
margin:5px 0;
padding:0;
}
p.continue-recipe {
margin:0;
padding:0;
font-size:0.7em;
}

/* 個別レシピ用
------------------ */
.entry {
width:550px;
margin:0 5px 0 5px;
padding:0;
}
.entry h3 {
margin:0 2px;
padding:2px 0;
font-size:1.2em;
color:#993300;
line-height:125%;
border-bottom:#CC9900 solid 5px;
}
.entry h3 a {
color:#993300;
}
.entry h3 a:hover {
color:#CC0000;
}
.entry h4 {
clear:both;
margin:25px 0 5px 5px;
padding:2px 5px;
font-size:0.85em;
color:#999933;
line-height:125%;
border-left:#CCCC99 solid 5px;
}
.gaiyo {
margin:0;
padding:0;
}
.gaiyo p {
margin:15px 10px;
padding:0;
font-size:0.85em;
color:#660000;
}
.zairyo {
clear:both;
position:relative;
margin:10px 2px 10px 1px;
padding:10px;
border:#CCCCCC solid 5px;
overflow: hidden;
}
.zairyo:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .zairyo {
    height: 1em;
    overflow: visible;
}
/**/
.zairyo img {
float:left;
height:auto;
margin:0 20px 0 0;
padding:0;
}
.guide {
clear:both;
position:relative;
margin:10px 10px;
padding:0;
}
.guide img {
float:right;
width:10em;
height:auto;
margin:0 10px;
padding:5px 0;
}
.guide p {
clear:both;
margin:5px 0;
padding:5px 0 5px 0;
background:url(../img/pub/border-dotted.gif) repeat-x left top;
}


/* サイド
------------------ */
.cate {
margin:0;
padding:0;
}
.cate h5 {
margin:0 5px;
padding:20px 0 4px 48px;
font-size:0.8em;
color:#990000;
letter-spacing:0.1em;
background:url(../img/pub/side-pub-titletif.gif) no-repeat left top;
}
.cate ul {
margin:10px 0;
padding:0;
}
.cate li {
margin:2px 5px;
padding:2px 15px;
font-size:0.8em;
background:url(../img/pub/icon-list.gif) no-repeat left center;
}