@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日  :  2011-05-20
------------------------------------------------------------ */


/* Recipe Style
------------------------------------------------------------ */

.recipeNavi { margin-left: 10px; }
.recipeNavi li { float: left;  padding: 0 5px 0 0;  margin: 0; }
.recipeNavi li img {  vertical-align: bottom; }

.resipeFrame {
	background: url(/j/syokuiku/minna_navi/recipe/img/resipe_frame_bg.gif) repeat-y left top;
	padding: 0 30px 0 32px;
}

.resipeMemo1,
.resipeMemo2 { float: left; margin-right: 6px; }
.resipeMemo3 { float: left; }
.resipeMemo4 { float: left; }
.resipeMemo5 { float: right; }

.resipeMemo1,
.resipeMemo2,
.resipeMemo3 { background: url(/j/syokuiku/minna_navi/recipe/img/resipe_memo_bg1.gif) no-repeat left top; }
.resipeMemo4,
.resipeMemo5 { background: url(/j/syokuiku/minna_navi/recipe/img/resipe_memo_bg2.gif) no-repeat left top; }

.resipeMemo1 .memo,
.resipeMemo2 .memo,
.resipeMemo3 .memo { width: 150px; margin: 40px 17px 8px 15px; }
.resipeMemo4 .memo,
.resipeMemo5 .memo { width: 235px; margin: 40px 17px 8px 15px; }

.resipeIndex1 { float: left; margin-right: 8px; }
.resipeIndex2 { float: left; }
.resipeIndex3 { float: right; }

.resipeIndex1,
.resipeIndex2,
.resipeIndex3 {
	width: 181px;
	height: 337px;
	text-align: center;
	background: url(/j/syokuiku/minna_navi/recipe/img/resipe_bg.gif) no-repeat left top;
}

.resipeIndex1 .title,
.resipeIndex2 .title,
.resipeIndex3 .title { padding: 2px 0 18px 0; }

.resipeIndex1 .img,
.resipeIndex2 .img,
.resipeIndex3 .img { margin-bottom: 10px; }

.resipeIndex1 .text,
.resipeIndex2 .text,
.resipeIndex3 .text { margin-bottom: 12px; }


/* Resipe Common Style
------------------------------ */

.resipePoint {
	background: url(/j/syokuiku/minna_navi/recipe/img/resipe_menu_bg.gif) no-repeat;
	width: 620px;
	margin-bottom: 20px;
}

.resipePoint .photo {
	float: left;
	width: 332px;
	text-align: left;
	padding: 10px 24px 0 24px;
	margin: 0;
}

.resipePoint .point {
	background: url(/j/syokuiku/minna_navi/recipe/img/resipe_point_bg.gif) repeat-y;
	float: left;
	width: 225px;
	margin-top: 2px;
}

.resipePoint .point p { padding: 8px 15px 2px 15px; }


.resipeKoma {
	background: url(/j/syokuiku/minna_navi/recipe/img/resipe_koma_bg.gif) repeat-y;
	padding: 0 40px 0 40px;
}

.resipeKoma .koma { float: left; }
.resipeKoma .spec { float: right; padding-top: 40px; }

h3.resipe {
	width: 620px;
	background: url(/j/syokuiku/minna_navi/recipe/img/spec_title_bg.gif) no-repeat;
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 0 4px 10px;
	margin: 30px 0 20px 0;
}

.specLine { clear: both; height: 1px; }

.resipeMate { float: left; width: 297px; }
.resipeMake { float: right; width: 297px; }

.mateColor1 { background: #ffecd3; width: 297px; }
.mateColor2 { background: #ffffff; width: 297px; }

.resipeMate .name {
	float: left;
	width: 190px;
	text-align: left;
	padding: 4px 5px 3px 5px;
}

.resipeMate .mate {
	float: right;
	width: 80px;
	text-align: left;
	padding: 4px 5px 3px 5px;
}

.resipeMake .block {
	width: 297px;
	padding: 0;
	margin: 10px 0 5px 0;
}

.resipeMake .no {
	float: left;
	width: 30px;
	padding: 1px 0 10px 0;
}

.resipeMake .make {
	float: right;
	width: 251px;
	text-align: left;
	padding: 3px 5px 11px 0;
}

.resipe_manupage_spec_lblock_t2l {
	float: left;
	width: 15px;
	text-align: left;
	margin: 0;
	padding: 5px;
}

.resipe_manupage_spec_lblock_t2r {
	float: right;
	width: 265px;
	text-align: left;
	margin: 0;
	padding: 5px 0 0 5px;
}

.resipe_manupage_spec_lblock_t2r_l {
	float: left;
	width: 160px;
	text-align: left;
	margin: 0;
	padding: 1px 5px 1px 5px;
}

.resipe_manupage_spec_lblock_t2r_r {
	float: right;
	width: 80px;
	text-align: left;
	margin: 0;
	padding: 1px 5px 1px 5px;
}

.resipe_manupage_spec_lblock_t2_cb {
	clear: both;
	background: #cccccc;
	padding: 0;
	margin: 0;
}

.resipe_manupage_spec_lblock_t3l {
	float: left;
	width: 70px;
	text-align: left;
	margin: 0;
	padding: 5px;
}

.resipe_manupage_spec_lblock_t3r {
	float: right;
	width: 210px;
	text-align: left;
	margin: 0;
	padding: 5px 0 0 5px;
}

.resipe_manupage_spec_lblock_t3r_l {
	float: left;
	width: 110px;
	text-align: left;
	margin: 0;
	padding: 1px 5px 1px 5px;
}

.resipe_manupage_spec_lblock_t3r_r {
	float: right;
	width: 80px;
	text-align: left;
	margin: 0;
	padding: 1px 5px 1px 5px;
}

.resipe_manupage_spec_lblock_t3_cb {
	clear: both;
	background: #cccccc;
	padding: 0;
	margin: 0;
}


/* Healthy Style
------------------------------ */

.resipe_manupage_healthy_menu {
	width: 620px;
	background: url(/j/syokuiku/minna_navi/recipe/img/healthy_menubg.gif) no-repeat;
	text-align: center;
	margin-bottom: 20px;
}

.healthy_menu_photo {
	float: left;
	text-align: left;
	width: 350px;
	padding: 10px 0 0 24px;
}

.healthy_menu_menu {
	float: right;
	width: 240px;
	text-align: left;
}

.healthy_menu_menu ul { padding: 10px; }

.healthy_menu_menu li {
	background: url(/j/syokuiku/minna_navi/recipe/img/healthy_menu_point.gif) no-repeat left 4px;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
	padding: 0 0 0 16px;
	margin: 0 0 8px 0;
}

.healthy_menu_menu li a {
	font-size:14px;
	font-weight:bold;
	color: #993300;
	text-decoration:underline;
}

.healthy_menu_point_h {
	width: 580px;
	margin: 0 auto;
	padding: 0;
}

.healthy_menu_point {
	text-align: left;
	background: url(/j/syokuiku/minna_navi/recipe/img/healthy_point_bg.gif) repeat-y;
	width:580px;
	margin: 0 auto;
	padding: 0;
}

.healthy_menu_point p { padding: 8px 20px 10px 20px; }


/* Club Style
------------------------------ */

.clubImg { float: left; width: 250px; }
.clubTxt { float: right; width: 350px; margin-top: 13px; }
.clubTxt p { margin-left: 1px; }

.clubList { margin-bottom: 37px; }

.clubList li {
	background: url(/j/syokuiku/minna_navi/recipe/img/club_list_point.gif) no-repeat 17px;
	padding: 0 0 0 38px;
	margin: 0 0 11px 0;
}

.clubMemberPost {
	float: left;
	width: 80px;
	margin-bottom: 16px;
}

.clubMemberName {
	float: right;
	width: 530px;
	border-left: 1px solid #cccccc;
	padding-top: 1px;
	margin-bottom: 16px;
}

.clubMemberPost p { margin-left: 20px; }
.clubMemberName p { margin-left: 30px; }

.clubMemberName span.name {
	font-size: 125%;
	font-weight: bold;
	margin-right: 18px;
}

.clubMemberName span.frame1 { background: #f0d9d9; padding: 3px 11px 3px 11px; }
.clubMemberName span.frame2 { background: #d0deec; padding: 3px 11px 3px 11px; }

.clubMember { margin: 0 0 16px 20px; }

.clubMember span.name {
	font-size: 125%;
	font-weight: bold;
	margin-right: 18px;
}

.clubMember span.frame1 { background: #f0d9d9; padding: 3px 11px 3px 11px; }
.clubMember span.frame2 { background: #cae1d3; padding: 3px 11px 3px 11px; }
.clubMember span.frame3 { background: #f9e2b9; padding: 3px 11px 3px 11px; }
.clubMember span.frame4 { background: #e1dbc7; padding: 3px 11px 3px 11px; }
.clubMember span.frame5 { background: #d7e3ae; padding: 3px 11px 3px 11px; }

.clubFrame {
	background: url(/j/syokuiku/minna_navi/recipe/img/club_frame_bg.gif) no-repeat left top;
	border: solid 2px #cccccc;
}

.clubFrame p { padding: 24px 0 24px 20px; }

.clubFrame span.name {
	font-size: 125%;
	font-weight: bold;
}

.clubLine { clear: both; height: 19px; }