/************************************************

  style.css
   - www.pakusuku.jp/recipe

   auth: Eri Suzuki
   date: 2011/03/17
   copyright(c) 2011 Prophet.co.,Ltd

************************************************/

/* レシピ投稿画面用CSS   					**********************************/
/* recipBox_g */
.recipBox_g_wrapper {
	width:							auto;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(../../img/bg_recipBox_g.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							10px 0px;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#B5DEB9 1px solid;
}
.recipBox_g_inner {margin-left:50px; _margin-left:0px;}
.recipTitle_g {background: url(../../img/bg_recipTitle_g_001.png) no-repeat left top;}
.recipeTitle_inner {
	margin-left:					50px;
	padding:						0 0 5px 0;
	color:							#26130a;
}

/* レシピ投稿　項目ブロック　*/
.recipeBloc {margin:30px 0; padding:0;}
/* レシピ投稿　項目説明　*/
h5 {
	font-size:						120%;
	background:						url(../../img/bg_caption_g.gif) repeat-x;
	padding:						5px 3px;
	margin:							5px 0;
}

/* レシピ投稿　画像表示用BOX */
.recipImg_outer {
	width:							300px/*320px;*/;
	margin:							5px 10px 5px /*50*/0px;
	_margin:						5px 10px 5px 25px;
	padding:						0px;
	float:							left;
}

.recipImg {
	/*margin:							5px 10px 5px 0px;
	_margin:						5px 10px 5px 25px;
	padding:						0px;*/
	width:							300px;
	height:							300px;
	background:						#ffffff;
	border:							solid 1px #DAC197;
	text-align:						center;
	display: 						table-cell;
	vertical-align:					middle;
}

/* レシピ投稿　データ表示用BOX */
.recipDb {width: /*500*/520px; float: right; margin: 5px 0px 5px 5px;}
/* レシピ投稿　データ入力テーブル　⇒base.css */

/* レシピ投稿　材料・道具入力用可変テーブル */
/* variable table */
table#variable {
	width:							100%;
	height:							auto;
}
td#variable_L {
	width:							50%;
	padding:						5px 15px 5px 0px;
	vertical-align:					top;
}
td#variable_R {
	width:							50%;
	padding:						5px 0px 5px 15px;
	vertical-align:					top;
}
table#zairyo, table#tool {
	width:							100%;
}
table#zairyo td, table#tool td {
	padding:						3px 5px;
	border-bottom: 					dotted 2px #dac197;
}

/* step */
table#step {
	border:							#B5DEB9 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}
table#step th {
	border:							#B5DEB9 1px dashed;
	background:						#dff3e1;
	padding:						4px 10px 4px 6px;
	text-align:						center;
}
table#step td {
	border-bottom:					#B5DEB9 1px dashed;
	background:						#ffffff;
	padding:						10px;
	vertical-align:					top;
}


/* レシピ詳細表示画面用CSS ＜入門＞  				**********************************/
/* レシピ詳細画面　レベル別h2スタイル */
h2.Lp {
	background:						url(../../img/bg_h2_Lp.gif) no-repeat;
	height:							32px;
	margin:							5px 0 10px 10px;
	padding:						26px 0px 10px 50px;
	color:							#481300;
	font-size:						140%;
}
h4.lineP {
	background:						url(../../img/bg_h3_p.gif);
	border:							none;
	padding:13px;
	font-size:						120%;
}
/* recipBox_p */
.recipBox_p_wrapper {
	width:							auto;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(../../img/bg_recipBox_p.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							0px 0px 10px 0;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#fbdae1 1px solid;
}
.recipBox_p_inner {margin-left:50px; _margin-left:0px;}
.recipTitle_p {background: url(../../img/bg_recipTitle_001.png) no-repeat left top;}
.recipeTitle_inner_p h3 {
	font-size:						150%;
	background:						url(../../img/bg_recipTitle_002.png) repeat-x left bottom;
	padding:						5px 3px;
	margin:							5px 0;
	margin-left:					50px;
}

/* step_PINK */
table#step_p {
	border:							#fbcfdc 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}

table#step_p th {
	border:							#fbcfdc 1px dashed;
	background:						#fdeeee;
	padding:						4px 10px 4px 6px;
	text-align:						center;
}

table#step_p td {
	border-bottom:					#fbcfdc 1px dashed;
	background:						#ffffff;
	padding:						10px;
	vertical-align:					top;
}


/* レシピ詳細表示画面用CSS ＜初級＞  				**********************************/
/* レシピ詳細画面　レベル別h2スタイル */
h2.Ly {
	background:						url(../../img/bg_h2_Ly.gif) no-repeat;
	height:							32px;
	margin:							5px 0 10px 10px;
	padding:						26px 0px 10px 50px;
	color:							#481300;
	font-size:						140%;
}
h4.lineY {
	background:						url(../../img/bg_h3_y.gif);
	border:							none;
	padding:13px;
	font-size:						120%;
}
/* recipBox_y */
.recipBox_y_wrapper {
	width:							auto;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(../../img/bg_recipBox_y.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							0px 0px 10px 0;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#FFD966 1px solid;
}
.recipBox_y_inner {margin-left:50px; _margin-left:0px;}
.recipTitle_y {background: url(../../img/bg_recipTitle_001.png) no-repeat left top;}
.recipeTitle_inner_y h3 {
	font-size:						150%;
	background:						url(../../img/bg_recipTitle_y_002.png) repeat-x left bottom;
	padding:						5px 3px;
	margin:							5px 0;
	margin-left:					50px;
}

/* step_YELLOW */
table#step_y {
	border:							#FFD966 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}

table#step_y th {
	border:							#FFD966 1px dashed;
	background:						#F9F6CB;
	padding:						4px 10px 4px 6px;
	text-align:						center;
}

table#step_y td {
	border-bottom:					#FFD966 1px dashed;
	background:						#ffffff;
	padding:						10px;
	vertical-align:					top;
}


/* レシピ詳細表示画面用CSS ＜中級＞  				**********************************/
/* レシピ詳細画面　レベル別h2スタイル */
h2.Lb {
	background:						url(../../img/bg_h2_Lb.gif) no-repeat;
	height:							32px;
	margin:							5px 0 10px 10px;
	padding:						26px 0px 10px 50px;
	color:							#481300;
	font-size:						140%;
}
h4.lineB {
	background:						url(../../img/bg_h3_b.gif);
	border:							none;
	padding:13px;
	font-size:						120%;
}
/* recipBox_b */
.recipBox_b_wrapper {
	width:							auto;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(../../img/bg_recipBox_b.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							0px 0px 10px 0;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#a9e6ff 1px solid;
}
.recipBox_b_inner {margin-left:50px; _margin-left:0px;}
.recipTitle_b {background: url(../../img/bg_recipTitle_001.png) no-repeat left top;}
.recipeTitle_inner_b h3 {
	font-size:						150%;
	background:						url(../../img/bg_recipTitle_b_002.png) repeat-x left bottom;
	padding:						5px 3px;
	margin:							5px 0;
	margin-left:					50px;
}

/* step_BLUE */
table#step_b {
	border:							#a9e6ff 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}

table#step_b th {
	border:							#a9e6ff 1px dashed;
	background:						#d8eefa;
	padding:						4px 10px 4px 6px;
	text-align:						center;
}

table#step_b td {
	border-bottom:					#a9e6ff 1px dashed;
	background:						#ffffff;
	padding:						10px;
	vertical-align:					top;
}


/* レシピ詳細表示画面用CSS ＜お手本＞  				**********************************/
/* レシピ詳細画面　レベル別h2スタイル */
h2.Li {
	background:						url(../../img/bg_h2_Li.gif) no-repeat;
	height:							32px;
	margin:							5px 0 10px 10px;
	padding:						26px 0px 10px 50px;
	color:							#481300;
	font-size:						140%;
}
h4.lineI {
	background:						url(../../img/bg_h3_i.gif);
	border:							none;
	padding:13px;
	font-size:						120%;
}
/* recipBox_i */
.recipBox_i_wrapper {
	width:							auto;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(../../img/bg_recipBox_i.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							0px 0px 10px 0;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#DCAA8D 1px solid;
}
.recipBox_i_inner {margin-left:50px; _margin-left:0px;}
.recipTitle_i {background: url(../../img/bg_recipTitle_001.png) no-repeat left top;}
.recipeTitle_inner_i {clear:both; background:url(../../img/bg_recipTitle_i_002.png) repeat-x left bottom;margin-left:50px; height:65px;}
.recipeTitle_inner_i h3 {
	font-size:						150%;
	background:						none;
	padding:						0px 3px;
	margin:							0px 0;
	height:56px;
}

h3.title_i {
	background:						url(/shared/img/img_recipBox_i_003.gif) no-repeat left top;
	padding:						0 0 0 75px;
}

/* step_IVORY */
table#step_i {
	border:							#DCAA8D 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}

table#step_i th {
	border:							#DCAA8D 1px dashed;
	background:						#FAF0D8;
	padding:						4px 10px 4px 6px;
	text-align:						center;
}

table#step_i td {
	border-bottom:					#DCAA8D 1px dashed;
	background:						#ffffff;
	padding:						10px;
	vertical-align:					top;
}

/* btn_box */
.btn_box_i {
	margin:5px;
	padding0;
}