/*

  Warning!

  leading underscore('_') means "IE hack"

*/



#column .box {

  font-family: verdana, arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";

  background: #ffffff; /*#CCFFFF; #FFDBA1 */

  border: 2px #cc0033 solid; /*#66CCFF;/* #FFB643 */

  color: #4E3000;

  font-size: 100%;

  font-weight: bold;

  width: 240px;

  _float: left;

  /*

  _margin-left: 20px;

  _margin-right: 20px;

  */

}

#column .box .w1 {

  /*background-image: url(block2-tl.png);

  background-position: 0% 0%;

  background-repeat: no-repeat;

  */

  position: relative;

  top: -1px;

  left: -1px;

}

#column .box .w2 {

  /*background-image: url(block2-tr.png);

  background-position: 100% 0%;

  background-repeat: no-repeat;

  */

  position: relative;

  left: 2px;

}

#column .box .w3 {

  /*background-image: url(block2-br.png);

  background-position: 100% 100%;

  background-repeat: no-repeat;

  */

  position: relative;

  top: 2px;

}

#column .box .w4 {

  /*background-image: url(block2-bl.png);

  background-position: 0% 100%;

  background-repeat: no-repeat;

  position: relative;

  */

  left: -2px;

  padding: 16px; /* needs to be absolute for brochure to not mess 3 column layout */

  /*

  padding-right: 195px;

  */

  min-height: 180px;

  _height: 180px;

  z-index: 10;

}



#column .box .w4 a:link,

#column .box .w4 a:visited,

#column .box .w4 a:hover {

  color: #4E3000;

  text-decoration: none;

}



#column .box .w4 a:hover {

	color: #1D4F00;

	text-decoration: underline;

}



#column .box p {

  margin: 0px;

  margin-top: 0.1em;

  margin-bottom: 1.0em;

  padding: 0px;

  line-height: 150%;

}



#column .box p:first-letter {

  font-size: 200%;

  float: left;

  font-weight: bold;

  padding-right: 0.1em;

  display: block;

}



#detail .box {

  font-family: verdana, arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";

  background: #ffffff; /*#CCFFFF; #FFDBA1 */

  border: 2px #cc0033 solid; /* 1px solid #66CCFF;/* #FFB643 */

  color: #4E3000;

  font-size: 90%;

  width: 480px;

  _float: left;

  /*

  _margin-left: 20px;

  _margin-right: 20px;

  */

}

#detail .box .w1 {

  /*background-image: url(block2-tl.png);

  background-position: 0% 0%;

  background-repeat: no-repeat;*/

  position: relative;

  top: -1px;

  left: -1px;

}

#detail .box .w2 {

  /*background-image: url(block2-tr.png);

  background-position: 100% 0%;

  background-repeat: no-repeat;*/

  position: relative;

  left: 2px;

}

#detail .box .w3 {

  /*background-image: url(block2-br.png);

  background-position: 100% 100%;

  background-repeat: no-repeat;*/

  position: relative;

  top: 2px;

}

#detail .box .w4 {

  /*background-image: url(block2-bl.png);

  background-position: 0% 100%;

  background-repeat: no-repeat;*/

  position: relative;

  left: -2px;

  padding: 16px; /* needs to be absolute for brochure to not mess 3 column layout */

  /*

  padding-right: 195px;

  */

  min-height: 160px;

  _height: 160px;

  z-index: 10;

}

#detail .box .w4 a:link,

#detail .box .w4 a:visited,

#detail .box .w4 a:hover {

  color: #4E3000;

  text-decoration: none;

}

#detail .box p {

  margin: 0px;

  margin-top: 0.1em;

  margin-bottom: 1.0em;

  padding: 0px;

  line-height: 150%;

}



#detail .box p:first-letter {

	font-size: 200%;

	float: left;

	font-weight: bold;

	padding-right: 0.1em;

	display: block;

}



#detail .box .head {

  font-family: verdana, arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";

  font-size: 80%;

  color: #4E3000;

}



#detail .box .caption {

  font-family: verdana, arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";

  font-size: 70%;

  color: #4E3000;

  line-height: 150%;

}



.caption {

  font-family: verdana, arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";

  font-size: 80%;

  color: #333333;

}	



.recipe {

  font-family: verdana, arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";

  font-size: 80%;

  color: #333333;	

}

.detail_title1 {

	font-size: 28px;

	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";

	font-weight: bold;

	color: #000000;

}


/*-------------------------
 –¡Šo ƒgƒbƒv—p
-------------------------*/
.mikaku_contents {
	padding-top: 20px;
}


.box .mikaku img {
	margin: 10px;
}


/*-------------------------
 –¡Šo ‰º‘w—p
-------------------------*/
.mikaku_kasou img {
	margin: 10px;
}

#detail .box .w1 .w2 .w3 .w4 .mikaku_kasou_text a {
	color: #000099;
}