@charset "utf-8";

/* =======================================

	Catalogue Nabe CSS

========================================== */

/* common
========================================== */
html,body {background: none;}

.nabe {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.nabe .section:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.section {
	margin-bottom: 0;
}

#page .nabe a {
	color: #990000;
	text-decoration: underline;
}

#page .nabe a:hover {
	text-decoration: none;
}

#page #mainBox {
	width: 970px;
}


/*画像置換*/
#nabeIdx h1,
#nabeIdx p#lead,
#nabeIdx #button p,
#nabeIdx #button p a,
#nabeIdx h2,
#nabeIdx #sc01 ul li p.toRecipe a,
#nabeIdx #sc02 ul li h3 {
	white-space: nowrap;
	text-indent: 110%;
	overflow: hidden;
}






/* #nabeIdx　ボトルタイプ
========================================================================================================================== */

/* #mainImg
------------------------------------------ */
#nabeIdx #mainImg {
	padding-left: 20px;
	height: 296px;
	border: 2px solid #F39939;
	background: url(/img/products/nabe/renew/bg_01.png) no-repeat right;
}

#nabeIdx #mainImg h1 {
	margin: 20px 0 0 25px;
	padding: 0;
	width: 466px;
	height: 46px;
	background: url(/img/products/nabe/renew/h1.png) no-repeat;
}

#nabeIdx #mainImg p#lead {
	margin: 10px 0 10px 25px;
	width: 338px;
	height: 41px;
	background: url(/img/products/nabe/renew/lead.png) no-repeat;
}

#nabeIdx #mainImg p.pdt {
	margin-left: 80px;
	text-align: left;
}

#nabeIdx #mainImg p.pdt img {
	margin-right: 5px;
}



/* #button
------------------------------------------ */

#nabeIdx #button p {
	position: relative;
	margin: 20px;
	display: inline-block;
	width: 356px;
	height: 101px;
}

#nabeIdx #button p a {
	display: block;
	width: 356px;
	height: 101px;
}

#nabeIdx #button p#bottle	   {background: url(/img/products/nabe/renew/btn_01_o.gif) no-repeat;}
#nabeIdx #button p#portion	   {background: url(/img/products/nabe/renew/btn_02_o.gif) no-repeat;}

#nabeIdx #button p#bottle a 	   {background: url(/img/products/nabe/renew/btn_01.gif) no-repeat;}
#nabeIdx #button p#bottle a:hover  {background: url(/img/products/nabe/renew/btn_01_o.gif) no-repeat;}

#nabeIdx #button p#portion a 	   {background: url(/img/products/nabe/renew/btn_02.gif) no-repeat;}
#nabeIdx #button p#portion a:hover {background: url(/img/products/nabe/renew/btn_02_o.gif) no-repeat;}

#nabeIdx #button span {
	position: absolute;
	top: 12px;
	right: 25px;
	display: block;
	height: 81px;
	overflow: hidden;
}

#nabeIdx #button span img {margin-top: -2px;}

#nabeIdx #button #portion span {position: relative; left: -9px; top: 4px;}
#nabeIdx #button #portion span img {position: absolute; left: 282px;}



/* #sc01
------------------------------------------ */

#nabeIdx #sc01 {
	width: 960px;
	border-left: 5px solid #F39939;
	border-right: 5px solid #F39939;
}

#nabeIdx #sc01 h2 {
	width: 960px;
	height: 62px;
	background: url(/img/products/nabe/renew/h2.gif) no-repeat;
}

#nabeIdx #sc01 ul {
	margin-bottom: 20px;
	text-align: center;
}

#nabeIdx #sc01 ul li {
	display: inline-block;
	width: 307px;
	text-align: left;
}

#nabeIdx #sc01 ul li.no01 {
	padding-left: 10px;
}

#nabeIdx #sc01 ul li.no01,
#nabeIdx #sc01 ul li.no02 {
	padding-right: 10px;
	background: url(/img/products/nabe/renew/line_01.gif) no-repeat right;
}

#nabeIdx #sc01 h3 {
	margin: 10px 10px 5px;
	text-align: left;
	font-size: 123.1%;
	font-weight: bold;
	color: #000;
}

#nabeIdx #sc01 ul li p {
	margin-left: 10px;
	display: inline-block;
}

#nabeIdx #sc01 ul li p.pdt {
	margin-left: 0;
	width: 100%;
	text-align: center;
}

#nabeIdx #sc01 ul li p.toRecipe {
	margin-left: 0;
	position: relative;
	top: 12px;
}

#nabeIdx #sc01 ul li p.toRecipe a {
	display: block;
	width: 293px;
	height: 71px;
	background: url(/img/products/nabe/renew/btn_03.png) no-repeat;
}

#nabeIdx #sc01 ul li p.toRecipe a:hover {
	background: url(/img/products/nabe/renew/btn_03_o.png) no-repeat;
}

#nabeIdx #sc01 ul li p.toPdt {
	margin-top: 5px;
}

#nabeIdx #sc01 ul li p.toPdt a.arrow {
	margin-top: 5px;
	color: #021876;
}



/* #sc02
------------------------------------------ */

#nabeIdx #sc02 {
	width: 960px;
	border: 5px solid #F39939;
	border-top: none;
}

#nabeIdx #sc02 h2 {
	width: 960px;
	height: 62px;
	background: url(/img/products/nabe/renew/h2.gif) no-repeat 0 -62px;
}

#nabeIdx #sc02 ul {
	text-align: center;
}

#nabeIdx #sc02 ul li {
	position: relative;
	display: inline-block;
	width: 286px;
}

#nabeIdx #sc02 ul li.no01,
#nabeIdx #sc02 ul li.no02 {
	padding-right: 26px;
	background: url(/img/products/nabe/renew/line_01.gif) no-repeat right;
}

#nabeIdx #sc02 ul li img {
	border: 1px solid #F39939;
}

#nabeIdx #sc02 ul li h3 {
	width: 210px;
	height: 55px;
	background: url(/img/products/nabe/renew/h3.png) no-repeat 0 0;
}

#nabeIdx #sc02 ul li.no02 h3 {background-position: 0 -100px;}
#nabeIdx #sc02 ul li.no03 h3 {background-position: 0 -200px;}

#nabeIdx #sc02 ul li p.toRecipe {
	position: absolute;
	padding: 3px 5px;
	top: 192px;
	right: 30px;
	font-size: 108%;
	font-weight: bold;
	text-shadow: -1px -1px 0px #fff,1px 1px 0px #fff,1px 2px 0px #fff;
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
}

#nabeIdx #sc02 ul li.no03 p.toRecipe {right: 4px;}

#nabeIdx #sc02 ul li a {
	text-decoration: none;
	color: #cd6000;
}

#nabeIdx #sc02 ul li a:hover {
	color: #dd0000 !important;
	opacity: 0.9;
}



/* #sc03
------------------------------------------ */
#nabeIdx #sc03 {
	margin: 20px 0 0;
}

#nabeIdx #sc03 ul {
	width: 960px;
	text-align: center;
}

#nabeIdx #sc03 ul li {
	position: relative;
	margin: 20px;
	padding: 0 0 0 15px !important;
	display: inline-block;
	width: 321px;
	height: 190px;
	border: 2px solid #e60012;
	text-align: left;
	font-weight: bold;
	background: url(/img/products/nabe/renew/bg_02.gif) no-repeat 0 0;
	border-radius: 15px;
}

#nabeIdx #sc03 ul li.no01 {background: #fffcdb url(/img/products/nabe/renew/bg_02.gif) no-repeat right top;}
#nabeIdx #sc03 ul li.no02 {background: #fffcdb url(/img/products/nabe/renew/bg_03.gif) no-repeat right top;}

#nabeIdx #sc03 ul li h3 {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 349px;
	height: 82px;
	text-indent: 0;
	background: none;
}

#nabeIdx #sc03 ul li img {
	border: 0;
}

#nabeIdx #sc03 ul li p {
	margin-top: 65px;
	color: #000;
	font-size: 108%;
}

#nabeIdx #sc03 ul li p.detail {
	margin-top: 10px;
	padding: 7px 20px;
	width: 9em;
	text-align: center;
	font-size: 108%;
	color: #fff;
	background: #ec5d25;
	border-radius: 15px;
	box-shadow: 0 -3px 4px #8b5d4b inset,0 3px 4px #fff inset;
}

#nabeIdx #sc03 ul li p.detail:hover {
	background: #e34216;
	text-shadow: none;
}

#nabeIdx #sc03 ul li a:hover {
	opacity: 1;
}

















/*
ベーシック鍋、アレンジ鍋
=================================================== */

/* common
------------------------------------------ */
#nabeBasic {
	padding: 20px 0 68px;
	background: url(/img/products/nabe/renew/bg_04.gif) 0 -30px;
	border-radius: 30px;
}

#nabeArrange {
	padding: 20px 0 68px;
	background: url(/img/products/nabe/renew/bg_05.gif) 0 -30px;
	border-radius: 30px;
}

#nabeBasic h1,
#nabeArrange h1 {
	margin: 0 auto 20px;
	padding-top: 0;
	width: 710px;
	border: 4px solid #C30;
}

h2 {
	margin-bottom: 12px;
	padding-top: 0;
	height: 44px;
}

*html p.tubBoxTB {
	width: 662px;
	margin: 0 24px 0 23px;
	padding: 0;
}
img.btm {
	clear: both;
	vertical-align: bottom;
}

ul#tub {
	width: 662px;
	margin: 0 auto 0;
	padding-left: 30px;
}

ul#tub li {
	float: left;
	display: inline;
	width: 203px;
}

#tubBox {
	width: 652px;
	margin: 0 auto;
	padding: 0 7px 0 3px;
	background: url(../../img/products/nabe/sbox_bg.gif) repeat-y;
}

#tubBox:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#tubBox h2 {
	margin: 0 10px;
	padding: 8px 0 8px 10px;
	text-align: left;
	border-top: 2px dotted #CC3333;
	border-bottom: 2px dotted #CC3333;
}

#tubBox #basic01 h2,
#tubBox #arrange01 h2,
#tubBox #arrange05 h2 {
	padding-top: 0;
	border-top: none;
}

#basic01 {background: url(../../img/products/nabe/basic01_img01.jpg) no-repeat 20px 57px;}
#basic02 {background: url(../../img/products/nabe/basic02_img01.jpg) no-repeat 20px 80px;}
#basic03 {background: url(../../img/products/nabe/basic03_img01.jpg) no-repeat 20px 80px;}
#arrange01 {background: url(../../img/products/nabe/arrange01_img01.jpg) no-repeat 20px 70px;}
#arrange02 {background: url(../../img/products/nabe/arrange02_img01.jpg) no-repeat 20px 80px;}
#arrange03 {background: url(../../img/products/nabe/arrange03_img01.jpg) no-repeat 20px 80px;}
#arrange04 {background: url(../../img/products/nabe/arrange04_img01.jpg) no-repeat 20px 80px;}
#arrange05 {background: url(../../img/products/nabe/arrange05_img01.jpg) no-repeat 20px 71px;}
#arrange06 {background: url(../../img/products/nabe/arrange06_img01.jpg) no-repeat 20px 80px;}
#arrange07 {background: url(../../img/products/nabe/arrange07_img01.jpg) no-repeat 20px 80px;}
#arrange08 {background: url(../../img/products/nabe/arrange08_img01.jpg) no-repeat 20px 80px;}

#tubBox .recipe {
	position: relative;
}

#basic01 {	height: 402px;}
#basic02 {	height: 430px;}
#basic03 {	height: 410px;}
#arrange01 {	height: 410px;}
#arrange02 {	height: 400px;}
#arrange03 {	height: 420px;}
#arrange04 {	height: 430px;}
#arrange05 {	height: 400px;}
#arrange06 {	height: 400px;}
#arrange07 {	height: 400px;}
#arrange08 {	height: 370px;}

.recipe:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.recipe .detail {
	position: absolute;
	right: 0px;
	top: 35px;
}

#basic01 .detail {top: 9px;}
#arrange02 .detail {top: 50px;}
#arrange05 .detail {top: 65px;}
#arrange06 .detail {top: 74px;}
#arrange07 .detail {top: 74px;}
#arrange08 .detail {top: 74px;}

#page .recipe .detail p.material {
	width: 305px;
	margin-left: 7px;
	*margin-left: 3px;
	padding: 40px 10px 10px;
	text-align: left;
	line-height: 1.4;
	background: url(../../img/products/nabe/osusume_bg_02.gif) no-repeat;
}

/* safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#page #arrange07 .detail p.material {
	padding-top: 34px;
	line-height: 1.2;
}
}

.recipe .detail ul {
	margin: 10px auto 0 175px;
	text-align: left;
}

.recipe .detail ul li {
	padding: 2px 0;
}

/*-- p.txt --*/
#page .recipe p.txt {
	position: absolute;
	text-align: left;
	line-height: 1.4;
}

#basic01 p.txt {
	left: 175px;
	top: 332px;
	text-indent: 73px;
}

#basic02 p.txt {
	left: 178px;
	top: 378px;
	text-indent: 105px;
}

#basic03 p.txt {
	left: 182px;
	top: 368px;
	text-indent: 75px;
}

#arrange01 p.txt {
	left: 173px;
	top: 367px;
	text-indent: 100px;
}

#arrange02 p.txt {
	left: 70px;
	top: 353px;
	text-indent: 95px;
}

#arrange03 p.txt {
	left: 183px;
	top: 375px;
	text-indent: 120px;
}

#arrange04 p.txt {
	left: 183px;
	top: 390px;
}

#arrange05 p.txt {
	left: 70px;
	top: 340px;
	text-indent: 50px;
}

#arrange06 p.txt {
	left: 70px;
	top: 346px;
	text-indent: 70px;
}

#arrange07 p.txt {
	left: 70px;
	top: 360px;
	text-indent: 77px;
}

#arrange08 p.txt {
	left: 183px;
	top: 390px;
}

/*-- nextBack --*/
#tubBox p.nextBack {
	width: auto;
	margin: 20px 10px 0;
	padding: 10px 0 0 0;
	text-align: center;
	border-top: 2px dotted #CC3333;
}













/* #portion　ポーションタイプ
========================================================================================================================== */

/*画像置換*/
#nabeIdx.portion #mainImg p#catch,
#nabeIdx.portion .box p.txt,
#nabeIdx.portion .box.no03 ul li p,
#nabeIdx.portion .box.no05 ul li p {
	white-space: nowrap;
	text-indent: 110%;
	overflow: hidden;
}

#nabeIdx.portion {
	position: relative;
}

#nabeIdx.portion h1 {
	position: absolute;
	top: 648px;
	left: 35%;
	width: 241px;
	height: 351px;
	background: url(/img/products/nabe/portion/h1.png) no-repeat;
	z-index: 100;
}


/* #mainImg
------------------------------------------ */
#nabeIdx.portion #mainImg {
	padding-left: 20px;
	height: 296px;
	border: 3px solid #B6CB49;
	background: url(/img/products/nabe/portion/bg_01.jpg) no-repeat right;
}

#nabeIdx.portion #mainImg p#catch {
	margin: 10px 0 0 25px;
	padding: 0;
	width: 492px;
	height: 42px;
	background: url(/img/products/nabe/portion/catch.png) no-repeat;
}

#nabeIdx.portion #mainImg p#lead {
	margin: 10px 0 10px 25px;
	width: 436px;
	height: 45px;
	background: url(/img/products/nabe/portion/lead.gif) no-repeat;
}

#nabeIdx.portion #mainImg p.pdt {
	margin: 18px 0 0 50px;
	text-align: left;
}

#nabeIdx.portion #mainImg p.pdt img {
	margin-right: 15px;
}





/* #sc01
------------------------------------------ */
#nabeIdx.portion #sc01 {
	position: relative;
	margin-bottom: 15px;
	padding: 15px;
	width: 926px;
	height: 742px;
	border: 7px solid #B6CB49;
	background: #D9E480;
}

#nabeIdx.portion .box {
	background: url(/img/products/nabe/portion/bg_03.gif);
	border: 2px solid #fff;
	box-shadow: 0 0 8px #AACE5D;
}

#nabeIdx.portion .box.no01 {
	position: absolute;
	width: 386px;
	height: 223px;
}

#nabeIdx.portion .box.no02 {
	position: absolute;
	top: 257px;
	width: 386px;
	height: 223px;
}

#nabeIdx.portion .box.no03 {
	position: relative;
	left: 405px;
	width: 517px;
	height: 465px;
}

#nabeIdx.portion .box.no04 {
	position: absolute;
	top: 499px;
	left: 645px;
	width: 292px;
	height: 254px;
}

#nabeIdx.portion .box.no05 {
	position: relative;
	top: 15px;
	width: 611px;
	height: 254px;
}


/*---box01---*/
#nabeIdx.portion .box.no01 p.txt {
	position: relative;
	top: 5px;
	background: url(/img/products/nabe/portion/txt_01.png);
	width: 370px;
	height: 55px;
}

#nabeIdx.portion .box.no01 p.img {
	margin-top: -20px;
}



/*---box02---*/
#nabeIdx.portion .box.no02 p.txt {
	margin: 15px 0 0 10px;
	background: url(/img/products/nabe/portion/txt_02.png);
	width: 277px;
	height: 50px;
}

#nabeIdx.portion .box.no02 p.img01 {
	margin: 10px 0 0 20px;
	float: left;
}

#nabeIdx.portion .box.no02 p.img02 {
	margin: 5px 0 0 15px;
	float: left;
}



/*---box03---*/
#nabeIdx.portion .box.no03 p.txt {
	position: absolute;
	top: 20px;
	left: 415px;
	width: 112px;
	height: 406px;
	background: url(/img/products/nabe/portion/txt_03.png);
	z-index: 4;
}

#nabeIdx.portion .box.no03 p.toRecipe {
	position: relative;
	z-index: 3;
}

#nabeIdx.portion .box.no03 ul li p,
#nabeIdx.portion .box.no03 ul li img {position: absolute;}

#nabeIdx.portion .box.no03 ul li.recipe01 p {
	top: 80px;
	left: 3px;
	width: 82px;
	height: 64px;
	background: url(/img/products/nabe/portion/tit_01-2.png);
	z-index: 2;
}

#nabeIdx.portion .box.no03 ul li.recipe01 img {
	top: 50px;
	left: 60px;
}

#nabeIdx.portion .box.no03 ul li.recipe02 p {
	top: 70px;
	left: 365px;
	width: 59px;
	height: 61px;
	background: url(/img/products/nabe/portion/tit_02.png);
	z-index: 2;
}

#nabeIdx.portion .box.no03 ul li.recipe02 img {
	top: 90px;
	left: 250px;
}

#nabeIdx.portion .box.no03 ul li.recipe03 p {
	top: 249px;
	left: 137px;
	width: 73px;
	height: 72px;
	background: url(/img/products/nabe/portion/tit_03.png);
	z-index: 2;
}

#nabeIdx.portion .box.no03 ul li.recipe03 img {
	top: 280px;
	left: 150px;
}




/*---box04---*/
#nabeIdx.portion .box.no04 p.txt {
	position: relative;
	top: 10px;
	left: 45px;
	width: 112px;
	height: 188px;
	background: url(/img/products/nabe/portion/txt_04.png);
}

#nabeIdx.portion .box.no04 p.img01 {
	position: relative;
	top: -120px;
	left: 165px;
	width: 116px;
}

#nabeIdx.portion .box.no04 p.img02 {
	position: relative;
	top: -209px;
	left: 5px;
}




/*---box05---*/
#nabeIdx.portion .box.no05 p.txt {
	position: absolute;
	top: 50px;
	left: 508px;
	width: 79px;
	height: 181px;
	background: url(/img/products/nabe/portion/txt_05.png);
}

#nabeIdx.portion .box.no05 ul {
	width: 483px !important;
}

#nabeIdx.portion .box.no05 ul li {
	position: relative;
	width: 158px !important;
}

#nabeIdx.portion .box.no05 ul li p {
	position: absolute;
	top: 50px;
	left: 118px;
	width: 25px;
	height: 175px;
}

#nabeIdx.portion .box.no05 ul li.recipe01 p {background: url(/img/products/nabe/portion/tit_06.png) no-repeat;}
#nabeIdx.portion .box.no05 ul li.recipe02 p {background: url(/img/products/nabe/portion/tit_09.png) no-repeat;}
#nabeIdx.portion .box.no05 ul li.recipe03 p {background: url(/img/products/nabe/portion/tit_08.png) no-repeat;}







/* #sc02
------------------------------------------ */
#nabeIdx.portion #sc02 {
	position: relative;
	padding: 0 15px 15px;
	width: 926px;
	border: 7px solid #B6CB49;
	border-top: 0;
	background: #fff;
}

#nabeIdx.portion #sc02 h2 {
	margin-left: -15px;
	width: 960px;
	height: 66px;
	background: #B6CB49 url(/img/products/nabe/portion/h2.png) no-repeat;
}

#nabeIdx.portion #sc02 ul li {
	position: relative;
	padding-top: 40px;
	float: left;
	width: 316px;
	height: 370px;
	text-align: left;
	background: url(/img/products/nabe/portion/line_01.gif) no-repeat right;
}

#nabeIdx.portion #sc02 ul li.last {
	width: 290px;
	background: none;
}

#nabeIdx.portion #sc02 ul li h3 {
	margin: 10px 0 10px 10px;
	width: auto;
	height: auto;
	color: #000;
	background: none;
	text-indent: 0;
	font-weight: bold;
	font-size: 123.1%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 'Meiryo', 'メイリオ', sans-serif;
}

#nabeIdx.portion #sc02 ul li img {
	margin-left: 90px;
	border: none;
}

#nabeIdx.portion #sc02 ul li a img {
	position: absolute;
	margin-left: 0;
	top: 350px;
}

#nabeIdx.portion #sc02 ul li p {
	margin-left: 10px;
	width: 280px;
	color: #000;
	font-size: 108%;
}

#nabeIdx.portion #sc02 ul li p.toPdt a {
	padding-top: 5px;
	display: block;
	color: #1D2088;
	font-size: 108%;
	background-position: 0 11px;
	text-decoration: underline;
}

#nabeIdx.portion #sc02 ul li p.new {
	position: absolute;
	top: 38px;
	left: 117px;
}