@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------- 
シェアバー（位置調整用：defaultのみ）
-------------------------------------------------------------- */
#sharebar {
	width:965px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#sharebarInner {
	position: absolute;
	top:0;
}
/* -------------------------------------------------------------- 
メインビジュアル
-------------------------------------------------------------- */

#contents {
	padding:0 0 50px 0 !important;
}
#headContents {
	width:100%;
}
#headContentsInner {
	width:960px;
	margin:0 auto;
	position:relative;
}
#headContents p {
	margin:0 !important;
	padding:0 !important;
}
#headContents #headline {
	margin:0;
	padding:25px 0 23px 0 !important;
	text-align:center;
}

/* -------------------------------------------------------------- 
コンテンツ
-------------------------------------------------------------- */

#str_container #contentsInner {
	width:960px !important;
	margin:0 auto;
	padding:20px 0 0 0 !important;
}
#str_container #contentsInner h2 {
	margin:0 !important;
}
#str_container #contentsInner #mainContents {
	width:640px !important;
}
#str_container #contentsInner #mainContents .contentsBlock {
	width:640px !important;
	border:solid 1px #cccccc;
	border-top:none;
	background:#ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#str_container #contentsInner #mainContents .contentsBlockInner {
	width:600px !important;
	margin:0 auto;
	padding:20px 0 !important;
}
#str_container #contentsInner #mainContents .contentsBlockInner.frame01 {
	background:url(/special/hokkaido/images/default_main_frame_bg.gif) 14px top no-repeat;
}
#str_container #contentsInner #mainContents .frameBottom {
	padding-left:14px !important;
}
#str_container #contentsInner #mainContents .contentsBlock h2 {
	margin-bottom:0 !important;
	padding:0 !important;
}
#str_container #contentsInner #mainContents .contentsBlock h3 {
}
#str_container #contentsInner #mainContents .contentsBlock p.textImg {
	margin:0 !important;
}
#str_container #contentsInner #mainContents .contentsBlock p.text {
}
#str_container #contentsInner #mainContents .contentsBlock p.hd01photoArea {
	width:668px;
	margin-left:-36px !important;
	padding:0 !important;
}
#str_container #contentsInner #mainContents .contentsBlock ul.list2column p,
#str_container #contentsInner #mainContents .contentsBlock ul.list3column p {
	padding:0 !important;
}
/*
#str_container #contentsInner #mainContents .contentsBlock ul.list2column ul.list{
	width:300px !important;
	margin-left:-10px !important;
	padding-top:20px !important;
}

#str_container #contentsInner #mainContents .contentsBlock ul.list2column ul.list li{
	width:140px !important;
	margin-left:10px !important;
	float:left !important;
}
*/

#str_container #contentsInner #mainContents .contentsBlock ul.list2column ul.list {
	width:140px;
	margin:0 auto;
	padding-top:10px !important;
}
#str_container #contentsInner #mainContents .contentsBlock ul.list2column ul.list li {
	width:140px !important;
	margin:0 !important;
	padding:0 !important;
}
#str_container #contentsInner #mainContents .contentsBlock ul.list2column.hd02 p {
	padding-top:10px !important;
}
#str_container #contentsInner #mainContents .contentsBlock ul.list2column p.btnArea {
	padding-top:10px !important;
	text-align:right;
}
#str_container #contentsInner ul.list2column.column02 {
	padding:0 0 0 28px !important;
}
#str_container #contentsInner ul.list2column {
	padding:0 0 0 34px !important;
}
#str_container #contentsInner ul.list3column {
	padding:20px 0 0 38px !important;
}
#str_container #contentsInner ul.list3column li {
	padding-bottom:0 !important;
}
#str_container #contentsInner #mainContents .contentsBlock .hdLinkArea {
	width:600px;
	margin:0 auto;
	padding:0;
}
#str_container #contentsInner #mainContents .contentsBlock .hdLinkArea p {
	padding:10px 0 0 0 !important;
}
#str_container #contentsInner #mainContents .contentsBlock .hdLinkArea p.btnArea {
	text-align:right;
}
#str_container #contentsInner #mainContents .contentsBlock .hdLinkArea h4 {
	padding:10px 0 5px 0;
	font-weight:bold;
}
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 {
}
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 .videoarea {
	width:560px;
	margin:32px auto 0 auto;
}
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 .videoarea .photoArea img {
	margin-bottom:10px;
}
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 .videoareaBtm {
	width:560px;
	margin:0 auto;
}
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 .videoareaBtm .floatL,
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 .videoareaBtm .floatR {
	width:272px;
}
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 .videoareaBtm .floatL .photoArea img,
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 .videoareaBtm .floatR .photoArea img {
	margin-bottom:10px;
}
#str_container #contentsInner #mainContents .contentsBlockInner.frame03 .btnArea {
	padding-top:10px;
	text-align:right;
}
/* -------------------------------------------------------------- 
ローカルナビ
-------------------------------------------------------------- */

#str_container #contentsInner #localNavi {
	padding-top:20px;
}
#str_container #contentsInner #localNavi #topicsBlock {
	background-position:0 57px;
}
/* -------------------------------------------------------------- 
無料プレー券概要
-------------------------------------------------------------- */

#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner {
	width:580px;
	margin:0 auto;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner a{
	font-weight:bold;
	text-decoration:underline;

}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner h3{
	margin:0 !important;
	padding:0;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner h4{
	margin:0 0 5px 0 !important;
	padding:0;
	font-size:16px;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .mainBlock{
	margin:15px 0 30px 0;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .mainBlock .floatL{
	width:280px;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .mainBlock .floatR{
	width:282px;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .mainBlock .floatL .borderImg{
	border:solid 5px #e6e6e6;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .borderImg{
	border:solid 2px #e6e6e6;
	margin-bottom:5px;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .list2column.list {
	width:596px;
	list-style-type:disc;
	margin-bottom:10px;
	padding-top:20px !important;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .list2column.list li {
	width:270px;
	float:left;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .list4column {
	width:596px;
	margin:0 0 10px -16px;
	font-size:14px;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .list4column li {
	width:133px;
	float:left;
	padding:16px 0 0 16px;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .list4column li a{
	display:block;
}
#str_container #contentsInner #mainContents .contentsBlockInner .presentFrameInner .btnBlock {
	padding-top:15px;
	text-align:center;
}
/* -------------------------------------------------------------- 
トップメインビジュアル
-------------------------------------------------------------- */

#headContentsList {
	width:805px;
	margin:0 auto 20px auto;
	padding:0;
	position:relative;
}
#headContentsList p.btns {
	position:absolute;
	top:176px;
	left:117px;
}
#headContentsList p.btn {
	position:absolute;
	top:230px;
	left:191px;
}
