@charset "utf-8";
/*------------------------------------------------
 * タイトル：個別コンテンツ用ＣＳＳファイル
 * 説明    ：トップページ
 *
 * 著作権  ：
 *
-------------------------------------------------*/

/* 全体背景 */
div.wrapper {
	width: 600px;
	background: url(images/common/bgPattern.gif) top center repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* リンク設定 */
div#pageGohan a, div#pageGohan a:link, div#pageGohan a:visited {
	color: #4C2B1E;
	text-decoration: none;
	border-bottom: solid 1px transparent;
}

div#pageGohan a:hover {
	color: #A96240;
	text-decoration: none;
	border-bottom: solid 1px #A96240;
}

/* 一覧ページ */
div#recipeList {
	width: 350px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}

div#recipeList div.listRow {
	xxxmargin-bottom: 10px;
}

p.listNo {
	float: left;
	width: 68px;
	height: 36px;
	padding-top: 18px;
	background: url(images/common/bgRecipeNum.png) left top no-repeat;
	color: #4C2B1E;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

* html p.listNo {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/common/bgRecipeNum.png",sizingMethod="crop");
	background:none;
}


p.listTitle {
	float: right;
	width: 267px;
	margin-top: 18px;
	padding-left: 15px;
	text-align: left;
	color: #4C2B1E;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
}

div#pageGohan p.listTitle a, div#pageGohan p.listTitle a:link, div#pageGohan p.listTitle a:visited {
	color: #4C2B1E;
	text-decoration: none;
	border-bottom: solid 1px transparent;
}

div#pageGohan p.listTitle a:hover {
	color: #A96240;
	text-decoration: none;
	border-bottom: solid 1px #A96240;
}

p.listSepa {
	width: 326px;
	height: 9px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(images/common/imgRecipeSepa.png) left top no-repeat;
}

* html p.listSepa {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/common/imgRecipeSepa.png",sizingMethod="crop");
	background:none;
}

/* 前置き */
div#intro {
	width: 335px;
	margin-left: auto;
	margin-right: auto;
	font-size: 75%;
	text-align: left;
}

/* レシピのタイトル */

div#introTitle {
	height: 80px;
	background: url(images/common/bgRecipeTitle.gif) center top no-repeat;
	color: #ffffff;
	font-weight: bold;
}

div#introTitle p {
	color: #ffffff;
	font-weight: bold;
}

div#introTitle p#recipeNum {
	float: left;
	width: 66px;
	margin-top: -5px;
	line-height: 80px;
	text-align: center;
	font-size: 14px;
}

div#introTitleBody {
	float: right;
	margin-top: -1px;
}


div#introTitleBody p {    
	display: table-cell;
	vertical-align: middle;
} 

div#introTitleBody p#recipeDummy {
	width: 0px;
	height: 80px;
}

/*for IE6 */  
* html div#introTitleBody p {  
    display: inline;  
    zoom: 1;
}  

/*for IE7 */  
*:first-child+html div#introTitleBody p {  
    display: inline;  
    zoom: 1;
}  

div#introTitleBody p#recipeTitle {
	width: 218px;
	padding: 0 25px;
	line-height: 1.2;
	font-size: 20px;
}


/* 前置き本文 */
div#introBody {
	clear: both;
	position: relative;
}

div#introBody p {
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* 材料 */
div#ingre {
	width: 600px;
	margin-bottom: 30px;
	background: url(images/common/bgIngredients.png) top center no-repeat;
}

* html div#ingre {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/common/bgIngredients.png",sizingMethod="crop");
	background:none;
}

div#ingreBody {
	position: relative;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	font-size: 75%;
	text-align: left;
}

div#ingreBody p {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* 作り方 */
div#recipe {
	width: 600px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: url(images/common/bgRecipe.png) top center no-repeat;
}

* html div#recipe {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/common/bgRecipe.png",sizingMethod="crop");
	background:none;
}

div#recipeBody {
	position: relative;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	font-size: 75%;
	text-align: left;
}

div#recipeBody p {
	margin-top: 1em;
	xxxmargin-bottom: 1em;
	text-align: justify;
	text-justify: inter-ideograph;

}

p.goTop {
	clear: both;
	margin-right: 133px;
	margin-bottom: 30px;
	font-size: 75%;
	text-align: right;
}

/* フッター */
div#footer {
	clear: both;
	width: 600px;
	height: 50px;
	text-align: center;
	color: #5B3614;
}

div#subNavi ul {
	list-style: none;
}

div#subNavi li {
	display: inline;
	line-height: 20px;
	letter-spacing: normal;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;

	font-size: 80%;
}

div#subNavi a, div#subNavi a:link, div#subNavi a:visited {
	color: #5B3614;
	text-decoration: none;
	border-bottom: solid 1px transparent;
}

div#subNavi a:hover {
	color: #B26928;
	text-decoration: none;
	border-bottom: solid 1px #B26928;
}