td {
	font-size:				17px;
}

img {
	border:					0;
}

/* 一言メッセージ改行 */
pre {
	overflow:				auto;
	white-space:			pre-wrap;
	word-wrap:				break-word;
}

*.parameter {
	position:absolute;		top:6px; left:93px;
	width:					220px;
	height:					120px;
	line-height:			100%;
	font-size:				16px;
	color:					#8d1e03;
}

input {
	font-size:				20px;
}

select {
	font-size:				20px;
}

/* レシピ用 */
.button {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					14px / 1em , sans-serif;
	text-align:				center; 
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					74px;
	white-space:			nowrap;
	margin:					0px;
	padding:				10px 1px 13px 1px;
	display:				inline-block;
	border-radius:			20px 20px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius:	20px 20px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius:		20px 20px 0px 0px / 10px 10px 0px 0px;
	border:					1px solid #d2691e;

	/* 色設定 */
	color:					#ffffff;
	background:				#ff7519;
	box-shadow:				inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
}

 /* レシピ用 */
.button_use {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					14px / 1em , sans-serif;
	text-align:				center; 
	/*
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;
	*/

	/* ボタンのレイアウト */
	width:					74px;
	white-space:			nowrap;
	margin:					0px;
	padding:				10px 1px 13px 1px;
	display:				inline-block;
	border-radius:			20px 20px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius:	20px 20px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius:		20px 20px 0px 0px / 10px 10px 0px 0px;
	border:					1px solid #FFDE00;

	/* 色設定 */
	color:					#ffffff;
	background:				#FFA019;
	box-shadow:				inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
}

/* イベントレシピ用 */
.button_ev {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					14px / 1em , sans-serif;
	text-align:				center; 
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					101px;
	white-space:			nowrap;
	margin:					0px;
	padding:				10px 1px 13px 1px;
	display:				inline-block;
	border-radius:			20px 20px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius:	20px 20px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius:		20px 20px 0px 0px / 10px 10px 0px 0px;
	border:					1px solid #d2691e;

	/* 色設定 */
	color:					#ffffff;
	background:				#ff7519;
	box-shadow:				inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
}

 /* イベントレシピ用 */
.button_ev_use {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					14px / 1em , sans-serif;
	text-align:				center; 
	/*
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;
	*/

	/* ボタンのレイアウト */
	width:					101px;
	white-space:			nowrap;
	margin:					0px;
	padding:				10px 1px 13px 1px;
	display:				inline-block;
	border-radius:			20px 20px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius:	20px 20px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius:		20px 20px 0px 0px / 10px 10px 0px 0px;
	border:					1px solid #FFDE00;

	/* 色設定 */
	color:					#ffffff;
	background:				#FFA019;
	box-shadow:				inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */
							rgba(0,0,0,0.2) 0 2px 0px;				/* drop shadow */
}

/* 果実用 */
.btn {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					16px / 1em , sans-serif;
	text-align:				center; 
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					72px;
	white-space:			nowrap;
	margin:					1px;
	padding:				9px 1px 9px 1px;
	display:				inline-block;
	border-radius:			20px 6px 20px 6px / 20px 6px 20px 6px;
	-webkit-border-radius:	20px 6px 20px 6px / 20px 6px 20px 6px;
	-moz-border-radius:		20px 6px 20px 6px / 20px 6px 20px 6px;
	border:					1px solid #003308;

	/* 色設定 */
	color:					#ffffff;
	background:				#00cc22;
	box-shadow:				inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
}

/* 果実用 */
.btn_use {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					16px / 1em , sans-serif;
	text-align:				center; 
	text-shadow:			1px 1px 1px rgba(255,255,255,0.3);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					72px;
	white-space:			nowrap;
	margin:					1px;
	padding:				9px 1px 9px 1px;
	display:				inline-block;
	border-radius:			20px 6px 20px 6px / 20px 6px 20px 6px;
	-webkit-border-radius:	20px 6px 20px 6px / 20px 6px 20px 6px;
	-moz-border-radius:		20px 6px 20px 6px / 20px 6px 20px 6px;
	border:					1px solid #003308;

	/* 色設定 */
	color:					#004c0b;
	background:				#8ecc99;
	box-shadow:				inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
}

/* 果実用 横2倍 */
.btn2 {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					16px / 1em , sans-serif;
	text-align:				center; 
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					133px;
	white-space:			nowrap;
	margin:					1px;
	padding:				9px 1px 9px 1px;
	display:				inline-block;
	border-radius:			20px 6px 20px 6px / 20px 6px 20px 6px;
	-webkit-border-radius:	20px 6px 20px 6px / 20px 6px 20px 6px;
	-moz-border-radius:		20px 6px 20px 6px / 20px 6px 20px 6px;
	border:					1px solid #003308;

	/* 色設定 */
	color:					#ffffff;
	background:				#00cc22;
	box-shadow:				inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
}

/* 果実用 横2倍 */
.btn_use2 {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					16px / 1em , sans-serif;
	text-align:				center; 
	text-shadow:			1px 1px 1px rgba(255,255,255,0.3);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					133px;
	white-space:			nowrap;
	margin:					1px;
	padding:				9px 1px 9px 1px;
	display:				inline-block;
	border-radius:			20px 6px 20px 6px / 20px 6px 20px 6px;
	-webkit-border-radius:	20px 6px 20px 6px / 20px 6px 20px 6px;
	-moz-border-radius:		20px 6px 20px 6px / 20px 6px 20px 6px;
	border:					1px solid #003308;

	/* 色設定 */
	color:					#004c0b;
	background:				#8ecc99;
	box-shadow:				inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 2px 4px 4px,	/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
}

/* 文字スクロール用 */
.loop {
	overflow:				hidden;
	overflow:				-webkit-marquee;
	display:				-wap-marquee;
	-wap-marquee-loop:		infinite;
	white-space:			nowrap;
	width:					100%;
	border:					solid 0px;
}

 /* 空びんでパン種つくり */
.empty_btn {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					18px bolder , sans-serif;
	text-align:				center;
	text-shadow:			 1px  1px 2px #ffffff,	/*右下*/
							 1px -1px 2px #ffffff,	/*右上*/
							-1px -1px 2px #ffffff,	/*左上*/
							-1px  1px 2px #ffffff,	/*左下*/
							 1px  0px 2px #ffffff,	/*右*/
							-1px  0px 2px #ffffff,	/*左*/
							 0px  1px 2px #ffffff,	/*下*/
							 0px -1px 2px #ffffff;	/*上*/
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	margin:					2px;
	padding:				4px 13px 4px 13px;
	display:				inline-block;
	border-radius:			6px;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border:					2px solid #1a0700;

	/* 色設定 */
	color:					#0000cd;
	background:				#afeeee;
	box-shadow:				inset rgba(255,254,255,0.6) 0 5px 5px,		/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,		/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,		/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
}

/* チュートリアル使用 */
.pan_btn {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					20px bolder , sans-serif;
	text-align:				center;
	text-shadow:			 1px  1px 2px #ffffff,	/*右下*/
							 1px -1px 2px #ffffff,	/*右上*/
							-1px -1px 2px #ffffff,	/*左上*/
							-1px  1px 2px #ffffff,	/*左下*/
							 1px  0px 2px #ffffff,	/*右*/
							-1px  0px 2px #ffffff,	/*左*/
							 0px  1px 2px #ffffff,	/*下*/
							 0px -1px 2px #ffffff;	/*上*/
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					133px;
	white-space:			nowrap;
	margin:					2px;
	padding:				4px 13px 4px 13px;
	display:				inline-block;
	border-radius:			6px;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border:					2px solid #331f11;

	/* 色設定 */
	color:					#590f00;
	background:				#fedd7a;
	box-shadow:				inset rgba(255,254,255,0.6) 0 5px 5px,		/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,		/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,		/* inner shadow */ 
							rgba(0,0,0,0.4) 0 2px 1px;					/* drop shadow */
}

/* ▼未使用▼ */
.bakery_btn {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					16px / 1em , sans-serif;
	font-weight:			600;
	text-align:				center; 
	text-shadow:			 1px  1px 2px #ffffff,	/* 右下 */
							 1px -1px 2px #ffffff,	/* 右上 */
							-1px -1px 2px #ffffff,	/* 左上 */
							-1px  1px 2px #ffffff,	/* 左下 */
							 1px  0px 2px #ffffff,	/* 右 */
							-1px  0px 2px #ffffff,	/* 左 */
							 0px  1px 2px #ffffff,	/* 下 */
							 0px -1px 2px #ffffff;	/* 上 */
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					72px;
	white-space:			nowrap;
	margin:					1px;
	padding:				4px 0.1em 4px 0.1em;
	display:				inline-block;
	border-radius:			1px;
	-webkit-border-radius:	1px;
	-moz-border-radius:		1px;
	border:					2px solid #6c4225;
	border-left:			6px double #6c4225;
	border-right:			6px double #6c4225;

	/* 色設定 */
	color:					#590f00;
	background:				#fedd7a;
	box-shadow:				inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */ 
							rgba(0,0,0,0.1) 0 1px 1px;				/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */ 
							rgba(0,0,0,0.1) 0 1px 1px;				/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */ 
							rgba(0,0,0,0.1) 0 1px 1px;				/* drop shadow */
}

.bakery_btn_use {
	/* ボタンの文字 */
	text-decoration:		none;
	font:					16px / 1em bolder , sans-serif;
	font-weight:			600;
	text-align:				center; 
	text-shadow:			-1px -1px 1px rgba(255,255,255,0.9),
							 1px  1px 1px rgba(0,0,0,0.5);
	-webkit-user-select:	none;
	-moz-user-select:		none;
	user-select:			none;

	/* ボタンのレイアウト */
	width:					72px;
	white-space:			nowrap;
	margin:					1px;
	padding:				4px 0.1em 4px 0.1em;
	display:				inline-block;
	border-radius:			2px;
	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
	border:					2px solid #6c4225;
	border-left:			6px double #6c4225;
	border-right:			6px double #6c4225;

	/* 色設定 */
	color:					#590f00;
	background:				#cca328;
	box-shadow:				inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */ 
							rgba(0,0,0,0.1) 0 1px 1px;				/* drop shadow */
	-webkit-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */ 
							rgba(0,0,0,0.1) 0 1px 1px;				/* drop shadow */
	-moz-box-shadow:		inset rgba(255,254,255,0.6) 0 5px 5px,	/* inner shadow */ 
							rgba(0,0,0,0.1) 0 1px 1px;				/* drop shadow */
}

/* レシピノート用タブ(ON) */
.recipe_tab_on {
	/* テキスト */
	font-size:				16px;
	color:					#ffffff;
	text-align:				center;
	text-decoration:		none;
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	user-select:			none;
	-webkit-user-select:	none;
	-moz-user-select:		none;

	/* ボタンレイアウト */
	display:				inline-block;
	margin:					0px;
	padding:				10px 1px 11px 1px;
	width:					76px;
	white-space:			nowrap;
	background:				#00cc33;
	border-radius:			16px 16px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius:	16px 16px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius:		16px 16px 0px 0px / 10px 10px 0px 0px;
	border:					1px solid #006600;
	border-bottom:			none;
	box-shadow:				inset rgba(255,255,255,0.6) 0 5px 5px;
	-webkit-box-shadow:		inset rgba(255,255,255,0.6) 0 5px 5px;
	-moz-box-shadow:		inset rgba(255,255,255,0.6) 0 5px 5px;
}

/* レシピノート用タブ(OFF) */
.recipe_tab_off {
	/* テキスト */
	font-size:				16px;
	color:					#bbbbbb;
	text-align:				center;
	text-decoration:		none;
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	user-select:			none;
	-webkit-user-select:	none;
	-moz-user-select:		none;

	/* ボタンレイアウト */
	display:				inline-block;
	margin:					0px;
	padding:				10px 1px 10px 1px;
	width:					76px;
	white-space:			nowrap;
	background:				#009933;
	border-radius:			16px 16px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius:	16px 16px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius:		16px 16px 0px 0px / 10px 10px 0px 0px;
	border:					1px solid #006600;
	box-shadow:				inset rgba(255,255,255,0.6) 0 5px 5px;
	-webkit-box-shadow:		inset rgba(255,255,255,0.6) 0 5px 5px;
	-moz-box-shadow:		inset rgba(255,255,255,0.6) 0 5px 5px;
}

/* 左向き矢印のようなもの */
.arrow_left {
	position:				relative;
	padding:				4px 13px 4px 14px;
	color:					#ffffff;
	font-size:				17px;
	text-align:				center;
	text-decoration:		none;
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	background:				#00cc33;
	border:					1px solid #006600;
	border-radius:			26px 6px 6px 26px;
	-webkit-border-radius:	26px 6px 6px 26px;
	-moz-border-radius:		26px 6px 6px 26px;
	user-select:			none;
	-webkit-user-select:	none;
	-moz-user-select:		none;
	box-shadow:				inset rgba(255,255,255,0.6) 0 5px 5px;
	-webkit-box-shadow:		inset rgba(255,255,255,0.6) 0 5px 5px;
	-moz-box-shadow:		inset rgba(255,255,255,0.6) 0 5px 5px;
}

/* 右向き矢印のようなもの */
.arrow_right {
	position:				relative;
	padding:				4px 14px 4px 13px;
	color:					#ffffff;
	font-size:				17px;
	text-align:				center;
	text-decoration:		none;
	text-shadow:			1px 1px 1px rgba(0,0,0,0.6);
	background:				#00cc33;
	border:					1px solid #006600;
	border-radius:			6px 26px 26px 6px;
	-webkit-border-radius:	6px 26px 26px 6px;
	-moz-border-radius:		6px 26px 26px 6px;
	user-select:			none;
	-webkit-user-select:	none;
	-moz-user-select:		none;
	box-shadow:				inset rgba(255,255,255,0.6) 0 5px 5px;
	-webkit-box-shadow:		inset rgba(255,255,255,0.6) 0 5px 5px;
	-moz-box-shadow:		inset rgba(255,255,255,0.6) 0 5px 5px;
}