@charset "utf-8";

/* ------------------------------------------------------------

	filename:	shop.css
	created:	080707
	update:		090825

------------------------------------------------------------ */

body {
	word-wrap: break-word;
}

/* 駅トップ対応（駅リンク追加） */

div#header div.inner div#sideInfo h1.dInline,
div#header div.inner div#sideInfoMypage h1.dInline {
	display: inline;
}

/* ------------------------------------------------------------ インナー */
div#mainContentsWrapSecond,
div.typeSe div#mainContents div#mainContentsWrapSecond { padding: 0 0 1px; }

div.typeSe div#mainContents div#mainContentsWrapSecond { padding-bottom: 10px; }

div.shopInner {
	padding-right: 20px;
}
.tabNav + .shopInner {
	padding-top: 20px;
}
/* 総店枝ページ用 */
div#mainContentsWrapSecond.chainBranch {
	padding-right: 20px;
}

/* ------------------------------------------------------------ お店ヘッダー */
/* レイアウト */
div#mainContents div#shopHeader { padding: 1px 1px 0 1px; }

div#mainContents div#shopHeader div.lead {
	clear: both;
/*	background-color: #D75656;
	background-image: url(/SYS/cmn/images/common/shop/bg_shopheader_lead.gif); */
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#mainContents div#shopHeader div.lead p#genreCatch {
	float: left;
	margin: 2px 0 2px 5px;
	color: #FFE5E5;
	font-weight: bold;
}

/* YahooSearchMonkey用 */
div#mainContents h4 span,
div#mainContents div#shopHeader div.lead p#genreCatch span {
	font-weight: bold;
}

/*口コミ*/

div#mainContents div.article p.name a span {
	font-weight: bold;
}

span.strong span {
	font-weight: bold;
}

/*印刷ページ*/

div#mainContents #shopName span,
div#mainContents .shopName2 span {
	font-weight: bold;
}

/* /YahooSearchMonkey用 */

div#mainContents div#shopHeader div.lead ul#mediaIcons {
	float: right;
	margin: 3px 3px 3px 0;
}

div#mainContents div#shopHeader div.lead ul#mediaIcons li {
	float: left;
	margin-left: 3px;
}

div#mainContents div#shopHeader div.contents {
/*	background-color: #F2E1E3;
	background-image: url(/SYS/cmn/images/common/shop/bg_shopheader_contents.jpg); */
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-bottom:10px;
}

/* div.typeSe div#mainContents div#shopHeader div.contents { background-image: url(/SYS/cmn/images/common/shop/bg_shopheader_contents_s.jpg); } */

div#mainContents div#shopHeader div.contents p#shopLogo,
div#mainContents div#shopHeader div.contents div#shopTitle,
div#mainContents div#shopHeader div.contents div#poico { float: left; }

div#mainContents div#shopHeader div.contents ul.btn { float: right; }

div#mainContents div#shopHeader div.contents p#shopLogo {
	width: 69px;
	margin: 3px 0 3px 9px;
	text-align: center;
}

* html div#mainContents div#shopHeader div.contents p#shopLogo { margin-left: 4px; }

div#mainContents div#shopHeader div.contents div#shopTitle { width: 560px; }

div.typeSe div#mainContents div#shopHeader div.contents div#shopTitle { width: 671px; }

div.typeSe div#mainContents div#shopHeader.withPoico div.contents div#shopTitle { width: 500px; }

div.typeSp div#mainContents div#shopHeader div.contents div#shopTitle { }

/* お店情報 */
div#mainContents div.boxedItem p.genreCatch {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 100%;
}

div#mainContents div#shopHeader div.contents div#shopTitle p#shopNameRuby {
	margin: 0 0 5px 10px;
	color: #555555;
	font-size: 100%;
}

div#mainContents div#shopHeader div.contents div#shopTitle h1#shopName,
div#mainContents div#shopHeader div.contents div#shopTitle p#shopName {
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 0;
	border: none;
	background-image: none;
	font-weight: bold;
	font-size: 160%;
}
.crown {
	margin: 5px 0 0 10px;
	font-size: 120%;
}
div#mainContents div#shopHeader div.contents div#shopTitle h1#shopName,
div#mainContents div#shopHeader div.contents div#shopTitle p#shopName,
div#mainContents div#shopHeader div.contents div#shopTitle dl.telAccess dd.tel { color: #000; }

/* 電話番号・アクセス */
div#mainContents div#shopHeader div.contents div#shopTitle dl.telAccess {
	clear: both;
	margin-left: 10px;
	margin-bottom: 0;
}

div#mainContents div#shopHeader div.contents div#shopTitle dl.telAccess dd { width: 450px; }

div.typeSe div#mainContents div#shopHeader div.contents div#shopTitle dl.telAccess dd {
	width: 641px;
	margin-top: 3px;
}

div.typeSe div#mainContents div#shopHeader.withPoico div.contents div#shopTitle dl.telAccess dd { width: 470px; }

/* ポイコ */
div#mainContents div#shopHeader div.contents div#poico { width: 81px; }

div.typeSe div#mainContents div#shopHeader.withPoico div.contents div#poico { width: 171px; }

div#mainContents div#shopHeader div.contents div#poico p,
div#mainContents div#shopHeader div.contents div#poico dl,
div#mainContents div#shopHeader div.contents div#poico ul { margin-left: 10px; }

div#mainContents div#shopHeader div.contents div#poico dl {
	margin-top: 8px;
	margin-bottom: 0;
}

div#mainContents div#shopHeader div.contents div#poico dl dt {
	float: left;
}

div#mainContents div#shopHeader div.contents div#poico dl dd.point {
	float: left;
	width: 31px;
	height: 21px;
	padding-top: 7px;
	background-image: url(/SYS/cmn/images/common/shop/bg_shopheader_poico_point.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #FFF;
	font-weight: bold;
	font-size: 100%;
}

div#mainContents div#shopHeader div.contents div#poico dl dd.campaign {
	clear: left;
}

* html div#mainContents div#shopHeader div.contents div#poico dl dd.campaign { margin-top: -8px; }

*:first-child+html div#mainContents div#shopHeader div.contents div#poico dl dd.campaign { margin-top: -8px; }

div#mainContents div#shopHeader div.contents div#poico ul li {
	background-position: -2px 1px;
	font-size: 100%;
}

div.typeSe div#mainContents div#shopHeader.withPoico div.contents div#poico p {
	margin-top: 20px;
	margin-bottom: 3px;
}

div.typeSe div#mainContents div#shopHeader.withPoico div.contents div#poico ul { float: right; }

/* アクションボタン */
div#mainContents div#shopHeader div.contents ul.btn {
	clear: none;
	margin: 8px 10px 0 0;
}

* html div#mainContents div#shopHeader div.contents ul.btn { margin-right: 5px; }

div#mainContents div#shopHeader div.contents ul.btn li {
	margin-bottom: 4px;
}

div#mainContents div#shopHeader div.contents ul.btn li.lastChild { margin-bottom: 0; }

/* ------------------------------------------------------------ ショップナビ */
div#mainContents div.shopNav { clear: both; }

div#mainContents div.shopNav.top {
	border-top: 1px solid #CFCFCF;
	background-image: url(/SYS/cmn/images/common/front/bg_shopnav_top.jpg);
	background-repeat: no-repeat;
	background-position: 1px 2px;
}

div#mainContents div.shopNav.bottom {
	background-image: url(/SYS/cmn/images/common/front/bg_shopnav_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}

div#mainContents div.shopNav ul.nav {
	position: relative;
	float: left;
	height: 36px;
	width: 448px;
	margin-left: 0;
	padding: 0 0 0 1px;
	border: none;
	z-index: 100;
}

div#mainContents div.shopNav.top ul.nav {
	margin: 0;
	padding-bottom: 5px;
	background-image: url(/SYS/cmn/images/common/front/bg_shopnav_nav_top.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0;
}

div#mainContents div.shopNav.bottom ul.nav {
	margin-top: 5px;
	margin-bottom: 0;
	background-image: url(/SYS/cmn/images/common/front/bg_shopnav_nav_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0;
}

div#mainContents div.shopNav ul.nav li {
	position: relative;
}

div#mainContents div.shopNav.top ul.nav li { border-top: none; }

div#mainContents div.shopNav.bottom ul.nav li { padding-top: 1px; }

div#mainContents div.shopNav.top ul.nav li.current { border-bottom: solid 1px #EBE5D9; }

div#mainContents div.shopNav.bottom ul.nav li.current {
	border-top: solid 1px #EBE5D9;
	padding-top: 0;
}

div#mainContents div.shopNav ul.nav li.recommendReport strong {
	position: absolute;
	top: 11px;
	left: 64px;
	font-size: 83.3%;
	color: #999999;
	font-weight: normal;
	line-height:1.5;
}

div#mainContents div.shopNav ul.nav li.recommendReport a:hover { text-decoration: none;}

*:first-child+html div#mainContents div.shopNav ul.nav li.recommendReport strong {
	left: 64px;
	top: 10px;
}

* html div#mainContents div.shopNav ul.nav li.recommendReport strong {
	left: 64px;
	top: 10px;
}

div#mainContents div.shopNav ul.nav li.recommendReport strong span {
	color: #1671CE;
	font-weight: bold;
}

/* プルダウンナビ */
div#mainContents div.shopNav ul.nav li ul {
	position: absolute;
	z-index: 100;
	width: 100px;
	top: 35px;
}

* html div#mainContents div.shopNav ul.nav li ul {
	top: 35px;
	left: 0;
}

*:first-child+html div#mainContents div.shopNav ul.nav li ul {
	top: 35px;
	left: 0;
}

div#mainContents div.shopNav.top ul.nav li ul {
	border-bottom: solid 1px #CFCFCF;
	padding-top: 1px;
}

div#mainContents div.shopNav.top ul.nav li ul li { border: none; }

div#mainContents div.shopNav.bottom ul.nav li ul {
	border-top: solid 1px #CFCFCF;
	top: -128px;
}

div#mainContents div.shopNav.bottom ul.nav li ul li {
	border: none;
	padding-top: 0;
}

* html div#mainContents div.shopNav.bottom ul.nav li ul { top: -128px; }

*:first-child+html div#mainContents div.shopNav.bottom ul.nav li ul { top: -128px; }

/* ボトム メニュー・コースのプルダウン出しわけ */
/* MenuCourse3（メニューが3つの場合） */
div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse3 { top: -96px; }

* html div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse3 { top: -96px; }

*:first-child+html div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse3 { top: -96px; }

/* MenuCourse2（メニューが2つの場合） */
div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse2 { top: -64px; }

* html div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse2 { top: -64px; }

*:first-child+html div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse2 { top: -64px; }

/* MenuCourse1（メニューが1つの場合） */
div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse1 { top: -32px; }

* html div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse1 { top: -32px; }

*:first-child+html div#mainContents div.shopNav.bottom ul.nav li ul.MenuCourse1 { top: -32px; }

div#mainContents div.shopNav ul.nav li ul li { z-index: 11; }

div#mainContents div.shopNav ul.nav li:hover ul { display: block; }

* html div#mainContents div.shopNav ul.nav li.hover ul { display: block; }

div#mainContents div.shopNav ul.nav li.current:hover ul { display: none; }

div#mainContents div.shopNav ul.nav li a,
div#mainContents div.shopNav ul.subNav li a {
	display: inline;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

/* ボタンナビ */
div#mainContents div.shopNav ul.shopNavBtn {
	float: left;
	width: 310px;
	height: 29px;
	padding: 3px 0px;
	background-image: url(/SYS/cmn/images/common/front/bg_shopnav_btn.jpg);
	background-repeat: no-repeat;
}

div#mainContents div.shopNav.top ul.shopNavBtn {
	border-bottom: solid 1px #CFCFCF;
	margin: 0;
}

div#mainContents div.shopNav.bottom ul.shopNavBtn {
	border-top: solid 1px #CFCFCF;
	margin: 5px 0 0 0;
}

div#mainContents div.shopNav ul.shopNavBtn li.lookCoupon { float: right; padding-right: 3px;}

div#mainContents div.shopNav ul.shopNavBtn li.buyCoupon { float: right; padding-right:3px; padding-left: 6px;}

div#mainContents div.shopNav ul.shopNavBtn li.reserve { float: right; padding-right: 3px; padding-left: 6px;}

/* サブナビ */
div#mainContents div.shopNav ul.subNav {
	clear: both;
	height: 27px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: transparent;
}

div#mainContents div.shopNav ul.subNav li { margin-right: 4px; }

div#mainContents div.shopNav.bottom ul.subNav li { margin-top: 4px; }

div#mainContents div.shopNav.bottom ul.subNav li.current { margin-top: 0; ; }


/* シーンナビ */
div#mainContents div.sceneNav { border-bottom: 2px solid #F5DDB9; }

div#mainContents div.sceneNav { clear: both; }

div#mainContents div.sceneNav h2,
div#mainContents div.sceneNav p {
	float: left;
	clear: none;
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
}

/* ------------------------------------------------------------ 店舗情報 */
div#mainContents div.shopInner p.shopInfoTitle { clear: both; }

div#mainContents div.shopInner p.shopInfoTitle {
	line-height: 1.1;
	padding-bottom: 19px;
	padding-left: 15px;
	border-bottom: solid 1px #E3E3E3;
	background-image: url(/SYS/cmn/images/common/bg_h1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	font-size: 180%;
	margin: 0 0 10px 20px;
}

div#mainContents div.heading p.shopInfoTitle {
	float: left;
	border: medium none;
	margin-bottom: 0;
}

div#mainContents div.shopInner p.shopInfoTitle span.searchMonkey,
div#mainContents div.shopInner p.shopNameMPDO  span.searchMonkey {
	font-weight: bold;
}

div#mainContents h3.firstChild { margin-top: 0; }

div#mainContents div.shopInner p.shopNameSp {
	padding-left: 10px;
	background-image: url(/SYS/cmn/images/common/bg_h3.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	font-size: 120%;
}

* html div#mainContents div.shopInner p.shopName { padding-left: 15px; /* IE対応 */ }

/* お店情報タイトル（マップル・ドコイク） */

div#mainContents div.shopInfoTitleMPDO {
	border-bottom: solid 1px #E3E3E3;
	margin: 0 0 10px 20px;
}

div#mainContents p.shopNameMPDO {
	float: left;
	width: 479px;
	margin: 0;
	padding: 0 019px 15px;
	background: url(/SYS/cmn/images/common/bg_h1.gif) 0 0 no-repeat;
	font-size: 180%;
	font-weight: bold;
	line-height: 1.1;
}

div#mainContents ul.msgLink {
	width: 203px;
	float: right;
	margin: 0;
}
div#mainContents ul.msgLink li {
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	word-break: break-all;
}
div#mainContents ul.msgLink li.lastChild {
	margin-right: 0;
}

/* こだわり */
div#mainContents div.boxedItem div.columnPssA { width: 90px; }

div#mainContents div.boxedItem div.columnPssB { margin-left: 90px; }

/* アクセス */
div#mainContents div.shopInner table.access tbody address { font-size: 100%; }

/* ------------------------------------------------------------ 料理 */
div#mainContents div.dish div.locator { margin-bottom: 20px; }

div#mainContents div.dish div.column4B div.locator { margin-bottom: 0; }

div#mainContents div.dish div.menu {
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #AFAFAF;
}

div#mainContents div.dish div.menu h4 {
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	width: 212px;
}

div#mainContents div.dish div.photoExtra div.columnPlex div.menu {
	margin-right: 10px;
	margin-left: 10px;
}

div#mainContents div.dish div.photoExtra div.columnPlex div.menu h4 {
	margin: 0;
	width: 162px;
}

div#mainContents div.dish div.menu p.price {
	text-align: right;
	margin: 0;
	float: right;
	width: 58px;
	clear: none;
}

div#mainContents div.dish ul.icon,
div#mainContents div.dish p.catch { margin: 0 0 2px 0; }

div#mainContents div.dish div.columnPsssA p.photoSSS { margin-bottom: 0; }

div#mainContents div.dish div.columnPsssB {
	float: right;
	width: 270px;
	margin: 0;
}

/* ------------------------------------------------------------ ドリンク */
div#mainContents dl.price {
	padding-bottom: 10px;
	border-bottom: dotted 1px #999;
}

div#mainContents dl.price dt {
	float: left;
	width: 580px;
}

div#mainContents dl.price dd {
	margin-left: 590px;
	text-align: right;
}

/* ------------------------------------------------------------ 宴会・コース */
div#mainContents div.course { border: 1px solid #CCC; }

div#mainContents div.course p.couponPrice {
	float: left;
	width: 200px;
	margin-right: 0;
	background-color: #CCC;
}

div#mainContents div.course ul.btn {
	float: left;
	clear: none;
	margin-left: 0;
}

* html div#mainContents div.course p.couponPrice { margin-left: 5px; }

div#mainContents p.couponPrice {
	margin-right: 0;
	background-color: #CCC;
	text-align: center;
}

/* ------------------------------------------------------------ 個別 */
div#mainContents p.campaignPoint {
	background-color: #EFEFEF;
	text-align: center;
}

/* 姉妹店リンク */
div#mainContents ul.links li.headShop {
	margin-bottom: 1em;
	background-position: -5px 3px;
}

div#mainContents ul.links li.headShop span.headShop {
	font-size: 120%;
	font-weight: bold;
}

/* ------------------------------------------------------------ クーポン情報 */
div#mainContents table.couponDetail { table-layout: fixed; }

div#mainContents table.couponDetail th {
	width: 30%;
	text-align: center;
}

div#mainContents div.getCoupon div.txt {
	margin-right: 15em;
	text-align: right;
}

div#mainContents div.getCoupon div.btn {
	float: right;
	width: 15em;
	text-align: right;
}

div#mainContents div.getCoupon div.btn ul.btn { float: right; }

div#mainContents div.getCoupon div.txt p { padding-top: 0.3em; }

/* ------------------------------------------------------------ クーポンNN */
/* LightBox外 */
.jscStyleCourseSlectLightBox,
.jscStyleCourseSlectLightBox #TB_title {
	background: none!important;
	border: 0!important;
	position: absolute!important;
}
.jscStyleCourseSlectLightBox #TB_ajaxContent {
	overflow: hidden!important;
	height: 100%!important;
}
.jscStyleCourseSlectLightBox .div#searchParameter {
	width: auto;
}
.jscStyleCourseSlectLightBox #mainContents .selectCourse .couponDetail>dt,
.jscStyleCourseSlectLightBox #mainContents .selectCourse .couponDetail>dd {
	font-size: 12px;
}
.jscStyleCourseSlectLightBox #mainContents .selectCourse .couponDetail>dt {
	padding: 0;
	width: 6.5em;
	float: left;
	padding-left: 9px;
	background-position: 0 4px;
	background-repeat: no-repeat;
}
.jscStyleCourseSlectLightBox #mainContents .selectCourseTitle {
	width: 650px;
	background-image: none;
	font-size: 16px;
}
.jscStyleCourseSlectLightBox #searchParameter.selectCourse  {
	width: auto!important;
}
/* LightBox内 */
.jscStyleCourseSlectLightBox .selectCourse {
	width: 960px;
}
.jscStyleCourseSlectLightBox .selectCourse ul {
	list-style-type: none;
}
.jscStyleCourseSlectLightBox #searchParameter.selectCourse {
	border-color: #CCCCCC;
}
.jscStyleCourseSlectLightBox #searchParameter.selectCourse .innerWrap {
	border: 0;
}
.jscStyleCourseSlectLightBox #searchParameter .innerWrap {
	background-image: none!important;
	background-color: #F7F3EA!important;
}
/* end */

/* ------------------------------------------------------------ CourseList*/
/* 共通エリア */
div#mainContents .courseLinks {
	margin: 0 1px;
	padding-top: 12px;
	padding-bottom: 10px;
	background-color: #FFFFE5;
}
div#mainContents .courseLinks li {
	position: relative;
	width: auto;
	height: 18px;
	font-size: 12px;
	padding-left: 15px;
	background-image: url(/SYS/cmn/images/common/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
div#mainContents .courseLinks li a {
	display: block;
	position: relative;
	width: auto;
	height: 18px;
}
div#mainContents .courseLinks li span {
	position: absolute;
	top: 0;
	right: 8px;
	height: 18px;
}
div#mainContents .courseLinks li.current {
	background-image: url(/SYS/cmn/images/common/front/mark_courselinks_cr.gif);
	background-position: 1px 3px;
	font-weight: bold;
	color: #666;
}
div#mainContents .courseLinks.top {border-bottom: solid 1px #CCC;}
div#mainContents .courseLinks.bottom {padding: 10px; border-top: solid 1px #CCC;}
div#mainContents .courseLinks li.odd { background-color: #FFFFE5; }
div#mainContents .courseLinks li.even { background-color: #F0F0D8; }
div#mainContents .courseLinks li.current span { font-weight: bold; }
div#mainContents .courseLinks li a span { cursor: pointer; }
div#mainContents .courseLinks img {vertical-align: top;}

div#mainContents .courseLinks .secretCouponArea,
div#mainContents .courseLinks .normalCouponArea {margin-left: 0; margin-bottom: 0;}
/* 通常クーポンエリア */
div#mainContents .courseLinks .normalCouponArea {
	position: relative;
	zoom: 1;
}
div#mainContents .courseLinks.top .normalCouponArea {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 270px;
	padding: 0 10px;
}
/* 会員限定クーポンエリア */
div#mainContents .courseLinks .secretCouponArea {
	height: auto;
	background-image: none;
	border-bottom: dashed 1px #BBB;
	padding: 0 0 4px 0;
	zoom: 1;
	line-height: auto;
	margin-bottom: 4px;
}
div#mainContents .courseLinks.top .secretCouponArea {
	margin-left: 10px;
	margin-right: 10px;
}
*:first-child+html #mainContents .courseLinks .secretCouponArea>li>a img {margin-top: -3px;}
#mainContents .courseLinks .secretCouponArea {margin-bottom: 1px;}
div#mainContents .courseLinks .secretCouponArea>li {margin-bottom: 1px;}
#mainContents .courseLinks .secretCouponArea .even {background-color: #F0F0D8;}
#mainContents .courseLinks .secretCouponArea .odd {background-color: #FFFFE5;}
/* end */

div#mainContents table.infoTable tbody th { width: 169px; }
div#mainContents table.infoTable tbody th span {
	display: block;
    margin-top: 2px;
}

div#mainContents p span.headCount {
	font-weight: bold;
	font-size: 116%;
}

/* ------------------------------------------------------------ お店写真 Thickbox */
div#mainContents ul.thumbNail li.slideShow,
div#mainContents p.slideShow {
	background-image: url(/SYS/cmn/images/common/icon_zoom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* ------------------------------------------------------------ おことわり */
div#notice div.txt,
div#notice div.relatedLinks { float: left; }

div#notice div.txt { width: 605px; }

div#notice div.relatedLinks { width: 325px; }

div#notice div.relatedLinks p,
div#notice div.relatedLinks ul { float: right; }

div#notice div.relatedLinks p {
	margin-top: 6px;
	margin-left: 10px;
}

div#notice div.relatedLinks ul { margin-top: 0.9em; }

/* ------------------------------------------------------------ thickbox */
.TB_overlayBG { background-color: #fff; }

div#TB_window {
	border: 1px solid #707070;
	background-color: #F4F2EE;
	overflow: hidden;
}

div#TB_closeWindow { font-size: 100%; }

#TB_closeWindow {
	float: none;
	clear: none;
	height: auto;
	margin: 2px 10px 0 10px;
	padding: 3px;
	text-align: right;
}

#TB_closeWindow a {
	padding: 0 0 0 13px;
	background: url(/SYS/cmn/images/common/dialog/btn_close.gif) left center no-repeat;
}

#TB_window img#TB_Image {
	display: block;
	margin: 0 0 0 15px;
	border: none;
}

#TB_caption {
	float: none;
	height: auto;
	margin: 5px 15px 0 15px;
	padding: 0 0 9px 0;
	border-bottom: 1px solid #D4D2CD;
	font-size: 120%;
	line-height: 1.33;
}

#TB_secondLine {
	height: 40px;
	margin: 0 15px 5px 15px;
	padding: 5px 0 0 0;
	border-top: 1px solid #fff;
	color: #666;
	font-size: 120%;
	text-align: center;
	position: relative;
}

span#TB_next,
span#TB_prev {
	width: 33%;
	z-index: 99;
	position: absolute;
}

span#TB_next {
	margin-left: 25px;
	text-align: left;
	right: 0;
}

span#TB_prev {
	margin-right: 25px;
	text-align: right;
	left: 0;
}

span#TB_count {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 0;
}

span#TB_next a {
	padding-right: 12px;
	background: url(/SYS/cmn/images/common/mark_links.gif) right center no-repeat;
}

span#TB_prev a {
	padding-left: 12px;
	background: url(/SYS/cmn/images/common/mark_links_prev.gif) left center no-repeat;
}

div#TB_window span.current {
	margin: 0;
	color: #333;
	font-weight: bold;
}

/* 店舗配下旧トンマナのtickbox用の上書きCSS */
div#TB_window.TB_shopDialog {
	border: none;
	background: none;
}

div#TB_window.TB_shopDialog > #TB_ajaxContent.TB_modal {
	height: auto !important;
}

/* ------------------------------------------------------------ 写真　変則マージン */
div#mainContents div.photoExtra { margin-left: 20px; }

div#mainContents div.photoExtra div.columnPlex {
	float: left;
	width: 240px;
}

div#mainContents div.photoExtra div.columnPlex p.photoL {
	margin-right: 0;
	margin-left: 0;
}

div#mainContents div.photoExtra div.columnPlex h3,
div#mainContents div.photoExtra div.columnPlex h4,
div#mainContents div.photoExtra div.columnPlex p,
div#mainContents div.photoExtra div.columnPlex ul {
	margin-right: 10px;
	margin-left: 10px;
}

/* ------------------------------------------------------------ 写真　縦横中央 */
div#mainContents table.image { margin: 0; }

div#mainContents table.image.photoM {
	width: auto!important;
	border: solid 1px #ECECEC;
}

div#mainContents div.nearbyShop table.image { margin-bottom: 10px; }

div#mainContents table.image tbody td {
	width: 168px;
	height: 168px;
	padding: 0;
	background-image: none;
	border: none;
	text-align: center;
}

/* ------------------------------------------------------------ Clearfixes */
div#mainContents div.shopInner:after,
div#mainContents div#shopHeader div.lead:after,
div#mainContents div#shopHeader div.contents:after,
div#mainContents div.shopNav:after,
div#mainContents div.sceneNav:after,
div#mainContents div#shopInfo:after,
div#mainContents dl.price:after,
div#mainContents dl.courseLinks:after,
div#mainContents div.heading.nearbyShop div.headingInner:after,
div#mainContents div.dish div.menu:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

div#mainContents div.shopInner,
div#mainContents div#shopHeader div.lead,
div#mainContents div#shopHeader div.contents,
div#mainContents div.shopNav,
div#mainContents div.sceneNav,
div#mainContents div#shopInfo,
div#mainContents dl.price,
div#mainContents dl.courseLinks,
div#mainContents div.heading.nearbyShop div.headingInner,
div#mainContents div.dish div.menu { display: inline-table; }

* html div#mainContents div.shopInner,
* html div#mainContents div#shopHeader div.lead,
* html div#mainContents div#shopHeader div.contents,
* html div#mainContents div.shopNav,
* html div#mainContents div.sceneNav,
* html div#mainContents div#shopInfo,
* html div#mainContents dl.price,
* html div#mainContents dl.courseLinks,
* html div#mainContents div.heading.nearbyShop div.headingInner,
* html div#mainContents div.dish div.menu { height: 1%; }

div#mainContents div.shopInner,
div#mainContents div#shopHeader div.lead,
div#mainContents div#shopHeader div.contents,
div#mainContents div.shopNav,
div#mainContents div.sceneNav,
div#mainContents div#shopInfo,
div#mainContents dl.price,
div#mainContents dl.courseLinks,
div#mainContents div.heading.nearbyShop div.headingInner,
div#mainContents div.dish div.menu {
	display: block;
	zoom: 1;
}

/* 電話番号横の注記文言 */
table tbody td span.explain {
	font-size:80%;
}
div#mainContents dl.telAccess dd.tel span.explain {
	font-size: 70%;
}

/* ------------------------------------------------------------ お店情報PC・携帯に送る画面 */

div#mainContents h2.sendPcMb {
	margin-bottom: 20px;
}

div#mainContents p.sendMailAdd {
	margin-bottom: 50px;
}

div#mainContents p.sendMailAdd input {
	width: 400px;
	height: 23px;
	font-size: 160%;
}

div#mainContents .forwardBox {
	margin: 0 0 20px 20px;
}

div#mainContents .forwardBoxL {
	float: left;
	width: 410px;
}

div#mainContents .forwardBoxR {
	float: right;
	width: 280px;
	padding: 10px;
}


div#mainContents .forwardBox .forwardBoxL p {
	margin: 0;
}

div#mainContents div.forwardBoxL dl.compatibleMB {
	margin: 10px 0 0 0;
	clear: both;
}

div#mainContents dl.compatibleMB dt {
	float:left;
	margin-right: 5px;
}

div#mainContents dl.compatibleMB dd {
	float:left;
}

div#mainContents div.forwardBoxL ul.mobileIcon {
	margin: 0;
}

div#mainContents .forwardBoxR h3 {
	margin: 0 0 10px 0;
}

div#mainContents .forwardBoxR .qrImg {
	float: left;
	margin: 0;
}

div#mainContents .forwardBoxR .qrTxt {
	float: right;
	margin: 0;
	width: 192px;
}

/*-------------------------------------mark_linksあり右寄せリンク --*/
div#mainContents ul.linkRel {
	text-align: right;
}

div#mainContents ul.linkRel a {
	padding-left: 13px;
	background: url(/SYS/cmn/images/common/mark_links.gif) 0 50% no-repeat;
}

/*-------------------------------------お店情報（ドコイク） --*/

/* 検索エリア */
div#grumetSearch dl.genreSrcShop {
	margin-top:0;
}

div#grumetSearch dl.genreSrcShop dd {
	padding-top: 3px;
	padding-left: 56px;
}

/* サブコンテンツ */
div#subContents #nearShop {
	margin-bottom:10px;
	background-image:url("/SYS/cmn/images/common/top/bg_sub_near_shop_body.gif");
	background-position:0 0;
	background-repeat:y-repeat;
}

div#subContents #nearShopBtmImg  {
	background-image:url("/SYS/cmn/images/common/top/bg_sub_near_shop_bottom.gif");
	background-position:0 bottom;
	background-repeat:no-repeat;
}

div#subContents #nearShop li .nearShopwrap {
	margin:0 10px;
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EFD7B7;
}

div#subContents #nearShop li.lastChild .nearShopwrap {
	border-bottom:none;
}

div#subContents #nearShop h2 {
	width:170px;
	height:19px;
}

div#subContents .nearShopItem p{
	margin:5px 0 10px;
	clear: none;
}

div#subContents p.nearShopPhoto {
	float:left;
	height:58px;
	width:58px;
}

div#subContents p.nearShopTxt{
	clear:none;
	float:right;
	width:80px;
}

/* 特集・シーンから探す */
div#mainContents .dokoikuAreaSP{
	padding-top: 10px;
	background:#F4F3F0;
}

div#mainContents .dokoikuAreaSPWrap{
	background:#FFFFFF;
}

div#mainContents .dokoikuAreaSP h2{
	margin-top:0;
	padding-top: 10px;
}

div#mainContents ul.dokoikuAreaSPTop {
	margin: 20px 0 10px 20px;
}
div#mainContents ul.dokoikuAreaSPBottom{
	margin-bottom:0;
	margin-left: 20px;
	padding-bottom:10px;
}

div#mainContents ul.dokoikuAreaSPBottom li,
div#mainContents ul.dokoikuAreaSPTop li {
	float:left;
	margin-right:10px;
	width:233px;
}

div#mainContents .dokoikuAreaSPPicture {
	float:left;
	margin-right:10px;
}

div#mainContents .dokoikuAreaSPText{
	float:right;
	width:125px;
}

div#mainContents  dl.dokoikuAreaSPText{
	margin: 0;
}

div#mainContents .dokoikuAreaSPText dt{
	padding-left:8px;
	background:transparent url(/SYS/cmn/images/common/mark_links.gif) no-repeat scroll -5px 2px;
}

div#mainContents .dokoikuAreaSPText dt a{
	font-weight:bold;
}

div#mainContents h2 + ul.freeAreaSLTop {
	margin-top: 20px;
}

div#mainContents ul.freeAreaSLTop{
	margin-bottom:0;
	margin-left: 30px;
	padding-bottom:10px;
}

div#mainContents ul.freeAreaSLTop li{
	float: left;
	min-height: 55px;
	_height: 55px;
	width: 165px;
	margin: 0 15px 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

div#mainContents ul.freeAreaSLTop li p{margin: 0;}

div#mainContents ul.freeAreaSLTop li p.genres{
	color:#666666;
	font-size:84%;
}

/* ------------------------------------------------------------ 店舗トップ系 */

/* 「ネットで予約」導線用 */
div#mainContents .linkArw{
	margin: 3px 0 0 10px;
}

div#mainContents .linkArw a {
	background-image:url("/SYS/cmn/images/common/mark_links.gif");
	background-position:-5px 0;
	background-repeat:no-repeat;
	padding-left:8px;
}

div#mainContents .linkArwTbl a{
	background-image:url("/SYS/cmn/images/common/mark_links.gif");
	background-position:-5px 0;
	background-repeat:no-repeat;
	padding-left:8px;
}

/* ------------------------------------------------------------ コース写真追加 */

div#mainContents .crs2clmWrap {
	padding: 0 0 10px 30px;
}

div#mainContents .crs2clmWrap p {
	float:left;
	width: 450px;
	margin: 0;
}
div#mainContents .crs2clmWrap div.crsPhoto {
	float: right;
	width: 238px;
	height: 238px;
}

div#mainContents .crs2clmWrap div.crsPhoto a {
	display: block;
	background :#FFFFFF url(/SYS/cmn/images/common/icon_zoom.gif) no-repeat 100% 100%;
	border: 1px solid #ECECEC;
	text-align: center;
}


/* クチコミ
------------------------------------------------------------*/

div#shopAddress{
	float: left;
	width: 270px;
}

#shopAddress dl{ margin-left: 20px; }

#shopAddress dl.indicator { margin-left: 0; }

div#shopAddress dl.info dt.feature,
div#shopAddress dl.info dt.access,
div#shopAddress dl.info dt.shopHour,
div#shopAddress dl.info dt.reserve {
	padding: 1px 0 1px 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	font-size: 100%;
}

div#shopAddress dl.info dt.check {
	padding: 1px 0 1px 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	font-size: 100%;
}

div#shopAddress dl dd dl dd { font-size: 80%; }

div#shopAddress dl.info dt.feature { background-image: url(/SYS/cmn/images/common/front/icon_meter.gif); }

div#shopAddress dl.info dt.access { background-image: url(/SYS/cmn/images/common/front/icon_access.png); }

div#shopAddress dl.info dt.shopHour { background-image: url(/SYS/cmn/images/common/front/icon_cal.gif); }

div#shopAddress dl.info dt.check { background-image: url(/SYS/cmn/images/common/bg_h3_support.gif); }

div#shopAddress dl.info dt.reserve { background-image: url(/SYS/cmn/images/common/icon_net_reserved.gif); }


div#shopAddress dl.info dd.access,
div#shopAddress dl.info dd.shopHour,
div#shopAddress dl.info dd.check,
div#shopAddress dl.info dd.reserve { padding-left: 20px; }

div#shopAddress dl.info dl.indicator dl { margin-left: 0; }

div#shopAddress dl.info dl.indicator dd { font-size: 100%; }

div#shopAddress dl.info dl.indicator dd.course ul li { font-size: 80%; }

div#shopAddress dl.info dd.access,
div#shopAddress dl.info dd.shopHour { margin-bottom: 10px; }

div#shopAddress dl.info dd.access address { font-size: 100%; }

div#shopAddress dl.info dt.check {
	padding-top: 10px;
	border-top: 1px solid #ECECEC;
	background-position: 0 10px;
}

div#shopAddress dl.info dd.check {
	border-bottom: 1px solid #ECECEC;
	font-size: 100%;
	padding-bottom: 10px;
}

div#shopAddress dl.info dd.check ul.btn {
	float: left;
	width: 130px;
	padding-top: 5px;
	margin-bottom: 0;
}

div#shopAddress dl.info dd.check ul.btn li {
	margin-top: 8px;
}

div#shopAddress dl.info dd.check p.pic {
	float: right;
	width: 93px;
	margin-bottom: 0;
}


/* More Link
--------------------------------------------------*/

div#mainContents h2{
	position: relative;
	zoom: 1;
}

div#mainContents h2 span span.moraLink{
	position: absolute;
	top: 5px;
	right: 10px;
	display: inline;
	padding: 0px;
	background: none;
	font-size: 86%;
	zoom: 1;
}


/* Shop Feature
------------------------------------------------------------*/

ul.shopFeature li{
	float: left;
	width: 205px;
	min-height: 3em;
	_height: 3em;
	margin-right: 9px;
	padding: 10px;
	border: 1px solid #FCC688;
	background: #FFEAD9;
	font-size: 1.4em;
	color: #444;
	line-height: 1.2em;
	font-weight: bold;
	vertical-align: middle;
}


/* Article Cassette
------------------------------------------------------------*/

div.articleCst{
	margin: 0 0 20px 20px;
	padding: 10px 10px 10px 0px;
	border: 1px solid #DEDEDE;
}

div#mainContents div.reportList div.articleCst,
div#mainContents div.blogList div.articleCst{margin: 0px 10px 20px 30px;}

div#mainContents p.blogTitle{
	float: left;
	margin-left: 10px;
	_margin-left: 5px;
	font-size: 1.4em;
	font-weight: bold;
}

div#mainContents p.entryDate{
	float: right;
	margin-top: 0.1em;
	font-size: 1em;
	color: #666;
	white-space: nowrap;
}

div#mainContents div.blogEntry p{margin-left: 10px;}

div#mainContents dl.blogPost{margin: 0px 10px;}

div#mainContents dl.blogPost dt,
div#mainContents dl.blogPost dd{color: #AE4E4E;}

div#mainContents dl.blogPost dt{font-size: 1em;}

div#mainContents p.blogAuther{
	margin-bottom: 0px;
	text-align: right;
}


/* Report List
--------------------------------------------------*/

div#mainContents div.reportList div.listHeader{margin: 0px 10px 0px 30px;}

div#mainContents div.reportList div.listHeader h3{
	float: left;
	margin: 0px;
}

div#mainContents div.reportList div.listHeader ul{
	clear: none;
	float: right;
}


/* Blog List
--------------------------------------------------*/

div#mainContents div.blogList div.articleCst{margin: 0px 10px 20px 30px;}


/* Blog Wrap
--------------------------------------------------*/

div#mainContents #mainContentsWrapSecond .blogWrap{margin-top: 20px;}

div#mainContents #mainContentsWrapSecond .blogWrap p.shopInfoTitle{
	padding-bottom: 10px;
	border: none;
}

/* 吹き出し差し込み
--------------------------------------------------*/
.topBanner {
	clear:both;
	padding-bottom: 5px;
	text-align: center;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: #ECE5DA;
	zoom: 1;
	position: relative;
}

div#mainContents div.shopNav ul.subNav {
	clear: both;
	height: 27px;
	margin-bottom: 0;
	padding-left: 6px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #ece5da;
}

/* ドコアラ/おすすめグルメ特集
--------------------------------------------------*/
div.dokoikuAreaSPWrap #recommend {
	margin-top: 15px;
	width: 758px;
}
div#mainContents div.dokoikuAreaSPWrap #recommend ul {
	margin: 20px 10px 0 30px;
}
div.dokoikuAreaSPWrap #recommend ul li {
	float: left;
	font-size: 100%;
	margin-right: 55px;
	min-height: 220px;
	_height: 220px;
	padding-bottom: 10px;
	width: 205px;
}

div.dokoikuAreaSPWrap #recommend ul li.marR0 {
	margin-right: 0;
	width: 190px;
}
div#mainContents div.dokoikuAreaSPWrap #recommend dl {
	line-height: 1.4;
	margin-top: 5px;
	margin-left: 0;
	padding: 0 3px;
}
div.dokoikuAreaSPWrap #recommend li dl dt a {
	font-size: 120%;
	font-weight: bold;
}
div.dokoikuAreaSPWrap #recommend li dl dt {
	margin-bottom: 7px;
}
div.dokoikuAreaSPWrap #recommend li dl dd {
	color: #666666;
	width: 174px;
}
div.dokoikuAreaSPWrap #recommend a {
	color: #D01119;
}

/* ドコアラ/エリアのお店
--------------------------------------------------*/
div#mainContents div.dokoikuAreaSPWrap .areaShopImage {
	margin-bottom: 10px;
	height: 98px;
	text-align: center;
	width: 98px;
	border: 1px solid #ECECEC;
}

div#mainContents div.dokoikuAreaSPWrap .areaShopImage a {
	display: block;
}
div#mainContents div.dokoikuAreaSPWrap .catchCopy {
	margin-bottom: 10px;
	color: #ae4e4e;
	font-weight: bold;
}
/* ------------------------------------------------------------ iconSubsite*/
div#shopHeader .lead .iconSubsite{
	margin: 0;
	padding: 1px 1px 3px 3px;
	float: right;
}
div#shopHeader .lead .iconSubsite .pointSpecial,
div#shopHeader .lead .iconSubsite .season,
div#shopHeader .lead .iconSubsite .girlsparty,
div#shopHeader .lead .iconSubsite .wedding,
div#shopHeader .lead .iconSubsite .viking,
div#shopHeader .lead .iconSubsite .birthday,
div#shopHeader .lead .iconSubsite .local,
div#shopHeader .lead .iconSubsite .premium {
	display: inline;
	margin: 0 2px 2px 0;
}

.iconCoupon { vertical-align: baseline; padding-right: 5px; }

/* お食事券_ライトボックス
--------------------------------------------------*/

/* general */
.fs15 { font-size: 15px; }
.padB5 { padding-bottom: 5px; }

/* wrap */
#TB_window.lightBoxMealTk{
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.lightBoxMealTk,
.lightBoxMealTk #TB_title {
	background-color: #FFFFFF !important;
	border: 2px solid #CCCCCC !important;
	position: fixed !important;
}
.lightBoxMealTk #TB_ajaxContent {
	overflow: hidden !important;
	height: 100% !important;
	margin: 0 auto;
}
.lightBoxMealTk p.closeBtn {
	background: url(/SYS/cmn/images/common/dialog/btn_close.gif) no-repeat scroll left center transparent;
	cursor: pointer;
	margin: 0;
	padding-left: 13px !important;
}
.wTxtArea {
	width: 98%;
}
.questionnaireTable input {
	width: 1em;
	margin: -2px 1px 2px 0;
	padding: 0;
	vertical-align: middle;
}
*:first-child+html .questionnaireTable input {
	margin: 0;
}

/* inner */
.shopMealTicketTitle {
	float: left;
	padding: 5px 0 2px 32px;
	font-size: 15px;
	font-weight: bold;
	background: url(/SYS/ticket/images/icon/icon_shop_meal_title.png) no-repeat left center;
}
.shopMealTickets {
	margin-top: 20px;
}
.shopMealTickets>li {
	float: left;
	width: 173px;
}
.shopMealTickets>li + li{
	margin-left: 9px;
}
.shopMealTickets>li>a {
	display: block;
	position: relative;
	background-color: #FFFFFF;
	zoom: 1;
}
.shopMealTickets>li>a:hover {
	text-decoration: none;
	cursor: pointer;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFF8D1),
		to(#FFFCF2)
	);
	background: -moz-linear-gradient(
		top,
		#FFF8D1,
		#FFFCF2
	);
	background: -ms-linear-gradient(
		top,
		#FFF8D1,
		#FFFCF2
	);
	background: -o-linear-gradient(
		top,
		#FFF8D1,
		#FFFCF2
	);
	background: linear-gradient(
		top,
		#FFF8D1,
		#FFFCF2
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFF8D1, endcolorstr=#FFFCF2, gradienttype=0);
}
.shopMealTickets>li>a:hover .forDetail {
	text-decoration: underline;
}
.bgShopMealCoupon {
	position: relative;
	height: 142px;
	padding-top: 2px;
	background: url(/SYS/ticket/images/bg/bg_shop_meal_ticket.png) no-repeat left center;
}
.shopMealCouponTitle {
	padding: 0 !important;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.shopMealCouponText {
	line-height: 1;
	padding: 10px 0 7px 0 !important;
	text-align: center;
	color: #333333;
}
.shopMealCouponText + div{
	padding-bottom: 3px;
}
.discountPer {
	float: left;
	width: 70px;
	padding: 0 0 0 10px !important;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.discountOff {
	padding: 0 0 0 2px !important;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.discountValue {
	float: right;
	padding: 4px 5px 0 0 !important;
	line-height: 1;
	font-size: 23px;
	font-weight: bold;
	color: #BC2225;
	white-space: nowrap;
}
.pointImage {
	float: left;
	padding: 0 0 0 10px !important;
	line-height: 1;
}
.pointCount {
	float: right;
	padding: 0 5px 2px 0 !important;
	font-size: 10px;
	color: #333333;
}
.forDetail {
	position: absolute;
	right: 5px;
	bottom : 7px;
	padding-left: 10px;
	background-image: url("/SYS/cmn/images/front_002/icn_link_arrow.png");
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
.yourChoicePrice {
	float: left;
	width: 70px;
	margin-right: 1px;
	padding: 0 0 0 8px !important;
	line-height: 24px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.sectionTitle {
	background: url(/SYS/ticket/images/bg/bg_title.gif) repeat-x scroll center bottom transparent;
	padding-bottom: 2px;
}
p.seoText, p.seoTextRight {
	color: #666666;
	font-size: 10px;
}
p.seoTextRight { text-align: right; }
.section p.seoText, .section p.seoTextRight {
	color: #555555;
}
/* ホットペッパーコール免責事項
--------------------------------------------------*/
.qualificationArea{

	margin-bottom: 5px;
}

.qualificationTel{

	float: left;
	margin-right: 20px;
}

.qualificationTxt {
	font-size: 80%;
	float: left;
}
.qualificationTxt p {

	margin-bottom: 0 !important;
}
.webReserveTimeWarningTxt {
	margin-left: 5px;
	font-size: 10px;
}

/* おすすめレポート用追加タブ */
.menuListNav {
	padding-left: 4px;
	background-color: #ECE5DA;
	margin-left: 1px !important;
	border-right: 1px solid #CCCCCC;
}
.menuListNav.bottom {
	margin-bottom: -1px !important;
}
.menuListNav>li {
	float: left;
}
.menuListNav>li+li {
	margin-left: 4px;
}
#shopNavBottomSub .menuListNav>li {
	margin-top: 5px;
}
#shopNavBottomSub .menuListNav>li.active {
	margin-top: 0;
}
.menuListNav.bottom>.active {
	padding-top: 3px;
}
.menuListNav.cFix:after {
	height:0 !important;
}
.heading.shopMenuContentHead>.shopInfoTitle {
	padding-top: 1px;
}
/* おすすめメニューレポート詳細 */
.menuArticle {
	border: solid 1px #DEDEDE;
	margin: 20px 0 20px 20px;
}
.menuArticleHeader {
	margin-left: 0;
	margin-bottom: 10px;
	padding: 8px 9px 7px 9px;
	background-color: #F4F4F4;
	background: url(/SYS/cmn/images/common/front/bg_report_articleheader.gif) 0 100% no-repeat;
	border-top: solid 1px #FFFFFF;
}
.menuArticleHeader>h2 {
	float: left;
	width: 425px;
	margin: 0 !important;
	padding-left: 21px;
	background: url(/SYS/cmn/images/common/bg_h2_report.gif) 0 0 no-repeat !important;
}
.menuArticleHeader>ul {
	float: right;
	margin: 0 !important;
}
.menuArticleHeader>ul>li {
	float:left;
}
.menuArticleHeader>ul>li:first-child {
	padding: 0 5px;
}
.menuArticleHeader>ul>.date,
.menuListContent>.date {
	margin: 5px 0 4px 10px;
	font-size: 10px;
	color: #666666;
	line-height: 10px;
}
.menuCategorize {
	padding: 0 3px;
}
.menuCategorize>li {
	float: right;
	margin: 0 5px;
}
.menuArticlePhoto {
	margin-top: 20px;
}
.menuArticleFigure {
	text-align: center;
	margin: 10px 0 0 0 !important;
}
.menuArticleCaption {
	width: 650px;
	background-color: #F3F3F3;
	padding: 5px;
	margin: 20px auto 0 auto !important;
}
.menuUserDetail {
	float: right;
	margin-top: 10px !important;
	padding-right: 10px;
}
.menuUserDetail>li {
	float: left;
	padding: 0 3px;
	font-size: 10px;
}
/* おすすめメニューレポート一覧 */
.menuListArticle {
	margin-top: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
}
.menuListArticle>ul {
	float:left;
	margin-left: 0 !important;
}
.menuListArticle>ul>li~li {
	margin-top: 10px;
}
.menuListContent {
	width:211px;
	border: solid 1px #DEDEDE;
	background-color: #F3F3F3;
	padding: 10px;
}
.menuListContent>p {
	line-height: 16px;
}
.menuListContent>h2,
.menuListContent>h4 {
	font-size: 12px !important;
	text-align: center;
	padding-bottom: 0 !important;
	background: none !important;
	line-height: 16px;
}
.menuListContent>p~* {
	margin: 10px 0 0 0 !important;
}
.menuListUserDate {
	text-align: right;
}
.listCenterLine {
	padding: 0 10px;
}
div#mainContents h2 span {
	padding: 5px 90px 0 23px;
}
div#mainContents h4 {
	border: none;
	padding: 0;
}
.meiryoFont {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
}

/* SPWEBのみ店用 お食事券文言
--------------------------------------------------*/
.ticketSpLimitedTitle {
	border: 3px solid #E41A12;
	background-color: #FFFFFF;
	padding: 5px 10px !important;
	font-size: 14px;
	text-align: left;
	color: rgb(228, 26, 18) !important;
	font-weight: bold;
}


/* Course Detail ABtest A
--------------------------------------------------*/

.meiryoFont {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
}
.marT5 { margin-top: 5px;}
.marB5 { margin-bottom: 5px;}

div#mainContents div.shopInnerCourse .catchWord ul.icon,
div#mainContents .courseDetailSummary,
div#mainContents .courseDetailCoupon h2,
div#mainContents .usableCouponList,
div#mainContents .courseDetailList h2,
div#mainContents .courseDetailMenu h2,
div#mainContents .courseDetailList p,
div#mainContents .courseDetailDrinkMenu,
div#mainContents .courseOthersWrap .courseOthersHeading,
div#mainContents .courseOthersList,
div#mainContents .courseDetailCoupon p {
	margin: 0;
}

div#mainContents div.shopInnerCourse .catchWord {
	margin: 15px 0 0 30px;
}

div#mainContents div.shopInnerCourse .catchWord span {
	margin-right: 5px;
	font-size:18px;
	font-weight: bold;
	color: #333333;
	line-height: 1.2;
}

div#mainContents div.shopInnerCourse .catchWord ul.icon {
	display: inline;
	vertical-align: 3px;
	white-space: nowrap;
}

div#mainContents .shopInnerCourse ul.icon li {
	margin-right: 2px;
}

div#mainContents .shopInnerCourse ul.icon li img {
	vertical-align: middle;
}

.shopInnerCourse {
	padding-bottom: 10px;
}

div#mainContents div.shopInnerCourse p.shopInfoTitle {
	margin: 0 0 0 20px;
	padding: 0 0 10px 10px;
	text-indent: -10px;
}

div#mainContents div.shopInnerCourse p.shopInfoTitle span {
	padding: 0 0 0 10px;
	font-weight: bold;
	display: block;
	overflow: hidden;
}

.courseDetailWrap {
	margin: 10px 0 0 30px;
}

.courseDetailLeft {
	float: left;
	width: 240px;
}

div#mainContents .courseDetailInfo~.courseDetailLeft {
	margin-top: 10px;
}

div#mainContents .courseDetailPhoto {
	height: 238px;
	margin: 0 0 10px;
	border: solid 1px #ECECEC;
}

div#mainContents .courseDetailPhoto img {
	display: block;
	margin: 0 auto;
}

div#mainContents .courseDetailSummary {
	width: 100%;
}

div#mainContents .courseDetailSummary th {
	width: 86px;
	vertical-align: top;
	padding: 5px 4px 3px;
	color: #333333;
}

div#mainContents .courseDetailSummary td {
	padding: 5px 4px 3px;
}

div#mainContents .courseDetailSummary td span {
	font-weight: bold;
}

.courseDetailLinkMenu span {
	margin-right: 5px;
}

.courseDetailLinkMenu a {
	margin-right: 2px;
	padding-left: 12px;
	background: url('/SYS/cmn/images/common/mark_links_down.gif') no-repeat -3px 2px;
}

.courseDetailLinkMenu a:hover,
div#mainContents .courseOthersList li a:hover {
	text-decoration: underline !important;
}

.courseDetailRight {
	float: right;
	width: 100%;
}

div#mainContents .courseDetailInfo~.courseDetailRight {
	margin-top: 0;
}

.courseDetailLeft+.courseDetailRight {
	width: 500px;
}

div#mainContents .courseDetailInfo {
	margin: 10px 0 0 0;
	border: 1px solid #CCCCCC;
}

.courseDetailInfo dt,
div#mainContents .courseDetailList h2 {
	padding: 5px;
	background: #f3f2ee;
	border-bottom: 1px solid #CCCCCC;
}

.courseDetailInfoHeading,
div#mainContents .courseDetailList h2 span,
div#mainContents .searchSeat .courseDetailInfoHeading {
	padding: 0 0 0 5px;
	background-image: none;
	border-left: 5px solid #FAC786;
	font-size: 13px;
	font-weight: bold;
}

div#mainContents .courseDetailInfo ul.icon {
	margin: 0 0 5px;
}

.courseDetailInfo dt {
	height: 17px;
}

.courseDetailInfo dt .courseDetailInfoHeading {
	display: inline-block;
	height: 17px;
}

.courseDetailInfo dd {
	padding: 10px;
}

div#mainContents .courseDetailInfo dd p {
	margin-bottom: 0;
}

.priceUsedCoupon {
	text-align: center;
}

.priceUsedCoupon span {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}

.priceUsedCoupon img {
	vertical-align: top !important;
}

.priceUsedCoupon img~span {
	position: relative;
	top: 6px;
	line-height: 1;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

div#mainContents .shopInnerCourse .courseCassetteAnnotation {
	margin: 5px 0 0;
	font-size:10px;
	text-align: center;
}

div#mainContents .courseDetailNotes {
	margin-bottom: 0;
	font-size: 10px;
	text-align: center;
}

.courseDetailCoupon {
	margin-top: 20px;
	padding: 5px 5px 10px;
	background: #F4F2EE;
}

div#mainContents .courseDetailCoupon .courseDetailCouponHeading {
	margin-top: 2px;
	padding: 0 0 0 35px;
	background: url('/SYS/cmn/images/common/icon_scissors_use_coupon.png') no-repeat 0 0;
	font-size: 13px;
	font-weight: bold;
}

div#mainContents .courseDetailCoupon .courseDetailNotes {
	margin-top: 3px;
	padding-left: 35px;
	text-align: left;
}

.usableCouponWrap {
	margin-top: 5px;
}

.usableCouponTopBorder {
	padding-top: 5px;
	background: url('/SYS/cmn/images/common/bg_course_detail_current_coupon_border_top_w700.png') no-repeat 0 top;
}

.courseDetailLeft+.courseDetailRight .usableCouponTopBorder {
	padding-top: 5px;
	background: url('/SYS/cmn/images/common/bg_course_detail_current_coupon_border_top_w450.png') no-repeat 0 top;
}

.usableCouponBottomBorder {
	padding-bottom: 5px;
	background: url('/SYS/cmn/images/common/bg_course_detail_current_coupon_border_bottom_w700.png') no-repeat 0 bottom;
}

.courseDetailLeft+.courseDetailRight .usableCouponBottomBorder {
	padding-bottom: 5px;
	background: url('/SYS/cmn/images/common/bg_course_detail_current_coupon_border_bottom_w450.png') no-repeat 0 bottom;
}

.usableCouponSideBorder {
	padding: 0 5px;
	background: url('/SYS/cmn/images/common/bg_course_detail_current_coupon_border_side_w700.png') repeat-y;
}

.courseDetailLeft+.courseDetailRight .usableCouponSideBorder {
	padding: 0 5px;
	background: url('/SYS/cmn/images/common/bg_course_detail_current_coupon_border_side_w450.png') repeat-y;
}

div#mainContents .usableCouponList li {
	padding: 7px 5px 4px;
	background: url('/SYS/cmn/images/common/bg_course_detail_current_coupon_border_inner_w700.png') no-repeat 0 top;
	zoom: 1;
}

div#mainContents .courseDetailLeft+.courseDetailRight .usableCouponList li {
	padding: 7px 5px 4px;
	background: url('/SYS/cmn/images/common/bg_course_detail_current_coupon_border_inner_w450.png') no-repeat 1px top;
	zoom: 1;
}

div#mainContents .usableCouponList li:first-child,
div#mainContents .courseDetailLeft+.courseDetailRight .usableCouponList li:first-child {
	background-image: none;
}

div#mainContents .courseDetailButton {
	margin: 10px 0 0 0;
}

div#mainContents .courseDetailButton a {
	display: block;
	width: 280px;
	margin: 0 auto;
}

div#mainContents .courseDetailCoupon .courseDetailButton {
	margin-top: 10px;
}

div#mainContents .courseDetailCoupon .courseDetailButton a {
	width: 199px;
}

.shopInnerCourse .planAnchorLink {
	margin-top: 20px;
}

div#mainContents .shopInnerCourse .searchSeat h2 {
	padding: 5px;
	background: #f3f2ee !important;
	border: 1px solid #CCCCCC;
}

div#mainContents .shopInnerCourse .searchSeat h2 .courseDetailInfoHeading {
	height: 17px;
	background: none !important;
}

#mainContents .shopInnerCourse .seatPhoto a {
	background-position: 0 center;
}

#mainContents .shopInnerCourse .calendarReserveList td.calenderShopItemTime {
	line-height: 1;
}

#mainContents .shopInnerCourse .reserveAttentionText {
	margin-bottom: 0;
}

#mainContents .shopInnerCourse .searchResultNone {
	width: 708px;
	margin: 10px 0 0 30px;
	padding: 10px 0;
}

#mainContents .shopInnerCourse .courseListSokuyoyaku .searchResultNone {
	margin: 0 0 20px 10px;
}

div#mainContents .makeRequestReservation p,
div#mainContents .backCourseListWrap p,
div#mainContents .noneSokuyoyakuList p {
	margin: 0;
}

.searchResultNone .courseDetailButtonWrap {
	margin: 10px 0 0;
	padding-top: 2px;
}
.makeRequestReservation .reserveCurrentCourse {
	margin-left: 53px;
}

#mainContents .shopInnerCourse .planAnchorLink p.otherPlan a {
	display: inline !important;
	background: none;
	text-align: left !important;
}

.shopInnerCourse .planAnchorLink p.otherPlan a span {
	padding-bottom: 2px !important;
	padding-left: 15px !important;
	background: url('/SYS/sokuyoyaku/images/icn/mark_otherplan.gif') no-repeat 0 2px;
	font-size: 10px;
}

.courseDetailList {
	position: relative;
	margin: 20px 0 20px 20px;
}

.courseDetailDrink {
	float: right;
	width: 294px;
	margin: 0 0 52px 10px;
	border: 1px solid #CCCCCC;
}

.courseDetailDrinkOnly {
	width: 718px;
	margin: 0 0 52px 0;
}

div#mainContents .courseDetailDrink p {
	padding: 10px 10px 0;
}

div#mainContents .courseDetailDrinkMenu {
	padding: 10px 10px 0;
}

div#mainContents .courseDetailDrinkMenu dt {
	margin-bottom: 3px;
	padding-left: 5px;
	border-left: 4px solid #DADAD4;
	font-weight: bold;
}

div#mainContents .courseDetailDrinkMenu dd {
	padding: 5px 5px 10px;
	border-top: 1px dotted #CCCCCC;
}

.courseDetailMenu {
	overflow: hidden;
	border: 1px solid #CCCCCC;
}

div#mainContents .courseDetailList h2 span {
	height: 17px;
}

div#mainContents .courseDetailMenu p {
	padding: 10px;
}

div#mainContents .courseDetailList .courseDetailNotes {
	margin-top: 10px;
	padding: 0;
	text-align: right;
}
div#mainContents .courseDetailList .courseDetailDrink~.courseDetailNotes {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-top: 0;
}
div#mainContents .courseDetailWrap+.courseDetailButtonWrap {
	margin-top:20px !important;
}
div#mainContents #stockResult+.courseDetailButtonWrap {
	margin-top:20px !important;
}

.reserveTableButtonWrap {
	margin: 20px 0 20px 20px;
}

.backCourseList {
	display: block;
	float: left;
	width: 141px;
	height: 29px;
}

.reserveCurrentCourse {
	display: block;
	float: left;
	width: 280px;
	height: 39px;
	margin-left: 79px;
}

.courseOthersWrap {
	margin: 0 0 20px 20px;
	padding: 10px;
	background: #B2AA9C;
}

div#mainContents .courseOthersWrap .courseOthersHeading {
	padding-bottom: 5px;
	background-image: none;
	color: #FFFFFF;
}

div#mainContents .courseOthersList {
	padding: 5px;
	background: #FFFFFF;
}

div#mainContents .courseOthersList li {
	overflow: hidden;
	padding: 5px;
	border-top: 1px dotted #CCCCCC;
	zoom: 1;
}

div#mainContents .courseOthersList li:first-child {
	border-top: none;
}

div#mainContents .courseOthersList li img {
	margin-right: 5px;
}

div#mainContents .courseOthersList li span {
	display: block;
	float: right;
	width: 70px;
	padding: 0;
	font-weight: bold;
	text-align: right;
}

div#mainContents .courseOthersList .courseOthersTable span {
	width: 120px;
}

div#mainContents .courseOthersList li a {
	overflow: hidden;
}


/* Course List ABtest A
--------------------------------------------------*/

div#mainContents .courseCassette p,
div#mainContents .courseCassetteTitle {
	margin: 0;
}

div#mainContents .courseConditionalPhrase {
	margin: 10px 0 0;
}

div#mainContents .courseConditionalPhrase a {
	display: block;
	width: 161px;
	margin-left: auto;
}

#mainContents .shopInnerCourse .planListSearchTitle h2 {
	background-color: #E8E5E3;
}

#mainContents .searchLine01 dl {
	height: 26px;
}

#mainContents .searchLine02 dl {
	height: 22px;
}

#mainContents .planListSearchLine .planInputSmoking {
	width: 251px;
	padding-right: 0;
}

.courseListSokuyoyaku {
	margin: 0 0 0 20px;
	padding-top: 20px;
}

.courseListRequest {
	margin: 0 0 0 20px;
	padding-top: 20px;
}

.courseListSokuyoyaku~.courseListRequest {
	border-top: 1px dotted #CCCCCC;
}

div#mainContents .courseListHeading {
	margin: 0 0 10px;
	padding: 2px 0 0 10px;
	background: url(/SYS/cmn/images/common/bg_h1.gif) no-repeat left 0;
	font-size: 14px;
}

.courseCassette {
	margin: 0 0 20px 0;
	border: 1px solid #D9D8D4;
}

div#mainContents .courseCassettePrice {
	margin: 0 0 5px;
}

div#mainContents .courseCassetteTitle {
	padding: 6px 5px 6px 10px;
	background-image: none;
	background: #F3F2EE;
	border-bottom: 1px solid #D9D8D4;
	font-size: 16px;
}

div#mainContents .courseCassetteTitle a {
	font-weight: bold;
	vertical-align: middle;
}

.courseCassetteInner {
	position: relative;
	min-height: 46px;
	padding:10px;
}

.courseCassetteRight {
	float: right;
	width:193px;
	text-align: center;
	min-height: 1px;
}

.courseCassettePriceWrap {
	margin-bottom: 35px;
	padding: 5px;
	background: #FAFAF9;
	border: 1px solid #E8E7E3;
}

.courseCassetteLimitation .courseCassettePriceWrap {
	background: #FDFAF1;
}

.courseCassettePriceWrap .courseCassettePrice {
	color: #666666;
}

div#mainContents .courseCassettePriceWrap .priceUsedCoupon {
	margin: 5px 0 0;
	padding-bottom: 0;
}

.courseCassettePriceWrap .priceUsedCoupon span {
	font-size: 16px;
}

.courseCassettePriceWrap .priceUsedCoupon img {
	vertical-align: top !important;
}

.courseCassettePriceWrap .priceUsedCoupon img~span {
	position: relative;
	top: 6px;
	line-height: 1;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*top: 4px;
}

div#mainContents .courseCassetteInner .courseCassetteButton {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

div#mainContents .courseCassette .courseCassetteImg {
	float: left;
	overflow: hidden;
	width: 140px;
	height: 140px;
	margin-right: 10px;
	border: solid 1px #ECECEC;
}

.courseCassetteSummary {
	overflow: hidden;
	padding-right: 40px;
}

div#mainContents .courseCassette .courseCassetteDetail+.courseCassetteCondition,
div#mainContents .courseCassette .courseCassetteDetail+.courseCassetteReserveLimit,
div#mainContents .courseCassette .courseCassetteCondition+.courseCassetteReserveLimit,
div#mainContents .courseCassette .courseCassetteDetail+.courseCassetteIcon,
div#mainContents .courseCassette .courseCassetteCondition+.courseCassetteIcon,
div#mainContents .courseCassette .courseCassetteReserveLimit+.courseCassetteIcon {
	margin-top: 5px;
	border-top: 1px dotted #CCCCCC;
}

div#mainContents .shopInnerCourse .courseCassetteIcon ul.icon li img {
	vertical-align: top;
}

div#mainContents .courseCassette .courseCassetteDetail+.courseCassetteCondition,
div#mainContents .courseCassette .courseCassetteDetail+.courseCassetteReserveLimit,
div#mainContents .courseCassette .courseCassetteCondition+.courseCassetteReserveLimit {
	padding-top: 5px;
}

div#mainContents .courseCassette .courseCassetteDetail+.courseCassetteIcon,
div#mainContents .courseCassette .courseCassetteCondition+.courseCassetteIcon {
	padding-top: 3px;
}

div#mainContents .courseCassette ul.icon {
	margin: 5px 0 0;
}

/* Course Scroll Top ABtest A
--------------------------------------------------*/

.scrollWrap {
	position: fixed;
	right: 20px;
	min-width: 85px;
	height: 85px;
	display: block;
	cursor: pointer;
}
.scrollTrigger {
	text-decoration: none;
}

/* CourseList テスト用CSS
--------------------------------------------------*/



/* ------------------------------------------------------------ ヘッダー追記 */
div#header p#siteIDs {
	float: left;
	width: 170px;
	height: 50px !important;
}
.reserveLightboxlink {
	text-align: right;
}
.reserveLightboxlink a{
	padding-left: 10px;
	background: url("/SYS/sokuyoyaku/images/icon/icon_dotarrow_blue.gif") no-repeat 0 4px;
}
.reserveAttention{
	font-size: 10px;
	background-color: #fff3b0;
}

.actionBtn ul li.backDL {
	float: left;
	margin-top:5px;
	margin-right:-45px;
}

.lh10 { line-height: 10px !important; }


/* ------------------------------------------------------------ reserveFlow*/
.reserveDeadline span {
	font-size: 14px;
	font-weight: bold;
}
.reserveFlow {
	margin-left: 20px;
	padding: 4px;
	background-color: #ece9e1;
}
.windowBgRequest .reserveWrap .locator{
	border: 1px solid #bab6a9;
	background-color:  #fffcf1;
	position: relative;
}
.reserveFlow .locator p{
	color: #666666;
}
.reqLink{
	font-size: 10px;
	text-align: right;
	position: absolute;
	top: 5px;
	right:10px;
}
.reqLink a {
	background: url("/SYS/sokuyoyaku/images/icon/icon_dotarrow_blue.gif") no-repeat 0 3px;
	padding-left: 7px;
}
.reserveLightbox{
	float: right;
}
div#mainContents .reserveFlow h2 {
	color: #3f3d35;
	margin: 0px !important;
	padding: 0px !important;
	border-bottom: 1px solid #bab6a9;
	background-image: url(/SYS/cmn/images/bg_h2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#mainContents .reserveFlow h2 span {
	padding: 3px 0px 3px 14px;
	background-image: none;
	font-size: 12px;
	font-weight: bold;
}
.reserveAttention{
	font-size: 10px;
	background-color: #fff3b0;
}
div#mainContents .reserveFlow h3,
div#mainContents .reserveFlow p {
	font-size: 10px;
	margin: 0 0 0 0 !important;
}
.flowClumn {
	float: left;
	width: 220px;
	padding: 7px 0 0 12px;
}
.flowDescription{
	height: 65px;
}
.flowDescription p{
	padding: 3px 0 0 1px;
}
.requestpAtention01,
.requestpAtention02,
.requestpAtention03 {
	height: 100px;
	font-size: 80%;
	padding-left: 76px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.requestpAtention01 {
	background-image: url(/SYS/cmn/images/079_img_01.png);
}
.requestpAtention02 {
	background-image: url(/SYS/cmn/images/079_img_02.png);
}
.requestpAtention03 {
	background-image: url(/SYS/cmn/images/079_img_03.png);
}
/*#input_form,
.totop {
	padding-right: 20px;
}
.mailmagazineRcvInput {
	margin-left: 20px;
}*/
.mailmagazineRcvInput p,
.mailmagazineRcvInput ul {
	margin: 0 0 3px 2px !important;
}
.reserveLightboxlink {
	text-align: right;
}
.reserveLightboxlink a{
	padding-left: 10px;
	background: url("/SYS/sokuyoyaku/images/icon/icon_dotarrow_blue.gif") no-repeat 0 4px;
}

/*予約フローライトボックス
*****************************************/
.locatorBody dd, .locatorBody li {
	color: #666666;
	font-size:10px;
}
.reserveWrap {
	margin-left: 20px;
	padding: 4px;
	background-color: rgb(236, 233, 225);
}
.locatorHead {
	color: rgb(63, 61, 53);
	border-bottom: 1px solid rgb(186, 182, 169);
	background: url(/SYS/cmn/images/bg_h2.png) no-repeat 0 0;
	padding-left: 15px;
}
.locatorHead>* {
	float: left;
}
.locatorHead>h2 {
	font-weight: bold;
	font-size: 12px;
	width: 500px;
	padding-top: 3px;
}
.locatorBody>li>dl:first-child {
	width: 221px;
}
.locatorBody>li>dl {
	width: 223px;
	overflow: hidden;
}
.locatorBody>li>dl>dt+dd {
	margin-top: 2px;
	height: 50px;
}
.locatorBody {
	padding: 7px 0px 7px 12px;
}
.locatorBody>li~li dl {
	padding-left: 11px;
}
.locatorBody>li {
	float: left;
	font-size: 10px;
}
.locatorLink {
	font-size:10px;
	width: 150px;
}
.locatorLink a {
	background: url("/SYS/sokuyoyaku/images/icon/icon_dotarrow_blue.gif") no-repeat 0 3px;
	padding-left: 7px;
}
.locatorHead .btnClose {
	background: url(/SYS/cmn/images/common/dialog/btn_close.gif) no-repeat left 5px;
	cursor: pointer;
	font-size: 10px;
	width: 40px;
	text-align: right;
}
.locatorBodyInner>li {
}
.errorMsg {
	background: none repeat scroll 0 0 #FEE8E8;
	border: 1px solid #BC2225;
	color: #BC2225;
	margin: 20px 15px 0;
	padding: 10px;
}
.errorMsg li {
	background-image: url("/SYS/sokuyoyaku/images/icon/icon_error.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #BC2225;
	padding-left: 15px;
}

/* 電話番号・アクセス */
div#mainContents div#shopHeader div.contents div#shopTitle dl.telAccessSub dd { overflow: hidden !important; }

div#mainContents div#shopHeader div.contents div#shopTitle dl.telAccessSub dd.tel {margin-right: 20px !important; width:auto !important; }

div.typeSe div#mainContents div#shopHeader div.contents div#shopTitle dl.telAccessSub dd.access { float: none; overflow: hidden; width:auto !important;}

div#mainContents div#shopHeader div.contents div#shopTitle dl.telAccessSub dt {
	height: 15px;
	margin: 0 10px 0 0 !important;
	width: 15px;
}

div#mainContents div#shopHeader div.contentsSub {
	padding-bottom:6px !important;;
}

div.typeSe div#mainContents div#shopHeader div.contents div.shopTitleSub { width: 750px !important; }

div#mainContents div#shopHeader div.contents div#shopTitle p.shopNameRubyHead {
	margin: 6px 0 0 10px !important;
}

div#mainContents div#shopHeader div.contents div#shopTitle p.shopNameHead {
	margin: 0 0 5px 10px !important;
}

div#mainContents div.shopInnerSub {
	padding-top: 8px !important;
}

div#mainContents div#shopHeader div.contentsSub {
	padding-bottom: 6px !important;
}
#TB_window.windowBgRequest {
	background-color: transparent !important;
	border: none !important;
	overflow: hidden !important;
}

div#mainContents ul.parameter li.marR0 {
	margin-right: 0 !important;
}
/* 消費税対応 更新日 追記スタイル
------------------------------------------------------------*/
.shopInfoResetDate {
	font-size: 10px;
	text-align: right;
	margin: 0 0 -5px !important;
}
.shopInfoResetDatePt1 {
	position: absolute;
	top: 160px;
	left: 25px;
	margin: 0 !important;
	font-size: 10px;
}
.shopInfoResetDatePt2 {
	float: right;
	font-size: 10px;
	font-weight: normal !important;
	margin-left: 5px;
	margin-top: 20px;
}
.shopInfoResetDatePt3 {
	font-size: 10px;
	text-align: right;
	margin-bottom: -20px !important;
}
.shopInfoResetDatePt4 {
	position: absolute;
	top: 30px;
	right: 0;
	font-size: 10px;
}
.shopInfoResetDatePt5 {
	text-align: right;
	font-size: 10px;
	margin-top: -10px !important;
	margin-bottom: 5px !important;
}
.shopInfoResetDatePt6 {
	float: right;
	font-size: 10px;
	font-weight: normal !important;
	margin-left: 5px;
	margin-top: 10px;
}
.shopInfoResetDatePt7 {
	font-size: 10px;
	text-align: right;
	margin: -10px 0 5px !important;
}
.shopInfoResetDatePt8 {
	margin: 5px 0 0 !important;
	font-size: 10px;
	text-align: right;
}
.couponContentUnder > .shopInfoResetDatePt9 {
	float: left !important;
	margin: 0 !important;
	font-size: 10px;
}
.shopInfoResetDate,
.shopInfoResetDatePt1,
.shopInfoResetDatePt2,
.shopInfoResetDatePt3,
.shopInfoResetDatePt4,
.shopInfoResetDatePt5,
.shopInfoResetDatePt6,
.shopInfoResetDatePt7,
.shopInfoResetDatePt8,
.shopInfoResetDatePt9 {
	color: #666666 !important;
}
/* お店トップスクロール */
.scrollArea{
	position: fixed;
	top : 0;
	z-index: 100;
	height: 70px;
	width: 100%;
	display: none;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.scrollAreaInner{
	width: 950px;
	margin: 0 auto;
}
.scrollAreaShopInfo{
	float: left;
	height: 70px;
	box-sizing: border-box;
	display: table;
	max-width: 550px;
}
.scrollAreaCrown{
	font-size: 11px;
	line-height: 1.8;
}
.scrollAreaName{
	font-weight: bold;
	font-size: 16px;
	line-height: 1.33
}
.scrollAreaBtnList{
	float: right;
	padding-top:12px;
}
.scrollAreaBtn{
	float: right;
	padding-right: 10px;
}
.scrollAreaTitle{
	float:left;
	text-align: left;
	line-height: 70px;
	max-width: 486px;
}
.scrollAreaTitle > p{
	vertical-align: middle;
	display: inline-block;
}
.scrollAreaShopImgWrap{
	float: left;
	width: 54px;
	margin-right: 10px;
	line-height: 70px;
}
.scrollAreaShopImgWrap > p{
	vertical-align: middle;
	display: inline-block;
	line-height: 54px;
}
.scrollAreaShopImg{
	max-width: 54px;
	max-height: 54px;
}

/* HPDSフッター追加対応
------------------------------------------------------------*/
.hpdsFooter {
	width: 760px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: right;
	border-bottom: 1px solid #E5E5E5;
}
.hpdsFooterDetailArea,
.hpdsFooterImageArea {
	display: inline-block;
	vertical-align: top;
}
.hpdsFooterDetailAreaText {
	margin-right: 40px;
}

/* HPDS注意事項追加対応
------------------------------------------------------------*/
.typeHPDS .courseDetailRight {
	margin-top: -10px;
}
.typeHPDS .courseDetailLeft + .courseDetailRight {
	width: 460px;
}
.hpdsReqAttentionArea {
	margin-top: -20px;
	padding-bottom: 20px;
}
.hpdsBtnClosePage {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

/* 201412月リーン本反映 */
/* コース一覧 */
.shopInnerWide{
	padding-right: 0;
	padding-top: 25px;
	display: block;
}
.shopInfoTitleWide{
	line-height: 1.1;
	border-bottom: solid 1px #E3E3E3;
	background-image: url(/SYS/cmn/images/common/bg_h1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 180%;
	margin: 0 !important;
	padding: 0 0 10px 10px;
}
.shopInfoTitleSpan{
	font-weight: bold;
}
.courseListSokuyoyakuWide, .courseListRequestWide{
	margin: 0;
	padding-top: 20px;
}
.courseListSokuyoyakuWide~.courseListRequestWide {
	border-top: 1px dotted #CCCCCC;
}
.courseCassetteIconsWrap{
	text-align: left;
}
.courseCassetteIcons{
	margin: 0 0 5px !important;
	font-size: 12px;
}
.courseCassetteIcons > li{
	margin-right: 0px !important;
	display: inline;
	font-size: 100%;
}
.courseCassetteIcons >li > img,
.courseCassetteIcons >li > a > img {
	vertical-align: top !important;
}
.coursePrice{
	margin-top : 5px;
	padding-top : 10px;
	border-top: 1px dotted #CCCCCC;
}
.priceNumber{
	font-size: 26px;
	color: #E73820;
	line-height: 26px;
	vertical-align: middle;
	font-weight: bold;
}
.priceUnit{
	font-size: 16px;
	color: #E73820;
	line-height: 16px;
	vertical-align: bottom;
	font-weight: bold;
}
.priceTax {
	font-size: 12px;
	color: #E73820;
	vertical-align: bottom;
	line-height: 1.2;
}
.priceAnnotation{
	font-size: 10px;
	line-height: 1.33;
	color: #35363F !important;
	margin-top: 5px !important;
}
.searchResultNoneWide{
	width: 758px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #c4c4c4;
	text-align: center;
	line-height: 0.8;
	padding: 10px 0;
}
.noneSokuyoyakuList span{
	font-weight: bold;
	color: #d0111a;
}
/* コース詳細  */
.courseDetailWrapWide,
.catchWordWide{
	margin-left: 0 !important;
}
.catchWordWide{
	margin-top: 20px;
	margin-bottom: 20px;
}
.catchWordWideIconList {
	margin-bottom: 5px;
}
.catchWordWideIconList>li {
	float: left;
}
.catchWordWideIconList>li+li {
	margin-left: 5px;
}
.catchWordWide span{
	display: block;
	margin-right: 5px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.33;
	color: #35363F;
}
.catchWordWide ul.icon {
	display: inline;
	vertical-align: 3px;
	white-space: nowrap;
}
.courseDetailExplanation{
	margin: 0 0 20px 0 !important;
}
.courseDetailExplanation > dt {
	font-size: 14px;
	font-weight: bold;
	background: url('/SYS/cmn/images/front_002/icn_course_explanation.png') no-repeat 0 0;
	margin-bottom: 10px;
	padding-left: 28px;
}
.courseDetailTable{
	width: 100% !important;
	margin: 0 !important;
}
.courseDetailTable th{
	width: 100px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	color: #35363F;
}
.courseDetailTable td{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 1.5;
	color: #35363F;
}
.netReservePointDescription {
	padding-top: 4px;
	padding-bottom: 5px;
	font-size: 14px;
}
.netReservePointTitle {
	font-size: 14px;
	color: #35363F;
}
.netResevePoint {
	padding-left: 2px;
	padding-right: 2px;
	font-weight: bold;
	font-size: 20px;
	color: #E73820;
}
.netResevePointUnit {
	font-weight: bold;
	font-size: 14px;
	color: #E73820;
}
.pointBreakdownWrap {
	position: relative;
	float: left;
	min-width: 360px;
	max-width: 400px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #fff3e7;
	border: 1px solid #fbc896;
	border-radius: 5px;
	box-sizing: border-box;
}
.pointBreakdownWrap:before {
	content: "";
	position: absolute;
	top: -17px;
	left: 155px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 8px solid #fff3e7;
	z-index: 2;
}
.pointBreakdownWrap:after {
	content: "";
	position: absolute;
	top: -18px;
	left: 155px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 8px solid #fbc896;
	z-index: 1;
}
.pointBreakdownTitle {
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #666666;
	border-bottom: solid 1px #fbc896;
}
.pointBreakdownList {
	margin-top: 6px;
}
.pointBreakdownList dt {
	float: left;
	font-size: 14px;
	font-weight:bold;
	line-height: 1;
}
.pointBreakdownList dd {
	float: right;
	font-size: 12px;
	color: #E73820!important;
	line-height: 1;
}
.icnNetReservePointPonta {
	padding-right: 3px;
}
.reservePointPontaText {
	font-weight: bold;
	color: #ff9122;
	line-height: 0.8;
	vertical-align: bottom;
}
.reserveHpgPoint {
	margin-top: 1px;
	color: #666666;
}
.reservePontaPointNumber,
.reserveHpgPointNumber {
	padding-right: 2px;
	font-size: 16px;
	font-weight: bold;
}
.reservePontaPointNumber {
	line-height: 1.4;
}
.pointBreakdownAttention {
	margin-top: 5px;
	font-size: 10px;
	color: #999999;
}
.pointAttentionWrap {
	overflow: hidden;
	padding-left: 10px;
}
.pointAttention {
	margin-top: 3px;
	font-size: 10px;
}
.pointAttention > li {
	margin-top: 5px;
	line-height: 1.3;
	font-size: 10px;
	color: #666666;
}
.courseDetailUseCoupon{
	font-size: 16px;
	display: inline-block;
	background: url('/SYS/cmn/images/front_002/icn_course_coupon.png') no-repeat 0 50%;
	padding-left: 28px;
	line-height: 1.33;
	margin-bottom: 0 !important;
}
.courseDetailPriceNumber{
	font-size: 26px;
	color: #E73820;
	line-height: 26px;
	vertical-align: bottom;
	margin-left:2px;
	font-weight: bold;
}
.courseDetailCurrency{
	font-size: 16px;
	color: #E73820;
	vertical-align: bottom;
	font-weight: bold;
}
.courseDetailTax{
	font-size: 12px;
	color: #E73820;
}
.courseDetailPriceAnnotation{
	font-size: 10px;
	color: #35363F;
	line-height: 1.5;
}
.deepRed{
	color: #E73820;
	font-weight: bold;
}
.courseDetailAnnotation{
	font-size: 10px;
	color: #666666;
	line-height: 1.5;
	margin: 10px 0 0 !important;
}
.courseDetailAnnotation + .courseDetailAnnotation {
	margin-top: 0!important;
}
.courseDetailCouponWrapper {
	display: table;
	background-color: #FFFFFF;
	border: 2px solid #FFC375;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	min-height: 72px;
	margin-top: 30px;
}
.courseCoupon {
	display: table-row;
}
.courseDetailCouponTitle {
	display: table-cell;
	text-align: center;
	position: relative;
	width: 93px;
	vertical-align: middle;
	border-right: 1px dotted #FFC375;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F4EE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F9F4EE));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F4EE 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #F9F4EE 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f9f4ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F9F4EE', GradientType=0 );
}
.icnCourseDetailCouponCheck {
	position: absolute;
	top: -2px;
	left: -2px;
}
.courseDetailCouponListWrapper {
	display: table-cell;
}
.courseDetailCouponList {
	margin: 0 !important;
}
.courseDetailCouponList > li {
	line-height: 1.3;
	padding: 12px 15px;
}
.courseDetailCouponList > li + li {
	border-top: 1px dotted #FFC375;
}
.printCouponButton{
	float: right;
	margin-bottom: 10px !important;
}
.printCouponButton a{
	width: 183px !important;
}
.singleCoupon{
	line-height: 68px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* コース詳細　予約可能な席を分かりやすく伝える　*/
#courseContents{
	width: 760px;
	margin-bottom: 10px;
	float: left;
}
#courseContents .courseDetailAvaliable{
	margin: 20px 0 0 0;
}
#courseContents .courseDetailAvaliable > dt{
	font-size: 14px;
	font-weight: bold;
	background: url('/SYS/cmn/images/front_002/ico_reserve.png') no-repeat 0 0;
	margin-bottom: 10px;
	padding-left: 28px;
}
#courseContents .conditionsSelect{
	margin: 0 !important;
	font-weight: bold;
}
#courseContents .courseSectionTitle{
	margin-bottom: 10px;
	margin-top: 30px;
}

#courseContents .courseSectionTitleWrap{
	display: table-cell;
	vertical-align: middle;
	background: url("/SYS/cmn/images/front_002/ttl_shop_catch_word_single_line.png") no-repeat 0 0;
	width: 760px;
	height: 45px;
	padding: 0 10px 0 50px;
}

#courseContents .courseSectionTitleText{
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
}
div#courseContents ul.subNav {
	margin-left: 0;
	background-color: #EFEFEF;
}
#courseContents .courseDetailPhoto{
	height: 238px;
	margin: 0 0 10px;
	border: solid 1px #ECECEC;
}
#courseContents .courseDetailButton{
	margin: 10px 0 0 0;
}
#courseContents .courseDetailButton > a{
	display: block;
	width: 280px;
	margin: 0 auto;
}
#courseContents .chooseWeek {
	width: 80px;
	float: right;
	margin: 5px 0 0;
	text-align: right;
	font-size: 10px;
}
#courseContents .chooseWeek li + li {
	margin-left: 10px;
}
#courseContents .chooseWeek li {
	display: inline-block;
	font-size: 120%;
	cursor: pointer;
}
#courseContents .chooseWeekPrev,
#courseContents .chooseWeekNext{
	color: #1470CC;
	cursor: pointer;
}
#courseContents .selectNumberFormInner {
	line-height: 2.5;
	margin: 0;
}
#courseContents .selectNumberForm{
	height: 25px;
	width: 160px;
	margin-right: 4px;
	margin-top: -3px;
	font-size: 110%;
}
#courseContents .calendarReserveList {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
#courseContents .seatMarkInfo {
	float: right;
	font-size: 8px;
	margin: 5px 0 0;
}
#courseContents .reserveAttentionText {
	clear: both;
	font-size: 110%;
	text-align: right;
}
#courseContents .courseDetailNotes {
	margin-top: 10px;
	font-size: 10px;
	text-align: right;
}
#courseContents .courseDetailInfoTitle{
	padding: 0 0 0 5px;
	font-size: 13px;
	font-weight: bold;
	border-left: 5px solid #E73820;
	line-height: 15px;
	height: 13px;
	display: block;
}
#courseContents .courseDetailMenuContent{
	padding: 0 0 10px !important;
}
#courseContents .courseDetailListWrap{
	margin-bottom: 0 !important;
}
#courseContents .courseDetailListWrap:first-child{
	margin-bottom: 20px;
}
#courseContents .courseDetailDrinkTitle{
	font-size: 12px;
	color: #333333;
	margin-bottom: 10px;
	padding: 0 !important;
}
#courseContents .detailDrinkMenuWide{
	width: 100%;
}
#courseContents .courseDetailDrinkGenre{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	width: 150px;
}
#courseContents .detailDrinkMenuWide td{
	font-size: 12px;
	color: #333333;
}
#courseContents .labelMust{
	color: #E73820;
	font-size: 10px;
}
#courseContents .calendarBalloonWrap{
	left: 390px !important;
	top: 10px !important;
}
#courseContents .RPNCover{
	position: absolute;
	width: 374px;
	height: 361px;
	background-color: rgb(204,204,204);
	background-color: rgba(204,204,204,0.7);
	top: 100px;
	left: 385px;
	z-index: 1;
}
#courseContents #stockResult{
	position: relative;
}
#courseContents .RPNHintWrap{
	background: #000000;
	margin:0 auto;
	height: 30px;
	line-height: 30px;
	width: 220px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	filter:alpha(opacity=100);
	opacity:1;
	color: #FFFFFF;
	margin-top: 165px;
}
#courseContents .RPNHintWrap > span{
	margin: 0 auto;
	display: block;
	width: 190px;
}
#courseContents .cellDisable{
	background: rgba(204,204,204,0.7) !important;
}
#courseContents .noDateMark{
	background: rgb(204,204,204) !important;
}
#courseContents .courseDetailCopyWord{
	margin-bottom: 20px;
}
#courseContents .couponAnchor{
	float:right;
	font-size:10px;
}
#courseContents .selectPeopleOfNumber {
	border: dashed 2px #D6D5D1;
	padding: 5px;
}
#courseContents .cellDates{
	width:24px !important;
}
#courseContents .calendarSeatType{
	width: 200px !important;
}
#courseContents .seatCaption{
	width: 200px !important;
}
#courseContents .cellMonth{
	height: 36px;
}
#courseContents .seatMarkInfo > li > span,
#courseContents .cellMark > span,
#courseContents .cellMark{
	color: blue !important;
}
#courseContents .calendarReserveList td{
	padding: 5px 5px 5px 7px !important;
}
#courseContents .courseDetailCouponWrapper{
	margin-top:20px;
}

/* コース一覧即リクアイコン付き */
.courseCassetteRightReserve{
	min-height: 80px;
}
.courseCassetteConditionSeatReserve{
	line-height: 80px;
}
.courseCassetteIconsWrap {
	min-height: 80px;
}
.courseListSearchBox{
	width: 760px;
	background-color: #FFFFFF;
	border: solid 1px #E4E4E4;
	margin-top: 10px;
	padding: 0 !important;
	box-sizing: content-box !important;
}
.courseListSearchTitleWrap{
	float:left;
	background-color: #F0F0F0;
	display: block;
	width: 100px;
	height: 60px;
}
.courseSearchTitle{
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #333333;
	margin: 24px 0;
	text-align: center;
	display: block;
}
.courseListSearchConditionWrap{
	position:relative;
	width: 660px;
	float:right;
}
.courseListSearchCondition{
	padding: 12px 10px !important;
	width: 660px;
	height: 60px;
	box-sizing: border-box;
}
.courseListSearchCondition > span{
	text-align: left;
	display: block;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	color: #333333;
}
.changeConditionButton{
	position: absolute;
	right: 100px;
	top: 10px;
}
.clearConditionButton{
	position: absolute;
	top: 10px;
	right: 10px;
}
.courseListSearchBox.cFix:after {
	content: none;
}

/* ブックマーク追加、おすすめレポート投稿ポップアップ(未ログイン時)
----------------------------------------------------------------------*/
#TB_window.TB_window_postReport,
#TB_window.TB_window_addList {
	border: none;
	background-color: transparent;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
}
.TB_window_postReport #TB_ajaxContent.TB_modal,
.TB_window_addList #TB_ajaxContent.TB_modal {
	padding: 0;
}
.TB_window_postReport .addListPopupTop,
.TB_window_addList .addListPopupTop {
	background: url(/SYS/cmn/images/front_002/bg_addlist_popup_top.png) no-repeat 0 0;
	padding-top: 6px;
	margin: 0 3px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.TB_window_postReport .addListPopupBottom,
.TB_window_addList .addListPopupBottom {
	background: url(/SYS/cmn/images/front_002/bg_addlist_popup_bottom.png) no-repeat 0 bottom;
	background-color:  rgba(0, 0, 0, 0.2);
	padding-bottom: 6px;
}
.TB_window_postReport .addListPopupInner,
.TB_window_addList .addListPopupInner {
	position: relative;
	border-right: 3px solid #A3A8AF;
	border-left: 3px solid #A3A8AF;
}
.TB_window_postReport div#dialog div.innerWrap,
.TB_window_addList div#dialog div.innerWrap {
	background: none #FFFFFF;
	border: none;
}
.TB_window_postReport .addListHeaderWrapper,
.TB_window_addList .addListHeaderWrapper {
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px 14px;
	background: #EFEFED;
}
.TB_window_postReport .addListHeader,
.TB_window_addList .addListHeader {
	font-size: 16px;
	font-weight: bold;
}
.TB_window_postReport .addListContent,
.TB_window_addList .addListContent {
	background-color: #FFFFFF;
	padding: 0 12px 0 10px;
}
.TB_window_postReport .addListContentTextWrapper,
.TB_window_addList .addListContentTextWrapper {
	padding: 9px 0 8px 3px;
}
.TB_window_postReport .addListContentText,
.TB_window_addList .addListContentText {
	font-size: 14px;
	color: #D2232A;
	line-height: 20px;
	margin-left: 8px;
}
.TB_window_addList .addListContentText.addMember {
	overflow: hidden;
	padding-left: 5px !important;
}
.TB_window_postReport .addListContentList > li,
.TB_window_addList .addListContentList > li {
	font-size: 14px;
	border-top: 1px dotted #CCCCCC;
}
.TB_window_postReport .addListContentListReg,
.TB_window_addList .addListContentListReg {
	padding: 10px 2px 10px 4px;
}
.TB_window_postReport .addListContentListLogin,
.TB_window_addList .addListContentListLogin {
	padding: 10px 2px 4px 4px;
}
.TB_window_postReport #TB_ajaxContent p,
.TB_window_addList #TB_ajaxContent p {
	padding: 0;
}
.TB_window_postReport .closeBtn,
.TB_window_addList .closeBtn {
	position: absolute;
	right: 2px;
	bottom: -32px;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

/* Clear Fix */
.cf {
	*zoom: 1;
}
.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}


/* メニューレポートを料理名ごとに名寄せしたUIにする */
.recommendMenuReport {
	margin-left: 20px;
}

.recommendMenuReport + .recommendMenuReport {
	margin-top: 20px;
}

div#mainContents .recommendMenuReportTitle {
	margin-left: 0;
	float: left;
}

div#mainContents .recommendMenuReportLinkList {
	display: table;
	float: right;
	margin-bottom: 0;
}

div#mainContents .recommendMenuReportLinkList > li {
	display: table-cell;
	vertical-align: middle;
}

div#mainContents .recommendMenuReportLinkList > li + li {
	padding-left: 10px;
}

/* カセット 共通 */
div#mainContents .impressionBaseMenuSectionWrapper,
div#mainContents .nameBaseMenuSectionWrapper {
	margin-top: 20px;
	margin-left: 0;
	margin-bottom: 0;
}

div#mainContents .impressionBaseMenuSection,
div#mainContents .nameBaseMenuSection {
	border: 2px solid #EDEDED;
	border-radius: 4px;
}

div#mainContents .impressionBaseMenuSection + .impressionBaseMenuSection,
div#mainContents .nameBaseMenuSection + .nameBaseMenuSection {
	margin-top: 10px;
}

div#mainContents .impressionBaseMenuTitle,
div#mainContents .nameBaseMenuTitle {
	font-size: 16px;
	margin-left: 0;
	margin-bottom: 0;
	line-height: 1.2;
	font-weight: bold;
}

div#mainContents .impressionBaseMenuTitle a {
	font-weight: bold;
}

div#mainContents .impressionBaseMenuEntryDate,
div#mainContents .nameBaseMenuEntryDate {
	font-size: 11px;
	color: #666666;
	margin-bottom: 0;
}

/* 通常カセット */
div#mainContents .impressionBaseMenuSection {
	padding: 10px;
}

div#mainContents .impressionBaseMenuTitle {
	float: left;
	width: 550px;
}

div#mainContents .impressionBaseMenuEntryDate {
	float: right;
}

div#mainContents .impressionBaseMenuAuther {
	color: #666666;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

div#mainContents .impressionBaseMenuAuther > a {
	color: #666666;
}

div#mainContents .impressionBaseMenuText {
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 0;
}

/* タイトルが料理名のカセット */
div#mainContents .nameBaseMenuReportDetailWrapper {
	padding: 10px;
}

div#mainContents .nameBaseMenuTitleWrapper {
	border-bottom: 2px solid #EDEDED;
	padding-top: 10px;
	padding-bottom: 10px;
	display: table;
	width: 100%;
}

div#mainContents .nameBaseMenuTitle {
	display: table-cell;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	width: 700px;
}
.nameBaseMenuMoreLink{
	display: table-cell;
	width: 145px;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
	font-size: 12px;
}
.nameBaseMenuMoreLink a{
	background: url("/SYS/cmn/images/front_002/icn_link_arrow.png") no-repeat left 7px;
	padding-left: 8px;
}
div#mainContents .nameBaseMenuTitleIcon {
	display: table-cell;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

div#mainContents .nameBaseMenuImgList {
	border-bottom: 2px solid #EDEDED;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

div#mainContents .nameBaseMenuImgList > li {
	float: left;
	border: 1px solid #EDEDED;
	margin-left: 36px;
	text-align: center;
	width: 98px;
	height: 98px;
}

div#mainContents .nameBaseMenuImgList > li > img {
	max-width: 98px;
	max-height: 98px;
}

div#mainContents .nameBaseMenuReportDetail + .nameBaseMenuReportDetail {
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #EDEDED;
}

div#mainContents .nameBaseMenuTextWrapper {
	margin-left: 0;
	margin-bottom: 0;
	float: left;
	width: 590px;
}

div#mainContents .menuListArticle .nameBaseMenuTextWrapper {
	width: 560px;
}

div#mainContents .nameBaseMenuText {
	margin-left: 0;
	margin-bottom: 0;
}

div#mainContents .nameBaseMenuTextShopTop {
	margin-left: 0;
	margin-bottom: 0;
	float: left;
	width: 550px;
}

div#mainContents .nameBaseMenuEntry {
	float: right;
	text-align: right;
}

div#mainContents .nameBaseMenuEntryDate {
	margin-left: 0;
}

div#mainContents .nameBaseMenuEntryImgWrapper {
	border: 1px solid #EDEDED;
	margin-top: 10px;
	width: 118px;
	height: 118px;
	text-align: center;
}

div#mainContents .nameBaseMenuEntryImg {
	max-width: 100%;
	max-height: 100%;
}

div#mainContents .nameBaseMenuAuther {
	font-size: 11px;
	color: #666666;
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 0;
}

div#mainContents .nameBaseMenuReportImg {
	float: right;
}

/* もっと見る */
div#mainContents .recommendMenuReportMoreLink {
	text-align: right;
	margin-top: 3px;
}

div#mainContents .recommendReportHeadImg {
	margin-left: 10px;
}

.recommendMenuIconArrow {
	background-image: url("/SYS/cmn/images/front_002/icn_link_arrow.png");
	background-repeat: no-repeat;
	padding: 4px 0 3px 8px;
	background-position: 0px center;
}

div#mainContents .recommendMenuBackList {
	margin-top: 20px;
	margin-left: 0;
	margin-bottom: 0;
}

div#mainContents .recommendMenuBackListNarrow {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

div#mainContents .nameBaseMenuTextWrapper .recommendReporterInfo {
	margin: 10px 0 0 !important;
}

/* 口コミカセット */
.recommendReportList {
	margin: 20px 0 0 !important;
}
.recommendReportList>li {
	position: relative;
	padding: 10px;
	border: 2px solid #EDEDED;
	border-radius: 4px;
}
.recommendReportList>li+li {
	margin-top: 10px;
}
.recommendReportDate {
	float: right;
	margin-bottom: 0 !important;
	margin-left: 10px !important;
	font-size: 11px;
	color: #666666;
}
.recommendReportTitle {
	overflow: hidden;
	margin: 0 !important;
	padding-bottom: 0 !important;
	background: none !important;
	clear: none !important;
	line-height: 1.1;
}
.recommendReportTitle>a {
	font-size: 16px;
}
.recommendReportContent {
	margin-top: 5px;
}
.recommendReportPhoto {
	float: right;
	width: 78px;
	height: 78px;
	margin-left: 10px;
	border: 1px solid #EDEDED;
	text-align: center;
}
.recommendReportPhoto>img {
	max-width: 78px;
	max-height: 78px;
}
.recommendReportText {
	overflow: hidden;
	margin: 0 !important;
	font-size: 13px;
}
.recommendReporterInfo {
	margin: 5px 0 0 !important;
}
.recommendReporterInfo>dt,
.recommendReporterInfo>dd {
	font-size: 11px;
	color: #666666;
	line-height: 1.7;
}
.recommendReporterInfo>dt {
	float: left;
}
.recommendReporterInfo>dt:first-child {
	margin-right: 10px;
	padding-left: 18px;
}
.recommendReporterInfo>.rankIcon00 {
	background: url('/SYS/cmn/images/common/diary/rank_icon00.gif') no-repeat top left;
}
.recommendReporterInfo>.rankIcon01 {
	background: url('/SYS/cmn/images/common/diary/rank_icon01.gif') no-repeat top left;
}
.recommendReporterInfo>.rankIcon02 {
	background: url('/SYS/cmn/images/common/diary/rank_icon02.gif') no-repeat top left;
}
.recommendReporterInfo>.rankIcon03 {
	background: url('/SYS/cmn/images/common/diary/rank_icon03.gif') no-repeat top left;
}
.recommendReporterInfo>.rankIcon04 {
	background: url('/SYS/cmn/images/common/diary/rank_icon04.gif') no-repeat top left;
}
.recommendReporterInfo>.rankIcon05 {
	background: url('/SYS/cmn/images/common/diary/rank_icon05.gif') no-repeat top left;
}
.recommendReporterInfo>dd {
	overflow: hidden;
}
.recommendReporterName>a,
.recommendReporterName>a:visited {
	color: #666666;
}

.linkMoreReportList {
	margin: 20px 0 0 !important;
}
.linkMoreReportList>a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #EDEDED;
	border-radius: 4px;
	line-height: 1;
	text-align: center;
	color: #666666;
}
.linkMoreReportList>a:hover {
	background: #EFEFEF;
}
.linkMoreReportList>a:visited {
	color: #666666;
}

/* ショップレコメンド */
div#mainContents .shopRecommendList {
	margin: 0 -12px 20px -11px;
}
div#mainContents .shopInnerReport .shopRecommendList {
	margin: 20px 9px 0px 9px;
}
div#mainContents .shopInnerWide .shopRecommendList,
div#courseContents .shopInnerWide .shopRecommendList {
	padding-right: 20px;
	margin: 0 -12px 20px 9px;
}
div#mainContents .shopInner .shopRecommendList {
	margin: 0 -11px 20px 9px;
	padding-top: 5px;
}
div#mainContents .shopInner .shopRecommendList.meiryoFont {
	padding-top: 10px;
	clear: both;
}
div#mainContents .shopRecommendList > .recommendTitle,
div#courseContents .shopRecommendList > .recommendTitle {
	margin: 0;
	padding: 8px 60px;
	background: url(/SYS/cmn/images/common/ttl_shop_recommend.png) no-repeat 0 0;
	color: #FFFFFF;
	font-size: 16px;
	position: relative;
}
div#mainContents .shopRecommendList > .recommendTitle > .recommendTitleIcn,
div#courseContents .shopRecommendList > .recommendTitle > .recommendTitleIcn {
	display: block;
	position: absolute;
	top: -12px;
	left: 10px;
}
div#mainContents .shopRecommendList > .shopRecommendWrap,
div#courseContents .shopRecommendList > .shopRecommendWrap {
	padding: 10px 0 0 3px;
	margin-top: 10px;
	background: #EEEEEE;
}
div#mainContents .shopRecommendContent,
div#courseContents .shopRecommendContent {
	margin: 0 0 10px 0;
	padding: 0 0 10px 13px;
}
div#mainContents .shopRecommendContent > li,
div#courseContents .shopRecommendContent > li {
	float: left;
	width: 230px;
	margin-right: 10px;
}
div#mainContents .shopRecommendFigure,
div#courseContents .shopRecommendFigure {
	width: 223px;
	height: 167px;
	padding: 2px;
	border: 1px solid #D0D0D0;
	background-color: #FFFFFF;
	text-align: center;
}
div#mainContents .shopRecommendFigure > a,
div#courseContents .shopRecommendFigure > a {
	display: block;
	text-align: center;
	vertical-align: top;
}
div#mainContents .shopRecommendFigure > a > img,
div#courseContents .shopRecommendFigure > a > img {
	max-width: 100%;
	max-height: 100%;
}
div#mainContents .shopRecommendDetail,
div#courseContents .shopRecommendDetail {
	display: block;
	margin: 0;
	padding-top: 6px;
	overflow: hidden;
}
div#mainContents .shopRecommendDetail > dt > a,
div#courseContents .shopRecommendDetail > dt > a {
	font-weight: bold;
}
div#mainContents .shopRecommendDetai > dt + dd,
div#courseContents .shopRecommendDetai > dt + dd {
	text-align: right;
}
div#mainContents .shopRecommendCaption,
div#courseContents .shopRecommendCaption {
	margin: 0 0 4px 0;
	padding: 0;
	border-top: none;
}
div#mainContents .shopRecommendCaption > li,
div#courseContents .shopRecommendCaption > li {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 84%;
	text-align: left;
}
div#mainContents .shopRecommendDetailBtn,
div#courseContents .shopRecommendDetailBtn {
	margin: 0;
	text-align: right;
}

/* h1割り当て変更 */
#shopHeaderWrapper .shopName {
	background: none;
	border-bottom: none;
	padding-bottom: 0;
	padding-left: 0;
}
/* shopInner padding-top:20;を削除 */
.pT20 {
	padding-top: 20px;
}
/* ヘッダーにログイン情報がある場合の対応 */
.userName {
	word-wrap: normal;
}
div#mainContents h2.courseSectionTitle {
	margin-bottom: 10px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	background-image: none;
	padding-bottom: 0;
}

div#mainContents h2 div.courseSectionTitleWrap {
	display: table-cell;
	vertical-align: middle;
	background: url("/SYS/cmn/images/front_002/ttl_shop_catch_word_soku.png") no-repeat 0 0;
	width: 760px;
	height: 45px;
	padding: 0 10px 0 50px;
}
div#mainContents h2 span.courseSectionTitleText {
	display: inline;
	padding: 0;
	background-image: none; 
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
}
.emptySheatSeachPeopleTitle {
	padding-left: 10px;
}
div#mainContents .reserveSelectDetail ul.calendarMarkAnnotation {
	float: right;
}
.calendarMarkAnnotationEx {
	padding-left: 1.5em;
}
div#mainContents .emptySheatSeachCalendar .chooseMonth {
	width: 650px;
}

/* SNS改修 */
#subContents .shopInfoShare {
	padding-left: 10px;
	padding-right: 10px;
}

.shopInfoShareToSocial {
    display: table;
    width: 100%;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.shopInfoShareToSocial > li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopInfoShareToSocial > li + li {
	padding-left: 9px;
}
.btnShopInfoShareToSocial {
	color: #383836;
	display: block;
	width: 43px;
	font-weight: bold;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnShopInfoShareToSocial:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
}
.shopInfoShareToSocial > li > a:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
}

.btnShareToTwitter:before {
	background-image: url(/SYS/cmn/images/front_002/icn_social_twitter.png);
}
.btnShareToFacebook:before {
	background-image: url(/SYS/cmn/images/front_002/icn_social_facebook.png);
}
.btnShareToMixi:before {
	background-image: url(/SYS/cmn/images/front_002/icn_social_mixi.png);
}

/* Variation */
.openVariationList {
	display: block;
	text-align: right;
	margin-right: 9px;
}
div#mainContents div.dish div.columnPsssB .openVariationList {
	margin-right: 0;
}
.openVariationList a:visited {
	color: #1470CC;
}
.openVariationList span.variationOpenClose {
	margin-right: 2px;
	font-size: 10px;
	color: #1470cc;
	vertical-align: middle;
}
.openVariationList img {
	vertical-align: middle;
}
.variationListWrap {
	width: 258px;
	position: absolute;
	z-index: 200;
	zoom: 1;
	right: -16px;
}
.variationListWrap a {
	color: #1470CC;
}
.variationListWrap .VariationListInner {
	position: relative;
	zoom: 1;
	padding: 0 10px 10px;
	background-color: #B2AA9C;
}
.variationListWrap .VariationListInner img {
	vertical-align: top;
}
.variationListWrap .variationListHead {
	display: block;
	height: 46px;
}
div#mainContents div.locator div .variationListWrap ul.variationList,
div#mainContents dl.price dd .variationListWrap ul.variationList {
	color: #FFFFFF;
	margin: 0;
	padding: 5px 5px 5px 12px;
	clear: both;
	background: #FFFFFF repeat 0 0;
	max-height: 170px;
	overflow-x: auto;
}
.variationListWrap .variationList li:first-child {
	border-top: none;
}
.variationListWrap .variationList li {
	margin-left: 5px;
	padding: 5px 0;
	overflow: hidden;
	border-top: 1px dotted #CCCCCC;
}
.variationListWrap li.variationItem {
	margin-left: 23px;
}
.variationListWrap .variationClose {
	position: absolute;
	top: 10px;
	right: 10px;
}
div#mainContents dl.price dd .variationListWrap .variationClose {
	line-height: 1;
}
.variationListWrap .variationClose span {
	font-weight: bold;
	font-size: 10px;
}
.variationListWrap .variationClose img {
	margin: 3px;
	position: absolute;
	right: 31px;
	top: -1px;
}
.variationListWrap .variationListHeadInner {
	height: 32px;
	top: 14px;
	width: 100%;
	position: absolute;
	background-color: #B2AA9C;
}
.variationListWrap .variationListHeadContents {
	position: relative;
}
.variationListWrap .variationListArrowTop {
	position: absolute;
	right: 12px;
}
.variationListWrap .variationTtl {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
div#mainContents div.locator .variationListWrap ul.variationList li p,
div#mainContents dl.price dd .variationListWrap ul.variationList li p {
	margin:0;
}
div#mainContents div.locator .variationListWrap .variationList li .variationNotes,
div#mainContents dl.price dd .variationListWrap ul.variationList li .variationNotes {
	font-size: 12px;
	text-align: left;
}
div#mainContents div.locator .variationListWrap .variationList li .variationPriseWrap,
div#mainContents dl.price dd .variationListWrap ul.variationList li .variationPriseWrap {
	margin-top: 5px;
	text-align: right;
}
.variationLightbox {
	display: none;
	position: relative;
}
.showVariation {
	display: block;
}
/* EOF */