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

enjoy.css

1: common setting
2: common parts
3: page detail
99: extra

***************************************************** */

/*1: common setting
=========================================*/



/*2: common parts
=========================================*/

/* ==================================
heading
================================== */

/* h1 design */
body.faq div#contents .heading01 {
	margin-bottom: 40px;
}


/*3: page detail
=========================================*/

/* ==================================
index.html
================================== */

/* schoolBlock */
div#contents .schoolBlock {
	clear: both;
	margin-top: 20px;
	padding: 4px;
	border: 1px solid #f7c94d;
	background: url(/enjoy/images/index_bg001.gif) no-repeat 0 0;
}
div#contents .schoolBlock h3 {
	float: left;
}
div#contents .schoolBlock ul {
	float: right;
}


/* ==================================
cm.html
================================== */

/* cmBlock */
div#contents div.cmBlock {
	margin-top: 20px;
	padding: 13px;
	border: 2px solid #ddd5b7;
	background: #ffffff;
}
div#contents div.cmBlock .photo {
	float: left;
	margin-right: 15px;
}
div#contents div.cmBlock .detail {
	position: relative;
	overflow: hidden;
	zoom: 1;
}
div#contents div.cmBlock .detail h2 {
	padding: 7px 13px;
	border-top: 3px solid #c87100;
	background: #fcf3e4;
}
div#contents div.cmBlock .detail dl {
	margin-top: 10px;
}
div#contents div.cmBlock .detail dl.special {
	padding-right: 180px;
}
div#contents div.cmBlock .detail dl dt {
	clear: both;
	float: left;
	margin-top: 2px;
	color: #6a3011;
}
div#contents div.cmBlock .detail dl dd {
	float: none;
	margin-top: 2px;
}
* html div#contents div.cmBlock .detail dl dd { /* for IE6 hacks */
	float: none;
}
div#contents div.cmBlock .detail .specialBtn {
	position: absolute;
	top: 29%;
	right: 0;
}
div#contents div.cmBlock .detail .cmBtn {
	clear: both;
	margin-top: 25px;
}

/* pluginBox */
body.cm div#contents div.pluginBox {
	margin-top: 100px;
}

/* ==================================
omisogadekirumade.html
================================== */
/* coda-slider */
.sliderWrapper {
	clear: both;
	width: 690px;
	height: 570px;
	overflow: hidden;
}
.coda-slider {
	width: 686px;
	float: left;
	overflow: hidden;
	position: relative;
}
.coda-slider .panel-container {
	position: relative;
}
div#contents div#slideImage {
	clear: both;
	margin-top: 10px;
	border: 2px solid #ddd5b7;
	background: #fcf3e4;
}
div#contents div#slideImage a {
	overflow: hidden;
}
* html div#contents div#slideImage {
	margin-top: -10px;
}
*:first-child+html div#contents div#slideImage {
	margin-top: -10px;
}
/* coda-slider slideNav */
.slideNav ul	{
	margin-top: 20px;
}
.slideNav ul li a {
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0;
	height: 32px;
	float: left;
	overflow: hidden;
}
* html .slideNav ul li {
	text-indent: -9999px;
	font-side: 0;
	display: inline;
	margin: 0;
	padding: 0;
	height: 32px;
	float: left;
}
*:first-child+html .slideNav ul li {
	text-indent: -9999px;
	font-side: 0;
	display: inline;
	margin: 0;
	padding: 0;
	height: 32px;
	float: left;
}
.slideNav ul li.tab1 a {
	width: 139px;
	background: url(/enjoy/images/omisogadekirumade_bt001.gif) no-repeat left top;
}
.slideNav ul li.tab1 a:hover,
.slideNav ul li.tab1 a.current {
	background: url(/enjoy/images/omisogadekirumade_bt001on.gif) no-repeat left top;
}
.slideNav ul li.tab2 a {
	width: 81px;
	background: url(/enjoy/images/omisogadekirumade_bt002.gif) no-repeat left top;
}
.slideNav ul li.tab2 a:hover,
.slideNav ul li.tab2 a.current {
	background: url(/enjoy/images/omisogadekirumade_bt002on.gif) no-repeat left top;
}
.slideNav ul li.tab3 a {
	width: 83px;
	background: url(/enjoy/images/omisogadekirumade_bt003.gif) no-repeat left top;
}
.slideNav ul li.tab3 a:hover,
.slideNav ul li.tab3 a.current {
	background: url(/enjoy/images/omisogadekirumade_bt003on.gif) no-repeat left top;
}
.slideNav ul li.tab4 a {
	width: 94px;
	background: url(/enjoy/images/omisogadekirumade_bt004.gif) no-repeat left top;
}
.slideNav ul li.tab4 a:hover,
.slideNav ul li.tab4 a.current {
	background: url(/enjoy/images/omisogadekirumade_bt004on.gif) no-repeat left top;
}
.slideNav ul li.tab5 a {
	width: 137px;
	background: url(/enjoy/images/omisogadekirumade_bt005.gif) no-repeat left top;
}
.slideNav ul li.tab5 a:hover,
.slideNav ul li.tab5 a.current {
	background: url(/enjoy/images/omisogadekirumade_bt005on.gif) no-repeat left top;
}
.slideNav ul li.tab6 a {
	width: 156px;
	background: url(/enjoy/images/omisogadekirumade_bt006.gif) no-repeat left top;
}
.slideNav ul li.tab6 a:hover,
.slideNav ul li.tab6 a.current {
	background: url(/enjoy/images/omisogadekirumade_bt006on.gif) no-repeat left top;
}
/* coda-slider selectorBtn */
.selectorBtn {
	position: relative;
	left: 0;
	top: 523px;
	text-indent: -9999px;
	display: block;
	width: 108px;
	height: 17px;
	background: url(/enjoy/images/omisogadekirumade_bt007.gif) no-repeat left top;
}
* html .selectorBtn {
	top: 492px;
}
*:first-child+html .selectorBtn {
	top: 492px;
}
a.selectorBtn:hover {
	background: url(/enjoy/images/omisogadekirumade_bt007on.gif) no-repeat left top;
}
/* coda-slider slideNavPrev,slideNavNext */
.slideNavWrap {
	display: block;
	position:relative;
	top: 20px;
	margin: 20px 0 0 200px;
}
.slideNavPrev,
.slideNavNext {
	display: block;
	text-indent: -9999px;
	float: left;
}
.slideNavPrev a,
.slideNavNext a {
	display: block;
	height: 27px;
	overflow: hidden;
}
.slideNavPrev {
	width: 106px;
	height: 27px;
	display: block;
	margin: 0 23px 0 0;
	background: url(/enjoy/images/omisogadekirumade_bt008.gif) no-repeat left top;
}
.slideNavPrev a:hover {
	background: url(/enjoy/images/omisogadekirumade_bt008on.gif) no-repeat left top;
}
.slideNavNext {
	width: 108px;
	height: 27px;
	display: block;
	margin: 0 0 0 23px;
	background: url(/enjoy/images/omisogadekirumade_bt009.gif) no-repeat left top;
}
.slideNavNext a:hover {
	background: url(/enjoy/images/omisogadekirumade_bt009on.gif) no-repeat left top;
}
/* coda-slider panel */
.coda-slider .panel {
	width: 686px;
	display: block;
	float: left
}
.panel h2.title {
	display: none;
}


/* ==================================
recipe
================================== */
.recipeInfo {
	font-size: 115%;
	color: #6a3011;
}
.recipeBox {
	width: 690px;
	padding: 11px 0 0 0;
	background: url(/enjoy/recipe/images/recipe_bg002.gif) no-repeat 0 0;
}
.recipeBox .recipeInner01 {
	width: 690px;
	padding: 0 0 11px 0;
	background: url(/enjoy/recipe/images/recipe_bg001.gif) no-repeat 0 100%;
	overflow: hidden;
}
.recipeBox .recipeInner01.solo {
	width: 349px;
}
.recipeBox .recipeInner01.solo .recipeInner02 {
	padding-right: 0;
}
.recipeBox .recipeInner01.solo .recipeInner02 .recipeCol {
	margin-right: 13px;
}
.recipeBox .recipeInner02 {
	margin-right: -16px;
	padding: 4px 15px;
	float: left;
	background: url(/enjoy/recipe/images/recipe_bg003.gif) repeat-y 0 0;
	zoom: 1;
}
.recipeBox .recipeInner03 {
	width: 690px;
	padding: 0 0 11px 0;
	background: url(/enjoy/recipe/images/recipe_bg004.gif) repeat-y 0 100%;
}
.recipeBox .recipeInner04 {
	margin-top: -11px;
	padding: 35px 20px 4px;
	background: url(/enjoy/recipe/images/recipe_bg005.gif) no-repeat 0 0;
	zoom: 1;
}
.recipeBox .recipeCol {
	float: left;
	width: 322px;
	margin-right: 16px;
}
* html .recipeBox .recipeCol.col02 {
	margin-right: 0;
}
.recipeBox .recipeCol a {
	display: block;
	width: 322px;
	padding: 12px 0;
	color: #333333;
	background: #ffffff url(/enjoy/recipe/images/index_bg001.gif) no-repeat 0 0;
}
.recipeBox .recipeCol a:hover {
	background: #ffffff url(/enjoy/recipe/images/index_bg002.gif) no-repeat 0 0;
	text-decoration: none;
}
.recipeBox .recipeCol .recipeTitle,
.recipeBox .recipeCol .recipeLead,
.recipeBox .recipeCol .recipeItem {
	display: block;
}
.recipeBox .recipeCol .recipeTitle {
	padding: 0 30px 4px 14px;
	font-weight: bold;
	font-size: 115%;
	color: #006699;
}
.recipeBox .recipeCol a:visited .recipeTitle {
	color: #330066;
}
.recipeBox .recipeCol a:hover .recipeTitle {
	color: #993300;
	text-decoration: underline;
}
.recipeBox .recipeCol a:active .recipeTitle {
	color: #f00000;
}
.recipeBox .recipeCol a .recipeLead {
	padding: 0 30px 0 14px;
}
.recipeBox .recipeCol .recipeItem img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.recipeBox .recipeCol .recipeItem {
	margin: 0 6px;
	padding: 0 20px 12px 6px;
	background: url(/enjoy/recipe/images/index_bg003.gif) repeat-x 0 100%;
	color: #ff0000;
	zoom:1;
}
.recipeBox .recipeCol .recipePhoto {
	display: block;
	padding: 15px 0 0;
	text-align: center;
}
.recipeBox .recipeCol02 {
	padding: 0 5px;
	background: url(/enjoy/recipe/images/recipe_il001.gif) no-repeat 99% 100%;
	zoom: 1;
}
.recipeBox .recipeCol02 .photo {
	float: left;
	width: 260px;
}
.recipeBox .recipeCol02 .recipeIng {
	float: right;
	width: 363px;
	padding: 0 0 60px;
}
.recipeBox .recipeCol02 .recipeIng dt {
	font-weight: bold;
	font-size: 135%;
	color: #6a3011;
}
.recipeBox .recipeCol02 .ingredient {
	margin: 8px 0 5px;
	background: url(/enjoy/recipe/images/recipe_bg006.gif) repeat-x 0 0;
	zoom: 1;
}
.recipeBox .recipeCol02 .ingredient li {
	padding: 4px 3px 5px;
	background: url(/enjoy/recipe/images/recipe_bg006.gif) repeat-x 0 100%;
	zoom: 1;
}
.recipeBox .recipeCol02 .ingredient .item {
	display: block;
	width: 150px;
	font-weight: bold;
	float:left;
}
.recipeBox .recipeCol02 .ingredient .quantity {
	display: block;
	margin: 0 0 0 150px;
}
.recipeBox .recipeCol03 {
	margin: 10px 0 0;
	padding: 0 0 60px;
	background: url(/enjoy/recipe/images/recipe_il002.gif) no-repeat 24px 92%;
}
.recipeBox .recipeCol03.relatedItemTwo {
	background: url(/enjoy/recipe/images/recipe_il002.gif) no-repeat 24px 80%;
}
.recipeBox .recipeCol03 .recipeList {
	float: left;
	width: 480px;
	padding: 0 0 20px;
}
.recipeBox .recipeCol03 .relatedItem {
	float: left;
	width: 170px;
}
.recipeBox .recipeCol03 .recipeList li {
	margin: 0 0 0 10px;
	padding: 5px 10px 5px 30px;
	text-indent: -30px;
}
.recipeBox .recipeCol03 .recipeList li .num {
	padding: 0 9px 0 0;
}
.recipeBox .recipeCol03 .recipeList li .num img {
	vertical-align: middle;
}
.recipeBox .recipeCol03 .relatedItem dl {
	border: 3px solid #f7e9c1;
}
.recipeBox .recipeCol03 .relatedItem dd {
	padding: 0 7px 3px;
}
.recipeBox .recipeCol03 .relatedItem .photo {
	padding: 7px 0;
	text-align: center;
}


/*99: extra
=========================================*/

div.section .listBtn {
	clear: both;
	text-align: center;
}

/* ==================================
clear fix
================================== */
div#contents div.cmBlock .detail dl:after,
div#contents div.cmBlock:after,
div#contents .schoolBlock:after,
div#contents div.cmBlock .detail dl dd:after,
.recipeBox .recipeInner01:after,
.recipeBox .recipeInner02:after,
.recipeBox .recipeCol02:after,
.recipeBox .recipeCol03:after,
.recipeBox .recipeCol02 .ingredient li:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#contents div.cmBlock .detail dl,
div#contents div.cmBlock,
div#contents .schoolBlock,
div#contents div.cmBlock .detail dl dd,
.recipeBox .recipeInner01,
.recipeBox .recipeInner02,
.recipeBox .recipeCol02,
.recipeBox .recipeCol03,
.recipeBox .recipeCol02 .ingredient li {
	zoom: 1;
}