@charset "utf-8";

table.recipe-title{
	width:720px;
	}
	

div.bn01{
	width:720px;
	background: url(../recipe/img_bn01/bn_01.jpg) repeat-y;	
	}

table.main{
	width:640px;
	margin:15px 40px 25px 40px;
	}

.v-top{
	vertical-align:top;
	}
	
.right{
	text-align:right;
	}

	
/* text space*/
.tex_recipe{
	padding:10px 0;
	}

.tex_recipe2{
	padding:0 8px;
	}

.tex_recipe3{
	padding:0 15px 15px 15px;
	}
	
.tex_recipe4{
	padding:3px 0;
	}

/* howto*/
.howto_use{
	width:400px;
}
.howto_use th{
	vertical-align:top;
	padding-right: 8px;
}
.howto_use td{
	vertical-align:top;
	padding-bottom:20px;
}

.pro-explain{
	margin:0 0 15px 15px;
	padding:5px;
	background-color: #FBF6E9;
	}
	
.txt-green{
	color: #4E7D2C;
	font-weight: bold;
}


/* bn02 */
	
div.bn02{
	width:720px;
	background: url(../recipe/img_bn02/bn_01.jpg) repeat-y;	
	}
	
.txt-yellowgreen{
	color: #B7A338;
	font-weight: bold;
}

table.sub{
	width:500px;
	margin:15px 0 25px 40px;
	}
	
table.sub td.sub-box01{
	padding:0 0 0 10ßpx;
	width:500px;
	border-left:#666666 solid 1px;
	border-right:#666666 solid 1px;
	}
	
table.sub td.sub-box02{
	padding:0 0 5px 10px;
	width:500px;
	border-left:#666666 solid 1px;
	border-right:#666666 solid 1px;
	border-bottom:#666666 solid 1px;
	}
	
/* bn03 */
div.bn03{
	width:720px;
	background: url(../recipe/img_bn03/bn_01.jpg) repeat-y;	
	}
	
.txt-red01{
	color: #AC544B;
	font-weight: bold;
}


/* bn04 */
div.bn04{
	width:720px;
	background: url(../recipe/img_bn04/bn_01.jpg) repeat-y;	
	}
	
.txt-red01{
	color: #AC544B;
	font-weight: bold;
}

/* bn05 */
div.bn05{
	width:720px;
	background: url(../recipe/img_bn05/bn_01.jpg) repeat-y;	
	}



.txt-green05{
	color: #75AF63;
	font-weight: bold;
}

.pro-explain05{
	margin:0 0 15px 15px;
	padding:5px;
	background-color: #FFFFE7;
	}
	
.pro-explain05-2{
	margin:0 0 15px 0;
	padding:5px;
	background-color: #FFFFE7;
	}
	
/* bn06 */
div.bn06{
	width:720px;
	background: url(../recipe/img_bn06/bn_01.jpg) repeat-y;	
	}

.txt-blue06{
	color: #759ABC;
	font-weight: bold;
}

.pro-explain06{
	margin:0 0 15px 15px;
	padding:5px;
	background-color: #FFFFE7;
	}
	
.pro-explain06-2{
	margin:0 0 15px 0;
	padding:5px;
	background-color: #FFFFE7;
	}
	
/* teabn01 */	

table.tea-main{
	width:695px;
	margin:10px 0 20px 10px;
	}
	
	
table.tea-main td.btn{
	vertical-align:bottom;
	text-align:right;
	}
	
table.tea-sub{
	padding:0;
	width:695px;
	margin:0 0 20px 10px;
	background-color:#FDFAF0;
	}
	
table.tea-sub td.c1{
	vertical-align:top;
	padding:0 0 30px 30px;
	font-size:11px;
	}
	
table.tea-sub td.c2{
	vertical-align:top;
	padding:0 0 0 10px;
	font-size:11px;
	}
	
table.tea-sub td.c3{
	vertical-align:top;
	padding:0 0 0 10px;
	font-size:11px;
	}
			
table.tea-sub td.c4{
	width:415px;
	vertical-align:top;
	padding:15px 20px 20px 25px;
	
	}
	
table.tea-sub td.c4 td{
	vertical-align:top;
	padding:0 0 15px 0;
}

table.jam-main{
	width:695px;
	margin:0 0 20px 10px;
	background-color:#FFF6F0;
	}
	
table.jam-main td.c1{
	vertical-align:top;
	padding:0;
	font-size:11px;
	}
	
table.jam-main td.c2{
	vertical-align:top;
	padding:0 0 30px 30px;
	font-size:11px;
	}
	
table.jam-main td.c2 td{
	vertical-align:top;
	padding:0 0 15px 0;
	}
	
	
.tea-exp-01{
	background-color: #FFFFFF;
	font-size:11px;
	margin:0 25px 10px 0;
	padding:8px;
	}
	
.tea-exp-02{
	width:195px;
	background-color: #FFFFFF;
	font-size:11px;
	margin:0 0 10px 0;
	padding:8px;
	}
	
.tea-exp-03{
	width:180px;
	background-color: #FFFFFF;
	font-size:11px;
	margin:0 0 10px 0;
	padding:8px;
	}

	
/*bn09*/
.bn09-01{
	background-color:#F9F5E4;
}

/*bn11*/
.text_bn11 {color:#1C9DB2; font-weight:bold;}
.c_bn11 {color:#FDB482;}

/*bn12*/
.text_bn12 {color:#EF7400; font-weight:bold;}
.text_bn12_2 {color:#EF7400;}
.c_bn12 {color:#FDB482;}

/*how to bn07-12共通*/
table.howto{width:695px; margin-left:10px; background:#F9F5E4;}
table.howto2{width:695px; margin-left:10px; background:#FBF7E6;}
table.howto td.c1, table.howto2 td.c1{
	vertical-align:top;
	padding:0 0 30px 25px;
	font-size:11px;
	}

table.howto td.c2, table.howto2 td.c2{
	vertical-align:top;
	padding:0 0 0 10px;
	font-size:11px;
	}
	
table.howto td.c3, table.howto2 td.c3{
	vertical-align:top;
	padding:0 0 0 20px;
	font-size:11px;
	}
	
table.howto2 td.c3{
	vertical-align:top;
	padding:0 0 0 0px;
	font-size:11px;
	}

table.howto td.c4, table.howto2 td.c4{
	width:397px;
	vertical-align:top;
	padding:15px 10px 20px 25px;
	}
table.making td{padding-bottom:10px;}
	
td.tealink{padding-left:20px;}


/*-------------Release date-------------*/
.bnav{
position:relative;
}
.bnav .releaseDate{
position:absolute;
right:0;
}