@charset "UTF-8";

/* panel-group
======================================*/
.panel-group {
	margin: 0 -10px 0 0;
	*margin-right: -30px;
	padding: 0;
	_position: relative;
	zoom: 1;
}
.panel-group:before,
.panel-group:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* panelFull
======================================*/
.panelFull {
	width: 950px;
	margin: 10px 0 0;
	padding: 0;
	background: #ffffff url(../../img/shared/bg/bg_main_02.gif) 0 0 no-repeat !important;
}

/* panelFull + tab */
.panelFull.withTab {
	margin: 0;
	background-image: none !important;
}

/* panelFull-content */
.panelFull .panelFull-content {
	margin: 0;
	padding: 0 10px 10px;
	background: url(../../img/shared/bg/bg_main-inner_02.gif) 0 100% no-repeat;
	zoom: 1;
}
.panelFull .panelFull-content:before,
.panelFull .panelFull-content:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* article-page (nutrition) */
.panelFull .panelFull-content.article-page {
	padding: 0 20px 56px;
}

/* panelFull-content01 (mypage) */
.panelFull .panelFull-content.panelFull-content01 {
	padding-left: 140px;
	padding-right: 140px;
}

/* panelFull-content02 */
.panelFull .panelFull-content.panelFull-content02 {
	padding: 0 20px 20px;
}
body.mobile .panelFull .panelFull-content.panelFull-content02 {
	padding-bottom: 15px;
	*padding-bottom: 7px;
}

/* panelL
======================================*/
/* panelL-group */
.panelL-group {
	float: left;
	width: 710px;
	margin: 0;
	padding: 0;
}
body.recipe .panelL-group {
	_width: 710px;
}

/* panelL */
.panelL {
	margin: 10px 0 0;
	padding: 0;
	background: #ffffff url(../../img/shared/bg/bg_main_01.gif) 0 0 no-repeat;
	position: relative;
	zoom: 1;
}
.panelL:before,
.panelL:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* panelL-content */
.panelL .panelL-content {
	margin: 0;
	padding: 20px 20px 10px;
	background: url(../../img/shared/bg/bg_main-inner_01.gif) 0 100% no-repeat;
	zoom: 1;
}
.panelL .panelL-content:before,
.panelL .panelL-content:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
body.life .panelL .panelL-content {
	padding: 20px 20px 0;
}

/* index-page (news_release, faq, campaign) */
.panelL .panelL-content.index-page {
	_width: 670px;
	padding: 0 20px 10px;
}

/* panelL-content-inner (gourmet, mypage) */
.panelL .panelL-content.panelL-content-inner {
	_width: 690px;
	padding: 0 10px 10px;
}

/* panelL-content-inner.inner (gourmet) */
.panelL .panelL-content.panelL-content-inner.inner {
	_width: 690px;
	padding: 0 10px;
}

/* article
======================================*/
.panelL .article {
	margin: 0;
	padding: 0 0 4.15em 85px;
	width: 585px;
	zoom: 1;
}
.panelL .article:before,
.panelL .article:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* panelR
======================================*/
.panelR {
	float: left;
	width: 230px;
	margin: 10px 0 0 10px;
	padding: 0;
}
body.gourmet .panelR {
	_margin-top: 0;
	_padding-top: 10px;
}

/* panel2column
======================================*/
.panel2column {
	float: left;
	width: 470px;
	margin: 10px 10px 0 0;
	padding: 0;
	background: #ffffff url(../../img/shared/bg/bg_column02_01.gif) 0 0 no-repeat;
}
.panel2column .panel2column-content {
	margin: 0;
	padding: 0 10px 10px;
	background: url(../../img/shared/bg/bg_column02_02.gif) 0 100% no-repeat;
	position: relative;
	zoom: 1;
}

/* .panel2column + tab */
div#sapporo-related-area div.withTab {
	background: #ffffff url(../../img/shared/bg/bg_column02_03.gif) 0 0 no-repeat !important;
}

div#sapporo-related-area div.withTab h2.headingA02 img{
	position: relative;
    top: 2px;
}


/* .panel2column + tab */
div#sapporo-related-area div.withTabB01 {
	background: #ffffff url(../../img/shared/bg/bg_column02_12.gif) 0 0 no-repeat !important;
}

div#sapporo-related-area div.withTabB01 h2.headingA02 img {
	top: 3px;
}

/* panel2columnB01
======================================*/
.panel2columnB01-group {
	float: left;
	width: 470px;
	margin: 10px 10px 0 0;
	padding: 0;
	background: #ffffff url(../../img/shared/bg/bg_column02_02.gif) 0 100% no-repeat;
}
.panel2columnB01 {
	margin: 0;
	padding: 0;
	background: url(../../img/shared/bg/bg_column02_01.gif) 0 0 no-repeat;
}
.panel2columnB01.divide {
	padding-top: 13px;
	background: url(../../img/shared/bg/bg_column02_09.gif) 0 0 no-repeat;
	zoom: 1;
}
.panel2columnB01 .panel2columnB01-content {
	margin: 0;
	padding: 0 20px 1.7em;
	position: relative;
}
.panel2columnB01 .panel2columnB01-head {
	min-height: 154px;
	_height: 154px;
	margin: 0 -10px 0 0;
	_margin: 0 -10px 0 -20px;
	padding: 0 0 0 220px;
	_padding: 0 0 0 240px;
}
.panel2columnB01 .panel2columnB01-head h2.headingA02 {
	padding-top: 1.7em;
}
.panel2columnB01 .panel2columnB01-head h2.headingA02 a:link,
.panel2columnB01 .panel2columnB01-head h2.headingA02 a:visited {
	text-decoration: none;
}
.panel2columnB01 .panel2columnB01-head h2.headingA02 a:focus {
	text-decoration: none;
}
.panel2columnB01 .panel2columnB01-head h2.headingA02 a:link:hover,
.panel2columnB01 .panel2columnB01-head h2.headingA02 a:visited:hover,
.panel2columnB01 .panel2columnB01-head h2.headingA02 a:link:active,
.panel2columnB01 .panel2columnB01-head h2.headingA02 a:visited:active {
	text-decoration: none;
}
#structure div.topicpath p span {
	color: #4d3b17;
}

.panel2columnB01 .panel2columnB01-head img.heading-image {
	position: absolute;
	left: 20px;
	top: 20px;
}

/* panel4column
======================================*/
.panel4column {
	float: left;
	width: 230px;
	margin: 10px 10px 0 0;
	padding: 0;
	background: #ffffff url(../../img/shared/bg/bg_column01_01.gif) 0 0 no-repeat; 
}
.panel4column .panel4column-content {
	margin: 0;
	padding: 0 10px 0.85em;
	background: url(../../img/shared/bg/bg_column01_02.gif) 0 100% no-repeat;
	position: relative;
	zoom: 1;
}
body.knowledge #structure .panel4column .panel4column-content {
	height: 350px;
}
body.knowledge.bajl-enabled #structure .panel4column .panel4column-content {
	height: auto;
}