@charset "utf-8";

/*
  Summary: Recipe styless
  Created: 2008.5.18
  Last update: 2008.5.18
  Target Pages
  	/recipe.html
  
  Site URL: /css/design.css
  File name: design.css
  Author: mutsuki@CGFM
  Copyright:CGFM.jp
  
*/


/*
----------------------------------------------------------------------------- 
[2] recipe
----------------------------------------------------------------------------- */
#writers_header{
	position:relative;
	width:635px;
	height:65px;
	margin-bottom:10px;
	background:url(../img/recipe/writer_header.gif) no-repeat 0 0;
}
	#writers_header h1{
		padding:10px 0 0 15px;
		margin-bottom:5px;
		color:#fff;
		font-weight:bold;
	}
	#writers_header p{
		color:#fff;
		padding-left:15px;
	}
	#writers_header ul{
		left:283px;
		top:40px;
		position:absolute;
	}
		#writers_header ul li{
			float:left;
			width:81px;
			height:25px;
			margin-right:3px;
			text-align:center;
		}
			#writers_header ul li a{
				width:81px;
				height:25px;
				display:block;
				padding-top:3px;
				background:#fff url(../img/recipe/linkoff.gif) no-repeat 0 0;
			}
				#writers_header ul li.linknow a{
					background:#fff url(../img/recipe/linkon.gif) no-repeat 0 0;
				}

#recipe_main{
	position:relative;
}
	#photo_side{
		float:left;
		width:280px;
	}
	#recipe_text{
		float:right;
		width:345px;
	}
		#recipe_text h2{
			font-weight:bold;
			color:#300;
			font-size:1.4em;
			margin:5px 0;
		}
	#ingredient{
		padding-bottom:3px;
		margin-top:10px;
		background:url(../img/recipe/ingredient_end.gif) no-repeat bottom right;
	}
		#ingredient_text{
			border-right:1px solid #9ab;
			border-left:1px solid #9ab;
			padding:10px;
		}
table#recipe_ingredients_list{
	border-collapse: separate;
	border-spacing: 1px;
}
	table#recipe_ingredients_list td{
		padding:3px;
		border-top:1px solid #ddd;
	}
	table#recipe_ingredients_list #recipe_ingredients_header th{
		visibility:hidden;
		display:none;
	}
	
#readers_menu{
	background:#eee;
	padding:10px 10px 5px 10px;
	margin-top:10px;
}
	#readers_menu ul{
		margin-bottom:5px;
	}
		#readers_menu ul li{
			float:left;
			width:49%;
			display:block;
		}
	
#recipe_step{
	margin:10px 0;
}
	.step_base{
		width:210px;
		float:left;
	}
		.step_no{
			padding:3px 0 10px 4px;
			color:#fff;
			font-weight:bold;
			background:url(../img/recipe/no.gif) no-repeat 0 0;
		}
	.step_base p{
		margin-left:15px;
	}

.pg_waku{
	padding:10px;
	margin-bottom:10px;
	border:3px dotted #ccc;
}
	.pg_waku h2{
		font-size:1.2em;
		font-weight:bold;
		color:#300;
	}

/*--- form ---- */
form textarea#comment {
	padding:10px;
	width:560px; height:100px;
	background:#fff; border:1px solid #999;
}
form textarea#comment:focus {
	background:#ffe; border:1px solid #c90;
}

input#post_comment_submit{
	margin: 5px; padding:5px 15px;
	color:#fff;
	background:#300;
	border:0px solid #c90;
}
input#post_comment_submit:hover,
input#post_comment_submit:focus{
	color:#000;
	background:#f93;
}