@charset "UTF-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+ Update:2007-12-12
+
+ Editor ID:MGN
+
+
+ LowerCSS: add_cot.css -> all for html
+
++++++++++CSSを追加した場合下記コメントを追記 +++++++++++++++++++++++++++++++++
last-modifier 2007.0X.XX MGN
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*------------------- リセット --------------------*/
*{
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
}
img{
	border:0;
	vertical-align:bottom;
}
a{outline:none;}

/*------------------- 共通 --------------------*/
body{
	color:#999;
	font-size:12px;
	font-weight:normal;
	line-height:1.3em;
	font-family:"Lucida Grande Regular",Osaka,"ＭＳ Ｐゴシック";
	background:url(../img/common/bg.gif) repeat-x #eaeaea;
	text-align:center;
}
#logo{
	width:880px;
	height:84px;
	margin:69px auto 0 auto;
	text-align:center;
	background:url(../img/common/bg_logo.gif) repeat-x #eaeaea;
}
#logo img{
	position:relative;
	top:2px;
	left:-8px;
}
#contents{
	position:relative;
	width:880px;
	height:298px;
	margin:0 auto;
	background:url(../img/common/bg_contents.gif) no-repeat;
}
#about,
#menu,
#party,
#staff,
#access,
#appetizer,
#main,
#course,
#wine{
	width:700px;
	height:298px;
	margin:0 auto;
}
#about{background:url(../img/about/bg.jpg);}
#menu{background:url(../img/menus/bg_index.jpg);}
#party{background:url(../img/party/bg.jpg);}
#staff{background:url(../img/staff/bg.jpg);}
#access{background:url(../img/access/bg.jpg);}
#appetizer{background:url(../img/menus/bg_appetizer2.jpg);}
#main{background:url(../img/menus/bg_main.jpg);}
#course{background:url(../img/menus/bg_course.jpg);}
#wine{background:url(../img/menus/bg_wine.jpg);}

address{
	clear:both;
	margin:0 0 50px 0;
	color:#999;
	font-size:9px;
	line-height:1.5em;
	font-style:normal;
	font-family:Verdana;
}
p{
	text-align:left;
	font-size:10px;
	color:#dedede;
	line-height:1.8em;
	width:300px;
}

/*------------------- メニュー --------------------*/
ul#mn{
	width:880px;
	height:61px;
	margin:0 auto 50px auto;
	background:url(../img/common/add_menu.gif) no-repeat;
}
ul#mn li{
	float:left;
	margin:0;
	padding:0;
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
}
ul#mn li#mnHome {width:258px; padding-left:221px;}
html>body ul#mn li#mnHome{width:37px; padding-left:221px;}

ul#mn li#mnAbout {width:81px;}
ul#mn li#mnNews {width:54px;}
ul#mn li#mnMenu {width:57px;}
ul#mn li#mnParty {width:55px;}
ul#mn li#mnStaff {width:50px;}
ul#mn li#mnAccess {width:68px;}
ul#mn li#mnReservation {width:90px;}
ul#mn li a{
	display:block;
	text-align:center;
	height:100%;
	text-indent:-9999px;
	text-decoration:none;
}

ul#mn li a:hover,
ul#mn li.current{background:url(../img/common/add_menu.gif);}

ul#mn li#mnHome a:hover,
ul#mn li#mnHome.current{background-position:-221px -61px;}
ul#mn li#mnAbout a:hover,
ul#mn li#mnAbout.current{background-position:-258px -61px;}
ul#mn li#mnNews a:hover,
ul#mn li#mnNews.current{background-position:-339px -61px;}
ul#mn li#mnMenu a:hover,
ul#mn li#mnMenu.current{background-position:-393px -61px;}
ul#mn li#mnParty a:hover,
ul#mn li#mnParty.current{background-position:-450px -61px;}
ul#mn li#mnAccess a:hover,
ul#mn li#mnAccess.current{background-position:-505px -61px;}
ul#mn li#mnReservation a:hover,
ul#mn li#mnReservation.current{background-position:-573px -61px;}

/*------------------- メニュー（トップonly） --------------------*/
ul#mn.top{
	background:url(../img/common/add_menu_top.gif) no-repeat;
}
ul#mn.top li#mnAbout {width:310px; padding-left:249px;}
html>body ul#mn.top li#mnAbout{width:61px; padding-left:249px;}


ul#mn.top li#mnNews {width:54px;}
ul#mn.top li#mnMenu {width:57px;}
ul#mn.top li#mnParty {width:55px;}
ul#mn.top li#mnStaff {width:50px;}
ul#mn.top li#mnAccess {width:68px;}
ul#mn.top li#mnReservation {width:90px;}

ul#mn.top li a:hover,
ul#mn.top li.current {background:url(../img/common/add_menu_top.gif);}

ul#mn.top li#mnAbout a:hover,
ul#mn.top li#mnAbout.current{background-position:-249px -61px;}
ul#mn.top li#mnNews a:hover,
ul#mn.top li#mnNews.current{background-position:-310px -61px;}
ul#mn.top li#mnMenu a:hover,
ul#mn.top li#mnMenu.current{background-position:-364px -61px;}
ul#mn.top li#mnParty a:hover,
ul#mn.top li#mnParty.current{background-position:-421px -61px;}
ul#mn.top li#mnAccess a:hover,
ul#mn.top li#mnAccess.current{background-position:-476px -61px;}
ul#mn.top li#mnReservation a:hover,
ul#mn.top li#mnReservation.current{background-position:-544px -61px;}

/*------------------- グローバルリンク --------------------*/
ul#link{
	width:195px;
	height:12px;
	margin:0 0 13px 0;
	background:url(../img/common/link_global.gif);
}
html>body ul#link{
	margin:0 auto 13px auto;
}
ul#link li{
	float:left;
	margin:0 17px 0 0;
	height:12px;
}

ul#link li#linkMyPartners {width:68px;}
ul#link li#linkIlSale {width:41px;}
ul#link li#linkInquiry {width:52px; margin-right:0;}
ul#link li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	line-height:1px;
}

ul#link li a:hover{background:url(../img/common/link_global.gif);}

ul#link li#linkMyPartners a:hover{background-position:0 -12px;}
ul#link li#linkIlSale a:hover{background-position:-85px -12px;}
ul#link li#linkInquiry a:hover{background-position:-143px -12px;}

/*------------------- index.html --------------------*/
#contents #top{
	text-align:center;
}
#contents #top object{
	width:700px;
	height:298px;
	margin:0 auto;
}

/* +++ add Editor:MGN +++ */

/*News:新着情報*/
dl#newsBox{
	position:relative;
	width:620px;
	margin:-32px auto 50px auto;
	padding:0;
	text-align:center;
	display:block;
}
*html dl#newsBox{margin-bottom:-130px; height:210px;}

dl#newsBox dt{
	width:79px;
	float:left;
	text-align:left;
	display:block;
}
dl#newsBox dd{
	float:right;
	margin:0;
	padding:0;
	width:541px;
	display:block;
	margin:0;
	padding:0;
	font-size:10px;
	font-style:normal;
	line-height:2.4;
	color:#888888;
	background:url(../img/top/img_list_mark.gif) no-repeat 0px 6px;
	border-bottom:1px solid #e1e1e1;
}
dl#newsBox dd em{
	float:left;
	margin:0;
	padding:0;
	font-style:normal;
	text-indent:1.8em;
}
dl#newsBox dd span{
	float:right;
	margin:0;
	padding:0;
	color:#aaaaaa;
}
dl#newsBox dd a{	color:#888888;text-decoration:none;}
dl#newsBox dd a:hover{	color:#8a5b6a;}

/*------------------- about.html --------------------*/
#about p{
	position:absolute;
	top:170px;
	left:438px;
}

/*------------------- menu/index.html（メニュートップ） --------------------*/
#menu ul li{
	width:255px;
	height:26px;
}
#menu ul li#mnAppetizer{position:absolute; top:130px; left:535px;}
#menu ul li#mnMain{position:absolute; top:166px; left:535px;}
#menu ul li#mnCourse{position:absolute; top:202px; left:535px;}
#menu ul li#mnWine{position:absolute; top:238px; left:535px;}
#menu ul li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	text-decoration:none;
}

#menu a:hover{background:url(../img/menus/bg_index.jpg);}

#menu #mnAppetizer a:hover{background-position:-751px -130px;}
#menu #mnMain a:hover{background-position:-751px -166px;}
#menu #mnCourse a:hover{background-position:-751px -202px;}
#menu #mnWine a:hover{background-position:-751px -238px;}

/*------------------- menu/appetizer.html --------------------*/
#appetizer dd.zensaiS,
#appetizer dd.zensai{
	position:absolute;
	top:97px;
	left:538px;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:1.7em;
}
#appetizer dd.zensaiS{
	left:300px;
	width:180px;
}
#appetizer dd.zensai{
	left:480px;
	width:300px;
}
/* +++ add Editor:MGN +++ */
#appetizer #btnMenu{
	position:absolute;
	top:218px;
	left:565px;
	width:225px;
	height:80px;
}
#appetizer #btnMenu a{
	width:225px;
	height:80px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/menus/btn_appetizer.jpg) no-repeat 0px 0px;
}
#appetizer #btnMenu a:hover{
	background:url(../img/menus/btn_appetizer.jpg) no-repeat 0px -80px;

/* +++ add Editor:SZN +++ */
#appetizer .ap {
	position:absolute;
	top:100px;
	left:200px;
}


}
/*------------------- menu/main.html --------------------*/
#main p{
	position:absolute;
	top:98px;
	left:508px;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:1.7em;
}
/* +++ add Editor:MGN +++ */
#main #btnMenu{
	position:absolute;
	top:218px;
	left:565px;
	width:225px;
	height:80px;
}
#main #btnMenu a{
	width:225px;
	height:80px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/menus/btn_main.jpg) no-repeat 0px 0px;
}
#main #btnMenu a:hover{
	background:url(../img/menus/btn_main.jpg) no-repeat 0px -80px;
}

/*------------------- menu/course.html --------------------*/
#course dd{
	display:none;
}
/* +++ add Editor:MGN +++ */
#course p.A{
	position:absolute;
	top:112px;
	left:538px;
	color:#676767;
	font-size:11px;
	line-height:1.7em;
}
#course p.B{
	position:absolute;
	top:155px;
	left:538px;
	color:#848484;
	font-size:10px;
}
#course #btnMenu{
	position:absolute;
	top:218px;
	left:575px;
	width:210px;
	height:80px;
}
#course #btnMenu a{
	width:210px;
	height:80px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/menus/btn_course.gif) no-repeat 0px 0px;
}
#course #btnMenu a:hover{
	background:url(../img/menus/btn_course.gif) no-repeat 0px -80px;
}

/*------------------- menu/wine.html --------------------*/
#btnWineList{
	position:absolute;
	top:218px;
	left:565px;
	width:225px;
	height:80px;
}
#btnWineList a{
	width:225px;
	height:80px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/menus/btn_wine.jpg) no-repeat 0px 0px;
}
#btnWineList a:hover{
	background:url(../img/menus/btn_wine.jpg) no-repeat 0px -80px;
}
ul#wineCategory{
	color:#8c1212;
	margin:-40px 0 30px 0;
	padding:0;
	font-size:10px;
	line-height:1.8;
	font-family:Verdana;
	font-weight:bold;
}
ul#wineCategory a{color:#8c1212;text-decoration:none;}
ul#wineCategory a:hover{color:#ac3232;}

#wineLineup{
	margin:0 -14px 30px -14px;
	padding:0;
	line-height:1.8;
	text-align:center;
	display:block;
}
#wineLineup dl{
	margin:0;
	padding:0;
	line-height:2.0;
	text-align:center;
}
#wineLineup dt{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:Times;
	font-weight:bold;
	display:block;
	color:#910101;
	text-indent:-9999px;
}
#wineLineup dd{
	margin:0; 
	padding:0;
	display:block;
	color:#553737;
	font-size:12px;
	font-family:Verdana;
	font-weight:normal;
}

.topOfPage{
	width:644px;
	text-align:center;
	margin:10px auto 50px auto;
	padding:0;
}
.topOfPage a{
	display:block;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	line-height:1.8;
	font-family:Times;
	color:#8c1212;
}
.topOfPage a:hover{background-position:0 -8px;}

/*------------------- party.html --------------------*/
#party h3{
	display:block;
	position:absolute;
	top:208px;
	left:532px;
	color:#beb1a9;
	font-size:10px;
	width:300px;
	text-align:left;
}

#party dl,
#party dt,
#party dd{
	display:block;
	text-align:left;
}

#party dl{
	position:absolute;
	top:228px;
	left:552px;
	color:#beb1a9;
	font-size:10px;
}
#party dt,
#party dd{
	display:inline;
}

/*------------------- access.html --------------------*/
#btnPDF{
	position:absolute;
	top:276px;
	left:667px;
	width:104px;
	height:5px;
}
#btnPDF a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/common/btn_pdf.gif);
	font-size:1px;
	line-height:1px;
}

#btnPDF a:hover{background:url(../img/common/btn_pdf.gif) 0 -5px;}

#access ul{
	position:absolute;
	top:88px;
	left:405px;
	font-size:12px;
	color:#5e7600;
	text-align:left;
}
#access h3{
	display:block;
}

/*------------------- menu (Backボタン） --------------------*/
#btnBack{
	position:absolute;
	top:5px;
	left:95px;
	width:46px;
	height:8px;
}
#btnBack a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	line-height:1px;
	background:url(../img/common/btn_back.gif);
}

#btnBack a:hover{background:url(../img/common/btn_back.gif) 0 -8px;}

/*------------------- 全ページ共通 --------------------*/
h1,
h2,
h3,
dt{
	display:none;
}



/* +++ add Editor:MGN ++++++++++++++++++++++++++++++++++++++ */
#news{
	position:relative;
	width:700px;
	height:298px;
	margin:0 auto;
}
#news{background:url(../img/news/bg.gif);}

/*スクロールバー指定：表示位置*/
#news #sbox{
	position:absolute;
	left:50px;
	top:67px;
}

#sbox {
	position: absolute;
	top: 50px; left: 50px;
	width: 620px;
	height: 230px;
}
#NewsBox{
	position: absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	width:620px;
	height:230px;
	display:none;
}
#NewsBox {display: block;}

.scroller_box {
	position:absolute;
	top:0px;
	left:0px;
	width:700px;
}
.scroller_box p{
	margin: 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	color: #7f7c76;
}

/*バックナンバープルダウン*/
#bnPull{
	position:absolute;
	right:310px;
	top:24px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bnPull select{
	font-size:12px;
}

/*scroll Bar：ボタン設定*/
#Scrollbar-sbox {
	position:absolute;
	top:67px;
	right:20px;
}

.track_scroll {
	width: 12px;
	height:197px;
	position: absolute;
	top:11px;
	background:url(../img/news/bg_scroll_track.gif) no-repeat 0px 0px;
}
.handle_scroll {
	position:absolute;
	width:12px;
	height:93px;
	background:url(../img/news/bg_scroll_handle.gif) no-repeat 0px 0px;
	cursor:pointer; 
}
.up_scroll {
	position: absolute;
	width:12px;
	height:11px;
	background:url(../img/news/btn_scroll_up.gif) no-repeat 0px 0px;
	font-size:0px;
	cursor:pointer; 
}

.down_scroll {
	position: absolute;
	top: 211px;
	width:12px;
	height:11px;
	background:url(../img/news/btn_scroll_down.gif) no-repeat 0px bottom;
	font-size: 0px;
	cursor:pointer; 
}
/*スクロールする：テキスト*/
dl.newsList {
	width: 700px;
	margin:0 0 30px 0;
	padding:0;
	color:#7f7c76;
	text-align:left;
	overflow: hidden;
}
dl.newsList dt{
	display:block;
	width:700px;
	margin:0;
	padding:0;
}
/*タイトル*/
dl.newsList dt strong{
	margin:0 15px 0;
	font-weight:bold;
	font-style:normal;
	font-size:14px;
	color:#7f7c76;
}
/*日付*/
dl.newsList dt em{
	font-size:12px;
	font-style:normal;
	text-align: right;
	color:#aaa;
}
/*NEWマーク*/
dl.newsList dt span{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#ac3232;
}
dl.newsList .boxL{
	position:relative;
	float: left;
	width:450px;
	padding:9px 0;
	background: url(../img/news/mark.gif) no-repeat 2px .9em;
	border-bottom: 1px solid #e1e1e1;
}

dl.newsList .boxL span{
	position: relative;
	display: block;
	float: left;
	width: 425px;
	padding-left:22px;
	line-height:1.6;
}
/*詳細ボタン*/
dl.newsList .boxL a{
	clear:both;
	float:left;
	margin:5px 0 5px 0;
	font-size:12px;
	display:block;
	color:#8a5b6a;
	text-decoration:none;
}
dl.newsList .boxL a:hover{color:#8a5b6a;text-decoration:underline;}

dl.newsList .boxR{
	width:200px;
	border:1px;
	float:left;
}
dl.newsList .boxR img{
	display:block;
	padding:0;
	margin:0 0 4px 0;
}
dl.newsList .boxR span{
	width:200px;
	margin:0 0 10px 10px;
	padding:0;
	display:block;
	font-size:10px;
	font-weight:normal;
}


/* +++ Menu List:JavaScript スライド処理 +++ */

/*メインレイヤー*/
#contents #slideCt{
	position:absolute;
	left:117px;
	top:0px;
	width:640px;
	height:500px;
	margin:0;
	padding:0;
	text-align:right;
	display:none;
}
#contents #slideCt #slide_top{
	width:644px;
	height:110px;
	margin:0;
	padding:0;
	background:url(../img/menus/bg_layer_top.png) no-repeat 0px 0px;
}
*html #slide_top{behavior: expression(IEPNGFIX.fix(this));width:644px;height:110px;}
*+html #slide_top{behavior: expression(IEPNGFIX.fix(this));width:644px;height:110px;}

#contents #slideCt #slide_bot{
	width:644px;
	min-height:110px;
	margin:0;
	padding:0;
	text-align:center;
	background:url(../img/menus/bg_layer_mid.png) repeat-y 0px 0px;
}
*html #slide_bot{behavior: expression(IEPNGFIX.fix(this));}
*+html #slide_bot{behavior: expression(IEPNGFIX.fix(this));}

#slide_bot #imgBot{
	width:644px;
	margin:0;
	padding:0;
	text-align:left;
}
*html #slide_bot #imgBot img{
	width:644px;
	margin:0;
	padding:0;
	text-align:left;
}
*+html #slide_bot #imgBot img{
	width:644px;
	margin:0;
	padding:0;
	text-align:left;
}

#contents ul#gmenu{
	position:absolute;
	right:27px;
	top:71px;
	width:190px;
	height:11px;
	margin:0;
	padding:0;
	text-align:left;
}
*html #slide_top ul#gmenu{top:50px;right:27px;}
*+html #slide_top ul#gmenu{top:60px;}


#contents #gmenu li{
	float:left;
	margin:0;
	padding:0;
	display:block;
}
#slide_top #gmenu li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	outline:none;
}
#slide_top #gmenu li#mn01{width:59px;}
#slide_top #gmenu li#mn02{width:35px;}
#slide_top #gmenu li#mn03{width:50px;}
#slide_top #gmenu li#mn04{width:32px;}
*html #slide_top #gmenu li#mn02{width:38px;}
*+html #slide_top #gmenu li#mn02{width:38px;}
*html #slide_top #gmenu li#mn04{width:36px;}
*+html #slide_top #gmenu li#mn04{width:36px;}

#slide_bot #food{
	width:620px;
	margin:0 auto;
	padding:0;
	color:#666;
	line-height:1.8;
	text-align:center;
}
#menuList{
	margin:0;
	padding:33px 0 40px 0;
}
#menuList h2{
	display:block;
	padding:0 0 27px 0;
	margin:0;
	letter-spacing:1em;
	font-size:16px;
	font-weight:bold;
	font-family:Times;
	text-indent:1em;
	color:#642626;
	
}
#menuList dt{
	margin:0 0 19px 0;
	padding:0;
	font-size:12px;
	line-height:1.8;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#910101;
}
#menuList dd{
	margin:0 0 19px 0;
	padding:0;
	color:#553737;
}

/*Close Botton*/
#slide_top #btnClose{
	position:absolute;
	right:30px;
	top:17px;
	width:82px;
	display:block;
	margin:0;
	padding:0;
	color:#666;
	text-align:center;
}
*html #btnClose,
*+html #btnClose{top:-12px;left:-30px;}

#slide_top #btnClose a{
	width:82px;
	height:9px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

/* ++++++++ 任意に呼び出して使う +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* フロート解除 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*\*/
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clearfix{display:block;}
/**/


/* +++ /add Editor:MGN +++ */