@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------
	initialize
   ------------------------------------------------------- */
html{overflow-y:scroll;}
body,div,dl,dt,dd,ol,ul,p,h2,h3,h4,h5,h6,img { margin:0; padding:0;}
body { color: #333; background-color: #eee; font: 85%/120% , Osaka, "ＭＳ Ｐゴシック"; line-height:150%; font-size:14px;
background-image:url(../images/bg_texture.jpg);}
img { border: none;}
dl, ol, ul { overflow: hidden;}
dl, ol, ul { list-style: none;}
a:link {text-decoration:underline;color: #5f3602;}
a:visited {text-decoration:underline;color: #5f3602;}
a:hover {text-decoration:underline;color: #ea84a7;}
a:active {
	text-decoration:underline;
	color: #ea84a7;
}
.mail{
	font-size:12px;	
}
a:hover.rollover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	}
.right {
	float:right;
}
.left {
	float:left;
}
address {
	text-decoration:none;
	font-style:normal;
	font-size:11px;
}
address .freedial {
	font-size:14px;
}
.small {font-size:90%; line-height:1.2em;}
.orange {color:#F60; font-weight:bold;}
.blue {color:#0CF; font-weight:bold;}

.mt10 {	margin-top: 10px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mb5 {	margin-bottom: 5px;}
.mb10 {	margin-bottom: 10px;}
.mb20 {	margin-bottom: 20px;}
.mb30 {	margin-bottom: 30px;}
.ml5 {	margin-left: 5px;}
.ml10 {	margin-left: 10px;}
.ml20 {	margin-left: 20px;}
.ml30 {	margin-left: 30px;}
.ml120 {margin-left: 120px;}
.mr10 {	margin-right: 10px;}
.mr20 {	margin-right: 20px;}
.mr30 {	margin-right: 30px;}
.mt20 {	margin-top: 20px;}
.m_auto {
	margin: 0 auto;
}


/* -------------------------------------------------------
	detail
   ------------------------------------------------------- */

/*レイアウト*/
#head {
	background: url(../images/common/head_bg.jpg);
	text-align:center;
	}
#head h1 {
	font-size:11px; color:#fff; font-weight:normal;
	display:inline;
}

#head p {
	font-size:11px; color:#fff; font-weight:normal;
	display:inline;

}
#wrapper { 
	width:955px;
	text-align:left;
	margin:0 auto;
	}    

#container {
	overflow:hidden;
	background:url(../images/common/bg.jpg) repeat-y;
}
#left {
	width:225px;
	text-align:left;
	float: left;
	color:#eee;
	}
#left a {
	color:#eeb61c;
	text-decoration:none;
}
#left a:hover {
	color: #F60;
	text-decoration:none;
}
#left_inner {
		
}

#nav {
	padding-bottom:10px;
}
#nav li {
	display:block;
	height:55px;
}
#left dl {
	padding:9px;
}
#left dd {
	padding-bottom:10px;
}
#left h3 {
	font-size:100%
}

#right {
	width:730px;
	text-align:left;
	float: right;
	}
	
#right_inner {
	
}
#contents {
	padding:30px;
}
#contents dl {
	width:665px;
	background:url(../images/common/dl_bottom.gif) no-repeat bottom;
	padding-bottom:12px;
	margin-bottom:20px;
}
#contents dt {
	height:50px;
}
#contents dd {
	background:#fff;
	padding:30px;
}
#contents_top {
	padding:30px;
}
#contents_top dl {
	width:665px;
	padding-bottom:12px;
	margin-bottom:20px;
}
#contents_top dt {
	height:50px;
}
#contents_top dd {
	padding:30px 50px 30px 50px;
}
#concept {
	padding:30px;
}
#concept dl {
	width:665px;
	padding-bottom:12px;
	margin-bottom:20px;
}
#concept dt {
	height:50px;
}
#concept dd {
	padding:30px 30px 120px 30px;
	background-color:#ffffff;
	background-image:url(../images/bg_concept.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:610px;
}

.topic {
	overflow:hidden;
	padding-bottom:20px;
	padding-right: 0px;
}
.topic_bar {
	overflow:hidden;
	padding-bottom:10px;
}
a.syosai,a:hover.syosai {
	display:block;
	margin-top:15px;
	text-align:right;
}

#footer {
	width:955px;
	text-align:center;
	background:url(../images/common/footer_bg.jpg) repeat-x top #000;
	color:#fff;
	padding:30px 0;
	clear: both;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color: #F60;
	text-decoration: underline;
}
#sub_nav {
	margin: 0 auto;
	padding: 0 0 20px 0;
	list-style-type: none;
	text-align: center;
	overflow: hidden;
}
#sub_nav li {
	margin: 0;
	padding-left: 20px;
	background: url(../images/common/sub_nav_bar.gif) left no-repeat;
	line-height: 20px;
	display: inline;
}
#sub_nav li.no_bar {
	background: none;
	text-indent: 0;
	clear: both;
}

/*	
#footer {
	width:730px;
	text-align:center;
	background:url(../images/common/footer_bg.jpg) repeat-x top #000;
	color:#fff;
	padding:30px 0;
	clear: both;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color: #F60;
	text-decoration: underline;
}
#sub_nav {
	width:710px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	list-style-type: none;
	text-align: center;
	overflow: hidden;
	font-size:11px;
}
#sub_nav li {
	margin: 0;
	padding-left: 20px;
	background: url(../images/common/sub_nav_bar.gif) left no-repeat;
	line-height: 20px;
	display: inline;
}
#sub_nav li.no_bar {
	background: none;
	text-indent: 0;
	clear: both;
}

*/

/*TOP*/
.information {
	background:#fff;
	padding:20px;
	margin-bottom:20px;
	border:2px #C00 solid;
}
.information h4 {
	margin-bottom:1em;
	font-size:14px;
}
.information_beef {
	background:#fff;
	padding:3px;
	margin-bottom:20px;
	color:#000;
	text-align:center;
}

.info_maintenance {
	background: #FFF;
	margin: 0 auto 10px;
	padding: 5px;
	text-align: center;
	border: #C00 solid 1px;
}

.info_maintenance a {
	color: #C00;
	font-weight: bold;
}

.info_maintenance a:hover {
	color: #F30;
	font-weight: bold;
}

.topics_area {
	background:#fff;
	width:655px;
	margin-bottom:15px;
	-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em;
	padding:15px 0 0 0;
	}
	.topics_area h2 {
		padding:15px 15px 0 15px;
		font-size:14px;
		color:#3b1200;
		}
	.topics_area p {
		padding: 10px 10px 20px 20px;
		font-size:12px;
		}

/*メニュー*/
#contents.menu dt {
	height:238px;
}
#contents.menu dd {

	color:#fff;
	padding:5px 0px 0px 10px;
}

/*メニュー 画像広いver*/
#contents.menu2 dt {
	height:300px;
}
#contents.menu2 dd {

	color:#fff;
	padding:5px 0px 0px 10px;
}







/*メニュー 20110726新ver*/
#contents.menu3 dt {
	height:100px;
}
#contents.menu3 dd {

	color:#fff;
	padding:5px 0px 0px 10px;
}
#contents.menu3_s dt {
	height:65px;
}
#contents.menu3_s dd {

	color:#fff;
	padding:5px 0px 0px 10px;
}

.menu_box {
	width: 645px;
	background: #231815;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
}

.menu_ttl {
	background: url(../grill/images/bg_menu_ttl.gif) left bottom no-repeat;
	margin: 5px 10px 10px;
	padding: 0 0 10px 10px;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
}

.menu_ttl_br {
	margin: 5px 10px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
}

.menu_txt {
	margin: 5px 10px 10px;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 18px;
}

.menu_cnt {
	margin: 0 10px 10px;
	font-size: 12px;
}

.price {
	width: 320px;
	margin:0px 25px 0px 10px;
	float: left;
}

.menu_left {
	margin: 0 30px 5px 10px;
	font-size: 13.5px;
	float: left;
	clear: both;
}

.menu_right {
	margin: 0 10px 5px 0;
	font-size: 13.5px;
	float: right;
}

.buffet {
	width: 229px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: right;
}
.buffet_head {
	width: 229px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: right;
}

.right_s {
	width:300px;
	margin: 0px;
	text-align:left;
	float: right;
}
	
.left_s {
	width:300px;
	margin: 0px;
	text-align:left;
	float: left;
}
	
.price_s {
	font-size: 15px;
	font-weight:bold;
	margin: 0 0 20px 20px;
}

.menu_box_s {
	width: 645px;
	color: #231815;
	margin: 0 auto 40px;
	padding: 0 0 10px 0;
	overflow: hidden;
}

.menu_box_s_end {
	width: 645px;
	color: #231815;
	margin: 0 auto;
	padding: 0 0 10px 0;
	overflow: hidden;
}

/*
.menu_img_left {
	width: 280px;
	padding: 9px;
	border: #231815 solid 1px;
	float: left;
}


.menu_img_right {
	width: 280px;
	padding: 9px;
	border: #231815 solid 1px;
	float: right;
}
*/





.topic2 {
		overflow:hidden;
		padding-bottom:0px;
	}
/*ドリンク*/
#contents td,#contents th {
	color:#333;
}
#contents th {
	font-weight:bold;
	border-bottom:1px dotted #333;
}

.menu__dessert_right {
	margin: 0 10px 5px 0;
	font-size: 13.5px;
	float: right;
}


/*楽しみ方index*/
#contents div.enjoy_index {
	width: 670x;
	height: 273px;
	margin: -20px auto 0;
	padding: 0px;
	overflow: hidden;
	clear: both;
}
#contents div.enjoy_index02 {
	width: 670x;
	margin: 0 auto;
	padding: 0px;
	background-image:url(../enjoy/images/index_02.jpg);
	text-align:center;
	height:217px;
	overflow: hidden;
	clear: both;
}
#contents div.enjoy_index02_01 {
	width: 670x;
	margin: 0 auto;
	padding: 0px;
	background-image:url(../enjoy/images/index_02_01.jpg);
	height:90px;
	text-align:center;
	overflow: hidden;
	clear: both;
}
#contents div.enjoy_index03 {
	width: 670x;
	height: 197px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	clear: both;
}
#contents div.enjoy_index04 {
	width: 670x;
	margin: 0 auto;
	padding: 0px;
	background-image:url(../enjoy/images/index_04.jpg);
	height:360px;
	text-align:center;
	overflow: hidden;
	clear: both;
}
#contents div.enjoy_index04 li{
	margin-bottom:10px;
}
#contents div.enjoy_index05 {
	width: 670x;
	height: 103px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	clear: both;
	bottom: 0;
}

.lnk_index {
	padding: 0;
	margin:0;
}

.lnk_index a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.lnk_index span img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/*楽しみ方*/
#contents div.enjoy_box {
	width: 655px;
	background: #FFF;
	margin: 0 auto;
	padding: 5px;
	overflow: hidden;
	clear: both;
}

.arw {
	width: 100px;
	margin: 10px auto;
	text-align: center;
	clear: both;
}

.cap {
	margin-bottom: 20px;
	padding: 5px;
	color: #FFF;
}

.cap_n {
	background: #1f2541;
}

.cap_h {
	background: #2faae8;
}

.cap_l {
	background: #f85c81;
}

img.lft {
	float: left;
	margin-right: 10px;
}

img.rht {
	float: right;
	margin-left: 10px;
}

img.cent {
	float: left;
	margin-left: 100px;
}

img.cent2 {
	float: left;
	margin: 5px 0 15px 190px;
}


#contents dl.e_box {
	width: 320px;
	margin: 5px 0 0 0;
	text-align: left;
}

#contents dl.e_box dt.night {
	width: 310px;
	height: 18px;
	background: #1f2541;
	margin: 0;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}
#contents dl.e_box dt.lady {
	width: 310px;
	height: 18px;
	background: #f85c81;
	margin: 0;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}
#contents dl.e_box dt.honey {
	width: 310px;
	height: 18px;
	background: #2faae8;
	margin: 0;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}

#contents dl.e_box dd {
	width: 310px;
	margin: 0;
	padding: 5px;
}

.lnk_lst {
	 background-color:#ffffff;
	 padding:10px 10px 10px 30px;
}

.lnk {
	width: 665px;
	margin: 30px auto 20px;
	padding: 0;
}

.lnk a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.lnk span img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}


/* テイクアウト */

.takeout {
	width: 650px;
	background: #FFF;
	margin: 0 auto;
	padding: 20px 10px 0;
	font-size: 13px;
	overflow: hidden;
}

img.tk_L {
	margin: 0 10px 0 0;
	float: left;
}

.takeout p {
	width: 316px;
	margin: 0 auto;
	padding: 10px;
	line-height: 1.6em;
	float: right;
	display: block;
}

.takeout_bnr{
	width:80%;
	overflow:hidden;
	clear:both;
	margin:0 0 30px 60px;
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	letter-spacing:0.3em;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 1px 1px 3px 1px #000000;
	-webkit-box-shadow: 1px 1px 3px 1px #000000;
	box-shadow: 1px 1px 3px 1px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	/*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff9517', endColorstr = '#ffd324');*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff9517', endColorstr = '#ffd324')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #0fc302, #075001);
	background-image: -ms-linear-gradient(top,  #0fc302, #075001);
	background-image: -o-linear-gradient(top,  #0fc302, #075001);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ff9517), to(#ffd324));
	background-image: -webkit-linear-gradient(top,  #0fc302, #075001);
	background-image: linear-gradient(top,  #0fc302, #075001);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	behavior: url(images/PIE.htc);
}

a.t_bnr{
	text-decoration:none;
	padding:10px;
	display:block;
	color:#FFF;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	text-shadow:
	-1px -1px 1px rgba(0, 0, 0, 0.4),
	1px 1px 1px rgba(255, 255, 255, 0.5);
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 1px 1px 3px 1px #000000;
	-webkit-box-shadow: 1px 1px 3px 1px #000000;
	box-shadow: 1px 1px 3px 1px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	/*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff9517', endColorstr = '#ffd324');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff9517', endColorstr = '#ffd324')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top,  #0fc302, #075001);
	background-image: -ms-linear-gradient(top,  #0fc302, #075001);
	background-image: -o-linear-gradient(top,  #0fc302, #075001);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#0fc302), to(#ffd324));
	background-image: -webkit-linear-gradient(top,  #0fc302, #075001);
	background-image: linear-gradient(top,  #0fc302, #075001);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	behavior: url(images/PIE.htc);
}

a:hover.t_bnr{
	text-decoration:none;
	padding:10px;
	display:block;
	color:#FFF;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	text-shadow:
	-1px -1px 1px rgba(0, 0, 0, 0.4),
	1px 1px 1px rgba(255, 255, 255, 0.5);
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 1px 1px 3px 1px #000000;
	-webkit-box-shadow: 1px 1px 3px 1px #000000;
	box-shadow: 1px 1px 3px 1px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	/*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a2d586', endColorstr = '#2e7707');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a2d586', endColorstr = '#2e7707')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #a2d586, #2e7707);
	background-image: -ms-linear-gradient(top, #a2d586, #2e7707);
	background-image: -o-linear-gradient(top, #a2d586, #2e7707);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a2d586), to(#2e7707));
	background-image: -webkit-linear-gradient(top, #a2d586, #2e7707);
	background-image: linear-gradient(top, #a2d586, #2e7707);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	behavior: url(images/PIE.htc);
}


.tk_dtl {
	width: 338px !important;
	margin: 10px auto 20px !important;
	padding: 0 !important;
	text-align: right;
	overflow:hidden;
	float:right;
}

.left_box {
	float: left;
	width: 300px;
	margin: 0 !important;
	padding: 0;
}

.left_box img {
	margin: 0;
}

.right_box {
	float: right;
	width: 338px;
	margin: 0;
	padding: 0;
}

.cake_navi{
	clear:both;
	
}

.cake_navi li{
	width:151px;
	float:left;
	margin-left:5px;
}

.bg_white {
	background: #FFF;
}

.bg_white p {
	margin: 0 0.5em 1em;
	text-align: left !important;
}

.h_print {
	margin: 0 0.5em 0.5em !important;
	padding: 0 0 4px 5px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: #CCC solid 1px;
	border-left: #363 solid 5px;
}

.print_table {
	float: left;
	margin: 10px 20px 20px;
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
}

.print_table th, .print_table td {
	margin: 0;
	padding: 5px 1em;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px !important;
}

.print_table th {
	text-align: left;
}

.print_table td {
	text-align: center;
}



/*グリルページ文*/

#contents dl.g_box {
	width: 320px;
	margin: 10px 0 0 20px;
	text-align: left;
}

#contents dl.g_box dd {
	width: 310px;
	margin: 0;
	padding: 5px;
}

.cap_s{
	font-size:10px;
	text-align:right;
	height:10px;
	padding-right:35px;
}

/*グリルキャプ画像*/

#rib_bg{
	background-image:url(../grill/images/menu_cap_rib.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

/*カフェページ*/

.sub {
	width: 655px;
	margin:50px auto 10px;
	text-align: center;
	clear: both;
}

#contents div.enjoy_box div.left {
	width: 300px;
	background: #FFF;
}

#contents div.enjoy_box div.right {
	width: 300px;
	background: #FFF;
	margin: 0 auto;
}

/*カフェページ（おすすめメニュー）*/

#osusume{
	width:670px;
	background-color:#FFFFFF;
	margin-bottom:20px;
	padding:0;
}

.osusume_ttl{
	text-align:center;
	margin:20px 0 5px 0;
}

.rank_cap {
	width: 520px;
	margin: 0 auto 20px auto;
	color: #5B2;
	font-size: 12px;
	line-height: 1.6em;
}

/*キッズメニュー*/
.back{text-align:center; margin:5px auto;}

/* TOPICS */
#contents_top div.box {
 width:620px;
 height:240px;
 font-size : 9pt;
 line-height:1.5em;
 padding:20px;
 background-color :#FFFFFF;
 overflow:scroll;
 overflow-x: hidden;
 }
 
#contents_top div.box dl{
	width:600px;
	float:left;
}

#contents_top div.box dt{
	width:600px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	background:#F90;
	color:#fff;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
}

#contents_top div.box dd{
	width:600px;
	float:left;
	margin:0;
	padding:0;
}

#contents_top div.box dd p{
	width:400px;
	float:left;
	margin-top:10px;
	padding:0;
}

#contents_top div.box dd img{
	float:right;
	margin-top:10px;
}

.news_ttl_sub{
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
}
 
.topic_u {
	overflow:hidden;
	margin: 0;
	padding: 0;
}

.topic_u li {
	float:left;
	padding-left:5px;
}

.topic_u2 {
	overflow:hidden;
	margin: 10px 0 0 0;
	padding: 0;
}

.topic_u2 li {
	margin-bottom: 10px;
	padding-left:5px;
}



/* 追加ナビ */
.navi{
	margin-bottom:20px;
}

.navi li{
	width:130px;
	height:138px;
	float:left;
	margin-left:3px;
	padding:0;
}

#navi_cake{
	padding: 5px;
	background:#FFF5E1;
	border: #960 outset;
}

#navi_cake li.tab{
	-moz-user-select: none;
    background-color: #FFF5E1;
    border-color: #FFF5E1 #CCCCCC #FFF5E1 #DDDDDD;
    border-left: 0 solid #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    color: #663300;
    cursor: pointer;
    float: left;
    font-family: Arial,Helvetica,sans-serif,"ＭＳ ゴシック";
    font-size: 12px;
    font-weight: normal;
    height: 29px;
    list-style: none outside none;
    margin: 0 1px 0 0;
    padding: 3px 6px 1px 6px;
    position: relative;
    text-align: center;
}

#navi_cake li.tabhover{
	background-image:url(../images/common/bg_takeout.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

#pop_area{
	border: dotted 2px #633;
	margin:15px auto;
	padding:5px;
	text-align:center;
}
	
.recommend_box {
	overflow: hidden;
	font-size: 12px;
}
	
.recommend_inner {
	width: 210px;
	margin: 7px 0 7px 7px;
	padding: 0;
	border: #eedbc0 dotted 1px;
	background: #FFE;
	float: left;
}

.recommend_inner img {
	margin-top: 5px;
}

.recommend_inner p {
	text-align: left;
	margin: 0 5px;
}

.recommend_ttl {
	font-weight: bold;
}

.recommend_prc {
	text-align: right !important;
}

/*左カラム　大阪追加*/
.osaka{
	margin : 10px;
	overflow: hidden;
	padding: 10px;
	background: #FFF;
	border: solid 1px #ffda3f;
}

.osaka p{
	font-size: 10px;
	color: #8d5d20;
	line-height: 1.5em;
}

.osaka_ttl{
	font-size:12px !important;
}


.order {
	clear: both;
	width: 650px;
	height: 121px;
	margin: 0 0 10px;
	padding: 0;
	background: url(../enjoy/takeout/images/img_order.gif) no-repeat;
}

.order p {
	margin: 95px 0 0 320px;	
}

.bnr_area {
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
}

.gw{
	clear: both;
	overflow: hidden;
	margin: 10px auto 20px;
	width: 620px;
}

/*------------------------------
h1
------------------------------*/

.topics_area h1 {
	float: none;
	display: block;
	clear: both;
	margin: 0 auto;
	width: 610px;
	font-size: 18px;
	line-height: 2;
}
.topics_area h1:before {
	display: block;
	width: 31px;
	height: 33px;
	float: left;
	margin: 0 10px 0 0;
	content: "";
	background-image: url(../images/common/icon_ttlleaf.gif);
}

/*------------------------------
パンくずリスト
------------------------------*/

/*-----背景　黒ver.-----*/

#breadcrumbs {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	padding: 0 0 0 30px;
	font-size: 12px;
	line-height: 3;
	text-align: left;
	background:#FFF;
}

#breadcrumbs ul, #breadcrumbs ol {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumbs ul li, #breadcrumbs ol li {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	line-height: 3;
}

#breadcrumbs dl {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumbs dl dd {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	line-height: 3;
}

#breadcrumbs a {
	display: block;
	margin: 0;
	padding: 0 1.5em 0 0;
	background: url(//www.pasela.co.jp/img/bg_breadcrumbs_white.png) center right no-repeat;
	color: #fff;
}

#breadcrumbs a:hover {
	color: #c00;
}

/*-----背景　白ver.-----*/

#breadcrumbs.white ul li, #breadcrumbs.white ol li, #breadcrumbs.white dl dd {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
	color: #333;
	line-height: 3;
}

#breadcrumbs.white li a {
	display: block;
	margin: 0;
	padding: 0 1.5em 0 0;
	background: url(//www.pasela.co.jp/img/bg_breadcrumbs_gray.png) center right no-repeat;
	color: #f60;
	line-height: 3;
}

#breadcrumbs.white li a:hover {
	color: #f90;
}


.bg_gray {
	background: #eee;
}

.bg_yellow {
	background: #ebc639;
}

.bottom {
	margin: 0 auto 10px;
	width: 655px;
	text-align: center;
}

.box_buner {
	margin:20px auto;
	padding: 20px;
	background-color: #fff;
}

.float_n {
	float: none;
}

/*パンくず末尾*/

#breadcrumbs.white li.last_child a{
	display: block;
	margin: 0;
	padding: 0;
	pointer-events: none;
	text-decoration: none;
	background: none;
	color: #f60;
	line-height: 3;
}

#breadcrumbs.white li.last_child a::after,
#breadcrumbs.white li.last_child a::before{
	color: #f90;
	border-left: none;
}

/*パンくず末尾用*/
#breadcrumbs li:last-child a {
	pointer-events: none;
	background: none;
	text-decoration: none;
	color: inherit;
}


/*top スライド部分*/


.viewer {
	margin: 0 auto;
	width: 730px;
	height: 350px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.viewer_2 {
	margin: 0 auto;
	width: 730px;
	height: 130px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul {
	width: 730px;
	height: 350px;
	text-align: left;
	overflow: hidden;
	top: 0;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 730px;
	height: 350px;
	display: none;
	position: absolute;
}
.form_slide{
	position: relative;
	width: 730px;
	height: 350px;
	margin: -350px auto 0;
	z-index: 200;
	
}

.form_slide_2{
	position: relative;
	width: 730px;
	height: 140px;
	margin: -130px auto 0;
	z-index: 200;

	
}

.form_slide a{
	position: absolute;
	right: 5px;
}
.form_slide a img{
	border: none;
}

.form_slide_2 a{
	position: absolute;
	right: 5px;
}
.form_slide_2 a img{
	border: none;
}

#indoorview {
	width: 600px;
	background: #FFF;
	margin: 20px 0;
	padding: 5px 32px 10px 32px;
	overflow: hidden;
}

#indoorview .ttl {
	width: 600px;
	text-align: center;
}

/* pop */
.pop a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}