@charset 'utf-8';

#sapporo-special-contents-area *{
	margin: 0;
	padding: 0;
}
#sapporo-special-contents-area {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5;
	font-size: 12px;
	/*\*/
	*font-size: 75%;
	/**/
	color: #333333 !important;
}
#sapporo-special-contents-area a:link,
#sapporo-special-contents-area a:visited{
	color: #3D5199;
	text-decoration: none;
}
#sapporo-special-contents-area a:link:hover{
	color: #25315C;
	text-decoration: underline;
}
#sapporo-special-contents-area h1{
	margin-bottom: 20px;
}
#sapporo-special-contents-area h2{
	font-size: 150%;
	padding: 5px 7px;
	margin-bottom: 16px;
	background-color: #f5f4ee;
	border-left: 7px solid #feb236;
}
#sapporo-special-contents-area h3{
	font-size: 120%;
}
#sapporo-special-contents-area td,
#sapporo-special-contents-area th{
	font-size: 14px;
	/*\*/
	*font-size: 120%;
	/**/
}
#sapporo-special-contents-area img{
	border: 0;
}
#sapporo-special-contents-area ul,
#sapporo-special-contents-area li{
	list-style: none;
}

#sapporo-special-contents-area .center{
	text-align: center;
}

#sapporo-special-contents-area .mt10{
	clear: both;
	margin-top: 10px;
}
#sapporo-special-contents-area .mt25{
	margin-top: 25px;
}
#sapporo-special-contents-area .mb00{
	margin-bottom: 0 !important;
}
#sapporo-special-contents-area .pb00{
	padding-bottom: 0 !important;
}
#sapporo-special-contents-area .pr00{
	padding-right: 0 !important;
}
/* 逕ｻ蜒上・荳九↓蟶ｸ譎ゅユ繧ｭ繧ｹ繝医′蜈･繧句ｴ蜷医↓菴ｿ逕ｨ */
#sapporo-special-contents-area .pb12{
	padding-bottom: 12px !important;
}
#sapporo-special-contents-area .pb18{
	padding-bottom: 18px !important;
}
/* jumpBlock縺後↑縺・・繝ｼ繧ｸ縺ｮpointBox縺ｮ蜑阪↓菴ｿ逕ｨ */
#sapporo-special-contents-area .mb30{
	margin-bottom: 30px !important;
}

/*  block
---------------------------------------------------------- */
#sapporo-special-contents-area {
	background: #f6f6f6 url(../img/bg_body_02.gif) repeat-x top !important;
}
#sapporo-special-contents-area div#body{
	position: relative;
	background: #ffffff url(../img/bg_body_01.gif) repeat-y scroll left top !important;
	margin: 0 auto;
	text-align: left;
	width: 780px;
}
#sapporo-special-contents-area div#contentBlock{
	width: 758px;
	padding: 0 11px;
}
body#index #sapporo-special-contents-area div#contentBlock{
	margin-top: -10px;
}
#sapporo-special-contents-area div#column2 div#contentBlock{
	display: inline;
	float: left;
	padding: 0;
	margin-left: 1px;
	width: 585px;
}
#sapporo-special-contents-area div#column2 div#contentBlock div#main{
	margin-left: 11px;
	padding: 0;
	width: 564px;
}
#sapporo-special-contents-area div#column2 div#sub{
	display: inline;
	float: left;
	margin-left: 6px;
	width: 187px;
}
#sapporo-special-contents-area #kvBlock{
	position: relative;
	margin: 0 1px;
}
#sapporo-special-contents-area #kvBlock .top{
	position: absolute;
	left: 676px;
	top: 10px;
}
#sapporo-special-contents-area #kvBlock .contentsmap{
	position: absolute;
	left: 649px;
	top: 39px;
}
#sapporo-special-contents-area div#contNaviBlock{
	margin-left: 1px;
	margin-bottom: 7px;
	padding-top: 3px;
	padding-left: 14px;
	width: 764px;
	height: 66px;
	background: #ffffff url(../img/bg_subnavi_01.gif) no-repeat;
}

/*  subNavi
---------------------------------------------------------- */
#sapporo-special-contents-area ul.contNavi-sub{
	display: none;
}
#sapporo-special-contents-area li#contNavi-main-01,
#sapporo-special-contents-area li#contNavi-main-02,
#sapporo-special-contents-area li#contNavi-main-03,
#sapporo-special-contents-area li#contNavi-main-04,
#sapporo-special-contents-area li#contNavi-main-05,
#sapporo-special-contents-area li#contNavi-main-06,
#sapporo-special-contents-area li#contNavi-main-07{
	float: left;
}
#sapporo-special-contents-area li#contNavi-main-01{
	background: url(../img/bg_sub_01.gif) top no-repeat;
}
#sapporo-special-contents-area li#contNavi-main-02{
	background: url(../img/bg_sub_02.gif) no-repeat;
}
#sapporo-special-contents-area li#contNavi-main-03{
	background: url(../img/bg_sub_03.gif) no-repeat;
}
#sapporo-special-contents-area li#contNavi-main-04{
	background: url(../img/bg_sub_04.gif) no-repeat;
}
#sapporo-special-contents-area li#contNavi-main-05{
	background: url(../img/bg_sub_05.gif) no-repeat;
}
#sapporo-special-contents-area li#contNavi-main-06{
	background: url(../img/bg_sub_06.gif) no-repeat;
}
#sapporo-special-contents-area li#contNavi-main-07{
	background: url(../img/bg_sub_07.gif) no-repeat;
	margin-left: 3px;
}
#sapporo-special-contents-area ul#contNavi .rollover{
	/*border-bottom: 1px solid #e0d199;*/
}
#sapporo-special-contents-area .contNavi-sub li a{
	background: #fceeba url(../img/bg_icon_link_01.gif) 6px 13px no-repeat;
	/* for all IE only */
	background-position: 6px 11px\9;
	padding: 8px 10px 8px 21px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #e0d199;
	border-top: 1px solid #fef6dc;
}
#sapporo-special-contents-area .contNavi-sub li a:hover{
	background: #fae598 url(../img/bg_icon_link_01_o.gif) 6px 13px no-repeat;
	/* for all IE only */
	background-position: 6px 11px\9;
	text-decoration: underline;
}
#sapporo-special-contents-area #cont-sub01,
#sapporo-special-contents-area #cont-sub02,
#sapporo-special-contents-area #cont-sub03,
#sapporo-special-contents-area #cont-sub04,
#sapporo-special-contents-area #cont-sub05,
#sapporo-special-contents-area #cont-sub06,
#sapporo-special-contents-area #cont-sub07{
	position: absolute;
	z-index: 1;
	top: 128px;
	background: #fceeba;
}
#sapporo-special-contents-area #cont-sub01{
	left: 15px;
	min-width: 103px;
	width: auto !important;
	width: 103px;
}
#sapporo-special-contents-area #cont-sub01 a{
	min-width: 6em;
	width: auto !important;
	width: 6em;
	white-space: nowrap;
}
#sapporo-special-contents-area #cont-sub02{
	left: 118px;
	min-width: 126px;
	width: auto !important;
	width: 126px;
}
#sapporo-special-contents-area #cont-sub02 a{
	min-width: 11em;
	width: auto !important;
	width: 11em;
	white-space: nowrap;
}
#sapporo-special-contents-area #cont-sub03{
	left: 244px;
	min-width: 130px;
	width: auto !important;
	width: 130px;
}
#sapporo-special-contents-area #cont-sub03 a{
	min-width: 8em;
	width: auto !important;
	width: 8em;
	white-space: nowrap;
}
#sapporo-special-contents-area #cont-sub04{
	left: 374px;
	min-width: 96px;
}
#sapporo-special-contents-area #cont-sub04 a{
	width: 9em;
	white-space: nowrap;
}
#sapporo-special-contents-area #cont-sub05{
	left: 470px;
	min-width: 96px;
}
#sapporo-special-contents-area #cont-sub05 a{
	width: 8em;
	white-space: nowrap;
}
#sapporo-special-contents-area #cont-sub06{
	left: 566px;
	min-width: 97px;
}
#sapporo-special-contents-area #cont-sub06 a{
	width: 10em;
	white-space: nowrap;
}
#sapporo-special-contents-area #cont-sub07{
	right: 15px;
	min-width: 99px;
}
#sapporo-special-contents-area #cont-sub07 a{
	width: 9em;
	white-space: nowrap;
}

/*  繝・く繧ｹ繝医Μ繝ｳ繧ｯ
---------------------------------------------------------- */
#sapporo-special-contents-area ul.textLink{
}
#sapporo-special-contents-area ul.textLink li{
	background: url(../img/bg_icon_link_01.gif) 3px 4px no-repeat;
	padding: 0 0 0 19px;
}

/*  footernavi
---------------------------------------------------------- */
#sapporo-special-contents-area div#footernaviBlock{
	width: 778px;
	height: 108px;
	clear: both;
	margin: 40px 1px 0;
	background: #FFFFFF url(../img/bg_footernavi.gif) no-repeat left top;
}
#sapporo-special-contents-area ul.footernaviList{
	width: 760px;
	padding: 6px 0 0 11px;
	_padding-top: 0;
	_margin-top: 6px;
}
#sapporo-special-contents-area ul.footernaviList li{
	float: left;
	padding: 0 8px 1px 0;
	/* for all IE only */
	height: 73px\9;
}

/*  sub
---------------------------------------------------------- */
#sapporo-special-contents-area div#column2 div#sub {
	margin-top: -10px;
}
#sapporo-special-contents-area div#column2 div#sub div#subAreaTop01,
#sapporo-special-contents-area div#column2 div#sub div#subAreaTop02{
	margin: 0;
	width: 176px;
	background: url(../img/bg_subarea_01_bottom.gif) bottom no-repeat;
}
#sapporo-special-contents-area div#column2 div#sub dl#tryCheck,
#sapporo-special-contents-area div#column2 div#sub dl#mobileChallenge{
	margin: 0;
	padding: 13px 10px;
	width: 156px;
	background: url(../img/bg_subarea_01_top.gif) top no-repeat;
}
#sapporo-special-contents-area div#column2 div#sub div#subAreaTop01{
	margin-bottom: 9px;
}

#sapporo-special-contents-area div#column2 div#sub p.text{
	margin-top: 5px;
	_margin-top: 8px;
	color: #6d5527;
}
#sapporo-special-contents-area div#column2 div#sub dl#tryCheck ul.image{
	margin-top: 6px;
}
#sapporo-special-contents-area div#column2 div#sub dl#tryCheck ul li{
	padding-bottom: 1px;
	*padding-bottom: 4px;
}
#sapporo-special-contents-area div#column2 div#sub dl#mobileChallenge ul.image{
	margin-top: 1px;
}
#sapporo-special-contents-area div#column2 div#sub p{
	font-size: 100%;
	line-height: 1.3;
}
#sapporo-special-contents-area div#column2 div#sub img{
	vertical-align: text-bottom;
}

/*  kanrenBlock
---------------------------------------------------------- */
#sapporo-special-contents-area div.kanrenBlock-top{
	margin-top: 30px;
	height: 12px;
	background: #ffffff url(../img/bg_kanrenblock_top.gif) bottom no-repeat;
}
#sapporo-special-contents-area div.kanrenBlock-bottom{
	position: relative;
	*height: 1%;
	background: #ffffff url(../img/bg_kanrenblock_botttom.gif) bottom no-repeat;
}
#sapporo-special-contents-area div.kanrenBlock-top-02{
	margin-top: 24px;
	*margin-top: 20px;
	width: 550px;
	height: 12px;
	background: #ffffff url(../img/bg_kanrenblock_top_02.gif) bottom left no-repeat;
}
#sapporo-special-contents-area div.kanrenBlock-bottom-02{
	position: relative;
	padding-right: 20px;
	width: 530px;
	*height: 1%;
	background: #ffffff url(../img/bg_kanrenblock_botttom_02.gif) bottom left no-repeat;
}
#sapporo-special-contents-area div.kanrenBlock-bottom-02 .icon,
#sapporo-special-contents-area div.kanrenBlock-bottom .icon{
	position: absolute;
	top: -12px;
	left: 0;
}
#sapporo-special-contents-area ul.kanrenLink{
	*height: 1%;
	margin-left: 79px;
	padding: 13px 0 19px;
}
#sapporo-special-contents-area ul.kanrenLink li{
	background: url(../img/bg_icon_link_01.gif) 2px 3px no-repeat;
	margin: 0;
	padding: 0 0 5px 19px;
	line-height: 1.5;
}
/* for safari only */
html[xmlns*=""] body:last-child #sapporo-special-contents-area ul.kanrenLink li{   
	background-position: 2px 2px;  
}

#sapporo-special-contents-area ul.kanrenLink li a{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

#sapporo-special-contents-area div.pointBox{
	position: relative;
	clear: both;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	margin-top: 5px;
	padding: 25px;
	background: #f5f4ee;
	border-top: 3px solid #fadd75;
	border-bottom: 3px solid #fadd75;
}

#sapporo-special-contents-area div.pointBox dt{
	position: absolute;
	top: -8px;
	left: -4px;
	clear: left;
	float: left;
	margin-bottom: -60px;
}
#sapporo-special-contents-area div.pointBox dd{
	margin-left: 58px;
	zoom: 1;
}
#sapporo-special-contents-area div.pointBox p{
	padding-bottom: 10px;
	font-weight: bold;
}
#sapporo-special-contents-area div.pointBox ul li.text{
	font-size: 120%;
	line-height: 1.2;
	font-weight: bold;
	background: url(../img/bg_pointlist_01.gif) 1px 5px no-repeat;
	*background: url(../img/bg_pointlist_01.gif) 1px 3px no-repeat;
	/* for IE 8 only */
	background /*\**/: url(../img/bg_pointlist_01.gif) 1px 4px no-repeat\9;
	padding-left: 16px;
	_padding-left: 12px;
	padding-bottom: 9px;
}
#sapporo-special-contents-area div.pointBox ul li.text ul {
	margin-top: 6px;
}

/* 繧｢繝ｳ繧ｫ繝ｼ繝ｪ繝ｳ繧ｯ縺ｸ繧ｸ繝｣繝ｳ繝・*/
#sapporo-special-contents-area div#jumpBlock{
	height: 1%;
	padding: 8px 8px;
	margin-bottom: 18px;
	background: #fafafa;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#sapporo-special-contents-area div#jumpBlock li{
	background: url(../img/icon_jump_01.gif) 10px 7px no-repeat;
	padding-left: 20px;
}

/*  繝壹・繧ｸ縺ｮ蜈磯ｭ縺ｸ謌ｻ繧・
---------------------------------------------------------- */
#sapporo-special-contents-area div#contentFooter{
	clear: both;
	width: 756px !important;
	padding: 0 11px !important;
	margin: 0 !important;
}
#sapporo-special-contents-area div#contentFooter-noNavi{
	clear: both;
	width: 756px;
	padding: 40px 11px 0;
}
#sapporo-special-contents-area div.contentFooter-inner{
	clear: both;
	width: 564px;
	padding-top: 30px;
	padding-bottom: 40px;
	_padding-bottom: 30px;
}
#sapporo-special-contents-area div.contentFooter-inner div.backToTop{
	margin: 0;
	_margin-bottom: 10px;
}
#sapporo-special-contents-area div.backToTop{
	margin: 0 12px 15px 12px;
	border-top: #E5E5E5 1px solid;
	border-bottom: #DBDBDB 1px solid;
}
#sapporo-special-contents-area div.backToTop{
	margin: 0 0 16px 0;
}
#sapporo-special-contents-area div.backToTop a{
	display: block;
	border-top: #ffffff 1px solid;
	border-bottom: #ededed 1px solid;
	padding: 7px 11px 7px 11px;
	background: #f9f9f9 url(../../img/shared/body/bg_backtotop_01.gif) left bottom repeat-x;
	text-align: right;

}
#sapporo-special-contents-area div.backToTop a:hover,
#sapporo-special-contents-area div.backToTop a:focus{
	border-top: #ffffff 1px solid;
	border-bottom: #f1f1f1 1px solid;
	background: #ededed url(../../img/shared/body/bg_backtotop_02.gif) left bottom repeat-x;
}
#sapporo-special-contents-area div.backToTop a img{
	margin: 0 3px 0 0;
}

/*  縺ｿ繧薙↑縺ｧ遏･繧阪≧・√♀驟偵→霆翫・髢｢菫ょｯｾ遲・
---------------------------------------------------------- */
#sapporo-special-contents-area #container-inner #kvBlock{
	margin: 0;
}
#sapporo-special-contents-area #container-inner div#contNaviBlock{
	margin-left: 0;
}
#sapporo-special-contents-area #container-inner div#footernaviBlock{
	margin: 40px 0 0;
}
#sapporo-special-contents-area #container-inner div.kanrenBlock-top{
	margin: 26px 11px 0;
}
#sapporo-special-contents-area #container-inner div.kanrenBlock-bottom{
	margin-left: 11px;
	margin-right: 11px;
}

/*  Clearfix
---------------------------------------------------------- */
#sapporo-special-contents-area div#column2:after,
#sapporo-special-contents-area div#content:after,
#sapporo-special-contents-area div#contNaviBlock:after,
#sapporo-special-contents-area ul#contNavi:after,
#sapporo-special-contents-area div#footernaviBlock:after,
#sapporo-special-contents-area ul.footernaviList:after,
#sapporo-special-contents-area div#contentFooter:after,
#sapporo-special-contents-area div#contentFooter-noNavi:after,
#sapporo-special-contents-area div.contentFooter-inner:after,
body#column2 #sapporo-special-contents-area div#contentBlock:after,
body#column2 #sapporo-special-contents-area div#sub:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* print */
@media print {
	body{
		/*\*/
		/* *zoom: 80%;*/
		/**/
	}
	#sapporo-special-contents-area div#column2:after{
	height: auto;
	*height: 0;
	line-height: normal;
	*line-height: 0;
	}
	#sapporo-special-contents-area div#main h1 img,
	#sapporo-special-contents-area div#kvBlock p img{
	overflow: hidden;
	}
	#sapporo-special-contents-area div#contentFooter{
	clear: both;
	float: left;
	}
	#sapporo-special-contents-area div.h2Block-image,
	#sapporo-special-contents-area ul#menuBlock,
	#sapporo-special-contents-area div.column2Block,
	#sapporo-special-contents-area ul.footernaviList{
	clear: both;
	display: table;
	}
	#sapporo-special-contents-area ul#menuBlock{
	width: 585px;
	}
	#sapporo-special-contents-area div.h2Block-image p.leftBox,
	#sapporo-special-contents-area div.h2Block-image p.rightBox,
	#sapporo-special-contents-area ul.footernaviList li{
	display: table-cell; 
	float: none;
	}
	#sapporo-special-contents-area div.h2Block-image p.leftBox,
	#sapporo-special-contents-area ul.footernaviList li{
	*float: left;
	}
	#sapporo-special-contents-area div.h2Block-image p.rightBox{
	*float: right;
	}

	#sapporo-special-contents-area ul#menuBlock li{
	display: table-cell; 
	float: none;
	*float: left;
	}
	#sapporo-special-contents-area div.h2Block-image .leftBox{
	float: left;
	padding-right: 0;
	}
	*:first-child+html #sapporo-special-contents-area div#footernaviBlock{
	float: none;
	}
	#sapporo-special-contents-area div#footerZone{
	background: #ffffff;
	clear: both !important;
	float: left !important;
	height: 1% !important;
	overflow: hidden;
	}
	/* body{
	background: #ffffff !important;
	} */