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

	NEW ADD

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

/* brewery
======================================*/

div#brewery {
width: 772px;  
margin: 0 auto;  
text-align: left;
font-size: 1.33em; 
letter-spacing: 0.04em;
}


/* sapporo-topicpath-area
======================================*/
#sapporo-topicpath-area {
	min-width: 960px;
	background-color: #f0ebdf;
	color: #4d3b17;
	text-align: center;
	zoom: 1;
}
#sapporo-topicpath-area:before,
#sapporo-topicpath-area:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#sapporo-topicpath-area div.topicpath {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
#sapporo-topicpath-area div.topicpath p {
	margin: 0.8em 0;
	*margin: 0.6em 0;
	padding: 0 5px;
}
#sapporo-topicpath-area div.topicpath p a:link,
#sapporo-topicpath-area div.topicpath p a:visited {
	color: #b39500;
	text-decoration: none;
}
#sapporo-topicpath-area div.topicpath p a:focus {
	color: #e6bf00;
	text-decoration: none;
}
#sapporo-topicpath-area div.topicpath p a:link:hover,
#sapporo-topicpath-area div.topicpath p a:visited:hover,
#sapporo-topicpath-area div.topicpath p a:link:active,
#sapporo-topicpath-area div.topicpath p a:visited:active {
	color: #e6bf00;
	text-decoration: none;
}
#sapporo-topicpath-area div.topicpath p span {
	color: #4d3b17;
}
#sapporo-topicpath-area.topicpathA {
}
/* --- workaround for IE6 --- */
#sapporo-topicpath-area {
	_background-color: expression(
		this.className.match("topicpathA") ? "#f0ebdf" :
		this.className.match("topicpathB") ? "#ffffff" :
		this.className.match("topicpathC") ? "#000000" :
						     "#f0ebdf"
	);
}

/* footer-related
======================================*/

div#footer-related {
text-align: left;
}

div#footer-related dl.campaign-listA01 {
	color: #4d3b17;
}

div#footer-related a span{
	color: #b39500;
}

/* span
======================================*/

.s2 {
	font-size: 73% !important;
	line-height: 133%;
}
.s2m {
	font-size: 73% !important;
	line-height: 120%;
}

.s3m {
	font-size: 73%;
	_font-size: 83%;
	line-height: 125%;
}


/*====================================================
	headerArea
	naviArea
====================================================*/

/*--------------------------
	headerNavi
--------------------------*/

.headerNavi{
	text-align:right;
}

body#body .headerNavi .navi{
	margin:0 0 0 auto;
}


/*--------------------------
	footerNavi
--------------------------*/

.footerNavi01,
.footerNavi02{
	text-align:center;
}

.footerNavi01{
	padding:49px 0 0 0 ;

}


body#body .footerNavi01 .navi,
body#body .footerNavi02 .navi{
	margin:0 auto;
}


/*--------------------------
	naviArea
--------------------------*/

.naviBg01{
	background-image:url("/brewery/common/images/navi_bg_02.jpg");
	background-repeat:repeat-y;
}

#naviArea h2{
	padding-left:8px;
}

body#body .naviBg01 h2{
	padding-bottom:7px;
}

#naviArea h3{
	padding-left:21px;
}

body#body #naviArea h3{
	padding-top:7px;
}

#naviArea p{
	padding-left:21px;
	padding-right:35px;
	margin-bottom:8px;
}

body#body #naviArea p{
	padding-top:6px;
	margin-bottom:5px;
}

#naviArea .menu .separator{
	padding:0;
	padding-left:21px;
}


/*--------------------------
	banner
--------------------------*/

#naviArea .banner,
#naviArea .separator{
	padding-left:8px;
}

#naviArea .separator{
	padding-top:19px;
	padding-bottom:14px;
}



/*====================================================
	/brewery/index.html
====================================================*/

/*--------------------------
	localNaviBlock
--------------------------*/

.localNaviBlock p{
	padding-top:5px;
	padding-bottom:10px;
}


/*--------------------------
	profileBlock
--------------------------*/

.profileBlockBg01{
	background-image:url("/brewery/common/images/profileBlock_bg_01.gif");
	background-repeat:repeat-y;
}

.profileBlockBg01 p{
	padding-left:13px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:7px;
}

.profileBlockBg01 .heading{
	padding-left:10px;
	padding-top:7px;
}

.profileBlockBg01 .separator{
	padding-left:10px;
}


/*--------------------------
	brandBlock
--------------------------*/

.brandBlockBg01{
	background-image:url("/brewery/common/images/brandBlock_bg_01.gif");
	background-repeat:repeat-y;
}

.brandBlockBg02{
	background-image:none;
}

.brandBlockBg03{
	background-image:url("/brewery/common/images/brandBlock_bg_02.gif");
	background-repeat:repeat-y;
}

.brandBlockBg01 p{
	padding-left:13px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:7px;
}

.brandBlockBg01 .heading{
	padding-left:10px;
	padding-top:7px;
}

.brandBlockBg01 .separator{
	padding-left:10px;
}

.brandLabelItem{
	padding-left:18px;
	padding-top:8px;
	padding-bottom:8px;
}


/*====================================================
	/brewery/beer/index.html
====================================================*/

/*--------------------------
	beerBlock
--------------------------*/

.beerBlock p{
	padding-left:16px;
	padding-right:16px;
	padding-bottom:8px;
}

.beerBlock .beerBlockBg01{
	background-image:url("/brewery/common/images/beerBlock_bg_01.gif");
	background-repeat:repeat-y;
}

.beerBlock .beerBlockBg02{
	background-image:url("/brewery/common/images/beerBlock_bg_02.gif");
	background-repeat:repeat-y;
}

.beerBlock .beerBlockBg03{
	background-image:none;
}

.beerBlock .banner{
	text-align:center;
	padding-bottom:7px;
}


/*--------------------------
	columnBg01
--------------------------*/

.columnBg01{
	background-image:url("/brewery/common/images/column_bg_01.gif");
	background-repeat:repeat-y;
}

.columnBg01 p{
	padding:14px 35px;
}


/*====================================================
	contentsArea
====================================================*/

/*--------------------------
	blockA01
--------------------------*/

.blockA01 p{
	margin-right:235px;
}

.blockA01Bg01{
	background-repeat:no-repeat;
}


/*--------------------------
	dataTableA01
--------------------------*/

.dataTableA01 .heading{
	background-image:url("/brewery/common/images/dataTableA01_misc_02.gif");
	background-repeat:no-repeat;
}

.dataTableA01 .heading p{
	padding:7px 15px 7px 28px;
}

.dataTableA01 .data{
	background-image:url("/brewery/common/images/dataTableA01_misc_01.gif");
	background-repeat:repeat-y;
}

.dataTableA01 .data p{
	padding:7px 15px;
}


/*--------------------------
	dataTableB01
--------------------------*/

.dataTableB01 p{
	padding-left:12px;
	margin-top:7px;
	margin-bottom:7px;
}


/*--------------------------
	textA01,A02
--------------------------*/

.textA01{

}

.textA02{
	margin-left:29px;
	margin-right:29px;
}


/*--------------------------
	headingL01
--------------------------*/

.headingL01 td{
	background-image:url("/brewery/common/images/headingL01_bg_01.gif");
	background-repeat:no-repeat;
}

.headingL01 td h2{
	padding-top:23px;
	padding-left:37px;
	margin:0;
}

.headingL01 .headingBg01{
	background-image:url("/brewery/common/images/headingL01_bg_02.gif");
	background-repeat:no-repeat;
}

.headingL01 .date{
	padding-bottom:10px;
	text-align:right;
}


/*--------------------------
	pageNavi
--------------------------*/

.pageNavi{
	padding-top:20px;
}

.pageNavi p{
	text-align:right;
}


/*--------------------------
	textBlockA01
--------------------------*/

.textBlockA01 .heading{

}

.textBlockA01 .textA01{
	padding-bottom:6px;
}

.textBlockA01 .separator{
	padding-top:7px;
	padding-bottom:13px;
}

/*--------------------------
	styles for new information
--------------------------*/

	br.clear {
		clear:both;
		_display:none;
	}

	.newinfo {
	}
		.newinfo:after {
			content:".";
			display:block;
			clear:both;
			height:0;
			visibility: hidden;
		}
		.newinfo h3 {
			float:left;
			clear:both;
			width:97px;
			font-size:65%;
			text-align:center;
			background:#f58933;
			border:solid 1px #f26d00;
			color:#fffefe;
			font-weight:normal;
			padding:1px 0;
			margin-bottom:2px;
			_margin-right:6px;
			_width:99px;
		}
		.newinfo p {
			font-size:75%;
			line-height:1.25;
			text-indent:-8px;
			padding-left:8px;
			float:right;
			margin-left:8px;
			width:573px;
			//
			_width:575px;
			_float:none;
			background:url(/brewery/common/images/arrow_orange.gif) 0 0.015em no-repeat;
		}
		*html .newinfo p {
			font-size:75%;
			line-height:1.25;
			text-indent:-8px;
			padding-left:8px;
			float:none;
			margin-left:8px;
			width:570px;
			background:url(/brewery/common/images/arrow_orange.gif) 0 0.015em no-repeat;
		}

			.newinfo p:after {
				content:" ";
				display:block;
				clear:both;
			}
				.newinfo p a {
					padding-left:8px;
					margin-right:2px;
				}
				.newinfo p span {
					font-size:90%;
					color:#676767;
					vertical-align:baseline;
				}

	/* for leaf */

	.newinfo-leaf {
		margin-bottom:20px;
	}
		.newinfo-leaf p {
			font-size:75%;
			background:url(/brewery/common/images/dataTableB01_misc_01.gif) 0 100% no-repeat;
			padding:8px 12px 9px 20px;
			text-indent:-8px;
			zoom:1;
			line-height:1.25;
		}
			.newinfo-leaf p a {
				padding-left:8px;
				background:url(/brewery/common/images/arrow_orange.gif) 0.025em 0 no-repeat;
				margin-right:2px;
			}
			.newinfo-leaf p span {
				font-size:85%;
				color:#676767;
				vertical-align:baseline;
			}