@charset "utf-8";

/* screen.css
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

	1. imported styles
	2. 共通スタイル
	3. トップ　レストラン「ヴィラ アニヴェルセル」
	4. ディナーメニュー
	5. ランチメニュー
	6. ワインリスト
	7.
		
	99. other
		└タブ　スタイル
	
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/* font-size
10px - 83.4%
11px - 91.7%
12px - 100%
13px - 108.4%
14px - 116.7%
15px - 125%
16px - 133.4%
17px - 141.7%
18px - 150%
19px - 158.4%
20px - 166.7%
21px - 175%
22px - 183.4%
23px - 191.7%
24px - 200%
*/

/* ------------------------------------------------------------
	1. imported styles
   ------------------------------------------------------------*/
@import url("../../shared/css/reset.css");
@import url("../../shared/css/basic.css");
@import url("../../shared/css/design.css");
/* ------------------------------------------------------------
	2. 共通スタイル
   ------------------------------------------------------------*/
div.contents-title { padding-bottom: 40px; }
div.restaurant-header { }
div.restaurant-header .title {
	font-size: 108.4%;
	color: #473A33;
	padding-bottom: 1em;
	padding-top:7px;
}

div.restaurant-header table.detail { }
div.restaurant-header table.detail th,
div.restaurant-header table.detail td {
	font-size: 91.7%;
	line-height:1.2em;
	padding: 2px 2px;
	text-align: left;
}
div.restaurant-header table.detail th {
	font-weight: normal;
	color: #AD782F;
	white-space: nowrap;
	padding-right: 5px;
}
div.restaurant-header table.detail td.tel {
	font-size: 158.4%;
	color: #48A604;
}
div.restaurant-header p.note { font-size: 91.7%; }
/* メニュー */
div.restaurant-menu {
	padding-top: 15px;
	padding-bottom: 30px;
}
div.category-title img {
	padding-top: 0px;
	padding-bottom: 10px;
}
/* menu（共通　フッター　メニュー） */
div.lnav-btm {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: right;
}
div.lnav-btm ul,
div.lnav-btm li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
div.lnav-btm li {
	padding-left: 15px;
	padding-right: 6px;
}
div.lnav-btm a,
div.lnav-btm a:visited {
	text-decoration: none;
	font-weight: bold;
}
div.lnav-btm a:hover,
div.lnav-btm a:active { text-decoration: none; }
div.lnav-btm a span {
	background: url(../../shared/img/arw1_r.gif) no-repeat left top;
	height: 13px;
	width: 16px;
	display: inline-block;
}
/* for javascript selflink */
div.lnav-btm a.current span {
	background: url(../../shared/img/arw2_t.gif) no-repeat left top;
	height: 13px;
	width: 16px;
}
div.lnav-btm a.current { color: #A2894E; }

/* 注釈のスタイル */
.text_note {
	font-size: 91.7%;
	text-indent: -1em;
	margin-left: 1em;
}


/* ------------------------------------------------------------
	3. トップ　レストラン「ヴィラ アニヴェルセル」
   ------------------------------------------------------------*/


#restaurant-top { }
p.indentlist {
	text-indent: -1em;
	padding-left: 1em;
}

div.category-title{ padding-bottom: 10px; }
#restaurant-top .sdw-body .body{
	padding: 25px 40px;
	border-bottom: 1px solid #D1CFCD;
}

#restaurant-top .sdw-body .body .title{
	color: #4F2C31;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 116.7%;
}

/*営業終了のお知らせ*/
#restaurant-top #doc-top{ position: relative; zoom:1; }
#restaurant-top #doc-top #popup{
	width: 645px;
	border: 1px solid #666;
	text-align: left;
	position: absolute;
	left: 30px;
	top: 20px;
	background: url(../img/close/bg.png);
	z-index: 1;
	visibility: hidden;
}
#restaurant-top #doc-top #popup .section{ padding: 10px 40px; }
#restaurant-top #doc-top #popup .section p{
	font-size: 12px;
	line-height: 1.6em;
	margin-bottom: 15px;
}
#restaurant-top #doc-top #popup .section p.right{ text-align: right; }
#restaurant-top #doc-top #popup .nav{ text-align: right; }
#restaurant-top #doc-top #popup .title{
	padding-bottom: 15px;
}

/* ------------------------------------------------------------
	4. ディナーメニュー
   ------------------------------------------------------------*/
#restaurant-dinner { }
div.category-title{ padding-bottom: 10px; }
#restaurant-dinner div.sdw-body div.body{ 
	padding: 25px 40px; }
#restaurant-dinner .border-4 {	border: 1px solid #5B0000;
	padding: 2px;
}
#restaurant-dinner .border-5 {	border: 1px solid #5B0000;
}
#restaurant-dinner .border-dot {	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#restaurant-dinner .cousemenu {
	line-height: 1.3em;
}
#restaurant-dinner .padbot {
	padding-bottom: 5px;
	padding-top: 10px;
}
#restaurant-dinner .padlr {
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.5;
}
#restaurant-dinner .pho {	margin: 2px;
}
#restaurant-dinner .tc3 {color:#5B0000;
}
#restaurant-dinner .tc3b {color:#5B0000;
	font-weight: bold;
}

/* -----  ----- */
#restaurant-dinner .dinnerc p {
	text-indent: -1em;
	margin-left: 1em;
}
/* -----  ----- */
#restaurant-dinner .dinneralla p {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 1em;
}


/* ------------------------------------------------------------
	5. ランチメニュー
   ------------------------------------------------------------*/

#restaurant-lunch { }
#restaurant-lunch div.sdw-body div.body{ padding: 25px 40px; }
#restaurant-lunch .border-31 {border: 1px solid #5B0000;
	padding: 1px;
	margin-left: 10px;
}
#restaurant-lunch .border-4 {	border: 1px solid #5B0000;
	padding: 2px;
}
#restaurant-lunch .cousemenu {	line-height: 1.3em;
}
#restaurant-lunch .cousemenu2 {
	line-height: 1.5em;
}
#restaurant-lunch .tc3 {color:#5B0000;
}
#restaurant-lunch p.note { font-size: 91.7%; }
/* ------------------------------------------------------------
	6. ワインリスト
   ------------------------------------------------------------*/

#restaurant-wine { }

#restaurant-wine div.sdw-body div.body{ padding: 25px 23px 25px 22px; }

#restaurant-wine p.update{ text-align: right; }
#restaurant-wine .menu1 {
	text-align: right;
	padding-top: 3px;
	padding-bottom: 10px;
}
#restaurant-wine .border-l {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #B99DA3;
	padding-left: 10px;
}
#restaurant-wine .txt-color-1 { color: #803A3A; }

/* ------------------------------------------------------------
	99. other
   ------------------------------------------------------------*/

/* ------------------------------------------------------------
	タブ　スタイル
*/

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	clear: none;
	width: 700px;
	position: relative;
	zoom:1;
	
}
.tabNav {
	margin: 0px;
	padding-left: 15px;
	background-image: url(../../cafe/img/tab/tab_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 45px;
	/*position: relative;*/
	clear: both;
}
.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}
/*タブ背景設定*/
.tabbg-tl {
	background-image: url(../../cafe/img/tab/tab2_tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tabbg-tm {
	background-color: #999999;
	background-image: url(../../cafe/img/tab/tab2_tm.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tabbg-tr {
	background-image: url(../../cafe/img/tab/tab2_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.tabbg-ml {
	background-image: url(../../cafe/img/tab/tab2_ml.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.tabbg-mr {
	background-image: url(../../cafe/img/tab/tab2_mr.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.tabbg-bl {
	background-image: url(../../cafe/img/tab/tab2_bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tabbg-bm {
	background-image: url(../../cafe/img/tab/tab2_bm.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tabbg-br {
	background-image: url(../../cafe/img/tab/tab2_br.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 45px;
	width: 8em;
	color: #FFFFFF;
}
.tabbg {
	background-image: url(../../cafe/img/tab/tab_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.TabbedPanelsTabHover {
	position: relative; }
.active {
	position: relative; }
/*タブ背景設定*/
.active .tabbg-tl {
	background-image: url(../../cafe/img/tab/tab1_tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.active .tabbg-tm {
	background-color: #FFFFFF;
	background-image: url(../../cafe/img/tab/tab1_tm.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.active .tabbg-tr {
	background-image: url(../../cafe/img/tab/tab1_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.active .tabbg-ml {
	background-image: url(../../cafe/img/tab/tab1_ml.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.active .tabbg-mr {
	background-image: url(../../cafe/img/tab/tab1_mr.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.active .tabbg-bl {
	background-image: url(../../cafe/img/tab/tab1_bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.active .tabbg-bm {
	background-image: url(../../cafe/img/tab/tab1_bm.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.active .tabbg-br {
	background-image: url(../../cafe/img/tab/tab1_br.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 45px;
	width: 8em;
	color: #5B0000;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none!important;
}
.TabbedPanelsContentGroup { 
	clear: both;
}
.TabbedPanelsContent {
	/*background-image: url(../../cafe/img/tab/tab_bg2.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	padding-top: 15px;
	padding-bottom: 20px;
	zoom:1;
	padding-left: 30px;
}
.TabbedPanelsContentVisible { }
.VTabbedPanels .tabNav {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .active {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	/*float: left;*/
	padding: 0px;/*width: 30em;
	height: 20em;
	*/
}
/**/
.w1 { width:265px; }
.w2 { width:225px; }
.w3 { width:180px; }
.active .w1 { width:265px; }
.active .w2 { width:225px; }
.active .w3 { width:180px; }
div.tabtitle {
	padding-top: 16px;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

div.tabtitle strong { font-size: 16px; }


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

/* ----- 注釈スタイル ----- */
.text_note {
	font-size: 91.7%;
	text-indent: -1em;
	margin-left: 1em;
}