@charset "shift_jis";

@import url(../css/common.css);
@import url(../css/basic.css);

/* ====================================================================

   Style Info: マメ知識
 
==================================================================== */

.line0 {
	font-size:0;
	line-height:0;
	}

.cl:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}


/* ---------------------------------------------
    麺ができるまで
----------------------------------------------*/

.production {
	width:585px;
	margin:5px auto 25px auto;
	padding-top:15px;
	}

.production_b {
	width:585px;
	margin:5px auto 0 auto;
	padding-top:15px;
	}

.production:after, .production_b:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}
	
	/* 写真 */
	.pd_photo { float:right; margin-left:10px; }
	
	/* 熊さんのコメント */
	.pd_come {
		background-color:#f5eed1;
		padding:15px 0;
		margin-top:15px;
		}

	.pd_come2 {
		width:585px;
		margin:0 auto;
		background-color:#f5eed1;
		padding:15px 0;
		}

		.pd_come p, .pd_come2 p {
			background:url(image/kuma1.gif) no-repeat left top; 
			color:#966e03;
			padding-left:65px;
			padding-top:5px;
			margin:0 15px;
			min-height:40px;
			}
		
		.pd_come2 p:after {
			content:"";
			display:block;
			height:0;
			clear:both;
			}
		
		.pd_come2 p img { float:right; margin:0 5px 5px 20px; }

/* ---------------------------------------------
    美味しい茹で方
----------------------------------------------*/

#boils_area {
	width:615px;
	margin-top:15px;
	background-color:#f5eed1;
	text-align:center;
	padding-bottom:25px;
	}
	
	#boils_area h3 { padding:20px 0 10px 0; }
	
	#boils {
		width:560px;
		margin:0 auto;
		}

	#boils:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}

/* STEP */
.bstep {
	width:280px;
	height:260px;
	float:left;
	text-indent:-9999px;
	}

#bstep1 { background:url(image/b_step1.gif) no-repeat left top; }
#bstep2 { background:url(image/b_step2.gif) no-repeat left top; }
#bstep3 { background:url(image/b_step3.gif) no-repeat left top; }
#bstep4 { background:url(image/b_step4.gif) no-repeat left top; }

#bstep5 {
	width:560px;
	height:204px;
	background:url(image/b_step5.jpg) no-repeat left top;
	text-indent:-9999px;
	clear:both;
	}


/* ---------------------------------------------
    レシピ　TOP
----------------------------------------------*/

.recipe_top { width:615px; padding-bottom:30px; }
.recipe_top h4 { font-size:0; line-height:0; padding-bottom:5px; }

.recipe_top ul {
	width:615px;
	list-style:none;
	margin-top:15px;
	}

.recipe_top ul:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

.recipe_top li {
	font-size:0;
	line-height:0;
	float:left;
	display:inline;
	}

/* ---------------------------------------------
    レシピ
----------------------------------------------*/

/* 準備するもの */
#recipe_preparation { padding-bottom:20px; }

/* 準備するもの(リンク付) */
.rp_link ul { list-style:none; }
.rp_link a {
	display:block;
	outline:none;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	}
.rp_link a span { display:none; }

/* 準備するもの(冷やし中華) */
#recipe_preparation09 {
	width:615px;
	height:290px;
	margin-bottom:20px;
	background:url(image/recipe/preparation09.jpg) no-repeat left top;
	position:relative;
	}
.rp09_01 a {
	position:absolute;
	width:63px; height:15px;
	top:100px; left:60px;
	}
.rp09_02 a {
	position:absolute;
	width:100px; height:15px;
	top:116px; left:60px;
	}
.rp09_03 a {
	position:absolute;
	width:52px; height:15px;
	top:133px; left:60px;
	}

/* 準備するもの(沖縄ソーキそば) */
#recipe_preparation10 {
	width:615px;
	height:290px;
	margin-bottom:20px;
	background:url(image/recipe/preparation10.jpg) no-repeat left top;
	position:relative;
	}
.rp10_01 a {
	position:absolute;
	width:50px; height:15px;
	top:100px; left:60px;
	}
.rp10_02 a {
	position:absolute;
	width:60px; height:15px;
	top:116px; left:60px;
	}
.rp10_03 a {
	position:absolute;
	width:75px; height:15px;
	top:133px; left:60px;
	}
.rp10_04 a {
	position:absolute;
	width:135px; height:15px;
	top:150px; left:60px;
	}

/* 準備するもの(きのこつけめん) */
#recipe_preparation11 {
	width:615px;
	height:290px;
	margin-bottom:20px;
	background:url(image/recipe/preparation11.jpg) no-repeat left top;
	position:relative;
	}
.rp11_01 a {
	position:absolute;
	width:88px; height:15px;
	top:100px; left:60px;
	}
.rp11_02 a {
	position:absolute;
	width:74px; height:15px;
	top:116px; left:60px;
	}

/* 準備するもの(ぶっかけ納豆月見うどん) */
#recipe_preparation12 {
	width:615px;
	height:290px;
	margin-bottom:20px;
	background:url(image/recipe/preparation12.jpg) no-repeat left top;
	position:relative;
	}
.rp12_01 a {
	position:absolute;
	width:88px; height:15px;
	top:100px; left:60px;
	}
.rp12_02 a {
	position:absolute;
	width:48px; height:15px;
	top:116px; left:60px;
	}


.recipe {
	width:615px;
	margin-top:15px;
	}
.recipe:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

	.recipe_stepno {
		width:70px;
		float:left;
		}
	
	.recipe_step {
		width:345px;
		float:left;
		padding-top:10px;
		background:url(image/recipe/yazi.gif) no-repeat center bottom;
		padding-bottom:40px;
		}
	.recipe_step0 {
		width:545px;
		float:left;
		padding-top:10px;
		background:url(image/recipe/yazi0.gif) no-repeat left bottom;
		padding-bottom:40px;
		}
	.recipe_stepc {
		width:545px;
		float:left;
		padding-top:10px;
		background:url(image/recipe/yazi.gif) no-repeat center bottom;
		padding-bottom:40px;
		}

	.recipe_step_end {
		width:345px;
		float:left;
		padding-top:10px;
		}
	.recipe_stepc_end {
		width:545px;
		float:left;
		padding-top:10px;
		}

		.recipe_step p img, .recipe_step_end p img,
		.recipe_step0 p img,
		.recipe_stepc p img, .recipe_stepc_end p img { vertical-align:middle; margin-right:10px; margin-bottom:3px; }
		.recipe_step p, .recipe_step_end p,
		.recipe_step0 p,
		.recipe_stepc p, .recipe_stepc_end p { color:#388b00; padding-top:5px; }

	.recipe_photo {
		width:180px;
		float:right;
		font-size:0;
		line-height:0;
		padding-top:12px;
		}

	.recipe_photo_ct { padding-top:15px; text-align:center; }

/* 熊さんのコメント */
.recipe_come {
	background-color:#f5eed1;
	padding:15px 0;
	margin-top:25px;
	}

	.recipe_come p {
		background:url(image/kuma1.gif) no-repeat left top; 
		color:#966e03;
		padding-left:65px;
		padding-top:5px;
		margin:0 15px;
		}

		.recipe_come p img { float:right; margin:0 5px 0 20px; }


/* ---------------------------------------------
    漫画レシピ
----------------------------------------------*/

.comic-list {
	background:url(image/comic/list_bg.gif) repeat-y left top;
	padding-bottom:20px;
	margin-bottom:35px;
	padding-left:9px;
	}

.comic-list ul {
	width:597px;
	margin:0 auto;
	list-style:none;
	}

.comic-list li {
	width:282px;
	float:left;
	margin-left:11px;
	margin-top:11px;
	display:inline;
	}

.comic-list li a {
	background:url(image/comic/lm.gif) no-repeat 10px 9px;
	border:2px solid #5d9b00;
	background-color:#fff;
	display:block;
	padding:8px 12px 8px 34px;

	border-radius:5px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	}

.comic-list li a,
.comic-list li a:visited { color:#191919; text-decoration:none; }
.comic-list li a:hover {
	color:#388b00;
	text-decoration:underline;
	background:url(image/comic/lm_on.gif) no-repeat 10px 9px;
	background-color:#fff;
	padding-left:36px;
	}


.comic-pm {
	position:relative;
	}

.comic-pm .pri_bt {
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	}

.comic {
	text-align:center;
	}