@charset "utf-8";

/*------------------------
	base
-------------------------*/
body {
	background-color: #000;
}

#sapporo-special-contents-area {
	text-align:center;
	margin:0;
	color:#333333;
	font-size: 100%;
}

#sapporo-special-contents-area a:link { color: #990033; }
#sapporo-special-contents-area a:visited { color: #990099; }
#sapporo-special-contents-area a:hover { color: #990033; }
#sapporo-special-contents-area a:active { color: #990033; }

/*------------------------
	common
-------------------------*/
#sapporo-special-contents-area #wrapper{
	background:url(../img/bg_wrapper.jpg) no-repeat center top #000;

}
/*--// MainCol // --*/
#sapporo-special-contents-area #MainCol{
	width:780px;
	margin: 0px auto;
	position: relative;
	padding-top: 33px;
	font-size: 75%;
}
#sapporo-special-contents-area #MainCol:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #sapporo-special-contents-area #MainCol{display:inline-block;}
*:first-child+html #sapporo-special-contents-area #MainCol{display:inline-block;}

#sapporo-special-contents-area #MainCol #winetop{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 19;
}
/*--// inrCol // --*/
#sapporo-special-contents-area #inrCol {
	width:780px;
	background: #212121;
	border-right: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-top: 1px solid #656565;
}
#sapporo-special-contents-area #inrCol:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #sapporo-special-contents-area #inrCol{display:inline-block;}
*:first-child+html #sapporo-special-contents-area #inrCol{display:inline-block;}

#sapporo-special-contents-area #contentsCol {
	width: 573px;
	float: left;
	background: #FFF;
	font-size:100%;
	line-height:160%;
	text-align:left;
	padding-top: 20px;
}
#sapporo-special-contents-area dl.lineupCol {
	width: 525px;
	margin: 0 auto;
}
#sapporo-special-contents-area dl.lineupCol dt {
	width: 100px;
	float: left;
	text-align: center;
}
#sapporo-special-contents-area dl.lineupCol dd {
	margin-left: 100px;
	text-align: left;
	padding-top: 30px;
}
#sapporo-special-contents-area #naviCol {
	width: 207px;
	float: right;
	position: relative;
}
#sapporo-special-contents-area ul#sidenavi {
	width: 207px;
/*	height: 295px;*/
	height: 405px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0;
	left: 0;
}
#sapporo-special-contents-area ul#sidenavi li {
	width: 207px;
	margin: 0!important;
	padding: 0;
}
#sapporo-special-contents-area ul#sidenavi li.navi01 {
	height: 81px;
	top: 0;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi02 {
	height: 35px;
	top: 81px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi03 {
	height: 34px;
	top: 116px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi04 {
	height: 27px;
	top: 151px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi05 {
	height: 27px;
	top: 178px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi06 {
	height: 28px;
	top: 205px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi07 {
	height: 26px;
	top: 233px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi08 {
	height: 35px;
	top: 259px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi09 {
	height: 55px;
	top: 294px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area ul#sidenavi li.navi10 {
	height: 55px;
	top: 349px;
	left: 0;
	position: absolute;
}
#sapporo-special-contents-area .navi-blog {
	padding: 5px 0 10px;
	margin: 0 auto;
	border-left: 1px solid #656565;
}
#sapporo-special-contents-area .navi-blog img {
	margin: 5px auto 0;
}
#sapporo-special-contents-area .navibox {
	width: 206px;
	margin: 0 auto;
	text-align: left;
	color: #FFFFFF;
	font-size: 10px;
	line-height:1.5;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}
#sapporo-special-contents-area .navibox a:link,
#sapporo-special-contents-area .navibox a:hover,
#sapporo-special-contents-area .navibox a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#sapporo-special-contents-area .navibox span {
	margin: 5px 10px;
	display: block;
}
#sapporo-special-contents-area a.navi-Awd {
	padding: 13px 5px 0;
	height: 75px;
	border: 1px solid #000;
	background: url(../img/bg_aword.gif) no-repeat top center #322F1C;
	display: block;
	color: #FFF;
	text-decoration: none;
}
#sapporo-special-contents-area a.navi-Awd:hover {
	padding: 13px 5px 0;
	height: 75px;
	border: 1px solid #000;
	background: url(../img/bg_aword_o.gif) no-repeat top center #322F1C;
	display: block;
	color: #FFF;
}
#sapporo-special-contents-area a.navi-Awd-on{
	padding: 13px 5px 0;
	height: 75px;
	border: 1px solid #000;
	background: url(../img/bg_aword_o.gif) no-repeat top center #322F1C;
	display: block;
	color: #FFF;
	text-decoration: none;
}
#sapporo-special-contents-area a.navi-Awd .tl,
#sapporo-special-contents-area a.navi-Awd-on .tl {
	margin: 0 0 0 8px;
}
#sapporo-special-contents-area a.navi-Shp {
	padding: 15px 5px 0;
	height: 82px;
	border: 1px solid #000;
	background: url(../img/bg_shop.gif) center top no-repeat #26231A;
	display: block;
	color: #FFF;
	text-decoration: none;
}
#sapporo-special-contents-area a.navi-Shp:hover {
	padding: 15px 5px 0;
	height: 82px;
	border: 1px solid #000;
	background: url(../img/bg_shop_o.gif) center top no-repeat #26231A;
	display: block;
	color: #FFF;
	text-decoration: none;
}
#sapporo-special-contents-area a.navi-Shp-on {
	padding: 15px 5px 0;
	height: 82px;
	border: 1px solid #000;
	background: url(../img/bg_shop_o.gif) center top no-repeat #26231A;
	display: block;
	color: #FFF;
	text-decoration: none;
}
#sapporo-special-contents-area a.navi-Shp .tl {
	margin: 0 0 0 14px;
}
/*--// LinkBottom // --*/
#sapporo-special-contents-area #LinkBottom {
	width: 780px;
	height: 50px;
	position: relative;
}

#sapporo-special-contents-area #LinkBottom #btm-logo {
	position: absolute;
	top: 0;
	left: 0;
}
#sapporo-special-contents-area #LinkBottom #btm-gp_top {
	position: absolute;
	top: 15px;
	right: 0;
}

/*--// 詳細box //--*/
#sapporo-special-contents-area .box {
	width: 525px;
	margin: 0 auto 30px;
}
#sapporo-special-contents-area .box-gr {
	width: 525px;
	margin: 0 auto 30px;
	background: #f2f2f2;
}
#sapporo-special-contents-area .inr-box {
	padding: 15px;
}
#sapporo-special-contents-area .box h2 {
	margin-bottom: 15px;
}
#sapporo-special-contents-area .box h3,
#sapporo-special-contents-area .box-gr h3 {
	margin-bottom: 15px;
}

/*--// class //--*/
#sapporo-special-contents-area .ph-R {
	float: right;
	margin-left: 10px;
}
#sapporo-special-contents-area .ph-L {
	float: left;
	margin-right: 10px;
}
#sapporo-special-contents-area .line {
	border: 1px solid #E2CA68;
}
#sapporo-special-contents-area a.arrow {
	background: url(../../../common/images/allow_off.gif) no-repeat left top;
	padding-left: 10px;
}
/*--// 余白調整 //--*/
#sapporo-special-contents-area .btm10 {
	margin-bottom: 10px!important;
}
#sapporo-special-contents-area .btm15 {
	margin-bottom: 15px!important;
}
#sapporo-special-contents-area .btm20 {
	margin-bottom: 20px!important;
}
#sapporo-special-contents-area .btm30 {
	margin-bottom: 30px!important;
}
#sapporo-special-contents-area .btm00 {
	margin-bottom: 0px!important;
}
#sapporo-special-contents-area .none {
	padding: 0!important;
	margin: 0!important;
}

/*--// clearAll //--*/
#sapporo-special-contents-area .clearAll:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #sapporo-special-contents-area .clearAll{display:inline-block;}
*:first-child+html #sapporo-special-contents-area .clearAll{display:inline-block;}