@charset "utf-8";

/* -------------------------------------------------------------------
 *
 * 	Style info	: サイト固有の区画定義
 *	Since		: 2013-07-01
 *  Modified    : 2014-01-24
 *	Author		: kato
 *  URL			: http://mosk.co.jp/
 *  Email		: web@mosk.co.jp
 *  Company     : MOSK CREATION Co., Ltd.
 *
 * ------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 * wrapper
 * ------------------------------------------------------------------- */

#wrapper {
	position: relative;
	background-image: url(../img/common/bg_wrapper.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	width: 100%;
	min-width: 1160px;
}

#top #wrapper {
	background-image: url(../img/common/bg_wrapper_top.png);
}


/* -------------------------------------------------------------------
 * header
 * ------------------------------------------------------------------- */

header {
	position: relative;
	width: 1160px;
	height: 230px;
	margin: 0 auto;
}

#top header {
	height: 430px;
}

header h1 {
	position: absolute;
	left: 105px;
	top: 20px;
}

header h2 {
	position: absolute;
	width: 100%;
	top: 120px;
	text-align: center;
	z-index: 2;
}

/* ヘッダーナビゲーション */
header #list_hNav {
	position: absolute;
	margin: 0;
	right: 90px;
	bottom: 105px;
	overflow: hidden;
	z-index: 5;
}

#top header #list_hNav { bottom: 140px; }

#list_hNav a { line-height: 50px; }

#list_hNav #access { margin-bottom: 5px; }
#list_hNav #info { margin-left: 35px; }

/* -------------------------------------------------------------------
 * contents
 * ------------------------------------------------------------------- */

#contents {
	width: 980px;
	margin: 0 auto 40px;
	padding: 0 40px;
	/*overflow: hidden;*/
}

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

#top #contents {
	margin: 20px auto 15px;
}

/* トップページ用 */
#colLeft,
#colCenter,
#colRight {
	float: left;
}

#colLeft {
	width: 230px;
	margin: 0 20px 0 0;
}

#colLeft p { margin: 0 0 5px; }

#colCenter {
	width: 480px;
	margin: 0 20px 0 0;
	overflow: hidden;
}

#colRight {
	width: 230px;
	margin: 0;
}

#colRight nav {
	margin-bottom: 10px;
}

/* 中ページ用 */
#main {
	float: left;
	width: 730px;
}

#sidebar {
	float: right;
	width: 230px;
}

#sidebar nav { margin-top: 35px; }

/* グローバルナビゲーション */
#list_gNav {
	position: relative;
	background: url(../img/common/bg_gnav.png) 0 0 no-repeat;
	height: 530px;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

#list_gNav li {	position: absolute; }

#enjoy { left: 0; top: 0; }
#event { right: 0; top: 120px; }
#restaurant { left: 0; top: 238px; }
#shop {	left: 15px;	bottom: 10px; }

/* ナビゲーション */
#list_nav {
	margin-top: -5px;
	overflow: hidden;
}

#list_nav li {
	margin-top: 5px;
}

/* -------------------------------------------------------------------
 * footer
 * ------------------------------------------------------------------- */

footer {
	width: 1160px;
	margin: 0 auto;
}

/* -------------------------------------------------------------------
 * footerContents
 * ------------------------------------------------------------------- */

#footerContents {
	position: relative;
	width: 980px;
	height: 80px;
	margin: 0 90px;
	padding: 0;
	border-top: 1px solid #362319;
	overflow: hidden;
}

#footerContents:before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	content: "";
	border-top: 1px solid #6b5039;
	z-index: -1;
}

/* フッターナビ */
#list_fNav {
	margin-top: 18px;
	/*width: 980px;
	padding-top: 18px;
	border-top: 1px solid #6b5039;*/
}

#list_fNav li {
	float: left;
	background: url(../img/common/ico_anchor.png) 0 0 no-repeat;
	margin: 0 20px 0 0;
	padding-left: 25px;
	line-height: 20px;
}

#list_fNav a {
	color: #ffc600;
	line-height: 20px;
}

#list_fNav a:link,
#list_fNav a:visited {
	color: #fbe5b0;
}

#list_fNav a:hover {
	color: #ffc600;
	text-decoration: none;
}

/* コピー */
#footerContents #copy {
	position: absolute;
	right: 0;
	top: 15px;
}


/* -------------------------------------------------------------------
 * QR
 * ------------------------------------------------------------------- */

#qr:before  {
	background:none;
}

#qr{
	background: url(../img/common/bg_main.jpg) 0 0 repeat;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	text-align:center;
}

#qr #wrapper {
	min-width: 320px;
	background-image:none;
}

#qr header {
	width: 320px;
	height:auto;
}

#qr header h1,
#qr header h2 {
	position:relative;
	top:auto;
	left:auto;
}

#qr header h1 {
	margin-top:0px;
	padding:10px 0;
	background-color:#433123;
}


#qr header h2 {
	margin-top:15px;
	font-size:large;
	color: #ffb740;
}

#qr #contents {
	width:320px;
	margin: 20px auto 15px;
	padding:0;
}

#qr .box {
	text-align:left;
}

#qr footer {
	width: 320px;
	margin: 0 auto;
}