@charset "UTF-8";

/*================================================
 *  共通設定
 ================================================*/
html{
/*	font-size: 62.5%;*/
	margin:0;
	padding: 0;
}

body {
	background: #F2F2F2;
	color: #333;
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	word-break: break-all;
	position: relative;
	left: 0;
	min-width: 1200px;
}
#contents { 
	background: url(../images/bg_foot.png) no-repeat bottom center;
	margin:0 auto;
	overflow:hidden;
	padding: 20px 0 50px;
	width:1200px;
}

#main {
	box-sizing: border-box;
	overflow:hidden;
	float:right;
	width:72.5%;
/*	padding:10px;
	background:#FFF;
	margin-bottom:-32768px;
	padding-bottom:32768px;*/
}
.content{
	background: #fff;
	padding: 15px 30px 30px;
	overflow: hidden;
}
a {
	color: #333333;
	text-decoration:none; 
	outline:none;
}
a:hover {
	color: #2AB4CF;
}

h1 {
	color: #fbfbfb;
	font-size:28px;
	line-height:1.2;
}
h1 a {
	color:#fbfbfb;
	text-decoration:none;
}
h1 a:hover {
	color:#85d1c6;
}

h2.conth2 {
	background:#4F5460;
	color:#FFF;
	margin-bottom:0.5em;
	padding: 30px;
}

h3.conth3 {
	border-bottom: 3px solid #4F5460;
	margin: 10px 0px 20px;
	padding-bottom: 10px;
	color:#4F535F;
	font-size:20px;
}

h4 {
	background: url(../images/bg_gray.png) repeat;
	font-size: 20px; 
	font-weight:bold; 
	color: #C4D414;
	margin: 10px 0px 15px;
	padding:5px 15px;
	width: 780px;
}

h5 {
	margin-bottom:10px;
/*	border-left:2px solid #4F5460;*/
}

h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}

p {
	margin:0;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
/*	color:#d45451;*/
}

pre {
	margin:1em 0;
	padding:1em;
}
#pankuzu {
	margin: 0 0 15px;
	color: #505460;
	font-size: 10px;
	text-align: left;
	width: 400px;
	white-space: nowrap;
	overflow: hidden;  
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis; 
}
#pankuzu a {
	text-decoration: underline;
}

.md_data {
	background: #EBECEE;
	font-size: 14px;
	color: #6C6E6D;
	padding:10px 15px;
	width: 780px;
}
.md_data:after { 
	content: "";
  display: block;
  clear: both;
}
.md_data .d_new {
	background: url("../images/ico_new.png") no-repeat scroll left center / 50px auto;	
  display: block;
  float: left; 
	height:22px; 
	width:50px;
}	
.md_data ul.socialarea {
  float:right;
  margin:2px 0 0 0;
}
.md_data ul.socialarea li { 
	margin:0 5px 0 0; 
	line-height:1;
}
.d_data{
	display: table-cell;
	float:left;
	height: 15px;
	font-size: 12px;
	overflow: hidden;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	width: 120px;
}
.d_new{
	background: url(../images/ico_new.png) no-repeat left center;
	-webkit-background-size: 34px;
	-moz-background-size: 34px;
	-o-background-size: 34px;
	background-size: 34px;
	display: inline-block;
	float: left;
	height: 15px;
	margin: 0px 5px 0px;
	text-indent: 9999px;
	width: 34px;
}
.backlist{
	border-top: 1px dotted #b3b3b3;
	clear: both;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	text-align: center;
	padding-top: 20px;
}
.pdf{
	margin: 5px 10px;
	font-weight: bold;
}
.pdf a{
	background: url(../images/arrow_black.png) no-repeat left center;
	-webkit-background-size: 6px;
	-moz-background-size: 6px;
	-o-background-size: 6px;
	background-size: 6px;
	padding: 0px 0px 0px 12px;
}
.pdf a:hover{
	text-decoration: underline;
}
/*================================================
 *  facebookなどSNS
 ================================================*/
ul.socialarea {
	float: left;
	margin: 0px 0px 20px 0px;
}
ul.socialarea li {
	float: left;
	margin: 22px 5px 0 0;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
	margin: 0;
	position:relative;
	background:#DEDFE1 url(../images/bg_header.png) repeat-x left top;
}
.b_head{
	margin: 0 auto;
	width: 1200px;
	overflow: hidden;;
}
header h1 {
	background:#fff;
	float: left;
	padding:12px 35px 22px;
	margin-left: 40px;
}
/*------------------------------------------------------*/
.summary {
	margin:0;
	/*padding:9px;*/
	color:#666;
	clear: right;
	float: right;
	height: 40px;
	width: 970px;
}

ul.falink{
	background: url(../images/bg_mall_all.png) no-repeat left center;
	height: 40px;
	width: 462px;
	position: relative;
	left: 100px;
/*	right: 420px;*/
	top: 0;
}
ul.falink li{
	float: left;
	margin: 10px 1px 0px 0px;
	overflow: hidden;
	padding: 0;
}
ul.falink li:first-child{
	margin: 10px 0px 0px 0px;
}
ul.falink li.po{
	width: 145px;
}
ul.falink li.abe{
	width: 75px;
}
ul.falink li a{
	overflow: hidden;
}
ul.snslink { 
	float:right; 
	width:80px; 
	padding-right:10px;	
}
ul.snslink li { 
	float:left; 
	width:30px; 
	padding-left:10px; 
}
ol.fa_lang{
	background: #DEDFE1;
/*	height: 40px;
	width: 290px;*/
	float: right;
	position: relative;
	padding: 0px 10px;
	right: 20px;
	top: 0; 
	margin-left:20px;
}
ol.fa_lang li{
	float: left;
	overflow: hidden;
	padding: 0px;	
}
/*------------------------------------------------------*/
#acMenu{
	overflow: hidden;
}
#acMenu ol.s_list{
	background: #4F5460;
	display: none;
	position: absolute;
	padding: 0px;
	margin-bottom: 5px;
	width: 200px;
	z-index: 1;
}
#acMenu ol.s_list li{
	border-top: 1px solid #636872;
	color: #fff;
	float: left;
	font-size: 13px;
	margin: 0px 5px;
	padding: 10px 5px 10px;
	width: 180px;
}
.toggle{
	
}
/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
	overflow:hidden;
	clear: right;
	display: block;
}
nav ul {
	margin:0;
/*	padding:0;
	float: right;*/
	padding-left: 42px;
	float: left;
}
#nvbottan{
	background: url(../images/btn_gnavi_on.png) no-repeat right top;
	height: 50px;
}
nav li {
	list-style:none;
	margin:0;
	padding:0;
	float: left;
}
nav li a {
	display:block;
	color:#fbfbfb;
	text-decoration:none;
}
/*nav li a:hover {
	color:#fbfbfb;
	border-left: 8px solid #139095;
	background:#18191b;
	transition:all 0.2s ease 0s;
}*/
.smallcate{
	background: url(../images/bg_snavi.png) repeat-x left top;
	margin:0;
	padding:0;
/*	width: 928px;*/
	float: right;
}
.smallcate li {
	list-style:none;
	margin:0;
	padding:0;
	float: left;
}
ul.falink li a:hover img,
.smallcate li a:hover img{
	opacity:0;
	filter:alpha(opacity:0);
}

/*================================================
 *  フッター
 ================================================*/
footer {
	background: #4F5460;
	box-sizing: border-box;
	clear:both;
	color: #FFF;
	margin:0 auto;
	width:100%;
}
footer a:hover img{
	opacity:0.6;
	filter:alpha(opacity:60);
}
.footlink{
	background: #DADBDC;
	padding:20px 0;
/*	padding:2px */
}
.footlink ol{
	margin:0 auto;
	overflow:hidden;
	width: 1200px;
	/*padding-left:200px;*/
}
.footlink li{
	float: left;
	width: 200px;
}
.footmenu {
	width:1200px;
	margin:0 auto;
	padding:34px 0 0;
	overflow:hidden;
}

.foot_left{
	float: left;
	padding: 0px 0px 20px 30px;
	overflow: hidden;
	width: 520px;
}
.foot_logo{
	
}
.foot_logo dt{
	float: left;
}
.foot_logo dd{
	font-size: 14px;
	height: 100px;
	margin: 5px 5px 20px 200px;
}
.foot_logo address{
	font-size: 12px;
	font-style:normal;
}
.footmenu {}

.foot_right{
	float: left;
	padding-bottom: 20px;
	width: 650px;
}
.foot_right ul {
	float:left;
	margin:0;
	padding:0 0 10px;
	width: 33%;
}
.foot_right ul li {
	background: url(../images/aroow_white.png) no-repeat left center;
	font-size:14px;
	list-style:none;
	margin:0 0 10px;
	position:relative;
	padding:0 15px;
}
.foot_right span a{
	color: #cecece;
	display: block;
	margin: 0px 0px 5px 25px;
	text-decoration:none;
}
.foot_right li a {
	color:#FFF;
	text-decoration:none;
}
.foot_right li a.newwin { 
	background: url(../images/ico_blank.png) no-repeat right 3px; 
	padding-right:25px;
}
.foot_right li a.newwin:hover { 
	background: url(../images/ico_blank_over.png) no-repeat right 3px; 
}
.foot_left p a { 
	color:#FFF;
	text-decoration:none;
	background:url("../images/aroow_white.png") no-repeat scroll left center;
  list-style: outside none none;
  padding: 0 20px 0 15px;
}
.footmenu a:hover {
	color:#2AB4CF;
}
.copyright {
	clear:both;
	padding:10px 20px 30px 0 ;
	font-size:11px;
	color:#fff; 
	text-align:right;
}

.f_linkbana{
	/*border-top: 1px dotted #CCC;*/
	clear: both;
	margin: 20px 0px;
	padding:0;
}
.f_linkbana ol{
	width: 492px;
	margin: 0px;
}
.f_linkbana ol li{
	float: left;
	width: 241px;
	margin-right:10px;
} 
.f_linkbana ol li:last-child {
	margin-right:0;
}
.f_linkbana ol li img{
	width: 100%;
}

.splink{
	text-align:center;
	font-size:12px;
	color:#fff;
	padding:5px 0 20px;
}

.splink a{
	background: url(../images/ico_arrow_fr.png) no-repeat left center;
	-webkit-background-size: 4px;
	-moz-background-size: 4px;
	-o-background-size: 4px;
	background-size: 4px;
	margin:5px 0 12px;
	padding:0 10px;
	color:#fff;
}

/*--ご出店者様専用　キューズモール掲示板へのリンク--*/

.foot_cont {
    clear: left;
    float: none;
}

.foot_cont p {
	background: url(../images/aroow_double.png) no-repeat left center;
	font-size:14px;
	list-style:none;
	margin:0 0 10px;
	position:relative;
	padding:0 18px;
}

.foot_cont a {
    color: #fff;
    text-decoration: none;
}

/*================================================
 *  ページトップへの戻り

.totop {
	background: url(../images/btn_gotop_b.png) no-repeat left top;
	bottom:15px;
	margin-right: 10px;
	position:fixed;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {

}
.totop img:hover {
	opacity:0;
	filter:alpha(opacity:0);
}
 ================================================*/
 
 /*================================================
 *  ページトップへの戻り
 ================================================*/
#page-top {
	background: url(../images/btn_gotop_b.png) no-repeat left top;
	bottom:15px;
	margin-right: 10px;
	position:fixed;
	right:15px;
}
#page-top a {
	display:block;
	text-decoration:none;
}
#page-top img {

}
#page-top img:hover {
	opacity:0;
	filter:alpha(opacity:0);
}

/*------------------------------------------------
	sub contents
------------------------------------------------*/
#sub {
	box-sizing: border-box;
	overflow:hidden;
	float:left;
	width: 25%;;
/*	width:300px;
	margin-bottom:-32768px;
	padding-bottom:32768px;*/
}
#sub ul,
#sub dl{
	width: 240px;
	overflow: hidden;
}
#sub .sub_title{
	border-bottom: 3px solid #4F5460;
	margin: 4px 0px 14px;
	padding-bottom: 10px;
}

#sub .sub_myp,
#sub  .sub_spe{
	background: #FFF;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 15px 30px;
}
#sub .sub_seach,
#sub .sub_park,
#sub .sub_info,
#sub .sub_topics{
	background: #FFF;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 10px 30px 25px;
}
#sub .sub_info a:hover img,
#sub .sub_topics a:hover img,
#sub .sub_spe a:hover img,
#sub .sub_mban a:hover img { 
	opacity:0.6;
	filter:alpha(opacity:60);
}
#sub .sub_mban{
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0px 0px 15px;
	text-align: center;
}
#sub .sub_mban ul{
	width:300px;
}
#sub .sub_mban ul li a img{
	max-width:300px;
}
#sub .sub_seach ul.fkz{
	background: url(../images/bg_fkz.png) no-repeat left top;
}
#sub .sub_seach ul.rfb{
	background: url(../images/bg_rfb.png) no-repeat left top;
}
#sub .sub_seach ul.serf{
	background: url(../images/bg_serf.png) no-repeat left top;
}
#sub .sub_seach ul.cp {
	background: url(../images/bg_cp.png) no-repeat left top; 
	margin-top:15px;
}
#sub .sub_seach ul.bnrList {
	margin-top: 5px;
}
#sub .sub_seach ul.bnrList li {
	margin-top: 5px;
}
#sub .sub_seach ul.bnrList a:hover img {
	filter:alpha(opacity=70);
	opacity: 0.7;
}
#sub .sub_myp ul{
	background: url(../images/bg_mypoint.png) no-repeat left top;
	width: 240px;
	overflow: hidden;
}
#sub .sub_myp ul li{
	float: left;
	margin-right: 5px;
}
#sub .sub_myp ul li:last-child,
#sub .sub_seach ul li:last-child{
	margin-right: 0px;
}

#sub div.sub_myp a img:hover,
#sub div.sub_seach a img:hover {
	opacity:0;
	filter:alpha(opacity:0);
}
#sub .sub_seach ul li{
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}
#sub .sub_park p{
	font-size: 14px;
}
#sub .sub_park ul{
	margin: 10px 0px;
}

#sub .sub_park ul li{
	border-left: 1px solid #ccc;
	float: left;
	width: 119px;
}
#sub .sub_park ul li:first-child{
	border-left: none;
}
#sub .sub_park dl{
	width: 119px;
}
#sub .sub_park dt{
	margin: 0px 2px 0;
	text-align: center;
}
#sub .sub_park dd{
	float: left;
	margin: 5px auto;
	text-align: center;
	width: 119px;
}
#sub .sub_park dd img{
	vertical-align: middle;
}
.ptext {
	border-top: 2px dotted #b3b3b3;
	font-size: 11px;
	display: block;
	padding: 10px 6px 0px 5px;
	/*margin: 0px 4px;*/
}
#sub .sub_info .sub_title a,
#sub .sub_topics .sub_title a{
	background: url(../images/arrow_black.png) no-repeat right 4px;
	display: block;
	overflow: hidden;
}
.ulinfo{
	font-size: 14px;
	width: 100%;
}
.ulinfo li{
	border-bottom: 2px dotted #b3b3b3;
}
.qsmall dt
{
	border-right: 1px solid #ccc;
	float: left;
	padding: 0px;
	margin: 10px 0px;
	width: 50%;
}
.qsmall dd{
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px;
	text-align: center;
}
.sub_info .ulink a { 
	text-decoration:underline;	
}
.sub_topics dl {
	clear: both;
	padding: 10px 0;
	border-bottom: 1px dotted #b3b3b3;
}
.sub_topics dl:last-child { 
	border-bottom:0px none none !important;
}
.sub_topics dt {
	background: url(../images/arrow_black.png) no-repeat left 4px;
	-webkit-background-size: 4px;
	-moz-background-size: 4px;
	-o-background-size: 4px;
	background-size: 4px;
	padding: 0px 8px 3px;
}
.sub_topics dt .topicnew{
	background: url(../images/ico_new.png) no-repeat left top;
	display: inline-block;
	height: 20px;
	margin-left: 10px;
	text-indent: -9999px;
	width: 50px;
}
.sub_topics dd{
	padding: 0px 0px 3px 8px;
}
#sub .sub_mban li{
	margin-bottom: 15px;
}

.cf{
	clear: both;
}
/* ========================================
	* 補足
======================================== */
.new{
	background: url(../images/img_new.png) no-repeat left 3px;
	-webkit-background-size: 50px;
	-moz-background-size: 50px;
	-o-background-size: 50px;
	background-size: 50px;
	top: 10px;
	left: 0px;
	width: 67px;
	height: 31px;
	display: block;
	position: absolute;
}
.bold{
	font-weight: bold;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.mlr5{
	margin:0 5px;
}
.f_right{
	float: right;
}
.mlr10{
	margin:0 10px;
}
.mlr20{
	margin:0 20px;
}
.mlr30{
	margin:0 30px;
}
.mlr40{
	margin:0 40px;
}
.mlr50{
	margin:0 50px;
}
.mr5{
	margin-right: 5px;
}
.ml15{
	margin-left: 15px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mtb5{
	margin:5px 0px;
}
.mtb10{
	margin:10px 0px;
}
.mtb15{
	margin:15px 0px;
}
.mtb20{
	margin:20px 0px;
}
.mr5{
	margin-right:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.m5{
	margin:5px;
}
.m10{
	margin:10px;
}

.p5{
	padding:5px;
}
.pt10{
	padding-top:10px;
}
.plr5{
	padding:0px 5px;
}