@charset "UTF-8";

/*
	container css file
	create : 071101
	update : 080422
*/

/* -------------------------------------------------- H1 elements */
div#mainContents h1 {
	padding-left: 8px;
	padding-bottom:6px;
	min-height: 18px;
	font-size: 125%;
	font-weight: bold;
	background-image: url(/common/images/2010/heading1_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

/* html div#mainContents h1 { background-position: 0 0.12em; }*/

/*:first-child+html div#mainContents h1 { background-position: 0 0.12em; }*/

div#mainContents h1 img.icon { margin-left: 10px; }

* html div#mainContents h1 img.icon { margin-left: 10px; }

div#mainContents h1#keyVisual {
	padding-top: 25px;
	padding-left: 10px;
	margin-bottom: 10px;
	min-height: 61px;
	background-position: top left;
	background-repeat: no-repeat;
}

* html div#mainContents h1#keyVisual { height: 86px; }

div#mainContents h1#keyVisual.recommend { background-image: url(/common/images/bg-h1-recommend.jpg); }

/* special(news/qa) */
div#mainContents h1.special {
	margin: 0 10px 20px 10px;
	padding-left: 0;
	min-height: 12px;
	font-size: 100%;
	font-weight: bold;
	background-image: none;
	line-height: 1.3;
	border-bottom:2px solid #FF7978;
	padding-bottom:3px;
}
/*div#mainContents h1.special {
	margin: 0 10px 20px 10px;
	padding-left: 0;
	min-height: 12px;
	font-size: 80%;
	font-weight: bold;
	background-image: none;
	line-height: 1.3;
}*/


/* -------------------------------------------------- H2 elements */
div#mainContents h2,
div.rightContents h2 {
	clear: both;
	padding: 0 11px 3px 8px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	background: url(/common/images/2010/heading2_bg_l.gif) no-repeat bottom right;
	text-align:left;
}
div#mainContents h2 span.heading2,
div.rightContents h2 span.heading2{
	background: url(/common/images/2010/heading2_mark.gif) no-repeat left 0.25em;
	padding-left: 20px;
	display:block;
}
/* curry */
div#mainContents h2 img { }

/* cm,shopping */
div#mainContents h2.image,
div.rightContents h2.image {
	padding: 0;
	border: none;
	text-align: center;
	background: none;
	margin:0;
}
/* icon */
div#mainContents h2 img.icon {
	margin-top: -4px;
	margin-left: 10px;
}

* html div#mainContents h2 img.icon { margin: 0.2em 0 0.2em 10px; }

*:first-child+html div#mainContents h2 img.icon { margin-top: -2px; }

/* links */
div#mainContents h2.links { /*padding: 0;*/ }

div#mainContents h2.links a {
/*	height: 1%;
	padding: 2px 0 3px 11px;
	display: block;*/
}

div.rightContents h2 a
div#mainContents h2 a,
div#mainContents h2 a:link,
div.rightContents h2 a,
div.rightContents h2 a:link {text-decoration:underline;color:#003399;}

div.rightContents h2 a:visited,
div#mainContents h2 a:visited {text-decoration:none;color:#336699;}

div.rightContents h2 a:hover,
div#mainContents h2 a:hover {text-decoration:underline;color:#0066CC;}

div#mainContents h2.links a,
div#mainContents h4.links {
/*	background-image: url(/common/images/marker-h2-links.gif);
	background-position: 3px 0.7em;
	background-repeat: no-repeat;*/
}

div#mainContents h4.links { /*background-position: 3px 0.6em;*/ }

/* external */
* html div#mainContents h2.external a {
	height: 23px;
	padding: 0.3em 0 0.3em 11px;
}

div#mainContents h2.external a img { margin-left: 4px; }

*:first-child+html div#mainContents h2.external a img { vertical-align: middle; }

* html div#mainContents h2.external a img { vertical-align: middle; }


/* withBtn */
div#mainContents .column3B .withBtn{
	position:relative;
}
div#mainContents .column3B .withBtn p{
	position:absolute;
	top:0;
	right:10px;
}
*html div#mainContents .column3B .withBtn p{
	top:-4px;
}
*:first-child+html div#mainContents .column3B .withBtn p{
	top:-4px;
}
div#mainContents .withBtn{
	position:relative;
}
div#mainContents .withBtn p{
	position:absolute;
	top:0;
	right:10px;
}
*html div#mainContents .withBtn p{
	top:-4px;
}
*:first-child+html div#mainContents .withBtn p{
	top:-4px;
}

div#mainContents .withBtn ul{
	position:absolute;
	top:0;
	right:10px;
}
div#mainContents .withBtn ul li{
	float:right;
	margin-left:5px;
}
*html div#mainContents .withBtn ul{
	top:-4px;
}
*:first-child+html div#mainContents .withBtn ul{
	top:-4px;
}

/* -------------------------------------------------- H3 elements */
div#mainContents h3,
div.rightContents h3,
div.rightContents p.h3special {
	clear: both;
	padding: 0 0 2px 20px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
	background-image: url(/common/images/2010/heading3_mark.gif);
	background-position: 10px 3px;
	background-repeat: no-repeat;
	border-bottom:2px solid #CCC;
	text-align:left;
}
div.rightContents p.title{
	margin:8px 0 10px 0;
}

div#mainContents h3.noLine{
	border-bottom:none;
	margin:20px 10px 5px;
	background-position: 5px 3px;
	padding: 0 0 2px 15px;
	font-size:80%;
}
div#mainContents h3.links {
}

div#mainContents div.boxedItem h3 { margin-top: 0; }

div#mainContents h3.recipeTitle {
	float: left;
	clear: both;
	padding-left: 0;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.5;
	background-color: #FFCCCC;
	background-image: none;
	margin-top: 0;
}

* html div#mainContents h3.recipeTitle { margin-left: 5px; }

div#mainContents h3.links a:link {text-decoration:underline;color:#003399;}
div#mainContents h3.links a:visited {text-decoration:none;color:#336699;}
div#mainContents h3.links a:hover {text-decoration:underline;color:#0066CC;}

/* -------------------------------------------------- H4 elements */
div#mainContents h4 {
	clear: both;
	font-size: 90%;
	font-weight: bold;
	line-height: 1;
}

div#mainContents h4.links {
	padding-left: 6px;
	background-position: 0 0.3em;
}

/* -------------------------------------------------- Paragraph elements */
/* img */
p img {
	margin-bottom: 0;
	font-size: 0;
	line-height: 0;
}

/* items,flashContents */
div#mainContents p.items,
div#mainContents p#flashContents { text-align: center; }

/* learnMore,pageBack */
div#mainContents p.learnMore,
div#mainContents p.pageBack {
	clear: both;
	margin-top: 10px;
	text-align: right;
}

div#mainContents p.learnMore a {
	padding-left: 11px;
	background-image: url(/common/images/marker-arrow.gif);
	background-position: 0 0.33em;
	background-repeat: no-repeat;
}

*+html>/**/body div#mainContents p.learnMore a,
*+html>/**/body div#mainContents p.pageBack a { background-position: 0 0; }

div#mainContents p.pageBack { margin-top: 20px; }

div#mainContents.recipeDetail p.pageBack { margin-top: 0; }

div#mainContents p.pageBack a {
	padding-left: 15px;
	background-image: url(/common/images/marker-link-back.gif);
	background-position: 0 0.05em;
	background-repeat: no-repeat;
}

/* txt,tvcmImg */
div#mainContents p.txt,
div#mainContents p.tvcmImg {
	float: left;
	margin-right: 20px;
}

/* recipeDate,caption */
div#mainContents p.recipeDate,
div#mainContents p.caption {
	float: right;
	text-align: right;
	white-space: nowrap;
}

* html div#mainContents p.recipeDate{
	padding-left:0px;
	margin-left:0px;
}

/* recipeRead */
div#mainContents p.recipeLead { clear: both; }

/* quantity */
div#mainContents p.quantity {
	margin-bottom: 0;
	text-align: right;
}

/* history */
div#mainContents div.history p {
	float: left;
	width: 600px;
}

div#mainContents div.history p.image { width: 100px; }

/* searchBox */
div#mainContents div.searchBox { margin-bottom: 10px; }

div#mainContents div.searchBox p { margin-bottom: 0; }

/* printBtn */
div#mainContents p.printBtn { text-align: right; }

div#mainContents p.printBtn img { cursor: pointer; }

/* hidden */
div#mainContents p.hidden { margin-bottom: 0; }

/* notice */
div#mainContents p.notice {
	margin: 0 0 10px 20px;
	font-weight: bold;
}

/* lead */
div#mainContents p.lead { font-size: 70%; }

/* shopping */
div#mainContents p.shopping { margin-top: 10px; }

div#mainContents p.shoppingEx { margin-bottom: 20px; }

/* special(news/qa) */
div#mainContents p.special {
	margin: 20px 0;
	padding-left: 8px;
	padding-bottom:6px;
	min-height: 18px;
	font-size: 125%;
	font-weight: bold;
	background-image: url(/common/images/2010/heading1_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}



/* -------------------------------------------------- List elements */
div#mainContents ul li,
div#mainContents ol li { padding-bottom: 7px; }

div#mainContents ul li.lastChild,
div#mainContents ol li.lastChild { margin-bottom: 0; }

/* ol */
div#mainContents ol { padding-left: 1.2em; }

*:first-child+html div#mainContents ol { padding-left: 1.5em; }

* html div#mainContents ol { padding-left: 1.5em; }

div#mainContents ol li { list-style: decimal; }

/* ul.links */
div#mainContents ul { clear: both; }

div#mainContents ul.links li,
div#mainContents ul.linearLinks li,
div#mainContents ul.multiLinksA li,
div#mainContents ul.multiLinksB li,
div#mainContents dl dt.links,
div#mainContents dl dd.links,
div.rightContents ul.links li {
	padding-left: 11px ;
	margin-left: 4px;
	background-image: url(/common/images/2010/marker-arrow.gif);
	/*background-position: 0 0.45em;*/
	background-position: 0 0.3em;
	background-repeat: no-repeat;
}
div.rightContents ul.links{
	text-align:left;
	padding-bottom:1px;
}
div.rightContents ul.links li {
	margin-bottom:8px;
}
div#mainContents ul.linearLinks li { float: left; }

div#mainContents ul.newProducts { padding-top: 1.25em; }

/* multiLinks */
div#mainContents ul.multiLinksA li,
div#mainContents ul.multiLinksB li { float: left; }

div#mainContents ul.multiLinksA li { width: 47%; }

div#mainContents ul.multiLinksB li { width: 30%; }

* html div#mainContents ul.multiLinksA li { width: 48%; }

* html div#mainContents ul.multiLinksB li { width: 32%; }

/* ul.links li.strong */
div#mainContents ul.links li.strong,
div#mainContents dl dt.strong {
	padding-left: 15px;
	margin: 0;
	background-image: url(/common/images/marker-link.gif);
	background-position: 0 0.35em;
	background-repeat: no-repeat;
}

/* ul.links li.external */
div#mainContents ul li.external {
	padding: 0 0 7px 15px;
	margin: 0;
	line-height: 1.5;
	text-indent: -15px;
	background-image: none;
}
div#mainContents ul li.none {
	padding: 0 0 7px 15px;
	margin-left: -10px;
	line-height: 1.5;
	background-image: none;
}
div#mainContents div.column3A span.linkOut img{
	margin-right:5px;
}

div.rightContents ul li.external {
	padding: 0 0 4px 15px;
	margin: 0;
	line-height: 1.5;
	text-indent: -15px;
	background-image: none;
}

div#mainContents ul.relatedLinks li.external {
	padding: 0px;
	text-indent: 0px;
}
/* オンラインショップ */
div.rightContents ul li.external2 {
	padding-left: 11px;
	margin-left: 4px;
	margin-bottom: 4px !important;
	line-height: 1.5;
	background-image: url(/common/images/2010/marker-arrow.gif);
	background-position: 0 0.4em !important;
	background-repeat: no-repeat;
}
/* オンラインショップ */


div#mainContents ul.links li.external img { margin-right: 4px; }

*:first-child+html div#mainContents ul.links li.external img { margin-top: 0.1em; }

* html div#mainContents ul.links li.external img { margin-top: 0.1em; }

div#mainContents h2.image a.external{
	background:none;
	padding:0;
}

/* ul.links li.pdf */
div#mainContents ul li.pdf {
	padding: 0 0 0.3em 22px;
	margin: 0;
	text-indent: -22px;
	background-image: none;
}

/* ul.relatedLinks */
div#mainContents ul.relatedLinks { text-align: right; }

div#mainContents ul.relatedLinks li {
	margin-right: 4px;
	display: inline;
	font-size:0px;
}

/* ul.indexNavi */
div#mainContents ul.indexNavi {
	clear: both;
	padding-left: 6px;
	background-image: url(/common/images/marker-separate.gif);
	background-position: left 0.3em;
	background-repeat: no-repeat;
	white-space: nowrap;
}

div#mainContents ul.indexNavi li {
	float: left;
	padding-right: 6px;
	margin-right: 5px;
	background-image: url(/common/images/marker-separate.gif);
	background-position: right 0.4em;
	background-repeat: no-repeat;
}

/* ul.items */
div#mainContents ul.items li {
	padding-left: 10px;
	background-image: url(/common/images/marker-items.gif);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
}

div#mainContents ul.squareS li {
	padding-left: 10px;
	background-image: url(/common/images/marker-square_s.gif);
	background-position: 0 0.38em;
	background-repeat: no-repeat;
}

div#mainContents ul.squareM li {
	padding-left: 12px;
	background-image: url(/common/images/marker-square_m.gif);
	background-position: 0 0.3em;
	background-repeat: no-repeat;
}
/* ul.btnLinks */
div#mainContents ul.btnLinks li {
	float: left;
	margin-right: 10px;
}
div#mainContents ul.btnLinks{
	margin:0 0 10px 10px;
}

/* ul.images */
div#mainContents ul.images { text-align: center; }

div#mainContents ul.images li {
	margin-right: 20px;
	display: inline;
}
div#mainContents ul.images li img{
	margin-bottom:15px;
}

div#mainContents ul.images li.lastChild { margin-right: 0; }

/* ul.ir */
div#mainContents ul.ir li { float: left; }

div#mainContents ul.ir li.report { width: 50%; }

div#mainContents ul.ir li.pdf,
div#mainContents ul.ir li.size { width: 25%; }

/* notes */
div#mainContents ul.notesB li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

div#mainContents dl.notes { clear: both; }

div#mainContents dl.notes dt {
	float: left;
	width: 2.5em;
	color: #FF0000;
}

div#mainContents dl.notes dd { margin-left: 2.5em; }

* html div#mainContents dl.notes dd {
	text-indent: -3px;
	padding-left: 3px;
}

div#mainContents dl.notes dd img { margin-bottom: 0; }

/* dl.cateSort */
div#mainContents dl.cateSort{
	margin-bottom:30px;
}
div#mainContents dl.cateSort dt{
	float: left;
	width:103px;
	display:block;
}
div#mainContents dl.cateSort dd{
	float:left;
	font-weight:bold;
	width:399px;
}
div#mainContents dl.cateSort dd ul li{
	white-space:nowrap;
	float:left;
	font-weight:bold;
	color:#039;
	margin-right:2px;
}
div#mainContents dl.cateSort dd ul li a{
	padding:2px 3px;
	margin:0 1px;
}
div#mainContents dl.cateSort dd ul li em{
	color:#FF0020;
}
div#mainContents dl.cateSort dd ul li em a{
	color:#FFF;
	background:#FF0020;
}
div#mainContents p.itemBox,
div#mainContents .cateTop dd.itemBox{
	text-align:center;
	border:1px solid #CCC;
	margin-bottom:5px;
}
div#mainContents p.itemBox img,
div#mainContents .cateTop dd.itemBox img{
	padding:5px;
}
div#mainContents .cateTop{
	margin-bottom:20px;
}
div#mainContents .cateTop dl{
	margin:0;
}
div#mainContents .cateTop dl dt{
	font-weight:bold;
	background:url(/common/images/2010/dt_tit_bg.gif) repeat-x left bottom;
	padding-bottom:3px;
	margin:0 5px 10px;
}
div#mainContents .cateTop dl dd{
	margin:0 15px;
}

/* dl.row */
div#mainContents dl.rowA dt,
div#mainContents dl.rowB dt,
div#mainContents dl.rowC dt,
div#mainContents dl.rowD dt,
div#mainContents dl.rowE dt { float: left; }

div#mainContents dl.rowA dd,
div#mainContents dl.rowB dd,
div#mainContents dl.rowC dd,
div#mainContents dl.rowD dd,
div#mainContents dl.rowE dd { float: right; }

div#mainContents dl.rowA dt { width: 15%; }
div#mainContents dl.rowA dd { width: 85%; }
div#mainContents dl.rowB dt { width: 25%; }
div#mainContents dl.rowB dd { width: 75%; }
div#mainContents dl.rowC dt { width: 31%; }
div#mainContents dl.rowC dd { width: 69%; }
div#mainContents dl.rowD dt { width: 40%; }
div#mainContents dl.rowD dd { width: 60%; }

div#mainContents dl.rowE dt,
div#mainContents dl.rowE dd { width: 50%; }

/* dl.rowEx01 */
div#mainContents dl.rowEx01 dt {
	float: left;
	margin-right: 15px;
}

/* dl.rowEx02 */
div#mainContents dl.rowEx02 dt {
	font-weight: bold;
	font-size: 90%;
}

div#mainContents dl.rowEx02 dd {
	float: left;
	width: 48%;
	padding-left: 11px;
	margin-left: 0;
	background-image: url(/common/images/marker-arrow.gif);
	background-position: 0 0.45em;
	background-repeat: no-repeat;
}

/* dl.rowEx03 */
div#mainContents dl.rowEx03 dt {
	font-weight: bold;
	font-size: 90%;
}

div#mainContents dl.rowEx03 dd {
	float: none;
	padding-left: 11px;
	margin-left: 0;
	background-image: url(/common/images/marker-arrow.gif);
	background-position: 0 0.45em;
	background-repeat: no-repeat;
}

/* dl.faqList */
div#mainContents dl.faqList dt,
div#mainContents dl.faqList dd {
	padding-left: 1.6em;
	font-weight: bold;
	text-indent: -1.5em;
}

/* dl.numList */
div#mainContents dl.numList dt { padding: 10px 0 10px 25px; }

div#mainContents dl.numList dt.numbering {
	float: left;
	padding-left: 10px !important;
}

div#mainContents dl.numList dd { padding-left: 2em; }

div#mainContents dl.numList dd.url {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dashed #666;
	clear: both;
}
div#mainContents dl.numList dd.last{
	border-bottom: none;
}
div#mainContents dl.faqList dd { font-weight: normal; }
div#mainContents dl.numList a,
div#mainContents dl.numList a:link{
	text-decoration:underline;
}


div.typeS div#mainContents dl.numList dd{
	padding-left: 106px;
}

*html div.typeS div#mainContents dl.numList dd.url{
	padding-left: 120px;
}

div.typeS div#mainContents dl.numList dt { padding: 10px 0 10px 120px; }



div.typeS div#mainContents dl.numList dt.icon{
	float: left;
	height: 100%;
}

div.typeS div#mainContents dl.numList dt.pc_icon{
	background: url(/images/2010/icon_pc_a.gif) no-repeat;
	width: 80px;
	height: 80px;
	margin: 10px 0px 0px 20px;
	float: left;
	padding: 0px;
	text-indent: -9999px;
	position: relative;
}

div.typeS div#mainContents dl.numList dt.sp_icon{
	background: url(/images/2010/icon_sm_a.gif) no-repeat;
	width: 80px;
	height: 80px;
	margin: 10px 0px 0px 20px;
	float: left;
	padding: 0px;
	text-indent: -9999px;
	position: relative;
}


div.typeS div#mainContents dl.numList dt.pdf_icon{
	background: url(/images/2010/icon_pdf_a.gif) no-repeat;
	width: 80px;
	height: 80px;
	margin: 10px 0px 0px 20px;
	float: left;
	padding: 0px;
	text-indent: -9999px;
	position: relative;
}



div.typeS div#mainContents dl.numList dd.url{
	padding-top: 0px;
}


/* dl.infoList */
div#mainContents dl.infoList dt {
	float: left;
	width: 8em;
}

div#mainContents dl.infoList dd { margin-left: 8em; }

/* dl.newsMonths */
div#mainContents dl.newsMonths { border-bottom: 1px solid #F08803; }

div#mainContents dl.newsMonths dt,
div#mainContents dl.newsMonths dd {
	float: left;
	height: 31px;
}

div#mainContents dl.newsMonths dt {
	width: 66px;
	line-height: 31px;
	text-align: center;
}

div#mainContents dl.newsMonths dd {
	margin-right: 2px;
	margin-bottom: -1px;
 }

* html div#mainContents dl.newsMonths dd {
	position: relative;
}

/* dl.items */
div#mainContents dl.items dt {
	margin-bottom: 10px;
	text-align: center;
}

div#mainContents div.columnTVCM dl.items dd { text-align: center; }

div#mainContents div.columnTVCM dl.items dd.links {
	padding: 0;
	background-image: none;
}

div#mainContents div.columnTVCM dl.items dd.links a {
	padding-left: 11px;
	background-image: url(/common/images/marker-arrow.gif);
	background-position: left 0.3em;
	background-repeat: no-repeat;
}

/* dl.catalogLinks */
div#mainContents dl.catalogLinks dd {
	margin-top: 4px;
	text-align: center;
}

/* date */
div#mainContents dl.date { clear: both; }

div#mainContents dl.date dt {
	float: left;
	width: 9em;
	padding-left: 0;
	color:#650103;
}

div#mainContents dl.date dd { margin-left: 9em; }

* html div#mainContents dl.date dd {
	padding-left: 8px;
}

div#mainContents dl.date dt,
div#mainContents dl.date dd { margin-bottom: 10px; }

div#mainContents dl.date dd.external {
	padding-left: 11px;
	text-indent: -15px;
}

div#mainContents dl.date dd.external img { margin-right: 4px; }

* html div#mainContents dl.date dd.external {
	margin-top: 0.5em;
	margin-bottom: 0.4em;
}

* html div#mainContents dl.date dd.external img {
	vertical-align: top;
	margin-top: 2px;
}

/* -------------------------------------------------- boxedItem */
div#mainContents div.boxedItem {
	padding-top: 10px;
	margin: 20px 10px 10px 10px;
}

div#mainContents div.column3A div.boxedItem,
div#mainContents div.column3B div.boxedItem,
div#mainContents div.column4A div.boxedItem,
div#mainContents div.column4B div.boxedItem,
div#mainContents div.column4C div.boxedItem,
div#mainContents div.columnTVCM div.boxedItem { margin: 0 10px 10px 10px; }

div#mainContents div.information {
	border: solid 1px #FF0000;
	background-color: #FFF8F8;
}

div#mainContents div.action { background-color: #FFF9EB; }

div#mainContents div.explanatory,
div#mainContents div.plugin {
	border: solid 1px #F3ECE6;
	background-color:#F9F6F3;
	padding-left:10px;
	padding-right:10px;
}

div#mainContents div.plugin dl dt {
	float: left;
	margin-right: 10px;
	line-height: 1;
}
div#mainContents div.plugin dl dd{
	padding-top:5px;
}

div#mainContents div.action div.column4B input { width: 100%; }

div.rightContents .borderBox{
border:1px solid #DFDFDF;
}
div.rightContents .borderBoxInner{
}
div.rightContents p.cateTopLink{
margin: 0 0 20px 0;
}
div.rightContents div.newProducts dl{
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div.rightContents div.newProducts .itemImg span{
	/*width: 74px;*/
	height: 62px;
	text-align: center;
	line-height: 60px;
	display: block;
	width: 116px;
	border: 1px solid #CCC;
	text-align: center;
	margin: 0 auto 3px;
	display:block;
	padding:5px 0;
	zoom: 1;
}
div.rightContents div.newProducts .itemImg img{
	max-width:74px;
	max-height:62px;
	padding: 0;
	border: none;
}
div.rightContents div.newProducts dt.border{
	border-top: 1px solid #CCC;
	margin-top: 10px;
	padding-top: 10px;
}
div.rightContents div.newProducts dt.border a{
	text-align: center;
	zoom: 1;
	display: block;
}
	div.rightContents div.newProducts dt.border:first-child{
	border-top:none;
	margin-top: 0;
	padding-top:0;
}
/* -------------------------------------------------- boxedItemCircle */
div#mainContents div.boxedItemCircle {
	background:url(/common/images/2010/boxeditem_bg_btm.gif) no-repeat bottom left;
	padding-bottom:4px;
	width:520px;
	margin:30px 10px 25px;
}
div#mainContents div.boxedItemCircleInner {
	background:url(/common/images/2010/boxeditem_bg_top.gif) no-repeat top left;
	padding-top:4px;
}
div#mainContents div.boxedItemCircle div.boxedItemCont{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
div#mainContents div.boxedItemCircle div.boxedItemCont dl{
	padding:5px 10px;
	margin:0;
}
div#mainContents div.boxedItemCircle div.boxedItemCont  dl.rowC dd{
	width:67%;
	padding-top:10px;
}
/* -------------------------------------------------- Table elements */
div#mainContents table {
	clear: both;
	width: 520px;
	border-top: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
}
* html div#mainContents table{
	font-size:100%;
}

div#mainContents div.column3A table { width: 160px; }
div#mainContents div.column3B table { width: 340px; }
div#mainContents div.column4A table { width: 115px; }
div#mainContents div.column4B table { width: 250px; }
div#mainContents div.column4C table { width: 385px; }

div#platform.typeS div#mainContents table { width: 720px; }
div#platform.typeS div#mainContents div.column3A table { width: 226px; }
div#platform.typeS div#mainContents div.column3B table { width: 474px; }
div#platform.typeS div#mainContents div.column4A table { width: 165px; }
div#platform.typeS div#mainContents div.column4B table { width: 350px; }
div#platform.typeS div#mainContents div.column4C table { width: 535px; }

div#mainContents table th,
div#mainContents table td {
	padding: 6px;
	border-right: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	line-height: 1.25;
	vertical-align: top;
	text-align: left;
}

div#mainContents table th.unionCellB,
div#mainContents table td.unionCellB { border-bottom: none; }

div#mainContents table th.unionCellR,
div#mainContents table td.unionCellR { border-right: none; }

div#mainContents table th.unionCellA,
div#mainContents table td.unionCellA { border: none; }

div#mainContents table tbody th { background-color: #FFFFDF; }
div#mainContents table thead th { background-color: #FFF1F1; }
div#mainContents table tr.theader th { background-color: #FFF1F1; }
div#mainContents table thead td { background-color: #FFFBDE; }
div#mainContents table tr.theader td { background-color: #FFFBDE; }
div#mainContents table.typeG thead th { background-color: #EAEAEA; }
div#mainContents table.typeG thead td { background-color: #F5F5F5; }
div#mainContents table thead th.blank { background-color: #FFF; }

/* productsData */
div#mainContents table.productsData tbody th { width: 80px; }

/* searchRecipe */
div#mainContents table.searchRecipe tbody th { width: 65px; }

div#mainContents table.searchRecipe span { white-space: nowrap; }

* html div#mainContents table.searchRecipe tbody th { width: 80px; padding-right:0px; }
* html div#mainContents table.searchRecipe tbody th span input { margin-left:0px;padding-left:0px;text-indent:-2px; }

/* ingredients */
div#mainContents table th.mark {
	border-right: none;
}
div#mainContents table th.mark01 {
	border-right: none;
	background:#FFF9EB url(../images/recipe_line01.gif) no-repeat center center;
}
div#mainContents table th.mark02 {
	border-right: none;
	background:#FFF9EB url(../images/recipe_line03.gif) repeat-y center top;
}
div#mainContents table th.mark03 {
	border-right: none;
	background:#FFF9EB url(../images/recipe_line02.gif) no-repeat center center;
}
div#mainContents table th.season {
	width: 12px;
	border-right: none;
}

div#mainContents table th.ingredients { width: 60%; }

div#mainContents table th.quantity { width: 40%; }

/* request */
div#mainContents table.request th { width: 10%; }

div#mainContents table p.lastChild { margin-bottom: 0; }

/* inquiryForm */
div#mainContents table.inquiryForm th,
div#mainContents table.inquiryForm td { width: 50%; }

div#mainContents table.noBorder {
	clear: both;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}

div#mainContents table.noBorder tr,
div#mainContents table.noBorder th,
div#mainContents table.noBorder td {
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
	background: none;
	font-weight: normal;
}

/* -------------------------------------------------- linearNavi */
div#mainContents div.linearNavi {
	clear: both;
	margin-bottom: 10px;
}

div#mainContents div.linearNavi p,
div#mainContents div.linearNavi ul {
	float: right;
	margin-bottom: 0;
}

* html div#mainContents div.linearNavi ul { margin-right: 5px; }

div#mainContents div.linearNavi ul li { float: left; }

div#mainContents div.linearNavi ul li.back,
div#mainContents div.linearNavi ul.lastPage li.back {
	margin-right: 5px;
	background-image: url(/common/images/marker-separate.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

div#mainContents div.linearNavi ul.lastPage li.back {
	margin: 0;
	background-image: none;
}

div#mainContents div.linearNavi ul li.back a,
div#mainContents div.linearNavi ul.lastPage li.back a {
	padding-left: 15px;
	margin-right: 5px;
	background-image: url(/common/images/marker-link-back.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

div#mainContents div.linearNavi ul.lastPage li.back a { margin: 0; }

*+html>/**/body div#mainContents div.linearNavi ul li.back a,
*+html>/**/body div#mainContents div.linearNavi ul.lastPage li.back a { background-position: left 0; }

div#mainContents div.linearNavi ul li.next a {
	padding-right: 15px;
	background-image: url(/common/images/marker-link.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

*+html>/**/body div#mainContents div.linearNavi ul li.next a { background-position: right 0; }

/* -------------------------------------------------- pagetop */

div#pageTop{
}

div#pageTop p.pageTop {
	clear: both;
	margin: 0 auto;
	text-align: right;
	width:950px;
}

div#pageTop p.pageTop { padding-top: 20px; }

*:first-child+html div#pageTop p.pageTop {
	padding-top: 0;
	margin-top: 20px;
}

* html div#pageTop p.pageTop {
	padding-top: 0;
	margin-top: 20px;
}
div#mainContents p.pageTop{
	clear:both;
	margin:0 10px 5px 0;
	text-align:right
}
div#mainContents p.pageTop a,
div#pageTop p.pageTop a{
	background-image:url(/common/images/marker-pagetop.gif);
	background-position:0 center;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

/* -------------------------------------------------- etc elements */
.fontS{
font-size:75%;
}

/* \ */
div#mainContents img.external,
div.rightContents img.external { margin-right: 4px; }

* html div#mainContents ul li.external img,
div.rightContents img.external img {
	margin: 0 0 0.5em 0;
	vertical-align: top;
}

div#mainContents a.external,
div#emergency_box a.external{
	background-image: url(/common/images/maker-win.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}

/* icon */
div#mainContents img.icon {
	margin-right: 7px;
	vertical-align: middle;
}

div#mainContents h3 img.icon,
div#mainContents ul.links li img.icon { margin: 0 0 2px 7px; }

* html div#mainContents img.icon { margin: 0.2em 7px 0.2em 0; }

* html div#mainContents h3 img.icon { margin: 0 0 0 7px; }
* html div#mainContents ul.links img.icon { margin: 0.2em 0 0.3em 7px; }
*:first-child+html div#mainContents h3 img.icon { margin: 0 0 0 7px; }

/* pdf */
div#mainContents img.pdf { margin-right: 5px; }

* html div#mainContents ul li.pdf img { vertical-align: top; }

/* hr */
div#mainContents hr {
	clear: both;
	height: 0;
	border: none;
	border-top: 1px dashed #939393;
	font-size: 0;
	line-height: 0;
	display: block;
}

*:first-child+html div#mainContents hr { margin: -7px 10px 3px 10px; }

* html div#mainContents hr { margin: -7px 10px 3px 10px; }

div#mainContents hr.noColor{ border-top: 0px; }
*:first-child+html div#mainContents hr.noColor{ border-top: 1px solid transparent; margin: 0px 10px 3px 10px; }
* html div#mainContents hr.noColor{ border-top: 1px solid transparent; margin: 0px 10px 3px 10px; }

/* -------------------------------------------------- pre elements */
div#mainContents pre {
	width: auto;
	padding: 10px;
	margin: 10px;
	overflow: auto;
	border: solid 1px #DEDEDE;
	background-color: #F8F8F8;
}

* html div#mainContents pre { width: 100%; }

div#mainContents p pre,
div#mainContents li pre,
div#mainContents dd pre,
div#mainContents * pre { margin: 10px 10px 10px 0; }

/* -------------------------------------------------- blockquote */
div#mainContents blockquote {
	margin: 10px;
	border: solid 1px #DEDEDE;
	background-color: #F8F8F8;
}

div#mainContents blockquote p {
	margin: 10px;
	font-size: 70%;
}

/* -------------------------------------------------- Clearfixes */
.locator:after,
div.locator:after,
div#mainContents ul:after,
div#mainContents dl:after,
div#mainContents div.boxedItem:after,
div#mainContents div.linearNavi:after,
div#mainContents div.history:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	display: block;
	content: ".";
}

.locator,
div.locator,
div#mainContents ul,
div#mainContents dl,
div#mainContents div.boxedItem,
div#mainContents div.linearNavi,
div#mainContents div.history {
	min-height: 1%;
	display: inline-table;
}

/* for macIE \*/
* html .locator,
* html div.locator,
* html div#mainContents ul,
* html div#mainContents dl,
* html div#mainContents div.boxedItem,
* html div#mainContents div.linearNavi,
* html div#mainContents div.history { height: 1%; }

.locator,
div.locator,
div#mainContents ul,
div#mainContents dl,
div#mainContents div.boxedItem,
div#mainContents div.linearNavi,
div#mainContents div.history { display: block; }


/* end of for macIE */


/********* add 2008/07/10 ****/
div#mainContents h1.wf {
	background-image: url(/common/images/marker-h1-wf.gif);
}

div#mainContents h2.wf {
	border-bottom: solid 2px #F5C21B;
	background-color: #FFFF95;
}

body.special div#mainContents h2.wfLinks {
	border-bottom: solid 2px #F5C21B;
	background-color: #FFFF95;
}

/********* add 2008/08/13 ****/
div#mainContents #wfTopArea:after{
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	display: block;
	content: ".";
}

div#mainContents #wfTopArea .logo{
	float:left;
	width:163px;
	height:89px;
}

div#mainContents #wfTopArea .text{
	float:right;
	text-align:left;
	width:365px;
}


/********* add 2008/08/13 ****/
div#mainContents div#topInfoBox{
	margin:0 0 0 10px;
	padding:0px;
}

div#mainContents div#topInfoBox .boxedItem{
	margin:10px 0 0 0;
	padding:0px;
}

div#mainContents div#topInfoBox .boxedItem ul{
	margin:0 0 0 10px;
	padding:0px;
}
div#mainContents div#topInfoBox p{
	font-weight:bolder;
}

/********* add 2008/10/20 ****/
div#mainContents a.rsIcon{
	background-image:url(/common/images/icon_readspeaker.gif);
	background-position:3px top;
	background-repeat:no-repeat;
	padding-left:23px;
}

/********* add 2009/11/12 ****/
div#mainContents p span.wellnessComment{
	display:block;
	float:right;
	text-align:left;
	width:335px;
	margin-bottom:10px;
}

div#mainContents table.productsData tr td span.wellnessComment{
	display:inline;
	text-align:left;
}

/********* add 2009/11/17 ****/
div#mainContents ul.infoRcp { margin:0; }

/********* add 2010 renew ****/
div#mainContents .fL { float:left;margin:0; }

#mainContents .btnAreaCenter {
text-align:center;
}

/* form */
div#mainContents input.mailformTxt{
	vertical-align:middle;
	width:290px;
	margin-left:20px;
}
div#mainContents ul.formBtn{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
div#mainContents ul.formBtn li {
	float:left;
	margin-right:20px;
}
div#mainContents div.formBox{
	border:1px solid #9D9D9D;
	background:#F8F8F8;
	margin:20px 10px 20px;
	padding-bottom:10px;
}
div#mainContents div.formBoxNotice{
	background-color:#FFF8F8;
	border:1px solid #FF0000;
	margin:20px 10px 20px;
	padding-bottom:0;
}
div#mainContents div.formBox p{
	margin-left:15px;
	margin-right:15px;
}
div#mainContents div.formBox p.title{
	margin-bottom:0;
}
div#mainContents div.formBox p.title strong{
	font-size:120%;
}
div#mainContents div.formBox em.mail{
	font-weight:bold;
}
div#mainContents div.formBox hr {
	border-color:#666;
	border-style:dashed none none;
	border-width:1px medium medium;
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	margin-bottom:15px;
}
div#mainContents div.formBox dl.formDl{
	margin:0 15px 15px;
}
div#mainContents div.formBox dl.formDl dt{
	font-size:95%;
	font-weight:bold;
}
div#mainContents div.formBox dl.formDl dd{
	font-weight:bold;
}

/* simple border */
div#mainContents .borderBox{
border:1px solid #CCC;
}
/* simple bg */
div#mainContents .bgGray{
background:#F6F6F6;
}
div#mainContents div.bgGray{
background:#F6F6F6;
padding-top:10px;
margin:10px;
}

/** if recipe… **/

div#mainContents dl.itemPhotoList{
	margin:0 0 15px 10px;
}
div#mainContents dl.itemPhotoList dt span.itemImg{
	display:block;
	text-align:center;
	margin:0 auto 5px;
}
div#mainContents dl.itemPhotoList dt span.linkMark{
	background:url(/common/images/2010/marker-arrow.gif) no-repeat 5px 0.2em;
	padding-left:16px;
	display:block;
	text-align:left;
	min-height:2.5em;
	height:auto !important;
	height:2.5em;
	margin-bottom:5px;
}

/* outlink */
div#mainContents .outLink{
	margin-bottom:70px;
}
div#mainContents .outLink p.logo{
	margin:80px 0;
}
div#mainContents .outLink ul{
	margin:5px 0 40px;
}

/* 2010 renew */
.searchResult {
	background:#F8F8F8 none repeat scroll 0 0;
	border:1px solid #A0A0A0;
	margin-bottom:20px;
	padding-top:10px;
}
.searchFormBox {
	background:#F5F5F0 none repeat scroll 0 0;
	padding:20px 20px 5px;
	margin-left:10px;
	margin-right:10px;
}
.searchFormBox input {
	vertical-align:middle;
}
.searchFormBox .search-indent-box p {
	font-weight:bold;
}
.searchFormBox input.text {
	margin-right:10px;
	width:430px;
}
#mainContents .btnAreaCenter {
	text-align:center;
	/*margin-bottom:10px;*/
}

div#mainContents p.list span {
	white-space:nowrap;
}

div.linkArea {
	color:#333;
	font-size:83%;
	font-weight:bold;
}

div.linkArea span {
	display:-moz-inline-box;
	display:inline;
	zoom:1;
	font-weight:normal;
}
div.linkArea span {
	display:inline-block;
	margin:0 3px;
	padding:5px 2px;
}
div.linkArea span em{
	font-weight:bold;
	color:#F00;
}
div.linkArea a {
	display:-moz-inline-box;
	display:inline;
	zoom:1;
}
div.linkArea a {
	display:inline-block;
	margin:0 3px;
	font-weight:normal;
	padding:5px 2px;
}
div.linkArea span.back {
	padding:5px 5px 5px 5px;
}
div.linkArea span.next {
	padding:5px 5px 5px 5px;
}

.borderTop{
	border-top:1px solid #CCC;
	padding-top:5px;
	margin-top:10px;
}
div#mainContents dl.numList{
	margin:0;
}
div#mainContents p.txtAC{
	text-align:center;
}
div#mainContents .txtAC{
	text-align:center;
}

div#mainContents div.wf{
	background:#FBFBAC;
}
div#mainContents div.wf p.title{
	background:#FFE200;
	width:9em;
	text-align:center;
	padding:2px 0;
}
div#mainContents div.wf p.info{
	margin-top:10px;
}

/* sitmap */
body.sitemap div#mainContents ul.sitemap{
	padding:10px 10px 5px;
	background:#FFF3F3;
}
body.sitemap div#mainContents ul.sitemap li{
	width:auto;
	float:left;
	background-image:url(/common/images/2010/marker-pagelink.gif);
	background-position:1pt 0.1em;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	margin-left:10px;
	display:inline;
	white-space:nowrap;
}
body.sitemap div#mainContents .borderT{
	border-top:1px solid #DFDFDF;
}
body.sitemap div#mainContents .borderB{
	border-bottom:1px solid #DFDFDF;
}

body.sitemap div#mainContents ul.links li.title{
	font-size:90%;
	font-weight:bold;
	padding-left:25px;
	background-position:15px 0.3em;
}
body.sitemap div#mainContents ul li.title{
	font-size:90%;
	font-weight:bold;
	padding-left:25px;
	background-position:15px 0.3em;
}

body.sitemap div#mainContents ul.links li.borderB{
	border-bottom:1px solid #DFDFDF;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:40px;
	background-position:30px 1em;
}
body.sitemap div#mainContents .borderR{
	background:url(/common/images/2010/border_r_bg.gif) no-repeat -10px 10px;
	margin-bottom:10px;
}
body.sitemap div#mainContents ul{
margin-right:9px;
}
body.sitemap div.locator{
	margin:0 10px;
}
body.sitemap #footerNavi div.locator{
	margin:0;
}
div.minorColumnF{
	padding-top:10px;
}
body.sitemap div#mainContents h2{
	padding-top:20px;
	margin-bottom:0;
}
body.sitemap div#mainContents h2#map06{
	padding-top:40px;
}
body.sitemap div#mainContents .borderBox{
	margin-top:40px;
}
/* tab */
div#mainContents ul.tabArea{
border-bottom:1px solid #FF9493;
}
div#mainContents ul.tabArea li{
float:left;
margin-right:1px;
margin-bottom:-1px;
position:relative;
padding-bottom:0;
}
/* EOF */

/*----------------------------------
オンラインショップ　リニューアル
----------------------------------*/

div#mainContentsOL div#leftContetns{
clear: both;
padding: 0 11px 3px 8px;
font-size: 90%;
font-weight: bold;
line-height: 1.5;
background: url(/common/images/2010/heading2_bg_l.gif) no-repeat bottom right;
text-align: left;
}

div#mainContentsOL h1 {
padding-left: 8px;
padding-bottom: 6px;
min-height: 18px;
font-size: 125%;
font-weight: bold;
background-image: url(/common/images/2010/heading1_bg.gif);
background-position: left bottom;
background-repeat: repeat-x;
}

div#mainContentsOL ul.link li a.external{
background-image: url(/common/images/maker-win.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 15px;
display:block;
}

div#mainContentsOL span.heading2{
background: url(/common/images/2010/heading2_mark.gif) no-repeat left 0.25em;
padding-left: 20px;
display: block;
}


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

flash video noscript

============= */
#fla {
    border: 2px solid #D52A2A;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    max-width: 465px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    line-height: 1.3;
    font-size: 16px;
}