@charset "utf-8";
/* CSS Document */


/* #############################################################

[ 共通項目 ]

############################################################# */

/* ==========================================================================
 初期化
=========================================================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}
body {
	font:100%/1 "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#000;
}
/* ajust */
body {
	font-size: 16px;
	line-height:1.4;
}
img {
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	clear: none;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, ul, dl, ol, th, strong, em {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
ul, dl, ol {
	list-style-type: none;
	list-style-position: outside;
	text-indent: 0;
}
table {
	border:none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
th, td {
	text-align: left;
	vertical-align: top;
}
caption {
	text-align:left;
}
input, select, textarea {
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
}
a {
	color:#0099ff;
	text-decoration: none;
}
a:hover {
	color:#0077ff;
}
/* ==========================================================================
 汎用クラス
=========================================================================== */

/* 上マージン */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
/* 左マージン */
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
/* 下マージン */
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
/* 右マージン */
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
/* 下パディング */
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
/* align,valign */
.alignR {
	text-align: right !important;
}
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.valignT {
	vertical-align: top !important;
}
.valignM {
	vertical-align: middle !important;
}
.valignB {
	vertical-align: bottom !important;
}
/*
 回り込み解除（解除する親オブジェクトに設定）
--------------------------------------*/
/* clearfix */
div#contents .clearfix {
	overflow: visible;
}
div#contents .clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html div#contents .clearfix {
	height: 1em;
	overflow: visible;
}
/**/

.floatL {
	float:left;
}
.floatR {
	float:right;
}
/* #############################################################

[ ヘッダー ]

############################################################# */

#headerArea {
	background:#ffffff url(/special/hokkaido/images/header_bg.gif) bottom repeat-x;
}
#headerAreaInner {
	background:url(/special/hokkaido/images/header_inner_bg.jpg) bottom no-repeat;
	height:155px;
	margin:0 auto;
}
/* -------------------------------------------------------------- 
 ヘッダーロゴエリア（#logoArea）
-------------------------------------------------------------- */

#headerArea #logoArea {
	width:960px;
	height:62px;
	margin:0 auto;
	padding:10px 0 19px 0;
}
#headerArea #logoAreaInner {
	width:508px;
}
#headerArea #logoArea .floatL {
	padding-top:8px;
}
/* #############################################################

[ グローバルナビ ]

############################################################# */

/* -------------------------------------------------------------- 
 グローバルナビ本体（#res_globalnavigation）
-------------------------------------------------------------- */
#res_globalnavigation {
	width:960px;
	margin:0 auto;
	padding:0 0 15px 0;
}
#res_globalnavigation ul {
	width:960px;
	margin:0 !important;
}
#res_globalnavigation ul li {
	float:left;
}
#res_globalnavigation ul li a {
	height:50px;
	display:block;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
#res_globalnavigation ul li#gnaviHome a {
	background:url(/special/hokkaido/images/gnavi.png) 0 0 no-repeat;
	width:60px;
}
#res_globalnavigation ul li#gnavi01 a {
	background:url(/special/hokkaido/images/gnavi.png) -60px 0 no-repeat;
	width:225px;
}
#res_globalnavigation ul li#gnavi02 a {
	background:url(/special/hokkaido/images/gnavi.png) -285px 0 no-repeat;
	width:225px;
}
#res_globalnavigation ul li#gnavi03 a {
	background:url(/special/hokkaido/images/gnavi.png) -510px 0 no-repeat;
	width:225px;
}
#res_globalnavigation ul li#gnavi04 a {
	background:url(/special/hokkaido/images/gnavi.png) -735px 0 no-repeat;
	width:225px;
}

/* #############################################################

[ コンテンツ ]

############################################################# */

#contents {
	background:url(/special/hokkaido/images/default_head_bg.jpg) center top no-repeat;
	padding:20px 0 50px 0 !important;
}
#str_container {
	width:100%;
	background:url(/special/hokkaido/images/default_headinner_bg.jpg) left 155px repeat-x;
	border-top:solid 7px #014da1;
}
#str_container #contentsInner {
	width:965px;
	margin:0 auto;
	padding-top:20px;
}
#str_container #contentsInner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}
#str_container #contentsInner h2 {
	margin:30px 0 17px 0;
}
#str_container #contentsInner h3 {
	margin:50px 0 10px 0;
}
#str_container #contentsInner #mainContents {
	width:645px;
	float:left;
}
#str_container #contentsInner #mainContents .contentsBlock {
	margin-bottom:30px;
}
#str_container #contentsInner ul.list2column {
	width:620px;
	margin-left:-20px;
	padding-top:20px;
}
#str_container #contentsInner ul.list2column li {
	width:290px;
	margin-left:20px;
	float:left;
}
#str_container #contentsInner ul.list3column {
	width:610px;
	margin-left:-10px;
	padding-top:20px;
}
#str_container #contentsInner ul.list3column li {
	width:190px;
	margin-left:10px;
	padding-bottom:20px;
	float:left;
}
#str_container #contentsInner ul.list3column li a {
	margin-bottom:10px;
}
#str_container #contentsInner ul.list3column li a.text {
	background:url(/special/hokkaido/images/default_icon_arrow.gif) 0 3px no-repeat;
	margin-top:10px;
	padding:0 0 0 9px;
}
#str_container #contentsInner ul.list3column li img {
	padding-bottom:5px;
}
/* -------------------------------------------------------------- 
シェアバー
-------------------------------------------------------------- */

#sharebar {
	width:965px;
	margin:0 auto;
	position:relative;
}
#sharebarInner {
	position: absolute;
	right: 5px;
	top: 0;
}
#sharebar #socialSBdiv_FBlike, #sharebar #socialSBdiv_TW,
#sharebar #socialSBdiv_GP, #sharebar #socialSBdiv_MIXI {
	float:left;
	font-size:12px !important;
}
#sharebar #socialSBdiv_FBlike .fb_button,
#sharebar #socialSBdiv_FBlike .fb-like {
	width: 108px !important;
}
* html #sharebar #socialSBdiv_FBlike iframe {
	width: 108px !important;
	height: 21px;
}
#sharebar #socialSBdiv_TW {
	width: 98px !important;
}
#sharebar #socialSBdiv_GP {
	width:70px !important;
}
/* -------------------------------------------------------------- 
ローカルナビ　ページ共通部分
-------------------------------------------------------------- */

#str_container #contentsInner #localNavi {
	width:300px;
	padding-top:20px;
	float:right;
}
#str_container #contentsInner #localNavi .bannerBlock {
}
#str_container #contentsInner #localNavi .bannerBlock li {
	padding:0 0 10px 0;
}
#str_container #contentsInner #localNavi #topicsBlock {
	margin-bottom:25px;
	padding:22px 0 16px 0;
	width:300px;
	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 #localNavi #topicsTitle {
}
#str_container #contentsInner #localNavi dl.list {
	width:260px;
	margin:0 auto;
}
#str_container #contentsInner #localNavi dl.list dt {
	color:#666666;
	padding:8px 0 0 0;
}
#str_container #contentsInner #localNavi dl.list dd {
	padding:8px 0;
	border-bottom:dotted 1px #d6d6d6;
}
#str_container #contentsInner #localNavi dl.list dd.last {
	border:none;
}
#str_container #contentsInner #localNavi ul.list {
	width:230px;
	margin:-15px auto 0 auto;
}
#str_container #contentsInner #localNavi ul.list li {
	margin-top:15px;
	text-align:center;
	font-size:85%;
}
#str_container #contentsInner #localNavi ul.list li img {
	padding-bottom:5px;
}
/* -------------------------------------------------------------- 
無料で当たるプレゼント_リスト
-------------------------------------------------------------- */

/* itemlist -----*/

div#mainContents ul.itemlist {
	width:620px;
	margin:0 0 0 10px !important;
	padding:0;
	list-style-type: none;
}
div#mainContents ul.itemlist li {
	width:290px;
	float: left;
	padding: 0 20px 20px 0;
}
/* -------------------------------------------------------------- 
プレゼント概要
-------------------------------------------------------------- */
#str_container #contentsInner h2.detailTitle {
	border-bottom:solid 1px #0000ff !important;
	border-left:none !important;
}
#str_container #contentsInner .detailFrame {
	width:600px;
	padding:10px 0 0 0;
	background:#fff;
}
#str_container #contentsInner .detailFrame p {
	margin-top:0 !important;
}
#str_container #contentsInner .detailFrame .dl {
	overflow: hidden;
}
#str_container #contentsInner .detailFrame .dl dt.first,
#str_container #contentsInner .detailFrame .dl dd.first {
	border:none !important;
}
#str_container #contentsInner .detailFrame .dl dt {
	float: left;
	border-top:dotted 1px #cccccc;
	padding:5px 0;
	font-weight:bold;
}
#str_container #contentsInner .detailFrame .dl dd {
	border-top:dotted 1px #cccccc;
	padding:5px 0 5px 10em;
}
#str_container #contentsInner .detailFrame strong {
	font-weight:bold !important;
}
/* -------------------------------------------------------------- 
ページの先頭へ
-------------------------------------------------------------- */
#str_container p.moveTop {
	width:960px;
	margin:0 auto;
	text-align:right;
}
#str_container #mainContents p.moveTop {
	float:right;
	text-align:right;
}
#str_container p.moveTop a {
	padding-left:10px;
	background:url(/special/hokkaido/images/icon_pagetop.gif) center left no-repeat;
}
/* #############################################################

[ ヘッダフッタ ]

############################################################# */

/* ==========================================================================
 basic
=========================================================================== */
#res_header ul, #res_footer ul {
	margin:0;
	padding:0;
	list-style: none;
}
#res_header a, #res_footer a {
	color:#0000ff;
	text-decoration: none;
}
#res_header a:hover, #res_footer a:hover {
	color:#eb4055;
}
/* ==========================================================================
 フッタ
=========================================================================== */

div#footerArea {
	widdth:100%;
	background:#014da1;
}
div#res_footer {
	margin:0px auto 0px;/*20pxはフッタ上の空き(元は0)*/
	padding:30px 0 62px 0;
	width:960px;
	zoom:1;
}
#res_footer:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}
/* utility（#res_footer_utilitylinks）
--------------------------------------------- */
#res_footer #res_footer_utilitylinks {
	margin:0 auto;
	padding:0 15px 0 5px;
}
#res_footer #res_footer_utilitylinks ul {
	text-align:center;
	margin:0 0 10px 0;
}
#res_footer #res_footer_utilitylinks ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}
#res_footer #res_footer_utilitylinks ul li {
	display:inline;
	padding:0 10px;
	font-size: 85%;
	border-left:1px solid #246dbe;
}
#res_footer #res_footer_utilitylinks ul li.first {
	border-left:none !important;
}
#res_footer #res_footer_utilitylinks ul li a {
	color:#ffffff;
	text-decoration:none;
}
/* wrapper（#res_footer_addressmarks）
--------------------------------------------- */
#res_footer #res_footer_addressmarks {
	padding:0;
	text-align:center;
}
/* copyright
--------------------------------------------- */
#res_footer address {
	color:#5b96d6;
	font-size: 85%;
	font-style:normal;
	margin:0 auto;
	padding:0 0 0 15px;
}
#res_footer #res_footer_addressmarks address {
	padding:0 0 0 15px;
}

/* ==========================================================================
 バナー追加分
=========================================================================== */

#str_container #contentsInner #mainContents .contentsBlockInner .bannerBlock{
	margin:0 !important;
	padding:0 !important;
}