@charset "UTF-8";
@import url(wine_knowledge.css);

#sapporo-wine-contents-area .sapporo-wine-panel-content{
	padding: 20px 10px;
}
#sapporo-wine-contents-area .article {
	padding: 0;
	width: 690px;
}
#sapporo-wine-contents-area .article .lead-block{
	margin: 0 30px;
}
#sapporo-wine-contents-area .article .lead-block .lead-textA01{
	padding: 0;
}
#sapporo-wine-contents-area .article .lead-block .lead-textA01 p{
	margin-top: 2em;
}
#sapporo-wine-contents-area .article .lead-block h2{
	margin: 40px 0 0 0;
}



div.wine-steps{
	background: url(../../winemaking/img/bg_table_02.gif) repeat-y;
	margin: 40px 0 0 0;
}
div.wine-steps div.wine-step-table{
	background: url(../../winemaking/img/bg_table_03.jpg) bottom no-repeat;
}
div.wine-steps div.wine-step-table div.wine-step-table-content{
	background: url(../../winemaking/img/bg_table_01.jpg) top no-repeat;
}

div.wine-step {
	background: url(../../winemaking/img/bg_01.gif) bottom no-repeat;
	width: 230px;
	margin: 0 auto;
	padding: 0 0 4px 0;
}

div.wine-step-content{
	border-style: none solid;
	border-width: 1px;
	border-color: #e2dbbf;
	margin: 0;
	padding: 0 9px 4px 9px;
	color: #4d3b17;
	position: relative;
	*zoom: 1;
	text-align: left;
	background: #fff;
}
div.wine-step-content:after {
	clear: both; 
	content: ""; 
	display: block; 
}

div.wine-step h2 {
	margin: 0;
	padding: 10px 10px 0 10px;
	background: url(../../winemaking/img/bg_05.gif) no-repeat;
}
div.wine-step-image {
	padding: 8px 0 0 0;
	margin: 0 0 8px 0;
	text-align: center;
}
div.wine-step-image.second-image {
	margin-top: 20px;
}
div.wine-step-content dl{
	margin: 8px 0 0 0;
}
div.wine-step-content dt{
	font-weight: bolder;
	margin: 0;
	padding: 0;
}
#sapporo-wine-contents-area div.wine-step-content p,
#sapporo-wine-contents-area div.wine-step-content dd{
	margin: 0;
	padding: 0;
}


div.double {
	width: 450px;
	background: url(../../winemaking/img/bg_02.gif) bottom no-repeat;
}
div.double h2{
	background: url(../../winemaking/img/bg_06.gif) no-repeat;

}
.step-first{
	float: left;
	width: 210px;
}
.step-second{
	float: right;
	width: 210px;
}
.step-third{
	float: right;
	width: 210px;
}

div.triple {
	width: 650px;
	background: url(../../winemaking/img/bg_03.gif) bottom no-repeat;
}
div.triple h2{
	background: url(../../winemaking/img/bg_07.gif) no-repeat;
}
div.triple .step-second{
	width: 200px;
	padding: 0 5px;
	float: left;
}


div.wine-steps table{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
}
.wine-steps th{
	padding: 9px;
}
.wine-steps td{
	text-align: center;
	vertical-align: top;
}
td#step01{
	background: url(../../winemaking/img/bg_arrow_01.gif) bottom no-repeat;
	padding: 20px 0;
}
td#step03-01{
	background: url(../../winemaking/img/bg_04.gif) 57px 100% no-repeat;
	padding: 0 58px 24px 57px;
}
td#step02,
td#step03-02{
	background: url(../../winemaking/img/bg_01.gif) 57px 100% no-repeat;
	padding: 0 58px 0 57px;
}
td#step02 div.wine-step,
td#step03-01 div.wine-step,
td#step03-02 div.wine-step{
	background: none;
}

td#step04{
	background: url(../../winemaking/img/bg_arrow_03.gif) top no-repeat;
	padding: 20px 0 0 0;
}
td#step05,
td#step06,
td#step07,
td#step08,
td#step09,
td#step10,
td#step11{
	background: url(../../winemaking/img/bg_arrow_02.gif) top no-repeat;
	padding: 20px 0 0 0;
}
td#step11{
	padding: 20px 0;
}