@charset "utf-8";
/* CSS Document */


/*---------------------------------------------

landing

---------------------------------------------*/

.matching_macrobiotics {
width: 683px;
height: 421px;
display: block;
position: relative;
background: url(/themes/shot/images/macrobiotics/game/bg_game.png) top left no-repeat;
margin-bottom: 33px;
}

.game_description {
position: absolute;
display: block;
width: 254px;
top: 22px;
right: 24px;
color: #FFF;
line-height: 1.5 !important;
}

.question_box div {
position: absolute;
display: block;
left: 388px;
}
  *:first-child+html .question_box div {
  left: 384px;
  }
	.question_01 {
	top: 148px;
	}
		*:first-child+html .question_01 {
		top: 144px;
		}
	.question_02 {
	top: 242px;
	}
		*:first-child+html .question_02 {
		top: 238px;
		}
	.question_03 {
	top: 338px;
	}
		*:first-child+html .question_03 {
		top: 334px;
		}

.answer_box div {
position: absolute;
display: block;
left: 462px;
}
  *:first-child+html .answer_box div {
  left: 458px;
  }
	.answer_01 {
	top: 158px;
	}
		*:first-child+html .answer_01 {
		top: 154px;
		}
	.answer_02 {
	top: 253px;
	}
		*:first-child+html .answer_02 {
		top: 249px;
		}
	.answer_03 {
	top: 348px;
	}
		*:first-child+html .answer_03 {
		top: 344px;
		}

.btn_submit {
position: absolute;
display: block;
width: 61px;
height: 38px;
bottom: 6px;
right: 5px;
cursor: pointer;
}


/*---------------------------------------------

result

---------------------------------------------*/

.recipe_macrobiotics {
width: 683px;
margin-left: -20px;
}

.header {
height: 59px;
}

.result {
height: 57px;
}

.recipe_wrapper {
width: 100%;
padding: 257px 0px 0px 0px;
}
  *:first-child+html .recipe_wrapper {
  padding-bottom: 30px;
  }
	.tofu {
	background: #FFF url(/themes/shot/images/macrobiotics/game/tofu.jpg) left top no-repeat;
	}
	.eggplants {
	background: #FFF url(/themes/shot/images/macrobiotics/game/eggplants.jpg) left top no-repeat;
	}
	.walnuts {
	background: #FFF url(/themes/shot/images/macrobiotics/game/walnuts.jpg) left top no-repeat;
	}

.recipe_wrapper h2 {
font-size: 18px !important;
font-weight: bold;
color: #6A4F2B;
margin: 0px 0px 17px 31px !important;
}

ul.ingredients {
display: block;
float: left;
width: 213px;
margin-left: 31px;
margin-bottom: 30px;
}
	ul.ingredients li {
	padding: 4px 0px;
	width: 100%;
	background: url(/themes/shot/images/macrobiotics/game/bg_ingredients.png) left bottom no-repeat;
	position: relative;
	line-height: 160%;
	}
		ul.ingredients li.first {
		padding: 0px;
		height: 19px;
		background: url(/themes/shot/images/macrobiotics/game/ingredients.png) left bottom no-repeat;
		}
		.amount {
		position: absolute;
		top: 4px;
		right: 0px;
		text-align: right;
		color: #666;
		font-size: 10px;
		}

ul.howtocook {
display: block;
float: left;
width: 245px;
margin-left: 23px;
}
	ul.howtocook li {
	padding: 4px 0px;
	width: 100%;
	background: url(/themes/shot/images/macrobiotics/game/bg_recipe.png) left bottom no-repeat;
	line-height: 160%;
	}
		ul.howtocook li.first {
		padding: 0px;
		height: 19px;
		background: url(/themes/shot/images/macrobiotics/game/recipe.png) left bottom no-repeat;
		}

.inside_banner {
width: 142px;
float: right;
margin-right: 18px;
padding-top: 19px;
}