@charset "utf-8";


/* announce
---------------------------------------------------------- */
#announce {
	width: 950px;
	border: 2px solid #e70014;
	margin: 10px auto 0;
	text-align: center;
	padding: 4px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #e70014;
	display: none;
}

	#announce a {
		color: #e70014;
	}

	#announce a:hover {
		text-decoration: none;
	}

/* gnavi-bottom
---------------------------------------------------------- */
#gnavi-bottom {
	width: 950px;
	margin: 10px auto 0;
	box-sizing: border-box;
}
	#gnavi-bottom p{
		margin-top: 10px;
	}

	#gnavi-bottom p:first-child{
		margin-top: 0;
	}

		#gnavi-bottom p.hakataAnnounce{
			width:948px;
/*			margin:20px auto -10px;*/
			margin:20px auto 0;
			border:1px solid #444;
			color:#444;
			background:#FFF;
			padding:10px;
			font-size:15px;
			line-height:1.4;
			font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
			letter-spacing: 0.07em;
			text-align: center;
			box-sizing: border-box;
		}

		#gnavi-bottom p.hakataAnnounce span {
			font-size:11px;
		}



/* contents
---------------------------------------------------------- */
#contents {
	width: 950px;
	margin: 20px auto;
	text-align: left;
	font-size: 12px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* primary　メインコンテンツ
---------------------------------------------------------- */
#primary {
	width: 730px;
	float: right;
}


	/* breadcrumb */
	#breadcrumb {
		font-size: 14px;
		margin: 0 0 5px 0;
	}

		#breadcrumb a {
			color: #333;
		}

		#breadcrumb a:hover {
			color: #e70014;
			text-decoration: none;
		}

		#breadcrumb span.parentBreadcrumb:after {
			content: ' ＞ ';
		}


	/* subnaviArea */
	#primary #subnaviArea {
		width: 730px;
		padding: 5px 0;
		background: #eff0f2;
		margin: 0 0 25px 0;
	}

		#primary #subnaviArea ul li {
			background-color: #494e54;
			margin: 0 0 0 5px;
			width: 174px;
			float: left;
			font-size: 16px;
			text-align: center;
		}

			#primary #subnaviArea ul li a {
				display:block;
				background: #FFF;
				padding: 14px 3px 12px;
				line-height: 1.2;
				text-decoration: none;
				color: #333;
			}

			#primary #subnaviArea ul li a:hover {
				color: #FFF;
				background-color: #494e54;
			}

			#primary #subnaviArea ul li a.current {
				color: #FFF;
				background-color: #494e54;
			}


	/* categoryTitle */
	#primary .categoryTitle {
		margin: 0 0 20px;
		padding: 5px 10px 5px 18px;
		color: #fff;
		font-size: 16px;
		background-color: #494e54;
	}

	#primary h2.categoryTitle span.categoryDescription {
		font-size: 11px;
		line-height: 24px;
		display: block;
		float: right;
		vertical-align:middle;
	}


	/* btnLink */
	#primary .btnLink {
		text-align: center;
		font-size: 16px;
	}

		#primary .btnLink a {
			color: #FFF;
			text-decoration: none;
			background: url(/images/stores/contents-parts/arrow-list1.png) right center no-repeat;
			background-color: #494e54;
			padding: 5px 50px 3px;
		}

		#primary .btnLink a:hover {
			background-color: #7b828a;
		}

	/* btnBack */
	#primary .btnBack {
		text-align: center;
		font-size: 16px;
	}

		#primary .btnBack a {
			color: #FFF;
			text-decoration: none;
			background: url(/images/stores/contents-parts/arrow-back1.png) right center no-repeat;
			background-color: #494e54;
			padding: 5px 50px 3px;
		}

		#primary .btnBack a:hover {
			background-color: #7b828a;
		}



/* secondary　店舗TOPナビゲーション
---------------------------------------------------------- */
#secondary {
	width: 200px;
	float: left;
}

	/* logoArea */
	#secondary #logoArea {
		width: 192px;
		border: 4px solid #eff0f2;
		background: #FFF;
	}

		#secondary #logoArea #logoAreaIn {
			width: 172px;
			height: 222px;
			padding: 0 10px;
			background: url(/images/stores/logo/bg.jpg) left top no-repeat;
		}

			#secondary #logoArea #logoAreaIn div.storeLogo {
				text-align: center;
				padding: 8px 0;
			}

			#secondary #logoArea #logoAreaIn p.storeImage img {
				width: 172px;
				height: auto;
			}

			#secondary #logoArea #logoAreaIn p.storeToTop {
				margin: 8px 7px 0;
				background-color: #CCC;
				text-align: center;
				font-size: 16px;
			}

				#secondary #logoArea #logoAreaIn p.storeToTop a {
					display:block;
					background: url(/images/stores/logo/arrow.png) 10px center no-repeat;
					background-color: #FFF;
					text-decoration: none;
					color: #333;
					line-height: 1;
					padding: 5px 5px 5px 10px;
				}

	/* infoArea */
	#secondary #infoArea {
		width: 200px;
		background: url(/images/stores/side-parts/bg_info.gif) left top repeat-y;
		padding: 7px 0 0 0;
	}

		#secondary #infoArea .inner {
			margin: 0 8px 8px;
		}

		#secondary #infoArea h4.time    { background:url(/images/stores/side-parts/ico_time.png) 3px 3px no-repeat;}
		#secondary #infoArea h4.close   { background:url(/images/stores/side-parts/ico_close.png) 4px 3px no-repeat;}
		#secondary #infoArea h4.address { background:url(/images/stores/side-parts/ico_address.png) 4px 3px no-repeat;}
		#secondary #infoArea h4.tel     { background:url(/images/stores/side-parts/ico_tel.png) 3px 3px no-repeat;}

		#secondary #infoArea h4.ttl {
			color: #FFF;
			background-color: #494e54;
			margin: 0 0 4px;
			padding: 6px 4px 2px 28px;
			font-size: 13px;
			height: 20px;
		}

		#secondary #infoArea p {
			line-height: 1.2;
		}

			#secondary #infoArea p {
				padding: 0 8px 7px 10px;
				line-height: 1.4;
			}
				#secondary #infoArea p a:link   { color: #333333;}
				#secondary #infoArea p a:active { color: #333333;}
				#secondary #infoArea p a:visited{ color: #333333;}
				#secondary #infoArea p a:hover  { color: #e70014; text-decoration: none;}

			#secondary #infoArea p.load-ttl {
				display: block;
				line-height:1.2;
				word-wrap: break-word;
				padding: 3px 5px;
				margin: 0 0 3px 0;
				background-color: #eff0f2;
				font-size:12px;
				font-weight: bold;
			}

			#secondary #infoArea p.load-txt {
				display: block;
				font-size:11px;
				line-height:1.4;
				padding: 0 0 4px 0;
				word-wrap: break-word;
				margin: 0 0 5px 0;
				letter-spacing: -0.05em;
			}

				#secondary #infoArea p.load-txt br {
					line-height: 0.8;
				}



	/* searchArea */
	#secondary #searchArea {
		width: 184px;
		padding: 5px 10px 6px 6px;
		background: none #eaedef left top no-repeat;
		text-align: left;
	}
		#secondary #searchArea ul li {
			margin: 7px 0 7px 0;
		}

			#secondary #searchArea ul li.btn_shopguide {
				display: table;
				width: 100%;
				background-color: #494e54;
				font-size: 14px;
			}

				#secondary #searchArea ul li.btn_shopguide a {
					display: table-cell;
					vertical-align: middle;
					padding: 12px 5px 10px 45px;
					text-decoration: none;
					color: #333;
					line-height: 1;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_event a {
					background: url(/images/stores/side-parts/ico_event.png) 5px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_facilities a {
					background: url(/images/stores/side-parts/ico_facilities.png) 5px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_restaurant a {
					background: url(/images/stores/side-parts/ico_restaurant.png) 5px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_beauty a {
					background: url(/images/stores/side-parts/ico_beauty.png) 5px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_epotoku a {
					background: url(/images/stores/side-parts/ico_epotoku.png) 5px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_cafe a {
					background: url(/images/stores/side-parts/ico_cafe.png) 5px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_food a {
					background: url(/images/stores/side-parts/ico_food.png) 5px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_wcp a {
					background: url(/images/stores/side-parts/ico_wcp.png) 2px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_860_itocia a {
					background: url(/images/stores/side-parts/ico_860_itocia.png) 2px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_futsal a {
					background: url(/images/stores/side-parts/ico_futsal.png) 5px center no-repeat;
					background-color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_foodcoat a {
					background: url(/images/stores/side-parts/ico_foodcoat.png) 5px center no-repeat;
					background-color: #FFF;
					font-size: 12px;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_coupon a {
					background: url(/images/stores/side-parts/ico_coupon.png) 5px center no-repeat;
					background-color: #FFF;
					width: 186px;
				}

				#secondary #searchArea ul li.btn_shopguide.btnVoiLinkSide a {
					background: url(/images/stores/side-parts/ico_voi.png) 5px center no-repeat;
					background-color: #FFF;
					width: 186px;
				}



				#secondary #searchArea ul li.btn_shopguide.btn_event a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_facilities a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_restaurant a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_beauty a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_epotoku a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_cafe a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_food a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_wcp a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_860_itocia a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_futsal a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_foodcoat a:hover,
				#secondary #searchArea ul li.btn_shopguide.btn_coupon a:hover ,
				#secondary #searchArea ul li.btn_shopguide.btnVoiLinkSide a:hover {
					background-color: #494e54;
					color: #FFF;
				}

				#secondary #searchArea ul li.btn_shopguide.btn_event a:hover 			{ background: url(/images/stores/side-parts/ico_event_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_facilities a:hover { background: url(/images/stores/side-parts/ico_facilities_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_restaurant a:hover { background: url(/images/stores/side-parts/ico_restaurant_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_beauty a:hover     { background: url(/images/stores/side-parts/ico_beauty_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_epotoku a:hover    { background: url(/images/stores/side-parts/ico_epotoku.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_cafe a:hover       { background: url(/images/stores/side-parts/ico_cafe_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_food a:hover       { background: url(/images/stores/side-parts/ico_food_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_wcp a:hover        { background: url(/images/stores/side-parts/ico_wcp_on.png) 2px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_860_itocia a:hover { background: url(/images/stores/side-parts/ico_860_itocia.png) 2px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_futsal a:hover     { background: url(/images/stores/side-parts/ico_futsal_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_foodcoat a:hover   { background: url(/images/stores/side-parts/ico_foodcoat_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_coupon a:hover   { background: url(/images/stores/side-parts/ico_coupon_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btnVoiLinkSide a:hover   { background: url(/images/stores/side-parts/ico_voi_on.png) 5px center no-repeat;}


				/**クーポンボタンは初期非表示 */
				#secondary #searchArea ul li.btn_shopguide.btn_coupon{
					display: none;
				}

				#secondary #searchArea ul li.btn_shopguide.current a {
					background-color: #494e54;
					color: #FFF;
				}

				/*反転ナビゲーション設定のボタンのみ設定*/
				#secondary #searchArea ul li.btn_shopguide.btn_facilities.current a { background: url(/images/stores/side-parts/ico_facilities_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_restaurant.current a { background: url(/images/stores/side-parts/ico_restaurant_on.png) 5px center no-repeat;}
				#secondary #searchArea ul li.btn_shopguide.btn_beauty.current a     { background: url(/images/stores/side-parts/ico_beauty_on.png) 5px center no-repeat;}


	/* otherArea */
	#secondary #otherArea {
		width: 200px;
		margin: 8px 0;
	}

		#secondary #otherArea h4 {
			background: #494e54;
			padding: 5px 0 2px 15px;
			color: #FFF;
			font-size: 16px;
		}

		#secondary #otherArea ul li {
			line-height: 1.2;
			margin: 10px 0 0 0;
			padding: 0;
		}

	/* newsArea */
	#secondary #newsArea {
		width: 200px;
		margin: 8px 0;
	}

		#secondary #newsArea ul li .newsItem {
			border: 1px solid #adb4ba;
			display: table;
			width: 100%;
			margin: 0 0 10px 0;
			box-sizing: border-box;
			cursor: pointer;
			text-decoration: underline;
		}

		#secondary #newsArea ul li .newsItem:hover {
			text-decoration: none;
		}

			#secondary #newsArea ul li .newsItem .tmb {
				display: table-cell;
				width: 60px;
				vertical-align: middle;
			}

			#secondary #newsArea ul li .newsItem .txt {
				display: table-cell;
				vertical-align: middle;
				padding: 3px 5px;
				font-size: 11px;
				line-height: 1.2;
			}

			#secondary #newsArea ul li .newsItem .txt .tit {
				font-weight: bold;
				margin: 0 0 3px 0;
			}

	/* enqueteArea */
	#secondary #enqueteArea {
		margin: 8px 0;
	}


/* socialArea
---------------------------------------------------------- */
#socialBlock {
	margin: 0 0 35px;
	box-sizing: border-box;
	text-align: right;
}

	#socialBlock dt,
	#socialBlock dd {
		margin: 0 0 0 5px;
		vertical-align: middle;
		display: inline-block;
		/* IE対応8↓ */
		*margin: 0 0 0 10px;
		*display: inline;
		*zoom: 1
	}

	#socialBlock dd img {
		width: 32px;
	}


/* moreBtn
---------------------------------------------------------- */
.moreBtn {
	margin: 0 0 30px 0;
	border-top: 2px solid #494e54;
}

.moreBtn a {
	width: 147px;
	height: 25px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background: url(/images/stores/store-info/btn_more.png) no-repeat;
	/*background-color: #494e54;*/
}

p.tglBtn.on a {
	background: url(/images/stores/store-info/btn_more_on.png) left top no-repeat;
}

/* storeLinkBlock
---------------------------------------------------------- */
.storeLinkBlock {
	margin: 10px 0 0;
	padding: 10px 20px 10px 0;
}

	.storeLinkBlock p {
		background: #fff url(/images/stores/shop-guide/arrow_shop_guide2.png) 680px center no-repeat;
		border: 1px solid #494e54;
		text-align: center;
		margin: 0 0 0 10px;
		border-radius: 4px;
		display: table;
		width: 100%;
		box-sizing: border-box;
	}

	.storeLinkBlock p a {
		display: table-cell;
		vertical-align: middle;
		box-sizing: border-box;
		width: 100%;
		height: 51px;
		color: #333;
		font-size: 18px;
		text-decoration: none;
		background-position: 23px center;
		background-repeat: no-repeat;
		background-size: 40px;
	}

	.storeLinkBlock p a img {
		vertical-align: middle;
	}


	.storeLinkBlock p a.category   { background-image: url(/smp/images/stores/shop-guide/ico_category2.png);}
	.storeLinkBlock p a.initial    { background-image: url(/smp/images/stores/shop-guide/ico_initial2.png);}
	.storeLinkBlock p a.floor      { background-image: url(/smp/images/stores/shop-guide/ico_floor2.png);}
	.storeLinkBlock p a.restaurant { background-image: url(/images/stores/side-parts/ico_restaurant.png); background-size: 33px;}
	.storeLinkBlock p a.beauty     { background-image: url(/smp/images/stores/shop-guide/ico_beauty.png);}
	.storeLinkBlock p a.noIcon     { background: none; padding: 0 0 0 20px; margin: 0 auto 20px;}


	.storeLinkBlock p:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}