p, br { clear: both; }

strong { font-size: 110%; color: #F0B325; }


/*
影つき写真 表示用　<div class="mark"><img class="shadow"></div>の形式
*/
.shadow{
    display: block;
    margin-bottom: 8px;
    padding: 5px; /* 画像枠 */
    background: #ffffff; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
   -moz-box-shadow: 3px 4px 3px #999999; /* 順にx-offset、y-offset、ぼかし半径、影の色。 */
-webkit-box-shadow: 3px 4px 3px #999999; /* Safari, Chrome用の記述。 */
}

/*
影つき写真 表示用 様々なパターン ↑上記以外使用していない
*/
/*
//ドロップシャドウに画像を使用するパターン。
//どのブラウザでも表示するが、フロートしてしまう欠点がある。
*/
.mark-gazo {
    margin: 10px 0 0 5px;
    background: url('shadow.gif') right bottom;
    float: left; /* 回り込み制御 */
}

.mark-gazo img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #f3f3f3; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
}

/*
//CSSでドロップシャドウ。画像フチ付き。
*/
.shadow-waku{
    display: block;
    margin-bottom: 8px;
    padding: 5px; /* 画像枠 */
    background: #ffffff; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
   -moz-box-shadow: 3px 4px 3px #999999; /* 順にx-offset、y-offset、ぼかし半径、影の色。 */
-webkit-box-shadow: 3px 4px 3px #999999; /* Safari, Chrome用の記述。 */
}

/*
//CSSでドロップシャドウ。枠線がないタイプ。ウォータマークとセットで使用。
//<div class="shadow"><img><img class="mark"></div>の形式
*/
img.shadow-nowaku{
    display: block;
    margin-bottom: 10px;
   -moz-box-shadow: 3px 4px 3px #999999; /* 順にx-offset、y-offset、ぼかし半径、影の色。 */
-webkit-box-shadow: 3px 4px 3px #999999; /* Safari, Chrome用の記述。 */
}

div.mark-nowaku {
  position: relative;
  display: block;
} 
img.mask-nowaku {
  position: absolute;
  top: 0;
  left: 0;
}


/* ----- Style for Ktai Entry ----- */
.photo {
    margin: 10px 0 0 5px;
    background: url('http://hareneko.tbo.jp/wp-content/themes/shadow.gif') right bottom;
    float: left; /* 回り込み制御 */
}
.photo img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #f3f3f3; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
}
.photo-end {
	clear:left;
}
/* ---------- */

/*
ソースコード 表示用
*/
pre {
    clear: both;
	font-family: Verdana, Arial, sans-serif;
	background:#ffffff none no-repeat top left;
	border:1px solid #333;
	color:#000000;
	font-size: 90%;
	letter-spacing:1px;
	line-height: 150%;
	margin: 1.5em 0 1.5em 25px;
	overflow: auto;
	*overflow-x: auto;
	*overflow-y: hidden;
	padding: 0.5em;
	*padding: 0.5em 0.5em 2em;
    width: 90%;
	*width: 90%;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}


/*
AA 表示用
*/
.aa { font:11px/1.2 Verdana,sans-serif; }


/*
ページナビ ページナビゲーションを数字タイル表示に変更 <?php wp_pagenavi(); ?>
*/
.navigation {
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.pagenavi {
text-align: center;
}
.pages{
}

/*
レシピテーブル
*/
table.recipe {
	padding-left:35px;

}

table.recipe td.zai {
	border-bottom:1px solid #E5E5E5;
	padding: 1px 0px;
	padding-left:5px;
}

table.recipe td.ryo {
	border-bottom:1px solid #E5E5E5;
	padding: 1px 0px;
	padding-right:5px;
	text-align:right;
	width:130px;
}