@charset "utf-8";

/*---------------------------------------------
 ** ヘッダー
---------------------------------------------*/
header{ 
     margin:0 auto;
	 overflow:hidden;
	 background:url(https://japan-quartzclub.com/area_common/images/common/header_bg.png) no-repeat;
}

/* ロゴ */
header #logo{ margin-top:10px;}

/* ナビゲーション */
header nav{ width: 470px; height: 54px; margin:0 auto;}
header nav ul{ width:470px; overflow:hidden; }
footer nav{ max-width: 470px; min-height: 60px; margin:0 auto;}

footer nav ul li { text-indent:100%; text-indent:100%; white-space:nowrap; overflow:hidden; }
footer nav ul li a { height: 60px; display: block;  margin: 0 auto; padding: 0; }

/* ヘッダの場合 */
#hn_official a{ width:210px; background:url(https://japan-quartzclub.com/area_common/images/common/nav.png) 0 -5px; }
#hn_official a:hover{ width:210px; background:url(https://japan-quartzclub.com/area_common/images/common/nav.png) 0 -65px; }
#hn_contact a{ width:260px; background:url(https://japan-quartzclub.com/area_common/images/common/nav.png) -210px -5px; }
#hn_contact a:hover{ width:260px; background:url(https://japan-quartzclub.com/area_common/images/common/nav.png) -210px -65px; }

/* フッタの場合 */
#fn_official a{ width:210px; background:url(https://japan-quartzclub.com/area_common/images/common/nav.png) 0 0;}
#fn_official a:hover{ width:210px; background:url(https://japan-quartzclub.com/area_common/images/common/nav.png) 0 -60px;}

#fn_contact a{ width:260px; background:url(https://japan-quartzclub.com/area_common/images/common/nav.png) -210px 0; }
#fn_contact a:hover{ width:260px; background:url(https://japan-quartzclub.com/area_common/images/common/nav.png) -210px -60px;}


/* PCの場合 */
@media screen and (min-width: 960px){
.only_tab, .only_sp	{display:none;}
.only_pc		{display:inline;}
header nav{ float:right;}
nav ul li { float:left; text-indent:100%; text-indent:100%; white-space:nowrap; overflow:hidden; }
nav ul li a { height: 54px; display: block;  margin: 0; padding: 0; }
}

/* タブレットの場合 */
@media screen and (max-width: 959px) and (min-width: 641px){
.only_sp, .only_pc	{display:none !important;}
.only_tab		{display:inline;}
header nav{ float:right;}
nav ul li { float:left; text-indent:100%; text-indent:100%; white-space:nowrap; overflow:hidden; }
nav ul li a { height: 54px; display: block;  margin: 0; padding: 0; }
}

/* スマホの場合 */
@media screen and (max-width: 640px) and (min-width: 0px){
.only_tab, .only_pc	{display:none !important;}
.only_sp		{display:inline;}
.exc_sp		{display:none;}
nav ul li { float:left; text-indent:100%; padding:0; text-indent:100%; white-space:nowrap; overflow:hidden; }
nav ul li a { height: 54px; display: block;  margin: 0; padding: 0; }
}


/*---------------------------------------------
 ** メインビュー部分
---------------------------------------------*/
#mainview{
	background:url(https://japan-quartzclub.com/area_common/images/common/mainview_bg.png) no-repeat;
	margin:0 auto;
	}

#kagoshima{
	width:100%;
	background-image:url(https://japan-quartzclub.com/area_common/images/kagoshima/kagoshima_logo.png);
	background-repeat:no-repeat;
	margin:0 auro;
	text-indent:-999em;
	}

#mainview_ara{
	width:100%;
	margin:0 auro;
	text-indent:-999em;
	}


/* カルーセル部分 */
.slickbox .box{ margin-left:25px;}
.slickbox .box .imgbox img{ border-radius:10px; border:3px solid #444;}
.slickbox .box p{ padding:0 15px;}

/*---------------------------------------------
 ** 店舗リスト
---------------------------------------------*/
.shoplist{ margin:15px auto 100px auto; overflow:hidden;}
.shoplist h2{
font-weight:bold;
	width:100%;
	display:block;
	color: #ffffff;
	text-align:center;
	margin:15px auto;
	font-size:140%;
	padding: 10px 0;
	background: -moz-linear-gradient(
		top,
		#4499cc 0%,
		#2266aa);
	background: -webkit-gradient(linear, left top, left bottom,   from(#4499cc),   to(#2266aa));
	border: 0px solid #1b3154;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
/*
	font-size:150%;
	font-weight:bold;
*/
	}
.shoplist h2 span{
font-weight:normal;
/*
	background:#FF0000;
	padding:10px 25px 0 25px;
*/
	}





.shoplist h3{
	font-size:120%;
	border-left:15px solid #1a96ff;color:#1a96ff;
	padding-left:20px;
	}

.shoplist .shoplogo{ text-align:center;}
.shoplist .shopmenu{ margin-bottom:30px;}
.shoplist .shopmenu ul{
	width:100%;
	margin:20px auto 20px auto;
	overflow:hidden;
	}
.shoplist .shopmenu ul li{
	background:url(https://japan-quartzclub.com/area_common/images/common/list.png) no-repeat 0 5px;
	padding-left:20px;color:#888;
	}
.shoplist .shopmenu p{ color:#555;}
.shoplist .shopinfo{
	width:100%;
	overflow:hidden;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
	background:#ddd;color:#555;
margin-top:10px;
	}
.shoplist .shopinfo ul{ overflow:hidden;}
.shoplist .shopinfo i{ color:#1a96ff; font-size:150%;}

.shoplist a{color:#1a96ff;}

/* 詳細料金表 */
.price table {
  border-collapse: collapse;
  width: 100%;
  margin:20px auto;
}
.price table th,
.price table td {
  padding: 10px;
  border: 1px solid #ada;
}
.price table td { text-align: center; color:#555;}
.price table th {
  background-color: #5ca;
  text-align: center;
  width: 35%;color:#050;
}

.shopimg{ 
   text-align:center;
   margin-bottom:20px;
   }

.shopimg img{ border-radius:10px; border:6px solid #5ca;}
.pointimg img{ border-radius:10px; margin-bottom:20px;}

/*---------------------------------------------
 ** JQC加盟店のポイント
---------------------------------------------*/
ul.point{
	width:100%;
	overflow:hidden;
	margin:20px auto;
	}

ul.point li{
	background:#5ca;//#099;
	padding:10px 15px;
	font-size:120%;
	color:#fff;
	font-weight:bolder;
	font-style:oblique;
	margin-bottom:5px;
	margin-right:5px;
	border:2px solid #ccc;//#444;
	border-radius:10px;
	}

ul.point li a{ color:#fff;}

/* ポイントナビ */
#pointnav{
	width:100%;
	margin:20px auto;
	overflow:hidden;
	}

#pointnav ul li{
	padding:10px 15px;
	font-size:120%;
	color:#fff;
	border-top:1px solid #ccc;
//	border-bottom:1px solid #444;
	text-align:center;
	}

#pointnav ul li:last-child{border-bottom:1px solid #ccc;}

#pointnav ul li:hover{ background:#ada;}

#pointnav ul li a{color:#090;}

/*---------------------------------------------
 ** フッター
---------------------------------------------*/
footer{
	width:100%;
	background:#fff;
	text-align:left;
	padding:10px 0;
	margin:0 auto;
	margin-bottom:50px;
	}
/* ロゴ */
#flogo{ text-align:center; margin:0 auto;}
/* コピーライト */
#copyright{
	text-align:center;
	color:#000;
	letter-spacing:0.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	margin-top:15px;
	}