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

/*-------------------------------------------------------*/
/*コンテンツ
/*-------------------------------------------------------*/

div#subHeaderName{
  /* padding-right:100px; */
}

div#campaignContent{
  width:100%;
  background:url('../../../images/common/clear.gif');
/*
  background:url('../../images/common/bg.gif');
*/
  padding:10px 0 21px;
}

/*-------------------------------------------------------*/
/*testBody
/*-------------------------------------------------------*/

div.testBody{
text-align:left;
width:930px;
margin:0 auto;
}

/*-------------------------------------------------------*/
/*ヘッダー
/*-------------------------------------------------------*/
#testHeader{
  width:927px;
  height: 45px;
}
#testHeader .backtotop {
  padding: 18px 15px 0px 0px;
  float: right;
}
#testHeader .testlogo {
  padding-right: 10px;
  float: right;
}

#outer{
	width:927px;
	background:url(../../images/common/paper_bg.jpg);
	margin-bottom:20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
/*-------------------------------------------------------*/
/*キャンペーン表紙
/*-------------------------------------------------------*/
div#testspMain {
	background: url(http://chouriryoku.jp/test/up/yamaki/images/main_img.jpg) no-repeat;
	height: 414px;
	width: 927px;
	position: relative;
}
div#testspHeader/* end MacIE5 */
 {
	height: 81px;
	padding-top: 13px;
	padding-right: 16px;
	padding-left: 16px;
	text-align: center;
}
div#testspHeader .logo {
	vertical-align: middle;
	float: left;
	top: 13px;
	position: absolute;
	left: 16px;
}
#mainCopy    {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #279e00;
	text-align: center;
}
.enterBtn {
	height: 317px;
	width: 374px;
	float: left;
	padding-top: 3px;
	text-align: center;
	color: #553218;
}
.enterBtn a {
	display: block;
	height: 317px;
	width: 374px;
	background: url(http://chouriryoku.jp/test/up/yamaki/images/enter_btn_l.jpg) no-repeat 0px 0px;
}
.enterBtn a:hover {
	display: block;
	height: 317px;
	width: 374px;
	background-image: url(http://chouriryoku.jp/test/up/yamaki/images/enter_btn_l.jpg);
	background-repeat: no-repeat;
	background-position: 0px -317px;
	text-decoration: none;
}
.btnRecipe {
  height: 38px;
  width: 240px;
  float: right;
  padding-top: 47px;
  text-align: center;
}
.btnRecipe a {
	background-image: url(../common/images/btn_recipe.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 38px;
	width: 240px;
	color: #FFFFFF;
}
.btnRecipe a:hover {
	background-image: url(../common/images/btn_recipe.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
	height: 38px;
	width: 240px;
	color: #e4007f;
	text-decoration: none;
}
.linkTxt {
	vertical-align: middle;
	line-height: 38px;
	background-image: url(../common/images/recipe_arw.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}
.sponsored {
	font-size: 0.9em;
	font-style: normal;
	color: #553218;
	display: block;
	padding-top: 172px;
	text-decoration: none;
}
div.fukidashiSet01 {
  width: 234px;
  float: left;
  padding-top: 3px;
  padding-right: 14px;
  padding-left: 28px;
  color: #553218;
}
div.fukidashiSet02 {
  float: left;
  padding-top: 3px;
  padding-right: 18px;
  width: 259px;
  color: #553218;
}
div.fukidashi01 {
  height: 79px;
  margin-bottom: 58px;
}
div.fukidashi02 {
  height: 79px;
}
div.fukidashi03 {
	height: 79px;
	padding-bottom: 58px;
}
div.fukidashi04 {
	height: 79px;
}
.txtBox {
  height: 79px;
  position: relative;
  width: 155px;
}
.txtBox2 {
  height: 79px;
  width: 180px;
  position: relative;
}
.txtBox h4 {
  position: absolute;
  top: 50%;
  margin-top: -1em;
  width: 155px;
  text-align: center;
}
.txtBox2 h4 {
  position: absolute;
  top: 50%;
  margin-top: -1em;
  width: 180px;
  text-align: center;
}
* html .txtBox h4 {
  font-size: 1em;
}
* html .txtBox2 h4 {
  font-size: 1em;
}
*:first-child+html .txtBox h4 {
  font-size: 1em;
}
*:first-child+html .txtBox2 h4 {
  font-size: 1em;
}
.txtOrange {
	font-style: normal;
	color: #ff7e00;
}
.txtGreen {
	font-style: normal;
	color: #85c300;
}

.txtForest {
	font-style: normal;
	color: #2da107;
}

.txtRed {
	font-style: normal;
	color: #e60012;
}



/*-------------------------------------------------------*/
/*レシピ
/*-------------------------------------------------------*/
div#recipeHeader {
  padding-top: 17px;
  padding-left: 17px;
  padding-right: 17px;
  background-color: #FFFFFF;
  background-image: url(images/recipe_header.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  position: relative;
}
#recipePresentTop {
  height: 79px;
  width: 184px;
  float: right;
  margin-top: 18px;
}
#recipePresentTop a {
  background: url(http://chouriryoku.jp/test/up/yamaki/images/present_btn_top.gif) no-repeat 0px 0px;
  height: 79px;
  width: 184px;
  display: block;
}
#recipePresentTop a:hover {
  background: url(http://chouriryoku.jp/test/up/yamaki/images/present_btn_top.gif) no-repeat 0px -79px;
  height: 79px;
  width: 184px;
  display: block;
}
div#recipeAll {
  padding-left: 20px;
  background-image: url(../common/images/recipe_bg.jpg);
  background-repeat: repeat-x;
  background-position: 0px top;
  width: 907px;
}
div#recipeAll .recipeBox {
	float: left;
	width: 436px;
	margin-right: 16px;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 18px;
}
.recipeTxt       p  a    {
	background: url(../common/images/recipe_btn.gif) no-repeat 0px 0px;
	height: 18px;
	width: 95px;
	display: block;
}
.recipeTxt p {
	padding-bottom: 13px;
	line-height: 1.7em;
}
.recipeTxt  p  a:hover {
	height: 18px;
	width: 95px;
	display: block;
	background-image: url(../common/images/recipe_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px -18px;
}
.recipeTxt   h3 {
	padding-bottom: 25px;
	background-image: url(../common/images/rcp_ttl_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	font-size: 1.1em;
}
div.recipeTxt .point {
	background: url(../common/images/rcp01_txt.gif) no-repeat 0px 0px;
	height: 13px;
	width: 100px;
	padding-bottom: 7px;
}
#recipePresentBtm {
  width: 907px;
  background: url(http://chouriryoku.jp/test/up/yamaki/images/recipe_present.jpg) no-repeat center top;
  padding-left: 10px;
  clear: both;
  padding-right: 10px;
  height: 130px;
}
.presentBtn {
	float: right;
	height: 93px;
	width: 156px;
	margin-top: 10px;
	padding-right: 10px;
}
.presentBtn a {
	background: url(http://chouriryoku.jp/test/up/yamaki/images/present_btn_btm.gif) no-repeat 0px 0px;
	display: block;
	height: 93px;
	width: 156px;
	font-size: 0.9em;
}
.presentBtn a:hover {
  background: url(http://chouriryoku.jp/test/up/yamaki/images/present_btn_btm.gif) no-repeat 0px -93px;
  display: block;
  height: 93px;
  width: 156px;
}
.right {
	float: right;
}
.left {
	float: left;
}
#recipeHeader .headerLogo {
  float: left;
  padding-right: 20px;
  height: 68px;
  width: 160px;
}
#recipeHeader  .backtoTop a {
	background-image: url(../common/images/recipe_arw2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	font-size: 0.9em;
}
#recipeHeader .headerSponsor {
	float: right;
}
#recipeHeader .headerProduct {
	clear: both;
	float: right;
	padding-bottom: 20px;
	padding-top: 15px;
}
#recipeHeader .headerTxt {
  color: #553218;
  font-size: 1.1em;
  line-height: 1.8em;
  font-weight: bold;
  position: absolute;
  left: 198px;
  top: 170px;
  width: 510px;
}
.rcpImg   {
	background-image: url(../common/images/rcp_bg.jpg);
	height: 198px;
	width: 198px;
	padding: 6px;
	float: left;
}
.rcpImg img {
	border: 1px solid #FFFFFF;
}
.recipeTxt {
	margin-left: 226px;
}
.boxOrange {
	background-image: url(../common/images/rcp_box_orange.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.boxForest {
	background-image: url(../common/images/rcp_box_forest.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.boxGreen {
	background-image: url(../common/images/rcp_box_green.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.boxRed {
	background-image: url(../common/images/rcp_box_red.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.clear {
	clear: both;
}
#presentBox    {
	background-image: url(../common/images/present_bg.gif);
	background-repeat: repeat;
	margin-top: 18px;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0px;
}
#presentBox .presentTxt {
	padding-top: 15px;
}
#presentBox .presentImg {
	height: 162px;
	width: 178px;
	background-image: url(../common/images/present_img_bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	float: right;
}
#presentBox .presentImg .present134x134 {
	position: relative;
	left: 22px;
	top: 14px;
}
#presentBox .presentImg .presentPin {
	position: absolute;
	left: 75px;
	top: -7px;
}
#presentBox  .presentTitle  {
	float: left;
	height: 162px;
	width: 121px;
}
#presentBox .presentTxt h3 {
	color: #ff7e00;
	font-size: 1.2em;
}
#presentBox .presentTxt p {
	margin-top: 10px;
	line-height: 1.5em;
}
#presentBox .presentTxt em {
	font-weight: bold;
	color: #ff7e00;
	font-style: normal;
}
/*.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}*/
#presentBox .presentTxt .ouboBtn {
	height: 35px;
	width: 184px;
	float: right;
}
#presentBox .presentTxt .ouboBtn a {
	background-image: url(../common/images/oubo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 35px;
	width: 184px;
}
#presentBox .presentTxt .ouboBtn a:hover {
	background-image: url(../common/images/oubo.gif);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	display: block;
	height: 35px;
	width: 184px;
}
.headerTxt em {
	font-style: normal;
	text-decoration: none;
	background-image: url(../common/images/copy_line.gif);
	background-repeat: repeat-x;
}