@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 トップページ
--------------------------------------------------------------------------------------- */

/* 店舗リンク ------------------------------ */

div#topCatchArea {
	width: 100%;
	/*margin-bottom: 23px;*/
	background: url(../../images/bg_pickup.gif) repeat-x left top;
}

div#topCatchAreaIn {
	width: 999px;
	height: 374px;
	margin: 0 auto;
	background: url(../../images/bg_pickup02.gif) no-repeat left bottom;
	text-align: left;
}

div#topCatchArea ul{
	padding: 20px 0 0 50px;
}

div#topCatchArea ul li {
	float: left;
}


/* コンテンツ ------------------------------ */

div#topCtArea {
	width: 902px;
	margin: 0 auto;
	text-align: left;
}
div#topCtArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topCtArea { display:inline-block; }
/*\*/
* html div#topCtArea { height:1%; }
div#topCtArea { display:block; }
/**/

/* 左エリア */

div#topCtLeft {
	float: left;
	width: 597px;
}

div#topCtLeft ul.newsList li p.image02 {
	position: absolute;
	top: 0;
	right: 0;
}

div#topCtLeft ul.bnrPlan {
	width: 597px;
	margin-top: 14px;
}
ul.bnrPlan:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.bnrPlan { display:inline-block; }
/*\*/
* html ul.bnrPlan { height:1%; }
ul.bnrPlan { display:block; }
/**/

div#topCtLeft ul.bnrPlan li {
	float: left;
	padding-left: 6px;
}

dl.wineGuide{
	width: 597px;
	margin-top: 14px;
	margin-bottom:22px;
}
dl.wineGuide:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.wineGuide { display:inline-block; }
/*\*/
* html dl.wineGuide { height:1%; }
dl.wineGuide { display:block; }
/**/
dl.wineGuide dt{
	width:229px;
	float:left;
	text-align:center;
}
dl.wineGuide dd{
	margin-left:229px;
}
dl.wineGuide .winebtn{
	text-align:right;
	margin-top:15px;
}


/* 右エリア */

div#topCtRight {
	float: right;
	width: 277px;
}

div#topCtRight ul.bnrEvent {
	width: 275px;
	padding: 14px 0;
	background-color: #F6F6F6;
}

div#topCtRight ul.bnrEvent li {
	margin: 0 0 6px 10px;
}

div#topCtRight ul.bnrOther {
	margin-top: 15px;
	padding-top: 18px;
	background: url(../../images/bg_event.gif) no-repeat left top;
}

div#topCtRight ul.bnrOther li {
	margin: 0 0 6px 10px;
}


/* --------------------------------------------------------------------------------------
 コンセプト
--------------------------------------------------------------------------------------- */

div.conceptBox {
	width: 585px;
	margin-top: 20px;
	padding-bottom: 21px;
	background: url(../images/line_dot_gray02.gif) repeat-x left bottom;
}
div.conceptBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.conceptBox { display:inline-block; }
/*\*/
* html div.conceptBox { height:1%; }
div.conceptBox { display:block; }
/**/

div.conceptBox div.conceptBoxLeft {
	float: left;
	width: 345px;
}

div.conceptBox div.conceptBoxLeft p {
	margin: 0 0 15px 10px;
}

div.conceptBox div.conceptBoxRight {
	float: right;
	margin-top: -3px;
}

div.conceptBox div.conceptBoxRight p {
	margin-top: 3px;
	padding: 2px;
	border: 1px solid #D9D9D9;
}

div.shopConcept {
	position: relative;
	width: 597px;
	min-height: 100px;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(../images/line_dot_gray02.gif) repeat-x left bottom;
}
* html div.shopConcept {
	height: 110px;
}

div.shopConcept h3 {
	position: absolute;
	top: 0;
	left: 12px;
}

div.shopConcept h4,
div.shopConcept p {
	margin: 0 10px 0 250px;
}

div.shopConcept h4 {
	padding: 14px 0 12px;
}

/* --------------------------------------------------------------------------------------
 ランチ/ディナー
--------------------------------------------------------------------------------------- */

p.bnr {
	margin-bottom: 38px;
}

div.menuNameArea {
	width: 592px;
	margin: 15px 0 0 5px;
}

div.menuNameBox_wide {
	position: relative;
	width: 585px;
	height: 235px;
	background: url(../images/bg_menu.gif) repeat-x left bottom;
}

div.menuNameBox_wide strong {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.menuNameBox_wide p.image {
	position: absolute;
	top: 50px;
	left: 0;
}

div.menuNameBox_wide p.price {
	position: absolute;
	top: 50px;
	left: 461px;
}

div.menuNameBox_wide p.btn {
	position: absolute;
	bottom: 30px;
	left: 463px;
}

div.menuNameBox {
	position: relative;
	float: left;
	width: 285px;
	height: 195px;
	background: url(../images/bg_menu.gif) no-repeat left bottom;
}

div.menuNameBox strong {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.menuNameBox p.image {
	position: absolute;
	top: 50px;
	left: 0;
}

div.menuNameBox p.price {
	position: absolute;
	top: 50px;
	left: 161px;
}

div.menuNameBox p.btn {
	position: absolute;
	bottom: 30px;
	left: 163px;
}

div.menuNameArea div.left {
	margin-right: 15px;
}

div.menuNameArea div.last {
	background: none !important;
}

div.setNameBox {
	width: 585px;
	margin: 0 0 20px 5px;
}

div.setNameBoxIn {
	width: 585px;
}
div.setNameBoxIn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.setNameBoxIn { display:inline-block; }
/*\*/
* html div.setNameBoxIn { height:1%; }
div.setNameBoxIn { display:block; }
/**/

div.setNameBox h3 {
	margin-bottom: 10px;
	padding: 5px 10px 2px;
	background: url(../images/bg_set.gif) repeat-y;
	font-size: 133%;
	font-weight: bold;
}

div.setNameBoxLeft {
	float: left;
	width: 220px;
	font-size: 86%;
}

div.setNameBoxLeft img {
	display: block;
}

div.setNameBoxLeft p span {
	display: block;
	padding: 2px;
	border: 1px solid #DBCDB7;
	background: #FFFFFF;
}

div.setNameBoxLeft p {
	margin-bottom: 10px;
}

div.setNameBoxRight {
	float: right;
	width: 349px;
}

div.setNameBoxRight p.ex {
	color: #A77F4A;
	font-weight: bold;
}

div.setNameBoxRight div.price {
	width: 349px;
	margin-top: 15px;
	background: #F5EAD3 url(../images/line_price.gif) repeat-x left top;
}

div.setNameBoxRight div.priceIn {
	background: url(../images/line_price.gif) repeat-x left bottom;
}

div.setNameBoxRight div.price p {
	padding: 5px 10px;
	color: #A32F4B;
}

div.setNameBoxRight div.price p span {
	font-weight: bold;
}

div.setNameBoxRight ul {
	margin: 10px 0;
}


/* --------------------------------------------------------------------------------------
 アラカルト
--------------------------------------------------------------------------------------- */

div.alacarteNameArea {
	width: 592px;
	margin: 15px 0 40px 5px;
}
div.alacarteNameArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.alacarteNameArea { display:inline-block; }
/*\*/
* html div.alacarteNameArea { height:1%; }
div.alacarteNameArea { display:block; }
/**/

div.alacarteNameBox {
	position: relative;
	float: left;
	width: 185px;
	font-size: 86%;
}

div.alacarteNameBox p img {
	margin-bottom: 5px;
}

div.alacarteNameBox ul {
	margin-top: 15px;
	border-bottom: 1px solid #D5C4AA;
}

div.alacarteNameBox p.btn {
	position: absolute;
	bottom: 30px;
	left: 163px;
}

div.alacarteNameArea div.left {
	margin-right: 15px;
}

div.alacarteBox {
	float: right;
	width: 349px;
	padding-top: 3px;
	background: url(../images/line_price.gif) repeat-x;
}

div.alacarteBox table {
	width: 100%;
}

div.alacarteBox th,
div.alacarteBox td {
	padding: 6px 0 8px;
	background: url(../images/line_price.gif) repeat-x left bottom;
	text-align: left;
	vertical-align: middle;
}

div.alacarteBox th {
	width: 248px;
	padding-right: 10px;
	font-weight: normal;
}

div.alacarteBox td {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #F5EAD3;
	color: #A32F4B;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 バースデー
--------------------------------------------------------------------------------------- */

div.birthdayArea h2 {
	position: relative;
	width: 597px;
	height: 50px;
	margin-bottom: 16px;
}
div.birthdayArea h2 img {
	position: absolute;
	top: -2px;
	left: 0;
}

div.birthdayBox {
	float: left;
	width: 285px;
	margin-top: 38px;
	padding-bottom: 15px;
}
div.birthdayBox.left {
	margin-right:15px;
}

div.birthdayBox h3 {
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------------------------
 ブレッドリスト
--------------------------------------------------------------------------------------- */

div.bredBox {
	width: 585px;
	margin: 20px 0 20px 5px;
	border-bottom: 1px solid #D5C4AA;
}
div.bredBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.bredBox { display:inline-block; }
/*\*/
* html div.bredBox { height:1%; }
div.bredBox { display:block; }
/**/

div.bredBoxLeft {
	float: left;
	width: 200px;
}

div.bredBoxLeft p {
	margin-bottom: 10px;
}

div.bredBoxRight {
	float: right;
	width: 378px;
}

div.bredBoxRight h3 {
	color: #A77F4A;
	font-weight: bold;
}

div.bredBoxRight h3 img {
	float: right;
	margin-left: 5px;
}

div.bredBoxRight div.price {
	width: 378px;
	margin-top: 10px;
	background: #F5EAD3 url(../images/line_price.gif) repeat-x left top;
}

div.bredBoxRight div.priceIn {
	background: url(../images/line_price.gif) repeat-x left bottom;
}

div.bredBoxRight div.price p {
	padding: 5px 10px;
	color: #A32F4B;
}

div.bredBoxRight div.price p span {
	font-weight: bold;
}

div.bredBoxRight p {
	padding: 10px 0;
}


/* --------------------------------------------------------------------------------------
 ショップリスト
--------------------------------------------------------------------------------------- */

h3.shopName {
	margin: 15px 0 0 5px;
}

div.shopBox {
	width: 585px;
	margin: 20px 0 20px 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #D5C4AA;
}
div.shopBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.shopBox { display:inline-block; }
/*\*/
* html div.shopBox { height:1%; }
div.shopBox { display:block; }
/**/

div.shopBox.last {
	padding-bottom: 0;
	border-bottom: none;
}

div.shopBox div.shopBoxLeft {
	float: left;
	width: 295px;
}

div.shopBox div.shopBoxLeft h4 {
	padding-bottom: 10px;
	background: url(../images/line_price.gif) repeat-x left bottom;
	color: #9F7843;
	font-size: 117%;
	font-weight: bold;
}

div.shopBox div.shopBoxLeft p {
	margin-top: 15px;
}

div.shopBox div.shopBoxRight {
	float: right;
	width: 280px;
	padding: 1px 0;
	background: #AD9678;
}

div.shopBox div.shopBoxRight iframe {
	width: 278px;
	height: 228px;
	margin: 0 1px;
	border:0;
}


/* --------------------------------------------------------------------------------------
 ワイン
--------------------------------------------------------------------------------------- */

div.wineArea h3 {
	margin-top: 30px;
}

div.wineBox {
	width: 585px;
	margin: 10px 0 0 5px;
}
div.wineBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.wineBox { display:inline-block; }
/*\*/
* html div.wineBox { height:1%; }
div.wineBox { display:block; }
/**/

div.wineBoxRight {
	float: right;
	width: 345px;
}

div.wineBox.bg {
	background: url(../../wine/images/bg_01.gif) no-repeat right bottom;
}

div.wineBoxRight p {
	margin-bottom: 18px;
}

div.wineBoxLeft {
	float: left;
	margin-bottom: -5px;
}

div.wineBoxLeft p {
	margin-bottom: 5px;
	padding: 2px;
	border: 1px solid #D9D9D9;
}

div.wineList {
	margin-top: 25px;
	padding-top: 1px;
	background: url(../images/line_dot_gray.gif) repeat-x
}

div.wineListBox {
	width: 595px;
	padding: 10px 0 11px;
	background: url(../images/line_dot_gray.gif) repeat-x left bottom;
}
div.wineListBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.wineListBox { display:inline-block; }
/*\*/
* html div.wineListBox { height:1%; }
div.wineListBox { display:block; }
/**/

div.wineListBox div.wineListInfo {
	float: left;
	width: 325px;
}

div.wineListBox div.wineListInfo h4 {
	margin-bottom: 15px;
}

div.wineListBox div.wineListInfo p {
	float: left;
	padding-left: 5px;
}

div.wineListBox div.wineListInfo dl {
	margin-left: 100px;
	color: #333333;
	line-height: 1.4;
}
* html div.wineListBox div.wineListInfo dl {
	margin-left: 97px;
}

div.wineListBox div.wineListInfo dl dt {
	font-weight: bold;
}

div.wineListBox div.wineListInfo dl dd {
	font-size: 87%;
}

div.wineListBox div.wineListInfo dl dd.price {
	color: #B0060B;
	font-weight: bold;
}

div.wineListBox p.card {
	float: right;
}

ul.eventBnr {
	margin: 10px 0 0 5px;
}

ul.eventBnr li {
	margin-bottom: 5px;
}

div.wineListBoxOther {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:10px 0 10px 315px;
width:280px;
}


/* --------------------------------------------------------------------------------------
 ニュース
--------------------------------------------------------------------------------------- */

div.newsArea ul.newsList li {
	background: url(../images/line_dot_gray.gif) repeat-x left bottom;
}

div.newsArea ul.newsList li p.image02 {
	position: absolute;
	top: 0;
	right: 0;
}

div.newsArea div.pagenavi {
	margin-top: -23px;
}

ul.naviArchives li {
	width: 206px;
	height: 30px;
	background: url(../../news/images/bg_archives.gif) no-repeat;
	overflow: hidden;
}

ul.naviArchives li a {
	display: block;
	padding: 0 18px;
	background: url(../../news/images/icon_archives.gif) no-repeat 8px 12px;
	line-height: 28px;
}
ul.naviArchives li a:link,
ul.naviArchives li a:visited {
	color: #333333;
	text-decoration: none;
}

ul.naviArchives li a:hover {
	background: url(../../news/images/icon_archives_on.gif) no-repeat 11px 12px;
	color: #94611D;
	text-decoration: none;
}

ul.naviArchives li.on {
	background: url(../../news/images/bg_archives_on.gif) no-repeat;
}
ul.naviArchives li.on a:hover {
	background: url(../../news/images/icon_archives.gif) no-repeat 8px 12px;
	color: #333333;
	text-decoration: none;
}

div.newsDetail h2 {
	padding: 0 5px 9px;
	background: url(../../news/images/line_dot.gif) repeat-x left bottom;
	font-weight: bold;
}

div.newsDetail h2 span.date {
	font-weight: normal;
}

div.newsDetail p {
	margin: 18px 5px 0;
}

div.newsDetail div.pagenavi {
	margin-top: 27px;
	background: url(../../news/images/line_dot.gif) repeat-x;
}

div.pagenavi {
	position: relative;
	width: 100%;
}

div.pagenavi p {
	margin: 0;
	padding-top: 11px;
	text-align: right;
	color: #868686;
}

div.pagenavi p span.pre {
	display: inline-block;
	padding: 0 10px;
	background: url(../../news/images/icon_pre.gif) no-repeat left center;
}

div.pagenavi p span.next {
	display: inline-block;
	padding: 0 10px;
	background: url(../../news/images/icon_next.gif) no-repeat right center;
}

div.pagenavi p.back {
	position: absolute;
	top: 11px;
	left: 0;
	padding: 0;
	text-align: left;
}


/* --------------------------------------------------------------------------------------
 アクセスマップ
--------------------------------------------------------------------------------------- */

div.accessArea div.mapBox {
	width: 595px;
	margin-bottom: 15px;
	padding: 1px 0;
	background: #D8D8D8;
}

div.accessArea div.mapBox iframe {
	width: 593px;
	height: 448px;
	margin: 0 1px;
	border:0;
}

div.accessArea dl.method {
	width: 597px;
	margin-top: 30px;
	padding-bottom: 12px;
	background: url(../../util/images/access/bg_01_bt.gif) no-repeat left bottom;
}

div.accessArea dl.method dt {
	padding: 9px 21px 0;
	font-size: 0;
	background: url(../../util/images/access/bg_01_tp.gif) no-repeat;
}

div.accessArea dl.method dd {
	padding: 8px 21px 0;
}

div.accessArea .mapIllust {
	position: relative;
	width: 595px;
	height: 349px;
	background: url(../../util/images/access/bg_map_illust.gif) no-repeat 0 0;
}

div.accessArea .mapIllust a {
	position: absolute;
	top: 141px;
	left: 392px;
	display: block;
	width: 43px;
	height: 40px;
	text-indent: -9999px;
}


div.shopInfo {
	margin-top: 25px;
	padding-top: 1px;
	background: url(../images/line_dot_gray02.gif) repeat-x
}

div.shopInfoBox {
	width: 595px;
	padding: 10px 0 11px;
	background: url(../images/line_dot_gray02.gif) repeat-x left bottom;
}
div.shopInfoBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.shopInfoBox { display:inline-block; }
/*\*/
* html div.shopInfoBox { height:1%; }
div.shopInfoBox { display:block; }
/**/

div.shopInfoBox div.shopInfoRight {
	float: right;
	width: 344px;
	padding-top: 14px;
}

div.shopInfoBox div.shopInfoRight dl {
	width: 344px;
	min-height: 170px;
	margin-top: 12px;
}
* html div.shopInfoBox div.shopInfoRight dl {
	height: 170px;
}

div.shopInfoBox div.shopInfoRight dl.vv {
	background: url(../../util/images/access/bg_vv.gif) no-repeat right bottom;
}
div.shopInfoBox div.shopInfoRight dl.cr {
	background: url(../../util/images/access/bg_cr.gif) no-repeat right bottom;
}
div.shopInfoBox div.shopInfoRight dl.ds {
	background: url(../../util/images/access/bg_ds.gif) no-repeat right bottom;
}

div.shopInfoBox div.shopInfoRight dl dt {
	float: left;
	clear: both;
	width: 27px;
	margin-right: 10px;
	padding-top: 2px;
	font-size: 0;
}

div.shopInfoBox div.shopInfoRight dl dd {
	float: left;
	width: 307px;
}

div.shopInfoBox p.shopInfoLeft {
	float: left;
	padding: 2px;
	border: 1px solid #D8D8D8;
}


