body {
	font: 95%/1.5 "メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
	background: #faf8e5 url('../image/bg_body.png')
}
#wrapper {
	position: relative;
	max-width: 930px;
	padding-left: 50px;
	padding-bottom: 10px;
	margin: 10px auto
}
#wrapper:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: auto;
	right: 15px;
	left: 95%;
	top: 10px;
	height: 50%;
	max-height: 350px;
	-webkit-box-shadow: 15px 0 10px #777;
	-moz-box-shadow: 15px 0 10px #777;
	box-shadow: 15px 0 10px #777;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg)
}
#paper {
	max-width: 890px;
	min-width: 760px;
	margin: 0 auto;
	padding: 0 20px;
	background: #fcfcfc;
	border: #ccc 1px solid;
	-webkit-box-shadow: 1px 1px 7px #777;
	-moz-box-shadow: 1px 1px 7px #777;
	box-shadow: 1px 1px 7px #777;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
#header, #content, #footer {
	width: 760px;
	margin: 0 auto
}
h1, h2, h3, h4 {
	line-height: 1.6
}
td {
	line-height: 1.5
}
a {
	color: blue;
	text-decoration: underline;
	outline: 0
}
a img {
	vertical-align: top;
	border: 0
}
a.active {
	cursor: default
}
a.toTop {
	float: right;
	width: 100px;
	height: 20px;
	background: url(../image/totop.gif) no-repeat
}
canvas {
	-ms-touch-action: double-tap-zoom
}
.inline {
	display: inline
}
.block {
	display: block
}
.hidden {
	display: none
}
.right {
	text-align: right
}
.opac {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6
}
.caption {
	width: 740px;
	background-color: rgba(51, 51, 51, 0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333,endColorstr=#b2333333)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333, endColorstr=#b2333333);
	color: #fff;
	_background-color: #333
}
.printImage {
	display: none
}
#header {
	position: relative;
	min-height: 140px;
	padding-top: 10px;
	border-bottom: #ddd 1px dotted
}
#header h1 {
	font-size: 180%;
	width: 660px
}
#header p.NoJS {
	color: red;
	font-size: 90%;
	padding-bottom: 5px
}
img.tel, img.logo {
	display: block;
	position: absolute
}
#header img.tel {
	right: 100px;
	top: 90px
}
#header img.logo {
	right: -20px;
	top: 15px
}
#navi {
	position: absolute;
	left: -13px;
	top: -8px;
	width: 63px;
	height: 610px
}
#navi a {
	height: 100px;
	width: 46px;
	left: 18px;
	top: 22px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	margin-top: -6px;
	position: relative;
	background: url("../image/navi.png") no-repeat left top
}
#navi li#tabHome a:hover {
	background-position: 0 0
}
#navi li#tabMenu a:hover {
	background-position: 0 -110px
}
#navi li#tabTori a:hover {
	background-position: 0 -220px
}
#navi li#tabMap a:hover {
	background-position: 0 -330px
}
#navi li#tabQa a:hover {
	background-position: 0 -440px
}
#navi li#tabYurai a:hover {
	background-position: 0 -550px
}
#navi li#tabHome a {
	background-position: center 0;
	z-index: 100
}
#navi li#tabMenu a {
	background-position: center -110px;
	z-index: 99
}
#navi li#tabTori a {
	background-position: center -220px;
	z-index: 98
}
#navi li#tabMap a {
	background-position: center -330px;
	z-index: 97
}
#navi li#tabQa a {
	background-position: center -440px;
	z-index: 96
}
#navi li#tabYurai a {
	background-position: center -550px;
	z-index: 95
}
#navi li#tabHome a.active {
	background-position: right 0 !important
}
#navi li#tabMenu a.active {
	background-position: right -110px !important;
	z-index: 100
}
#navi li#tabTori a.active {
	background-position: right -220px !important;
	z-index: 100
}
#navi li#tabMap a.active {
	background-position: right -330px !important;
	z-index: 100
}
#navi li#tabQa a.active {
	background-position: right -440px !important;
	z-index: 100
}
#navi li#tabYurai a.active {
	background-position: right -550px !important;
	z-index: 100
}
#footer {
	clear: both;
	margin-bottom: 5px;
	text-align: center;
	border-bottom: #f0decf 1px solid
}
#footer h3 {
	padding: 7px 0;
	background-color: #fbdec6;
	color: #333;
	border-bottom: #d7b08f 1px solid
}
#footer a {
	color: #666;
	text-decoration: none
}
#footer a:hover {
	color: #333;
	text-decoration: underline
}
#footer-menu {
	background-color: #fbf4ee;
	color: #666;
	font-size: 85%;
	height: 60px;
	padding-top: 10px
}
address {
	color: #333;
	padding-top: 10px
}
#sec1, #sec2 {
	padding-top: 15px;
}
#sec1>img {
	margin-top: 5px
}
#content {
	padding-bottom: 30px;
	border-top: #fff 1px dotted;
	min-height: 300px;
	height: auto !important;
	height: 300px
}
h2 {
	font-size: 120%;
	font-weight: bold;
	padding-left: 20px
}
.icon {
	background: url("../image/icon.png") no-repeat left top
}
#menu h2.icon, #tori h2.icon, #map h2.icon {
	background-position: 0 6px;
	color: #363
}
#modalData .modalPhoto, #menu .menu-image img, img.BSimage {
	border: #fff 5px solid;
	-webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#e3e3e3,strength=5)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#e3e3e3, strength=5);
	margin: 5px
}
#carouselWrap {
	position: relative;
	width: 760px;
	height: 380px
}
.arrow {
	position: absolute;
	background: url("../image/btn_arrow.png") no-repeat 0 0;
	top: 125px;
	width: 30px;
	height: 50px;
	cursor: pointer;
	*z-index: 100
}
#carouselPrev {
	left: -15px
}
#carouselNext {
	background-position: 0 -50px;
	right: -15px
}
#carouselPrev:hover {
	background-position: -30px 0
}
#carouselNext:hover {
	background-position: -30px -50px
}
#carousel {
	width: 100%;
	height: 100%;
	overflow: hidden;
	*position: relative
}
#carouselInner div.column {
	width: 760px;
	height: 380px;
	float: left
}
#index .caption {
	position: relative;
	min-height: 65px;
	padding: 5px 10px;
	text-shadow: 0 1px 0 #000
}
#index div.caption-inner {
	width: 100%;
	font-size: 91%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#000000,offx=0,offy=1)";
	filter: progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offx=0, offy=1)
}
#index #sec2 {
	padding-top: 20px
}
#new {
	float: left;
	width: 375px;
	margin-right: 5px
}
#topics {
	float: right;
	width: 375px;
	margin-left: 5px
}
#new ul, #topics ul {
	padding: 10px 12px 10px 30px;
	border: #063 1px solid;
	list-style: url("../image/b107.gif");
	color: #333;
	background-color: #fff
}
#new ul li, #topics ul li {
	padding-bottom: 8px
}
#index h2 {
	border-bottom: #063 4px solid;
	color: #363;
	position: relative;
	padding-left: 25px
}
#index #new .icon {
	background-position: 0 -190px
}
#index #topics .icon {
	background-position: 0 -322px
}
#index #ingredient {
	margin-bottom: 5px;
	border-bottom: #339 2px dotted;
	overflow: hidden
}
#index .modalPhoto {
	float: left;
	background-color: #fff;
	margin-right: 15px
}
#index .imgCap {
	font-size: 80%
}
#glayLayer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f010101,endColorstr=#8f010101)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f010101, endColorstr=#8f010101);
	cursor: wait;
	z-index: 200
}
#modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	color: #006;
	background-color: #58b;
	border: 4px solid #58b;
	padding-top: 20px;
	-webkit-box-shadow: 0 5px 30px #111;
	-moz-box-shadow: 0 5px 30px #111;
	box-shadow: 0 5px 30px #111;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 201
}
#modal a.modalCloseImg {
	background: url(../image/x.gif) no-repeat;
	width: 23px;
	height: 23px;
	display: inline;
	position: absolute;
	top: -2px;
	right: 0;
	cursor: pointer
}
#modalData {
	background: #fff url('../image/bg_wrapper.png');
	min-height: 340px;
	width: 580px;
	padding: 20px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}
#modalData h3 {
	color: darkgreen;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 8px
}
#modalData ol li {
	list-style-type: decimal;
	margin-left: 20px
}
#modalData p {
	padding-bottom: 8px;
	overflow: hidden;
	_zoom: 1
}
#modalData p.subtitle {
	padding: 0
}
#menu #sec2 .category {
	padding: 10px
}
#menu .tokusei {
	padding: 8% 12%;
	position: relative;
	margin-top: 15px;
	margin-bottom: 40px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: 0 0 15px rgba(100, 100, 100, 0.1) inset;
	-moz-box-shadow: 0 0 15px rgba(100, 100, 100, 0.1) inset;
	box-shadow: 0 0 15px rgba(100, 100, 100, 0.1) inset
}
#menu .tokusei-r {
	float: right
}
#menu .tokusei h2 {
	border: 0;
	padding-bottom: .3em;
	color: #444;
	text-align: center;
	font-size: 1.8rem;
}
#menu .tokusei h2 span { 
	display: block; /* spanごとに改行させる */
}
#menu .tokusei .tokusei-li{
	display: flex;
	justify-content: space-between;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
#menu .tokusei-img{
	width: 100%;
}
#menu .tokusei-text{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 20px;
}
#menu .tokusei-text span{
	display: block;
}
#menu .tokusei-takeout-wrap{
	text-align: center;
	margin-top: 50px;
}
#menu .tokusei-takeout-wrap .tokusei-takeout{
	color: #000;
	text-decoration: none;
	background-color: #fbdec6;
	font-size: 1.7rem;
	font-weight: 600;
	padding: 10px 30px;
}
#menu #menu-list {
	clear: both
}
#menu table {
	width: 345px;
	display: block;
	float: left
}
#menu tr {
	background-color: #fff
}
#menu tr.even {
	background-color: #eee
}
#menu td {
	width: 275px
}
#menu .menu-image {
	display: block;
	width: 360px;
	float: right;
	text-align: center
}
#menu .menu-image img {
	margin-top: 20px
}
#menu .menu-image img:first-child {
	margin-top: 0
}
.bikou {
	color: #063;
	font-size: 1.2rem;
	margin-bottom: 50px;
}
#map h2 {
	margin-top: 15px
}
#map #sec1 img+h2 {
	margin-top: 0
}
#map .icon {
	padding-left: 20px
}
#map .printer {
	background-position: 0 -262px
}
#map .find {
	background-position: 0 -130px
}
#map dt {
	clear: left;
	float: left;
	width: 4.2em
}
#map dd {
	margin-left: 4.2em
}
#tourism ul {
	list-style: url(../image/car.png) inside;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-moz-column-rule: 1px dotted #ccc;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-webkit-column-rule: 1px dotted #ccc;
	column-count: 2;
	column-gap: 20px;
	column-rule: 1px dotted #ccc
}
#event h3 {
	font-weight: bold
}
#event dl {
	margin-bottom: 3px
}
#event dt {
	width: 8em
}
#event dd {
	margin-left: 8em
}
#event dt:nth-of-type(odd), #event dd:nth-of-type(odd) {
	background: #eee
}
#tori #sec1 {
	padding: 15px 5px 5px;
	min-height: 280px;
	overflow: hidden;
	zoom: 1
}
#tori #sec1 img+img {
	border: #eee 1px solid;
	float: left
}
#tori #sec1 p {
	padding: 5px 0 0 15px;
	overflow: hidden;
	zoom: 1
}
#tori #sec2 .wrap {
	overflow: hidden;
	clear: both
}
#tori #sec2 .bui {
	width: 375px;
	padding-right: 5px;
	padding-bottom: 100px;
	margin-bottom: -100px;
	float: left
}
#tori h2 {
	border-bottom: #063 4px solid;
	margin-bottom: 5px
}
#tori #sec2 ul {
	padding-bottom: 30px;
	list-style: disc inside;
	margin-left: 5px
}
#tori #sec2 p.bui-menu, #tori #sec2 ul {
	color: #633
}
#toku ol {
	list-style: upper-alpha;
	padding-left: 35px;
	line-height: 1.4;
	width: 725px;
	position: relative
}
#toku ol li {
	padding: 10px 20px 10px 0
}
#toku ol.q {
	margin-top: 15px;
	border-bottom: #f2d6d6 1px solid;
	text-shadow: 0 1px 0 #fff;
	background-color: #fee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fee), color-stop(100%, #ffd8d8));
	background: -webkit-linear-gradient(top, #fee 0, #ffd8d8 100%);
	background: -moz-linear-gradient(top, #fee 0, #ffd8d8 100%);
	background: -o-linear-gradient(top, #fee 0, #ffd8d8 100%);
	background: -ms-linear-gradient(top, #fee 0, #ffd8d8 100%);
	background: linear-gradient(to bottom, #fee 0, #ffd8d8 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeeee', endColorstr='#ffd8d8',GradientType=0 )";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeee', endColorstr='#ffd8d8', GradientType=0);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
#toku ol.q:hover {
	background-color: #fcc;
	border-bottom: #faa 1px solid;
	cursor: pointer;
	background-image: none;
	-ms-filter: none;
	filter: none
}
#toku ol.a {
	border-top: #fff 1px solid;
	border-bottom: #bfecc0 1px solid;
	color: #333;
	background-color: #e9fcee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9fcee), color-stop(100%, #bfffcf));
	background: -webkit-linear-gradient(top, #e9fcee 0, #bfffcf 100%);
	background: -moz-linear-gradient(top, #e9fcee 0, #bfffcf 100%);
	background: -o-linear-gradient(top, #e9fcee 0, #bfffcf 100%);
	background: -ms-linear-gradient(top, #e9fcee 0, #bfffcf 100%);
	background: linear-gradient(to bottom, #e9fcee 0, #bfffcf 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9fcee', endColorstr='#bfffcf',GradientType=0 )";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9fcee', endColorstr='#bfffcf', GradientType=0);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}
#toku div.source {
	font-size: 80%;
	text-align: right;
	padding-bottom: 5px
}
#toku #sec1 img {
	padding-right: 2px
}
#yurai .photoRight {
	background-color: #ebebeb;
	float: right;
	width: 300px;
	margin-bottom: 5px;
	margin-left: 10px
}
#yurai .photoCaption {
	padding: 4px;
	font-size: 90%
}
#yurai #sec2 p {
	padding-bottom: 8px;
	text-indent: 1em
}
#yurai .border {
	height: 8px;
	width: 440px;
	border-top: 4px #e0e0e0 dotted
}
.caption:not(:target), #glayLayer:not(:target), #modalData .modalPhoto:not(:target), #menu .menu-image img:not(:target), img.BSimage:not(:target) {
	-ms-filter: none\9;
	filter: none\9
}
@media print {
	body {
		width: 760px;
		font-size: 12pt;
		background: 0;
		padding: 0;
		line-height: 1.35
	}
	#navi, #wrapper:after, .noPrint {
		display: none
	}
	#navi {
		left: -9999px
	}
	#wrapper, #paper {
		padding: 0;
		margin: 0;
		width: 100%
	}
	#paper {
		background: 0;
		border: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-ms-filter: none;
		filter: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	#header img.tel {
		left: 500px
	}
	#header img.logo {
		left: 653px
	}
	#map #sec1 h2 {
		margin-top: 10px;
		font-size: 12pt
	}
	#content img {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-ms-filter: none;
		filter: none;
		margin: 0
	}
	.printImage {
		display: inline
	}
	#footer h3, #footer-menu, #index .caption {
		background-color: transparent
	}
	#footer {
		margin: 0
	}
	#index .caption {
		color: #000;
		text-shadow: none
	}
	#index div.caption-inner {
		-ms-filter: none;
		filter: none
	}
}