@charset "UTF-8";
/*
-----------------------------------------------
	Base Style
	Version: 21 MAR 2013
----------------------------------------------- */
html { /* background: #ffffff; */}
body {
	background: #ffffff url(../img/common/bg_base.png) repeat-x 0 0;
	color		: #555;
	font-size	: small;
	font-family	: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height	: 1.4;
}
/* IE6 base font */
* html body {
	font-family	: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link		{ color: #0c4319; text-decoration: underline; border:none;}
a:visited	{ color: #0c4319; text-decoration: underline;}
a:hover		{ color: #0c4319; text-decoration: none;}
a:active	{ color: #0c4319; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}

br { letter-spacing: 0; }

/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container		{}
.container-inner	{}
.container-inner-inner	{}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width		: 960px;
	height		: 90px;
	margin		: 0 auto;
	position	: relative;
	overflow	: hidden;
}

/* Logo */
.logo {
	width		: 480px;
	height		: 90px;
	padding		: 10px 15px;
	color		: #252021;
	font-size	: 26px;
	line-height	: 1.0;
	text-decoration	: none;
	display		: block;
	position	: absolute;
	left		: 0;
	top		: 15px;
	overflow	: hidden;
}
a.logo:link,
a.logo:hover,
a.logo:visited,
a.logo:active { color: #333; text-decoration: none;}


/* header_snav */
.snav { position: absolute; right: 0; top: 5px; overflow: hidden; zoom: 1;}
.snav:after{ content:""; clear: both; display: block;}
	
/* Language nav */
.snav ul.lnav		{ float: left; font-size: 85%; line-height: 1.32; }	
.snav ul.lnav li	{ float: left; background: url(../img/common/arrow.gif) no-repeat left center; padding: 0 8px 0 10px;}
.snav ul.lnav li a	{ color: #59493f;}

.snav .langnav		{ float: left; font-size: 85%; line-height: 1.32; margin-top:5px;}	
.snav .langnav div	{ float: left; background: url(../img/common/arrow.gif) no-repeat left center; padding: 0 8px 0 10px;}
.snav .langnav div a	{ color: #59493f;}

/* cnav */
.snav ul.cnav		{ float: right;}
.snav ul.cnav li	{ padding-left: 8px; float: left;}
/*.snav ul.cnav li.cnav03 a { overflow: hidden; height:0; display: block; background:url(../img/common/cnav_contact.png) no-repeat 0 0; padding-top: 25px; width: 120px;}*/


/* header_tel */
.header_tel {
	width		: 300px;
	padding-top	: 20px;
	color		: #1b1b1b;
	font-size	: 24px;
	text-align	: center;
	font-family	: "Times New Roman", Times, serif;
	background	: url(../img/common/shd_header_tel.png) no-repeat 0 0;
	position	: absolute;
	right		: 0;
	bottom		: 0;
	overflow	: hidden;
	zoom		: 1;
}

/* Font resize */
#fontresize {
	margin		: 0 auto 10px;
	padding		: 10px 0;
	background	: #fefdfa;
	border		: 3px double #074114;
	overflow	: hidden;
}
#fontresize-hd {
	width		: 120px;
	height		: 0;
	padding		: 20px 0 0 0;
	background	: url(../img/common/fontresize_hd.gif) no-repeat 0 0;
	float		: left;
	overflow	: hidden;
}
#fontresize ol {
	width		: 90px;
	float		: left;
	overflow	: hidden;
}
#fontresize ol li { padding-left: 5px; float: left;}
#fontresize ol li span {
	width		: 20px;
	height		: 0;
	padding-top	: 20px;
	display		: block;
	overflow	: hidden;
	cursor		: pointer;
}
#fontresize-small	{ background-image: url(../img/common/fontresize_btn_small.gif);}
#fontresize-medium	{ background-image: url(../img/common/fontresize_btn_medium.gif);}
#fontresize-large	{ background-image: url(../img/common/fontresize_btn_large.gif);}
#fontresize-small.fontresize-selected	{ background-position: 0 20px;}
#fontresize-medium.fontresize-selected	{ background-position: 0 20px;}
#fontresize-large.fontresize-selected	{ background-position: 0 20px;}
.active span	{ background-position: 0 20px;}


/*
-----------------------------------------------
	Nav
----------------------------------------------- */
.nav {
	width		: 100%;
	height		: 75px;
	margin		: 3px 0 0;
	padding		: 0;
	overflow	: hidden;
}
.nav .nav-inner {
	width		: 100%;
	margin		: 0 auto;
	background: url(../img/common/nav_bg.png) repeat-x 0 0;
}
.nav ul {
	width		: 960px;
	height		: 75px;
	margin		: 0 auto;
	padding		: 0;
	font-size	: 93%;
	line-height	: 55px;
}
.nav ul li {
	height		: 75px;
	margin		: 0;
	padding		: 0;
	float		: left;
}
.nav ul li a {
	height		: 68px;
	margin-top	: 1px;
	color		: #333;
	text-align	: center;
	text-decoration	: none;
	display		: block;
	overflow	: hidden;
	line-height:70px;
}

/* Nav default */
.nav ul li.nav2 a { width: 480px;}
.nav ul li.nav3 a { width: 320px;}
.nav ul li.nav4 a { width: 240px;}
.nav ul li.nav5 a { width: 192px;}
.nav ul li.nav6 a { width: 160px;}
.nav ul li.nav7 a { width: 137px;}
.nav ul li.nav8 a { width: 120px;}

/* Nav hover */
.nav ul li.nav2 a:hover,
.nav ul li.nav3 a:hover,
.nav ul li.nav4 a:hover,
.nav ul li.nav5 a:hover,
.nav ul li.nav6 a:hover,
.nav ul li.nav7 a:hover,
.nav ul li.nav8 a:hover {
	background	: #e6e7e1 /*{dyn-bar-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{dyn-bar-background-start}*/), to( #e6e7e1 /*{dyn-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffffff /*{dyn-bar-background-start}*/, #e6e7e1 /*{dyn-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#ffffff /*{dyn-bar-background-start}*/, #e6e7e1 /*{dyn-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#ffffff /*{dyn-bar-background-start}*/, #e6e7e1 /*{dyn-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#ffffff /*{dyn-bar-background-start}*/, #e6e7e1 /*{dyn-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#ffffff /*{dyn-bar-background-start}*/, #e6e7e1 /*{dyn-bar-background-end}*/);
}

/* Nav active */
.nav ul li.nav2 a.selected,
.nav ul li.nav3 a.selected,
.nav ul li.nav4 a.selected,
.nav ul li.nav5 a.selected,
.nav ul li.nav6 a.selected,
.nav ul li.nav7 a.selected,
.nav ul li.nav8 a.selected {
	color: #0c7e28;
	background	: #e6e7e1 /*{dyn-bar-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e7e1 /*{dyn-bar-background-start}*/), to( #ffffff /*{dyn-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#e6e7e1 /*{dyn-bar-background-start}*/, #ffffff /*{dyn-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#e6e7e1 /*{dyn-bar-background-start}*/, #ffffff /*{dyn-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#e6e7e1 /*{dyn-bar-background-start}*/, #ffffff /*{dyn-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#e6e7e1 /*{dyn-bar-background-start}*/, #ffffff /*{dyn-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#e6e7e1 /*{dyn-bar-background-start}*/, #ffffff /*{dyn-bar-background-end}*/);
}


.nav ul#mode li.nav4 a {
	height		: 0px;
	margin-top	: 0px;
	padding		: 75px 0 0 0;
	line-height	: 75px;
	background	: url(../img/common/nav_base.png) no-repeat 0 0;
}

/* Nav default */
.nav ul#mode li.nav4:nth-child(1) a { background-position:    0px 0px;}
.nav ul#mode li.nav4:nth-child(2) a { background-position: -240px 0px;}
.nav ul#mode li.nav4:nth-child(3) a { background-position: -480px 0px;}
.nav ul#mode li.nav4:nth-child(4) a { background-position: -720px 0px;}

/* Nav hover */
.nav ul#mode li.nav4:nth-child(1) a:hover { background-position:    0px -75px;}
.nav ul#mode li.nav4:nth-child(2) a:hover { background-position: -240px -75px;}
.nav ul#mode li.nav4:nth-child(3) a:hover { background-position: -480px -75px;}
.nav ul#mode li.nav4:nth-child(4) a:hover { background-position: -720px -75px;}

/* Nav active */
#page-home	.nav ul#mode li.nav4:nth-child(1) a { background-position:    0px -150px; cursor: default;}
#page-menu	.nav ul#mode li.nav4:nth-child(2) a { background-position: -240px -150px; cursor: default;}
#page-access	.nav ul#mode li.nav4:nth-child(3) a { background-position: -480px -150px; cursor: default;}
#page-gallery	.nav ul#mode li.nav4:nth-child(4) a { background-position: -720px -150px; cursor: default;}

.nav ul#mode li.nav4:nth-child(2) a.selected { background-position: -240px -150px; cursor: default;}


/*
--------------------------------------------------
	Main Image
-------------------------------------------------- */
.main-photo	  { width: 100%; height: 320px; margin: 0 auto; text-align: center; overflow: hidden;}
.main-photo img	  { width: 960px; margin: 0 auto;}
.main-photo .show { width: 960px; height: 320px; margin: 0 auto; overflow: hidden;}

/*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
.breadcrumbs	   { width: 100%; margin: 0 auto 10px; overflow: hidden;}
.breadcrumbs ul	   { color: #555555; font-size: 93%; line-height: 1.32;}
.breadcrumbs ul li { display: inline;}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
.content	{ width: 100%; margin: 0 auto; padding: 10px 0 0; zoom: 1; background: #fff;}
.content:after	{ content:""; clear: both; display: block;}
.content-inner	{ width: 960px; margin: 0 auto;}

.content h2 {
	margin-bottom	:10px;
}
/* メニューページ以外 */
.content h2.hd{
	height		: 40px;
	padding		: 0 0 0 25px;
	background	: url(../img/common/hd_page.png) no-repeat 0 0;
	color		: #141414;
	font-size	: 20px;
	font-weight	: normal;
	line-height	: 40px;
}

/* Contents 3cols left-left/right */
.c-smx          {}
.c-smx .subcol  { width: 220px; float: left;  overflow: hidden;}
.c-smx .wrapper { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-smx .maincol { width: 480px; float: left;  overflow: hidden; display: inline;}
.c-smx .xcol    { width: 220px; float: right; overflow: hidden; margin-left: 20px; display: inline;}

/* Contents 3cols right-left/right */
.c-xms          {}
.c-xms .subcol  { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-xms .wrapper { width: 720px; float: left;  overflow: hidden; margin-right: 20px}
.c-xms .maincol { width: 480px; float: right; overflow: hidden; margin-left: 20px;}
.c-xms .xcol    { width: 220px; float: left;  overflow: hidden; display: inline;}

/* Contents 3cols left-left */
.c-sxm          {}
.c-sxm .subcol  { width: 220px; float: left;  overflow: hidden;}
.c-sxm .wrapper { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-sxm .maincol { width: 480px; float: right; overflow: hidden; margin-left: 20px;}
.c-sxm .xcol    { width: 220px; float: left;  overflow: hidden; display: inline;}

/* Contents 3cols right-right */
.c-mxs          {}
.c-mxs .subcol  { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-mxs .wrapper { width: 720px; float: left;  overflow: hidden; margin-right: 20px;}
.c-mxs .maincol { width: 480px; float: left;  overflow: hidden; margin-right: 20px;}
.c-mxs .xcol    { width: 220px; float: right; overflow: hidden; display: inline;}

/* Contents 2cols left */
.c-sm           {}
.c-sm .wrapper  { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-sm .subcol   { width: 220px; float: left;  overflow: hidden; margin-left:  0;}
.c-sm .maincol  { width: 720px;  overflow: hidden;}
.c-sm .xcol     { display: none; overflow: hidden;} 

/* Contents 2cols right */
.c-ms           {}
.c-ms .wrapper  { width: 720px; float: left;  overflow: hidden; margin-right: 20px;}
.c-ms .subcol   { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-ms .maincol  { width: 720px; float: left;  overflow: hidden;}
.c-ms .xcol     { display: none; overflow: hidden;}

/* Contents 1col */
.c-m            {}
.c-m .subcol    { display: none;}
.c-m .wrapper   { width: 960px;  overflow: hidden; margin: 0 auto;}
.c-m .maincol   { width: 960px;  overflow: hidden; margin: 0 auto;}
.c-m .xcol      { display: none; overflow: hidden;}


.column		 { width:; margin: 0; padding: 0 0 10px; clear: both;}
.column-inner	 { margin: 0; padding: 5px 0 10px; zoom: 1; border-bottom: 1px dotted #666666;}
.column-inner:after { content:""; display: block; clear: both;}
.column-inner h3 { margin-bottom: 5px; color: #1b1b1b; font-size: 107%; font-weight: bold; line-height: 1.572;}
.column-inner h3 .new { color: #f34c35; font-size: 85%;}
.column-inner p  { margin: 0; padding: 0; line-height: 1.4;}
.column-inner span { margin: 0; padding: 0; line-height: 1.4;}

/* table */
.maincol table { margin: 10px 0; background: #fff; font-size: 93%; line-height: 1.42; border: solid #999999; border-width: 1px 0 0 1px; border-collapse	: separate; border-spacing	: 0;}
.maincol table th,
.maincol table td { padding: 8px; border: solid #999999; border-width: 0 1px 1px 0;}
.maincol table th { background: #dbdbdb;}

#top_freearea table { margin: 10px 0; background: #fff; font-size: 93%; line-height: 1.42; border: solid #999999; border-width: 1px 0 0 1px; border-collapse: separate; border-spacing: 0;}
#top_freearea table th,
#top_freearea table td { padding: 8px; border: solid #999999; border-width: 0 1px 1px 0;}
#top_freearea table th { background: #dbdbdb;}

/* Photos */
.photos		{}
.photos-left	{ margin-right: 15px; float: left;}
.photos-right	{ margin-left: 15px; float: right;}
.photos-center	{ width: 100%; text-align: center;}

.photos-conformity	  { margin: 0 auto;}
.photos-conformity-left	  { margin: 0;}
.photos-conformity-right  { margin: 0;}
.photos-conformity-center { margin: 0 auto;}

.photos-conformity div,
.photos-conformity-left div,
.photos-conformity-right div,
.photos-conformity-center div { margin: 0 1px 0 0; padding: 0; float: left;}

.photos-conformity div:last-child,
.photos-conformity-left div:last-child,
.photos-conformity-right div:last-child,
.photos-conformity-center div:last-child { margin: 0;}

.photos img,
.photos-left img,
.photos-right img,
.photos-center img,
.photos-conformity img,
.photos-conformity-left img,
.photos-conformity-right img,
.photos-conformity-center img { vertical-align: top; padding: 2px;}

#page-gallery .photos-conformity ul li,
#page-gallery .photos-conformity-left ul li,
#page-gallery .photos-conformity-right ul li,
#page-gallery .photos-conformity-center ul li { margin: 5px 0; padding: 3px; border: 2px solid #aaaaaa; background: #FFF; text-align: center; vertical-align: top; display: inline-block; position: relative;}

#page-gallery .photos img,
#page-gallery .photos-left img,
#page-gallery .photos-right img,
#page-gallery .photos-center img,
#page-gallery .photos-conformity img,
#page-gallery .photos-conformity-left img,
#page-gallery .photos-conformity-right img,
#page-gallery .photos-conformity-center img { margin: 0; padding: 0; text-align: center; vertical-align: middle;}

#page-gallery .photos ul li a,
#page-gallery .photos-left ul li a,
#page-gallery .photos-right ul li a,
#page-gallery .photos-center ul li a,
#page-gallery .photos-conformity ul li a,
#page-gallery .photos-conformity-left ul li a,
#page-gallery .photos-conformity-right ul li a,
#page-gallery .photos-conformity-center ul li a { display: block;}

#page-gallery .photos ul li span.zoom,
#page-gallery .photos-left ul li span.zoom,
#page-gallery .photos-right ul li span.zoom,
#page-gallery .photos-center ul li span.zoom,
#page-gallery .photos-conformity ul li span.zoom,
#page-gallery .photos-conformity-left ul li span.zoom,
#page-gallery .photos-conformity-right ul li span.zoom,
#page-gallery .photos-conformity-center ul li span.zoom { position: absolute; display: block; width: 30px; height: 30px; bottom: 5px; right: 5px; z-index: 1; background:url(../img/common/zoom.png) no-repeat 0 0; text-indent: -9999px;}

#page-gallery .photos ul li a:hover,
#page-gallery .photos-left ul li a:hover,
#page-gallery .photos-right ul li a:hover,
#page-gallery .photos-center ul li a:hover,
#page-gallery .photos-conformity ul li a:hover,
#page-gallery .photos-conformity-left ul li a:hover,
#page-gallery .photos-conformity-right ul li a:hover,
#page-gallery .photos-conformity-center ul li a:hover { background-color: #FFF; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65;}

.photos .caps,
.photos-left .caps,
.photos-right .caps,
.photos-center .caps,
.photos-conformity .caps,
.photos-conformity-left .caps,
.photos-conformity-right .caps,
.photos-conformity-center .caps { font-size: 77%; line-height: 1.32; margin-top: 10px; padding-top: 2px; display: block; word-wrap: break-word;}

/* List */
.column-inner ul { margin: 0 0 0 2em; padding: 0;}
.column-inner ol { margin: 0 0 0 2em; padding: 0;}

#page-gallery .column-inner ul { margin: 0; padding: 0;}
#page-gallery .column-inner ol { margin: 0; padding: 0;}

.column-inner ul li { margin: 0; padding: 0; list-style: disc;}
.column-inner ol li { margin: 0; padding: 0; list-style: decimal;}

/* Detail */
.plandetail	  { overflow: hidden;}
.plandetail-left  { overflow: hidden;}
.plandetail-right { overflow: hidden;}
.plandetail-center{ overflow: hidden; clear: both;}

.plandetail-conformity	     { overflow: hidden; clear: both;}
.plandetail-conformity-left  { overflow: hidden; clear: both;}
.plandetail-conformity-right { overflow: hidden; clear: both;}
.plandetail-conformity-center{ overflow: hidden; clear: both; padding-top: 10px;}

/* Arrow */
a.arrow		 { padding-left: 16px; background: url(../img/common/arrow.gif) no-repeat 0 1px;}
a.arrow-external { padding-left: 16px; background: url(../img/common/arrow_external.gif) no-repeat 0 1px;}

/* Move */
.move			{ width: 100%; margin: 15px auto 10px; clear: both;}
.move ul		{ font-size: 85%; line-height: 1.32; text-align: right;}
.move ul li		{ width: 120px; display: inline;}
.move ul li a		{ height: 0; padding-top: 20px; background: url(../img/common/scroll.png) no-repeat 100% 0; display: block; overflow: hidden;}
.move ul li a:hover	{ background-position: 100% -20px;}


/* Box end */
.clear { clear: both; overflow: hidden;}


/*
--------------------------------------------------
	Side Menu
-------------------------------------------------- */
#submenu			 { width: 100%; margin: 0 auto 15px; padding: 0;}
#submenu ul li.submenu-title { padding: 5px; background: #005E15; color: #eee; font-size: 110%; font-weight: bold; text-align: center;}

#submenu ul { width: 100%;}
#submenu ul li { margin: 0; padding: 0; border: 1px solid #005E15; border-bottom: none; background: #FEFDFA; color: #555;}
#submenu ul li:nth-child(2){ border-top: 1px solid #005E15;}
#submenu ul li:last-child { border-bottom: 1px solid #005E15;}
#submenu ul li a  { margin: 0; padding: 5px 5px 5px 15px; text-decoration: none; color: #555; display: block; }
#submenu ul li a:hover  { text-decoration:underline;}

#submenu ul li ul.sub { width: 100%;}
#submenu ul li ul.sub li { margin: 0; padding: 0; border: none; background: #FEFDFA; color: #555;}
#submenu ul li ul.sub li a { margin: 0; padding: 5px 5px 5px 30px; text-decoration: none; color: #555; display: block; background:url(../img/common/arrow.gif) no-repeat 18px 10px;}
#submenu ul li ul.sub li a:hover { text-decoration:underline;}


/*
--------------------------------------------------
	Home
-------------------------------------------------- */
/* バナー欄エリア */
#top_freearea { margin: 0 0 20px;}

/* こだわりポイント */
#point { margin: 0 0 15px; border-bottom: 1px solid #005d15;}
#point h2 { height: 0; margin-bottom: 15px; padding-top: 40px; background: url(../img/home/hd_point.png) no-repeat 0 0; overflow: hidden;}
#point .column-inner { padding: 0 0 5px; border: none;}


/* Recommend */
#osusume			{ margin: 0; padding: 10px 0 0;}
#osusume .column-inner		{ margin: 0; padding: 10px 0; overflow: hidden;}
#osusume .column-inner h3	{ margin-bottom: 5px; color: #313131; line-height: 1.42;}
#osusume .column-inner h3 a	{ color: #313131;}
#osusume .column-inner p	{ margin-bottom: 5px; line-height: 1.42;}
#osusume hr			{ height: 0px; border: 1px dotted #666666;}

/* News */
#news				{ margin: 0; padding: 10px 0 0;}
#news .column-inner		{ margin: 0; padding: 10px 0; overflow: hidden;}
#news .column-inner h3		{ margin-bottom: 5px; color: #313131; line-height: 1.42;}
#news .column-inner h3 a	{ color: #313131;}
#news .column-inner p		{ margin-bottom: 5px; line-height: 1.42;}
#news hr			{ height: 0px; border: 1px dotted #666666;}

/* restaurant */
#restaurant{ padding: 10px 0 0; margin: 0;}
#restaurant .column-inner{ margin: 0; padding: 10px 0; overflow: hidden;}
#restaurant .column-inner h3{ margin-bottom: 5px; line-height: 1.42; color: #313131;}
#restaurant .column-inner h3 a { color: #313131;}
#restaurant .column-inner p{ margin-bottom: 5px; line-height: 1.42;}
#restaurant hr{ height: 0px; border: 1px dotted #DDD;}

p.mealtime{ padding: 3px 5px; font-size:85%; color: #FFF; background-color: #d4ad51; display: inline-block; line-height:1.2; /*float: right;*/}
p.mealtime:after{ clear: both;}

.more		{ margin: 0 0 10px; font-size: 75%; line-height: 1.32;}
.more:after	{ content:""; clear: both; display: block;}
.more a		{ padding: 5px 8px 5px 15px; color: #fff; text-decoration: none; background: #1b1b1b url(../img/common/arrow_more.png) no-repeat 5px center; float: right;}
.more a:hover	{ color: #fff; background: #3c3c3c url(../img/common/arrow_more.png) no-repeat 5px center;}

/*
--------------------------------------------------
	TOP縦並び
-------------------------------------------------- */
#top_1column		{ margin: 0 0 15px;}
#top_1column:after	{ content:""; display: block; clear: both;}

/* 見出し */
#top_1column #news h2	{ height: 0; margin-bottom: 0; padding-top: 45px; background: url(../img/common/hd_news_1col.png) no-repeat 0 0; overflow: hidden;}
#top_1column #osusume h2{ height: 0; margin-bottom: 0; padding-top: 45px; background: url(../img/common/hd_recommends_1col.png) no-repeat 0 0; overflow: hidden;}

/*
--------------------------------------------------
	TOP並列並び
-------------------------------------------------- */
#top_2column		{ margin: 0 0 15px;}
#top_2column:after	{ content:""; display: block; clear: both;}
#top_2column .left	{ width: 340px; margin: 0; padding: 10px 0 0; float: left;}
#top_2column .right	{ width: 340px; margin: 0; padding: 10px 0 0; float: right;}

/* 見出し */
#top_2column #news h2	{ height: 0; margin-bottom: 0; padding-top: 45px; background: url(../img/common/hd_news_2col.png) no-repeat 0 0; overflow: hidden;}
#top_2column #osusume h2{ height: 0; margin-bottom: 0; padding-top: 45px; background: url(../img/common/hd_recommends_2col.png) no-repeat 0 0; overflow: hidden;}
 
/*
--------------------------------------------------
	Entries
-------------------------------------------------- */
#entries { margin-top: 20px;}
#entries div.column{}

/* Tabs Contents */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
	/* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none;}
}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none;}
}

ul.ui-tabs-nav {
	width		: 100%;
	height		: 45px;
	padding		: 0;
	background	: url(../img/home/tab_bg.png) repeat-x 0 0;
	overflow	: hidden;
}
ul.ui-tabs-nav li { float: left;}
ul.ui-tabs-nav li a {
	width		: 300px;
	height		: 0;
	margin		: 0 3px 0 0;
	padding-top	: 45px;
	display		: block;
	float		: left;
	overflow	: hidden;
	outline		: none;
}

/* Tab Style */
ul.ui-tabs-nav li#entries-tab-recommend a	{ background: url(../img/home/tab_recommend.png) no-repeat 0 -45px;}
ul.ui-tabs-nav li#entries-tab-recommend a:hover { background-position: 0 -45px;}
ul.ui-tabs-nav li#entries-tab-recommend.ui-state-active a { background-position: 0 0;}

ul.ui-tabs-nav li#entries-tab-restaurant a{ background: url(../img/home/tab_recommend.png) no-repeat 0 -45px;}
ul.ui-tabs-nav li#entries-tab-restaurant a:hover { background-position: 0 -45px;}
ul.ui-tabs-nav li#entries-tab-restaurant.ui-state-active a { background-position: 0 0;}

ul.ui-tabs-nav li#entries-tab-news a	   { background: url(../img/home/tab_news.png) no-repeat 0 -45px;}
ul.ui-tabs-nav li#entries-tab-news a:hover { background-position: 0 -45px;}
ul.ui-tabs-nav li#entries-tab-news.ui-state-active a { background-position: 0 0px;}


/*
--------------------------------------------------
	Sitemap
-------------------------------------------------- */
#sitemap {}
#sitemap .column-inner		   { padding: 15px 0 10px; border: none;}
#sitemap .column-inner ul	   { margin-left: 20px; list-style: none;}
#sitemap .column-inner ul li	   { list-style: none; padding-left: 12px; background: url(../img/common/arrow.gif) no-repeat 0 5px;}
#sitemap .column-inner ul li span  { color: #aaa;}
#sitemap .column-inner ul li ul    { font-size: 100%; margin-top: 10px;}
#sitemap .column-inner ul li ul li { margin-bottom: 3px;}


/*
--------------------------------------------------
	Side bar
-------------------------------------------------- */
/*	Online service
-------------------------------------------------- */
.onlineservice		{ width: 220px; margin: 0 0 10px 0; padding: 0 0 15px; background: url(../img/common/bg_rest_search_bottom.png) no-repeat 0 bottom; color: #555;}
.onlineservice-inner	{ width: 220px; margin: 0; padding: 10px 0 5px; background:url(../img/common/bg_rest_search.png) repeat-y 0 0;}

.onlineservice h3#hd_search_rest{ height: 70px; background: url(../img/common/hd_rest_search.png) no-repeat 0 0; text-indent: -9999px;}
.onlineservice h4#shd_search	{}
.onlineservice table td		{ padding: 0 0 5px;}

.booking-search		{ margin: 0 25px 0;}
.booking-search .button	{ width: 170px;height: 30px; margin: 5px 0 0; padding-top: 30px; background: url(../img/common/btn_rest_search.png) no-repeat 0 0; border: none;}
.booking-search select,
.booking-search input	{ margin: 0 0 5px;}
.booking-search select.selectbox { margin-left: 5px;}

.booking-buttons ul,
.booking-links ul { margin-left: 0; margin-top: 10px; clear: both;}

.booking-buttons ul li	 { width: 180px; margin: 0 auto;}
.booking-buttons ul li a { width: 180px; height: 25px; margin-bottom: 2px; overflow: hidden; display: block; text-indent: -9999px;}

.booking-links		 { width: 180px; margin: 0 auto;}
.booking-links ul li a	 { color: #efebde;}

#booking_btn_plan a	 { background: url(../img/common/btn_search01.png) no-repeat 0 0;}
#booking_btn_available a { background: url(../img/common/btn_search02.png) no-repeat 0 0;}

#booking_btn_plan a:hover	{ background-position: 0 -25px;}
#booking_btn_available a:hover	{ background-position: 0 -25px;}


/*	Online service横長
-------------------------------------------------- */
.onlineserviceY { width: 960px; margin: 10px auto; padding: 0; color: #555; line-height:1.75;}
.onlineserviceY-inner { width: 960px; background: url(../img/common/bg_rest_search_wide.png) no-repeat 0 bottom;}

.onlineserviceY h3#hd_search_rest{ height: 40px; background: url(../img/common/hd_rest_search_wide.png) no-repeat 0 0; text-indent: -9999px; }

.booking-searchY { margin: 0 auto; border-top: none; padding: 10px 30px 20px;}
.booking-searchY .btns { margin: 5px auto; text-align: center;}
.booking-searchY .button{ width: 170px;height: 30px; margin: 5px 0 0; padding-top: 30px; background: url(../img/common/btn_rest_search.png) no-repeat 0 0; border: none;}
.booking-searchY input,
.booking-searchY select { margin-right: 5px; font-size: 90%;}
.booking-searchY select.selectbox {}

/* スマホ閲覧用 */
.booking-search table,
.booking-searchY table { color: #555; }


/*	Side SNS icon
-------------------------------------------------- */
.snslink	{ width: 220px; margin: 0 auto 10px; overflow: hidden;}
.snslink ul	{ text-align: center;}
.snslink ul li	{ margin-left: 3px; float:left;}


/*	Bestrate
-------------------------------------------------- */
.bestrate	{ width: 220px; margin: 0 auto 10px; text-align: center; overflow: hidden;}
.bestrate p	{ padding-bottom: 10px;}
.bestrate ul	{}
.bestrate ul li	{ padding-bottom: 5px;}
.bestrate img	{ vertical-align: bottom;}
.bestrate span	{ padding-top: 2px; font-size: 85%; line-height: 1.32; text-align: left; display: block;}


/*	Banner
-------------------------------------------------- */
.banner		{ width: 220px; margin: 0 auto 10px; text-align: center; overflow: hidden;}
.banner p	{ text-align: center; padding-bottom: 10px;}
.banner ul	{ text-align: center;}
.banner ul li	{ padding-bottom: 5px;}
.banner img	{ vertical-align: bottom;}
.banner span	{ padding-top: 2px; font-size: 85%; line-height: 1.32; text-align: left; display: block;}


/*	Mobile
-------------------------------------------------- */
#mobile		 { width: 220px; margin: 0 auto 10px; overflow: hidden;}
#mobile-inner	 { padding: 10px 10px 0; border: 1px solid #313131; background: #fefdfa;}
#mobile p	 { margin: 0 0 10px; color: #555; font-size: 85%; line-height: 1.32;}
#mobile p#qrcode { text-align: center;}
#mobile p#qrcode img { border: 1px solid #313131;}


/*
--------------------------------------------------
	Form
-------------------------------------------------- */
form			 {}
select			 { font-size: 13px; cursor: pointer;}
input[type="text"]	 { height: 16px; padding: 2px; color: #333; font-size: 13px; font-family: Arial,Helvetica,sans-serif; border: 1px solid #aaa;}
input[type="text"]:focus { border: 1px solid #cc6600;}
input[type="button"]	 { cursor: pointer;}
input[type="submit"]	 { cursor: pointer;}
textarea		 { width: 98%; padding: 2px; color: #333; font-size: 13px; border: 1px solid #aaa; overflow: auto;}
textarea:focus		 { border: 1px solid #cc6600;}
.inquiry-form .caps	 { margin: 10px 3px 0 3px; color: #FF0000; font-size: 0.8em; display: block;}

@media print{
	input[type="button"] { display: none;}
}


/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer		{ width: 100%; margin: 0; padding: 0; background: #fff; color: #555; text-align: center; border-top: 3px solid #074114; clear: both;}
.footer-inner{}

/* Information */
.infocol		{ width: 960px; margin: 0 auto; padding: 15px 0 10px; text-align: left; overflow: hidden;}
.infocol .infocol-inner	{ width: 350px; margin-right: 20px; float: left;}
.infocol .infocol-read	{ padding: 0; overflow: hidden;}
.infocol h4		{ margin-bottom: 5px; font-weight: bold; line-height: 1.32;}


.info-detail		{ width: 100%; padding: 10px 0; border-top: 1px solid #999999; color: #555; clear: both;}
.info-detail-inner	{ width: 960px; margin: 0 auto;}
.info-detail-photo	{ margin: 0 30px 0 0; float: left;}
.info-detail_td		{ background: #fff; text-align: left; border: 1px solid #999999; table-layout: fixed;}
.info-detail_td th,
.info-detail_td td	{ padding: 5px; border: 1px solid #999999; table-layout: fixed;}
.info-detail_td th	{ width: 17%; background: #d4d9d5;}
.info-detail_td td	{ word-break: break-all;}

.information div.information-access	{ padding: 0 10px; float: left;}
.information div.information-access p	{ margin-bottom: 5px;}
.information div.information-read	{ padding: 10px 15px 10px 15px; overflow: hidden;}
.information div.information-read p	{ margin-bottom: 5px;}

/* fnav */
.fnav		{ width: 100%; background: #0e1710; clear: both;}
.fnav-inner	{ width: 960px; margin: 0 auto; padding: 10px 0 15px;}
.fnav ul	{ padding: 10px 0 0 0;}
.fnav ul li	{ padding: 0 12px 0 0; display: inline;}
.fnav ul li a		{ color: #f2f0e8; padding: 0 0 0 12px; background:url(../img/common/arrow_footer.png) no-repeat 0 center;}
.fnav ul li a:hover	{ color: #f2f0e8;}
.fnav ul li#fnav08,
.fnav ul li#fnav17,
.fnav ul li:last-child	{}

/* Copyright */
.copyright		{ width: 100%; background: #0e1710 url(../img/common/ft_line01.png) repeat-x 0 top;}
.copyright p		{ width: 960px; margin: 0 auto; padding: 10px 0; color: #fff;}
.copyright a		{ color: #fff;}
.copyright a:hover	{ color: #fff;}


/*
--------------------------------------------------
	Image Surfing Style
-------------------------------------------------- */

/* Small-160px */
.imagesurfingsmall {
	width		: 164px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingsmall ul { width: 160px; margin: 0 auto;}
.imagesurfingsmall ul li { width: 40px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingsmall ul li a {
	width		: 40px;
	height		: 30px;
	border		: none;
	border-bottom	: 4px solid #eee;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfingsmall img {
	width		: auto;
	height		: 120px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingsmall ul li img {
	width		: 39px;
	height		: 29px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfingsmall ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #E76200;
}
.imagesurfingsmall p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Normal-220px */
.imagesurfingnormal {
	width		: 224px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingnormal ul { width: 220px; margin: 0 auto;}
.imagesurfingnormal ul li { width: 55px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingnormal ul li a {
	width		: 55px;
	height		: 42px;
	border		: none;
	border-bottom	: 4px solid #eee;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfingnormal img {
	width		: auto;
	height		: 165px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingnormal ul li img {
	width		: 54px;
	height		: 41px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfingnormal ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #E76200;
}
.imagesurfingnormal p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Large-280px */
.imagesurfinglarge {
	width		: 284px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfinglarge ul { width: 280px; margin: 0 auto;}
.imagesurfinglarge ul li { width: 70px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfinglarge ul li a {
	width		: 70px;
	height		: 53px;
	border		: none;
	border-bottom	: 4px solid #eee;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfinglarge img {
	width		: auto;
	height		: 210px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfinglarge ul li img {
	width		: 69px;
	height		: 52px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfinglarge ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #E76200;
}
.imagesurfinglarge p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/*
--------------------------------------------------
	Hacks...
	We hope that we don't have to use this!
-------------------------------------------------- */
/* Print hack for Firefox */
@media print {
	html>/**/body .subcol,
	html>/**/body .wrapper,
	html>/**/body .column,
	html>/**/body .entry,
	html>/**/body .detail { overflow: visible !important;}
}

/* Margin fix for IE6 */
div.photos { _margin-bottom: -10px;}
p.photos { _margin-bottom: 0;}
@media print {
	.entry { _padding-bottom: 15px;}
	.detail { _padding-bottom: 15px;}
	div.photos { _margin-bottom: 0;}
	.entry p { _margin-bottom: 0; _padding-bottom: 10px;}
	.information { _margin-bottom: 10px;}
}


/*
--------------------------------------------------
	メニュー
-------------------------------------------------- */
.menu_tabs		{ height: 45px; margin-bottom: 10px; background: url(../img/menu/tab_bg.png) repeat-x 0 0; overflow: hidden;}
.menu_tabs ul		{ padding-left:5px;}
.menu_tabs ul:after	{ content:""; clear: both; display: block;}
.menu_tabs ul li	{ margin: 0 0 10px 1px; float: left;}
.menu_tabs ul li a	{ width: 175px; height: 0; padding-top: 45px; float: left; overflow: hidden; display: block; }
.menu_tabs ul li a:hover{
	filter		: alpha(opacity=60); /* ie lt 8 */
	-ms-filter	: "alpha(opacity=60)"; /* ie 8 */
	-moz-opacity	: 0.6; /* FF lt 1.5, Netscape */
	-khtml-opacity	: 0.6; /* Safari 1.x */
	opacity		: 0.6;
	zoom		: 1;
}

/* menu_tab_Default */
.menu_tabs ul li.menu_meal a		{ background: url(../img/menu/menu_meal.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_drink a		{ background: url(../img/menu/menu_drink.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_course a		{ background: url(../img/menu/menu_course.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_lunch a		{ background: url(../img/menu/menu_lunch.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_breakfast a	{ background: url(../img/menu/menu_breakfast.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_teatime a		{ background: url(../img/menu/menu_teatime.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_dinner a		{ background: url(../img/menu/menu_dinner.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_alacarte a	{ background: url(../img/menu/menu_alacarte.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_takeout a		{ background: url(../img/menu/menu_takeout.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_lunch_menu a	{ background: url(../img/menu/menu_lunch_menu.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_dinner_menu a	{ background: url(../img/menu/menu_dinner_menu.png) no-repeat 0 -45px; }
.menu_tabs ul li.menu_seasonal a	{ background: url(../img/menu/menu_seasonal.png) no-repeat 0 -45px; }

/* menu_tab_Active */
#tabs_menu li:first-child a,
#tabs_meal li.menu_meal a,
#tabs_drink li.menu_drink a,
#tabs_course li.menu_course a,
#tabs_lunch li.menu_lunch a,
#tabs_breakfast li.menu_breakfast a,
#tabs_teatime li.menu_teatime a,
#tabs_dinner li.menu_dinner a,
#tabs_alacarte li.menu_alacarte a,
#tabs_takeout li.menu_takeout a,
#tabs_lunch_menu li.menu_lunch_menu a,
#tabs_dinner_menu li.menu_dinner_menu a,
#tabs_seasonal li.menu_seasonal a
{
	background-position: 0 0;
}


.tb_menu	{ background: #fff; border: 1px solid #999999;}
.tb_menu td	{ padding: 10px; border: 1px solid #999999;}
.tb_menu td.tb_menu_price { width: 100px; text-align: center; font-weight: bold;}
.tb_menu td h3	{ margin-bottom: 10px; color: #313131; font-weight: bold;}


/* テーブル形式 */
table.menu_photo_list		{ width: 100%; word-break: break-all;}
table.menu_photo_list td.text	{}
table.menu_photo_list td.price	{ width: 15%;}


/* ギャラリー形式 */
.menu_photo_gallery {
	width		: 100%;
	height		: 100%;
	position	: relative;
	overflow	: hidden;
	text-align	: center;
	word-break	: break-all;
}

.menu_photo_gallery ul {
	height		: 100%;
	margin		: 0 0 10px;
	padding		: 0;
/*	position	: relative;
	left		: 50%;
	float		: left;	*/
	display		: table;
	border-spacing : 10px;
}

.menu_photo_gallery ul li {
	height		: 100%;
	padding		: 10px;
	margin-right	: 10px;
	border		: 1px solid #aaa;
	background	: #f2f3f2;
	list-style	: none;
/*	position	: relative;
	left		: -50%;
	float		: left;	*/
	vertical-align	: top;
/*	display		: inline-block;	*/
	display		: table-cell;
}

* html .menu_photo_gallery ul li { display: inline; zoom: 1;}
*:first-child+html .menu_photo_gallery ul li { display: inline; zoom: 1;}

.menu_photo_gallery .photo {
	display		: block;
	margin-bottom	: 10px;
}


/*
--------------------------------------------------
	20150226_1column修正
-------------------------------------------------- */
/* ▼TOP-単 */
.c-m #top_1column #news h2{ overflow:hidden; height:0; background: url(../img/common/hd_news_1col_w.png) no-repeat 0 0; padding-top: 40px;}
.c-m #top_1column #osusume h2{ overflow:hidden; height:0; background: url(../img/common/hd_recommends_1col_w.png) no-repeat 0 0; padding-top: 40px;}

/* ▼TOP-並 */
.c-m #top_2column .left{ width: 470px; float: left; padding: 10px 0 0; margin:0;}
.c-m #top_2column .right{ width: 470px; float: right; padding: 10px 0 0; margin:0;}
.c-m #top_2column #news h2{ overflow:hidden; height:0; background:url(../img/common/hd_news_2col_w.png) no-repeat 0 0; padding-top: 40px;}
.c-m #top_2column #osusume h2{ overflow:hidden; height:0; background:url(../img/common/hd_recommends_2col_w.png) no-repeat 0 0; padding-top: 40px;}

