@charset "utf-8";
/* ===================================================================
CSS information : style.css

=================================================================== */

/*---------------------------------------
    リセットCSS（編集不要）
----------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin: 0;
	padding: 0;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table {
	font-size: 100%;
	font-family: inherit;
}
fieldset, img {
	border: 0;
}
img {
	vertical-align: top;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
select, input, textarea {
	font-size: 100%;
}
hr {
	display: none;
}

/*---------------------------------------
    共通(ベース)
----------------------------------------*/

body {
	background: #f4f1e1 /*url(../../../sapporohassamu/img/bg-gradation.gif) repeat-x top left*/;
	font-size: 76%;
	line-height: 1.6;
	color:#333333;
	position: relative;
}
table {
	line-height: 1.6;
}

a:link, a:visited {
	color: #0088dd;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8ccafc;
	text-decoration: none;
}

/* headContainer
------------------------------------------------------------------- */
#headContainer {
	width:100%;
}
#headContainer #header {
	background:#ffffff;
	width:960px;
	height:auto;
	margin:16px auto;
	position:relative;

	border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

#headContainer #header:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#headContainer #header h1 {
	position:absolute;
	top:21px;
	left:25px;
	/*padding:21px 0 0 25px;
	float:left;*/
}

#headContainer #header .header_top {
	width:100%;
	padding-bottom:28px;
}

#headContainer #header .header_top:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#headContainer #header .header_top ul {
	float:right;
	padding-top:21px;
	margin-right:25px;
}

#headContainer #header .header_top ul:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#headContainer #header .header_top ul li {
	float:left;
	padding-left:17px;
	margin-right:16px;
}
#headContainer #header .header_top ul li.info {
	background:url(../img/header/ico-information.gif) no-repeat 0% 50%;
}
#headContainer #header .header_top ul li.thanks {
	background:url(../img/header/ico-thanks-day.gif) no-repeat 0% 50%;
}
#headContainer #header .header_top ul li.wakuwaku {
	background:url(../img/header/ico-wakuwaku-day.gif) no-repeat 0% 50%;
}
#headContainer #header .header_top ul li.kayou {
	background:url(../img/header/ico-kayouichi.gif) no-repeat 0% 50%;
}

#headContainer #header .header_top ul li a {
	text-decoration:none;
	color:#333333;
}

#headContainer #header .header_top ul li a:hover {
	text-decoration: underline;
}

#headContainer #header .header_bottom {
	width:100%;
}

#headContainer #header .header_bottom ul {
	float:right;
	padding:0 25px 20px 0;
}

#headContainer #header .header_bottom ul:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#headContainer #header .header_bottom ul li {
	float:left;
	margin-left:35px;
}

#headContainer #header .header_bottom ul li a {
	display:block;
	height:17px;
	overflow:hidden;
}

#headContainer #header .header_bottom ul li.event a {
	width:65px;
	background:url(../img/header/btn-event_off.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.campaign a {
	width:100px;
	background:url(../img/header/btn-campaign_off.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.recruit a {
	width:81px;
	background:url(../img/header/btn-recruit_off.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.coupon a {
	width:66px;
	background:url(../img/header/btn-coupon_off.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.floor a {
	width:99px;
	background:url(../img/header/btn-floor_off.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.access a {
	width:66px;
	background:url(../img/header/btn-access_off.png) no-repeat 0% 0%;
}

#headContainer #header .header_bottom ul li.event.current a,
#headContainer #header .header_bottom ul li.event a:hover {
	background:url(../img/header/btn-event_on.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.campaign.current a,
#headContainer #header .header_bottom ul li.campaign a:hover {
	background:url(../img/header/btn-campaign_on.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.recruit.current a,
#headContainer #header .header_bottom ul li.recruit a:hover {
	background:url(../img/header/btn-recruit_on.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.coupon.current a,
#headContainer #header .header_bottom ul li.coupon a:hover {
	background:url(../img/header/btn-coupon_on.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.floor.current a,
#headContainer #header .header_bottom ul li.floor a:hover {
	background:url(../img/header/btn-floor_on.png) no-repeat 0% 0%;
}
#headContainer #header .header_bottom ul li.access.current a,
#headContainer #header .header_bottom ul li.access a:hover {
	background:url(../img/header/btn-access_on.png) no-repeat 0% 0%;
}

#headContainer #header .header_bottom ul li a span {
	display:block;
	margin-top:50px;
}


/* contentsContainer
------------------------------------------------------------------- */
#contentsContainer {
	width:100%;
}

#contentsInner {
	width: 960px;
	margin: 0 auto;
	background-color: #ffffff;

	border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

#contentsInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

li#adobe ul li a:link,
li#adobe ul li a:visited{
    text-decoration: none;
}

/* footContainer
------------------------------------------------------------------- */
#footContainer {
	width:100%;
}

#footContainer #footer {
	background:#ffffff;
	width:960px;
	margin:16px auto;

	border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

#footContainer #footer #footNavi {
	width:560px;
	float:left;
	padding:22px 0 0 25px;
}
*:first-child+html #footContainer #footer #footNavi {
	width:auto;
}

#footContainer #footer #footNavi:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#footContainer #footer #footNavi li {
	float:left;
	border-right:1px solid #e5e5e5;
	margin-right:12px;
	padding-right:15px;
}

#footContainer #footer #footNavi li.end {
	border-right:none;
	margin-right:0px;
	padding-right:0px;
}

#footContainer #footer #footNavi li a {
	text-decoration:none;
	color:#333333;
}

#footContainer #footer #footNavi li a:hover {
	text-decoration: underline;
}

#footContainer #footer #greenBnr {
	float:right;
	padding:11px 16px 0 0;
}

#footContainer #footer #copyRight {
	clear:both;
	padding:0 0 17px 25px;
}

#footContainer #footer #copyRight em {
	color:#b01388;
}

a#viewMode {
    clear: both;
    display: block;
    height: 40px;
    background: #cb0670;
    text-align: center;
}


@media screen and (max-device-width:480px) {
	#headContainer #header,
	#footContainer #footer {
		font-size:10px !important;
	}
}


/* #language_type
------------------------------------------------------------------- */
#language_type {
  padding: 9px 0 12px;
}
#language_type .inner {
    width: 960px;
    margin: 0 auto;
    font-size: 76%;
}
#language_type:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
#language_type ul{
  float: right;
  width: 520px;
  zoom:1;
}
#language_type ul:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
#language_type ul li{
  float: left;
  margin: 19px 0 0 5px;
  width: 100px;
}

#language_type ul li:first-child{
  margin-left: 0;
}
.sp_block{
	display:none;
}