@charset "utf-8";
/* CSS Document - default.css - リセット／基本スタイル */
/* reset */
*{margin: 0;padding: 0;}
a { text-decoration : none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul, ol { list-style : none;}
/* //reset end */
html{
}
body{
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height:1.5;
	color:#333333;
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
img{
	vertical-align:bottom;
	border:none;
}
img a{
	border:none;
}
.mt10{margin-top:10px;}
.clearfix:after {
	content: ".";
	display: block;
	visibility:hidden;
	clear: both;
	height: 0.1px;
	line-height:0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
.image_hide{display:none;}
.hide{display:none;}

/* header */
#header{
	background:#fff;
}
#header_second{
	margin:0x auto;
	padding:5px;
	overflow:hidden;
	background:#fff;
	clear:both;
}
#hgroup_wrap{
	background:#efefef;
	overflow:hidden;
	font-size:100%;
}
#header #hgroup{
	width:960px;
	margin:0 auto;
}
#hgroup h1{
	font-size:77%;
	font-weight:normal;
	float:left;
	width:500px;
}
#hgroup a{
	float:left;
	display:block;
	font-size:77%;
	margin-right:10px;
	padding:0 5px;
	color:#3d3739;
	text-decoration: none;
}
#hgroup a:hover{
	background:#ccc;
}
#ktarea{
	width:960px;
	margin:0 auto;
}
#ktarea .search{
	float:right;
	width:400px;
}

/* さいとない */
.floatright{
	width:400px;
	float:right;
	font-size:90%;
}
#sitesearch{
/*	width:180px;
*/	float:right;
	text-align:right;

}
#sitesearch input{
	font-size:90%;
}
#sitesearch #submit{
	margin:0 5px;
	padding:2px 4px;
	background:#39c;
	background: -webkit-gradient(linear, left top, left bottom, from(#69C), to(#39c));	
	border: 1px #036 solid;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
}
#sitesearch #submit:hover{
	background:#069;
}


/*　検索窓 */
#search{
	width:520px;
	border:1px solid #CCC;
	float:left;
	margin-top:10px;
	overflow:hidden;
}
input#submit {
	border-style:none;
	margin:10px 0 10px 5px;
	padding:0;
	vertical-align:middle;
}
input#Search {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #7F9DB9;
	margin:0;
	padding:1px 0;
	vertical-align:middle;
	width:100px;
}
.searchtitle{
	background:#ccc;
	width:80px;
	float:left;
	padding:10px;
	font-weight:bold;
}
.jp_search{
	width:400px;
	float:left;
	line-height:30px;
	text-align:right;
	color:#333;
	padding:2px 5px 0 0;
}
.jp_search img{
	margin:0 5px 0 0;
	padding:0;
	vertical-align : middle;
}
.jp_search select, .jp_search input {
	font-size:12px;
	vertical-align : middle;
	padding:1px;
}
.jp_txt{
	vertical-align : middle;
	padding-top:4px;
}
.jp_search button{
	margin:0;
	padding:0 15px;
	color:#FFFFFF;
	background-color:#333333;
	font-size:14px;
	overflow: visible;
}
a.reservation{
	display:block;
	margin:5px;
	padding:9px;
	text-align:center;
	background:#c00;
	background: -moz-linear-gradient(top,#FE2E2E 0%,#B40404);
	background: -webkit-gradient(linear, left top, left bottom, from(#FE2E2E), to(#B40404));
	box-shadow: 0px 0px 3px #999;
	-moz-box-shadow: 0px 0px 3px #999; /* Firefox */
	-webkit-box-shadow: 0px 0px 3px #999;  /* Chrome, Safari */	
	border:2px solid #fff;
	color:#fff;	
	font-weight:bold;
}
a.reservation.hover,
a.reservation:hover{
	background:#900;
	box-shadow:none;
}


/* nav */
#nav{
	/*background:#bcab9b;*/
    background: #111;
    background: -moz-linear-gradient(top, #111, #444); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
	clear:left;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
}
#nav_ktspecial{
	overflow:hidden;
	width:960px;
	margin:5px auto 0 auto;
	font-size:77%;
	clear:both;
	background:#fff;
}
#nav_ktspecial li{
	float:left;
	margin-right:1px;
	background:#efefef;
	background: -moz-linear-gradient(top,#fff 0%,#CCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	border: 1px solid #999;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
}
#nav_ktspecial li:first-child{
	background:#efefef;
	border: 1px solid #999;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	margin-right:2px;
}
#nav_ktspecial li a{
	display:block;
	color:#333;
	padding:2px 10px;
	text-decoration: none;
}
#nav_ktspecial li a.hover,
#nav_ktspecial li a:hover{
	background:#46aadc;
}
/*‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥*/
#menu {
  list-style-type: none;
  width: 960px;
  height: 40px;
  margin:0 auto;
  padding: 0;
}
#menu li {
  position: relative;
  width: 155px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-left:1px solid #666;
  z-index:2000;
}
#menu li:last-child{
	border-right:1px solid #666;
}
#menu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  border-radius: 0 0 3px 3px;
}
#menu li:last-child ul {
  left: -100%;
  width: 100%
}
#menu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #7e0000;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#menu li:hover > a{
  background: #a00000;
  color: #fff5f5;
}
#menu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#menu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #666;
  border-left:0;
  border-right:0;
}
#menu li:hover ul li:first-child{
  border-top: 0;
}
#menu li:hover ul li:last-child{
  border-bottom: 0;
}
#menu li:hover ul li:last-child a{
}
/*‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥*/


/* contents */
#contents{
	width:960px;
	margin:0 auto;
}
.content{
	width:960px;
	margin:0 auto;
}
#snsarea{
	overflow:hidden;
	width:960px;
	margin:-25px auto 0 auto;
}
#twibtn{
	font-size:10px;
	float:right;
	width:70px;
	margin-right:10px;
}
#fbshare{
	float:left;
	width:60px;
}
#fb-root{float:left;width:10px;}
#fbshare p{	display:inline-block;}

/* footer */
#footer{
	background:#efefef;
	color:#666;
}
#footer a{
	color:#06C;
	text-decoration: none;
}
#footer_contents{
	width:960px;
	margin:0 auto;
	padding:10px 0;
	overflow:hidden;
}
#footer p{
	font-size:77%;
}
#footer dl.eventinfo{
	font-size:85%;
	line-height:16px;
	float:left;
	width:145px;
	margin:5px;
}
#footer dl.eventinfo dt{
	margin-top:5px;
}
#footer dl.eventinfo a{
	display:block;
}
#footer dl.eventinfo dd a:hover,
#footer dl.eventinfo dd a.hover{
	background:#ace;
}
#sidebar{
	position:fixed;
	right:0;
	bottom:0;
	z-index:100;
}
#sidebar ul{
	width:70px;
	height:280px;
	background:url(/img/share/snsback.png);
	display:block;
	padding-top:15px;
}
#sidebar ul li{
	width:43px;
	height:43px;
	margin-left:20px;
	margin-top:5px;
}
#sidebar ul li a{
	display:block;
	width:100%;
	height:100%;
	background:url(/img/share/snsback.png);
	background-repeat:no-repeat;
	text-decoration:none;
}
#sidebar ul li a:hover{	background:url(/img/share/snsback.png);}

#sidebar ul li.pagetop a{background-position:right -20px;}
#sidebar ul li.pagetop a:hover{background-position:-95px -20px;}
#sidebar ul li.twitter a{background-position:right -70px;}
#sidebar ul li.twitter a:hover{background-position:-95px -70px;}
#sidebar ul li.facebook a{background-position:right -120px;}
#sidebar ul li.facebook a:hover{background-position:-95px -120px;}
#sidebar ul li.rss a{background-position:right -170px;}
#sidebar ul li.rss a:hover{background-position:-95px -170px;}
#sidebar ul li.like a{background-position:right -220px;}
#sidebar ul li.like a:hover{background-position:-95px -220px;}



#sidebar a span{display:none;}

.section{
	clear:both;
	overflow:hidden;
}


/* 汎用クラス */
.clear{clear:both;}
a.linkbox{
	display:block;
	margin:5px 5px 5px 0;
	padding:5px 10px;
	text-align:center;
	background:#C00;
	color:#fff;
}
.title{
	border-left:15px solid #333;
	border-bottom:3px solid #333;
	font-size:116%;
	padding-left:10px;
	width:930px;
	margin:0 auto;
}
.subtitle{
	padding:5px 10px;
	font-size:100%;
	background:#CCC;
	margin-top:10px;
	margin-bottom:5px;
}
#topicpath{
	font-size:77%;
	margin:0 auto;
	width:960px;
}
#topicpath span{
font-weight: bold;
color: #FF0000;
}
.sp-on{display:none;}
.sp-off{display:block;}
#bookmark{
	float:right;
	width:120px;
}
#bookmark a{
	display:block;
	background:#ffaa2f;
	background: -moz-linear-gradient(top,#ffbc5d 0%,#ff9700);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbc5d), to(#ff9700));
	border:1px solid #ffbc5d;
	color:#fff;
	font-size:60%;
	text-align:center;
	margin:1px;
}
#bookmark a.hover{background:#ff9700;}
p.soon{background:#CCC;font-weight:bold;text-align:center;font-size:larger;margin:10px 0;padding:10px;}

/*--------------------------------------------------
	tags - remarketing
--------------------------------------------------*/
.remarketing img{
	display:none;
	width:1px;
	height:1px;
}
