@charset "UTF-8";

/* related-blockA01 (wine bottom banner)
======================================*/
.panel2column .related-blockA01 dl.definition-listA01 {
	width: 450px;
	height: 250px;
}
body.bajl-enabled .panel2column .related-blockA01 dl.definition-listA01 {
	height: auto;
}
.panel2column .related-blockA01 dl.definition-listA01 dt,
.panel2column .related-blockA01 dl.definition-listA01 dd {
	padding-top: 0;
}
.panel2column .related-blockA01 dl.definition-listA01 dt a:link,
.panel2column .related-blockA01 dl.definition-listA01 dt a:visited {
	text-decoration: none;
}
.panel2column .related-blockA01 dl.definition-listA01 dt a:focus {
	text-decoration: none;
}
.panel2column .related-blockA01 dl.definition-listA01 dt a:link:hover,
.panel2column .related-blockA01 dl.definition-listA01 dt a:visited:hover,
.panel2column .related-blockA01 dl.definition-listA01 dt a:link:active,
.panel2column .related-blockA01 dl.definition-listA01 dt a:visited:active {
	text-decoration: none;
}
.panel2column .related-blockA01 dl.definition-listA01 dt span {
	display: inline-block;
	padding-top: 0.6em;
	cursor: pointer;
	zoom: 1;
}

/* related-blockA02 (related information)
======================================*/
/* common */
.related-blockA02 {
	margin: 0;
	padding: 0;
	zoom: 1;
}
.related-blockA02:before,
.related-blockA02:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.related-blockA02 dl {
	margin: 0;
	padding: 0.6em 0 0;
	*padding-top: 0.65em;
}
.related-blockA02 dl dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.related-blockA02 a:link,
.related-blockA02 a:visited {
	text-decoration: none;
}
.related-blockA02 a:focus {
	text-decoration: none;
}
.related-blockA02 a:link:hover,
.related-blockA02 a:visited:hover,
.related-blockA02 a:link:active,
.related-blockA02 a:visited:active {
	text-decoration: none;
}
.related-blockA02 dl dt span {
	display: inline-block;
	padding-top: 0.6em;
	cursor: pointer;
	zoom: 1;
}
.related-blockA02 dl dd {
	margin: 0.25em 0 0;
	padding: 0;
}

/*point info(icon)*/

.related-blockA02 dl dd.icon {
	+zoom: 1;
	margin: 0.75em 0 0;
}

#sapporo-related-area dl dd.icon {
	+zoom: 1;
	margin: 0.75em 0 0;
}

.related-blockA02 dl dd.icon:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/*--each icon float left--*/
.related-blockA02 dl dd.icon span.point-info-iconB01,
.related-blockA02 dl dd.icon span.image-icon {
	float: left;
	margin-right: 1px;
}
.related-blockA02 dl dd.icon span img {
	display: inline;
}

/*--point icon--*/
.related-blockA02 dl dd.icon span.point-info-iconB01 {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
/*--point icon oubo--*/
.related-blockA02 dl dd.icon span.point-info-iconB01.oubo {
	background:url(/mypage/img/point/point_info_icon_b01-oubo.gif)  0 0 no-repeat;
	width: 78px;
	height: 14px;
	padding-top: 2px;
	position: relative;
}
/*--point icon plus--*/
.related-blockA02 dl dd.icon span.point-info-iconB01.plus {
	background:url(/mypage/img/point/point_info_icon_b01-plus.gif)  0 0 no-repeat;
	width: 80px;
	height: 13px;
	padding-top: 3px;
	position: relative;
}
.related-blockA02 dl dd.icon span.point-info-iconB01.plus img {
	_behavior: url(/css/shared/alphaImageLoader.htc);
}

/*--plus-icon for main --*/
.related-blockA02 dl dd.icon span.point-info-iconB01.plus .plusB01-icon{
	position: absolute;
	top: -7px;
	left: 0;	
}
/*--device-star for aside --*/
.related-blockA02 dl dd.icon span.point-info-iconB01.plus span.device-starB01 {
	color: #4d3b17;
	position: absolute;
	top: 0px;
	left: 38px;
}
/*--device-point for aside --*/
.related-blockA02 dl dd.icon span.point-info-iconB01.plus span.device-pointB01 {
	color: #4d3b17;
	position: absolute;
	top: 0px;
	left: 49px;
}
/*-- point info(icon)end --*/


/* recommend */
.related-blockA02-content {
	margin: 0;
	padding: 0;
	zoom: 1;
}
.related-blockA02-content:before,
.related-blockA02-content:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.related-blockA02-content .related-blockA02-column {
	float: left;
	width: 210px;
	padding-left: 30px;
}
.related-blockA02-content .related-blockA02-column.first-child {
	padding-left: 0;
}

/* dl.campaign-listA01 */
.related-blockA02 dl.campaign-listA01 {
	float: left;
	width: 210px;
	padding-left: 30px;
}
.related-blockA02 dl.campaign-listA01.first-child {
	padding-left: 0;
}

/* dl.popular-listA01 */
.related-blockA02 dl.popular-listA01 {
	float: left;
	width: 210px;
	padding-left: 30px;
}
.related-blockA02 dl.popular-listA01.first-child {
	padding-left: 0;
}

/* dl.faq-listA01 */
.related-blockA02 dl.faq-listA01 {
	margin: 0;
	padding: 0.6em 0 0;
}
.related-blockA02 dl.faq-listA01 dt {
	color: #806226;
}
.related-blockA02 dl.faq-listA01 dd {
	margin-top: 0.4em;
}

/* dl.recipe-listA01 */
.related-blockA02 dl.recipe-listA01 {
	width: 205px;
	margin: 0;
	padding: 0.75em 2px 0 3px;
	*padding-top: 0.8em;
}

/* topic, blog, news_release */
.related-tab-blockA01 {
	clear: both;
	margin: 0;
	padding: 10px 0 0;
	zoom: 1;
}

.related-tab-blockA01 h2.headingA02 {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
}
body.function #sapporo-related-area .related-tab-blockA01 h2.headingA02 {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
}

.related-tab-blockA01 ul.link-listA01 {
	padding-top: 0;
}
.related-tab-blockA01 ul.link-listA01 li {
	float: left;
	padding-top: 0;
	padding-right: 5px;
}
.related-tab-blockA01 ul.link-listA01 li a:link {
	padding-left: 0;
	background: none;
}
.related-tab-blockA01 ul.link-listA01 li a:visited {
	padding-left: 0;
	background: none;
}
.related-tab-blockA01 ul.link-listA01 li a:focus {
	padding-left: 0;
	background: none;
}
.related-tab-blockA01 ul.link-listA01 li a:link:hover,
.related-tab-blockA01 ul.link-listA01 li a:visited:hover,
.related-tab-blockA01 ul.link-listA01 li a:link:active,
.related-tab-blockA01 ul.link-listA01 li a:visited:active {
	padding-left: 0;
	background: none;
}

/* tabView style controls */
.tabView-topics .tabView-tabs {
	display: block !important; /* override rule in bajl.tabView.css */
}
.tabView-topics .tabView-tabs ul {
	display: none;
}
.tabView-topics.tabView-enabled .tabView-tabs ul {
	display: block;
}
.tabView-topics .tabView-pane h3 {
	margin: 2em 0 0;
	font-size: 100%;
}
.tabView-topics.tabView-enabled .tabView-pane h3 {
	display: none;
}
.tabView-topics.tabView-enabled .tabView-pane,
.tabView-topics.tabView-enabled .tabView-pane .related-blockA02 {
	/*
	margin-top: -40px;
	padding-top: 40px;
	*/
}

/* .related-link-blockA01 */
.related-link-blockA01 {
	min-height: 25px;
	_height: 25px;
	margin: 0;
	padding: 1.35em 0 0;
	position: relative;
	zoom: 1;
}
.related-link-blockA01:before,
.related-link-blockA01:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.related-link-blockA01 ul.related-link-listA01 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.related-link-blockA01 ul.related-link-listA01 li {
	position: absolute;
	margin: 0;
	padding: 0;
}
.related-link-blockA01 ul.related-link-listA01 li.btn {
	right: 0;
	bottom: 1px;
	*bottom: 0;
}
.related-link-blockA01 ul.related-link-listA01 li.rss {
	left: 0;
	bottom: 2px;
}
.related-link-blockA01 a:link,
.related-link-blockA01 a:visited {
	text-decoration: none;
}
.related-link-blockA01 a:focus {
	text-decoration: none;
}
.related-link-blockA01 a:link:hover,
.related-link-blockA01 a:visited:hover,
.related-link-blockA01 a:link:active,
.related-link-blockA01 a:visited:active {
	text-decoration: none;
}

/* related-cm-column */
.related-cm-column {
	visibility: hidden;
	_overflow: hidden;
}
.related-cm-blockA01 {
	padding-top: 10px;
}
.related-cm-blockA01 object {
	display: block;
	margin: 0 -7px 0 -8px;
	_position: relative;
	_z-index: 2;
}
body.bajl-enabled .related-cm-column {
	visibility: visible;
}
body.bajl-enabled .related-cm-blockA01 {
	height: 293px;
}

/* dl.campaign-listA01 */
.campaign-list-blockA01 {
	margin: 0 0 0 -10px;
	position: relative;
	z-index: 10;
	zoom: 1;
}
.campaign-list-blockA01:before,
.campaign-list-blockA01:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.campaign-list-blockA01 dl {
	margin: 0;
	padding: 1.25em 0 0;
	*padding-top: 1.35em;
}
.campaign-list-blockA01 dl dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.campaign-list-blockA01 dl dt span {
	display: inline-block;
	padding-top: 0.6em;
	cursor: pointer;
	zoom: 1;
}
.campaign-list-blockA01 dl dd {
	margin: 0.1em 0 0;
	padding: 0;
}
.campaign-list-blockA01 a:link,
.campaign-list-blockA01 a:visited,
.campaign-list-blockA01 a:hover,
.campaign-list-blockA01 a:active {
	text-decoration: none !important;
	cursor: pointer;
}
.campaign-list-blockA01 dl.campaign-listA01 {
	float: left;
	width: 210px;
	padding-left: 20px;
}