@charset "utf-8";


body {
	background:url(../product/img/bg.gif) repeat-x;
}

#wrap {
	background: url(../img/bg_main.jpg) no-repeat center bottom;
}


/*
==================================================================================
コンテンツ
==================================================================================
*/


#contentsWrap{
	width:900px;
	margin: 0 auto;
	padding:0px 0px 50px 0px;
}


#mainWrap{
	width:885px;
	height:288px;
	margin: 0 auto;
	padding:86px 0px 20px 0px;
	background:url(../product/img/main.jpg) no-repeat top right;
}

#mainWrap #menu{
	padding-left:24px;
	background:url(../product/img/bg_menu.gif) no-repeat;
}

#mainWrap #menu li{
	float:left;
	margin-right:23px;
}

#mainWrap #readText{
	width:555px;
	padding:15px 0px 25px 15px;
	font-size:1.2em;
	line-height:1.5em;
}



/* 商品紹介 -------------------------------------------------------*/

#contentsWrap #product{
	padding-bottom:10px;
}

#contentsWrap #product .btn_tab{
	margin-left:34px;
	font-size:1px;
}

#contentsWrap #product .btn_tab li{
	float:left;
	padding-right:7px;
	line-height:0;
	vertical-align:bottom;
}

#contentsWrap #product #tab1{
	background:url(../product/img/bg_tub_top1.gif) no-repeat top;
}
#contentsWrap #product #tab2{
	background:url(../product/img/bg_tub_top2.gif) no-repeat top;
}
#contentsWrap #product #tab3{
	background:url(../product/img/bg_tub_top3.gif) no-repeat top;
}
#contentsWrap #product #tab4{
	background:url(../product/img/bg_tub_top4.gif) no-repeat top;
}

#contentsWrap #product .productList {
	margin-bottom:15px;
	padding:10px 0px 0px 0px;
}

#contentsWrap #product .productList ul{
	padding:20px 0px 25px 60px;
	width:840px;
	height:540px;
	background:url(../product/img/bg_tub_bottom.gif) no-repeat bottom;
}

#contentsWrap #product .productList li{
	float:left;
	padding:0px 46px 15px 0px;
	display: inline;
}

#contentsWrap #product .productList li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	zoom:1;
}

#contentsWrap #product .productList li.campaign {
	width: 780px;
	text-align: center;
	padding: 0 0 30px 0;
}



/* 資料ダウンロード -------------------------------------------------------*/

#contentsWrap #downLoad{
	padding-bottom:10px;
	margin-bottom:50px;
	background:url(../product/img/bg_dl_bottom.gif) no-repeat bottom #f5f0e9;
}

#contentsWrap #downLoad .downLoadList{
	padding:10px 0px 0px 18px;
	background:url(../product/img/bg_dl_top.gif) no-repeat top;
}

#contentsWrap #downLoad h2{
	float:left;
	padding:9px 16px 0px 0px;
}

#contentsWrap #downLoad ul{
	float:left;
	padding:4px 0px 4px 15px;
	border-left:1px solid #d8d3cb;
}

#contentsWrap #downLoad li.pdflink {
	float:left;
	margin-top:2px;
	padding:3px 35px 10px 23px;
	background:url(../product/img/icon_pdf.png) no-repeat;
	font-size:1.2em;
}

#contentsWrap #downLoad li.pagelink {
	float:left;
	margin-top:2px;
	padding:3px 35px 10px 23px;
	background:url(../product/img/icon_page.png) no-repeat;
	font-size:1.2em;
}

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

.recipeWrap{
	float:left;
	margin:0px 0px 20px 0px;
	width:440px;
	background:url(../product/img/bg_recipe_bottom.png) no-repeat bottom;
}

.leftBox{
	margin-right:20px;
}

.recipeWrap .recipeBox{
	padding:20px 0px 0px 20px;
	background:url(../product/img/bg_recipe_top.gif) no-repeat top;
}

.recipeWrap .recipeBox .detail{
	float:left;
	width:227px;
}

.recipeWrap .recipeBox .detail h3{
	padding-bottom:5px;
	font-size:1.7em;
	line-height:1.4em;
	font-weight:bold;
	color:#f19608;
}

.recipeWrap .recipeBox .detail p{
	font-size:1.0em;
	font-weight:bold;
}

.recipeWrap .recipeBox .detail .item{
	padding:6px 13px 10px 13px;
	margin-bottom:10px;
	margin-top: 8px;
	background:#fff;
	border:1px solid #dad6ce;
}

.recipeWrap .recipeBox .detail .item h4{
	padding-bottom:5px;
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
}

.recipeWrap .recipeBox .detail .btn{
	padding-left:17px;
}

.recipeWrap .recipeBox .detail a:hover .btn{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	zoom:1;
}