@charset "utf-8";
/* watami */
body#bidWT,body#bidWT-Top{background-color:#fbfaf5;}

/* ==================== top page ==================== */
#watamiTop{background:url(/watami/images/topMain.gif) no-repeat; width:932px; height:452px; overflow:hidden; position:relative; margin:10px -6px;}
#watamiTop #topFlash{position:absolute; right:6px; top:16px; margin-bottom:10px;}
#watamiTop ul{padding:17px 0 0 6px; width:224px;}
#watamiTop ul li a{width:224px; height:35px; display:block; text-indent:-9999px; overflow:hidden;}
#watamiTop ul li#wMenu0101 a{height:50px;}
#watamiTop ul li#wMenu0201 a{height:47px;}
#watamiTop ul li#wMenu0301 a{height:47px;}
#watamiTop ul li#wMenu0401 a{height:47px; margin-bottom:18px !important;}
 * html #watamiTop ul li#wMenu0401{margin-bottom:18px;}
#watamiTop ul li#wMenu0501 a{}
#watamiTop ul li#wMenu0601 a{}
#watamiTop ul li#wMenu0701 a{}
#watamiTop ul li#wMenu0801 a{}
#watamiTop ul li#wMenu0901 a{}
#watamiTop ul li#wMenu1001 a{}
#watamiTop ul li a:hover{background:#663300; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}
#topTopics{width:715px; float:left;}
#topBanner{width:180px; float:right;}
#topBanner ul li{margin-bottom:5px;}
 * html #topBanner ul li{height:1;}
 *:first-child+html #topBanner ul li{height:1; zoom:1; line-height:1; margin-bottom:-2px;}
#topBanner ul li a{padding:2px; background:#ffffff; display:block;}
#topBanner ul li a:hover{background:#996600;}

/* brand identifier */
p#brandID{padding:15px 0 20px 0; height:42px;}

/* ========== base layout =========== */
#container{z-index:0; position:relative;}
#mainCol{width:727px; margin-right:-6px; float:right; position:relative; z-index:100;}
#menuCol{width:192px; margin-left:-6px; float:left; position:relative; z-index:200;}

/* ==================== common ==================== */
/* ========== main column =========== */
#mainCol #titleBlock{background:url(/watami/common/images/titleBg.gif) no-repeat; height:140px; padding:6px;}
 * html #mainCol #titleBlock{height:152px; overflow:hidden; padding-bottom:0;}
#mainCol #titleBlock h1{background:url(/watami/common/images/h1.jpg) no-repeat; height:140px; overflow:hidden; text-indent:-9999px;}
#mainCol #titleBlock p{text-indent:-9999px; height:0; visibility:hidden;}
#mainCol #titleBlock br{display:none;}
#mainCol #mainBody{background:url(/watami/common/images/mainBg.gif) repeat-y; padding:20px 6px;}
#mainCol #mainBody .section{padding:0 0 30px 0;}
	#mainCol #mainBody .section{zoom :1;}
	#mainCol #mainBody .section:after{content:''; display:block; clear:both;}
#mainCol #mainBody h2{background:url(/watami/common/images/h2.gif) no-repeat; height:45px; text-indent:-9999px; overflow:hidden; margin:0 0 0 18px;}
#mainCol #mainBody h3{color:#59493f; background:url(/watami/common/images/h3.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:7px; font-size:110%;}
#mainCol #mainBody p{margin-bottom:1em;}
#mainCol #mainBody p.viewDetail{height:25px; clear:both; margin:0 18px;}
#mainCol #mainBody p.viewDetail a{background:url(/watami/common/images/btnDetail.gif) no-repeat; width:114px; height:25px; display:block; text-indent:-9999px; overflow:hidden; float:right;}
#mainCol #mainBody p.viewDetail a:hover{filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
#mainCol #mainBody p.pgTop{margin:0 24px 30px 24px; text-align:right; font-size:85%;}
#mainCol #mainBody .section .imageBox{width:218px; height:204px;}
#mainCol #mainBody .section .imageBox.iLt{padding:7px 20px 7px 0; background:url(/watami/common/images/photoStageL.gif) no-repeat; float:left;}
#mainCol #mainBody .section .imageBox.iRt{padding:7px 0 7px 7px; background:url(/watami/common/images/photoStageR.gif) no-repeat; float:right;}
#mainCol #mainBody .section .textBox{width:460px;}
#mainCol #mainBody .section .textBox.tLt{float:left; padding-left:18px;}
#mainCol #mainBody .section .textBox.tRt{float:left;}
#mainCol #mainBody .section .inner{padding:0 18px;}
#mainCol #breadcrumbs{background:url(/watami/common/images/breadcrumbsBg.gif) no-repeat top; padding:20px 10px; text-align:right;}
#mainCol #breadcrumbs li{display:inline; font-size:85%; padding-left:5px}
#mainCol #breadcrumbs li a{background:url(/watami/common/images/breadcrumbsIcon.gif) no-repeat right center; padding-right:15px;}

body#bidWT #topTopics .topics {position:relative; padding:3px; background:url(/watami/images/bgTopics.gif) left top no-repeat; height:276px; overflow:hidden;}
body#bidWT #topTopics .topics h2{background:url(/watami/images/topicsTtl.gif) left top no-repeat; height:35px; overflow:hidden; text-indent:-9999px; margin:0 0 10px;}
body#bidWT #topTopics .topics p {margin:0; padding:0;}
body#bidWT #topTopics .topics p a{position:absolute; right:8px; top:9px; display:block; background:url(/watami/images/topicsBtn.gif) left top no-repeat; width:102px; height:23px; overflow:hidden; text-indent:-9999px;}
body#bidWT #topTopics .topics p a:hover {background-position:0 -23px;}
body#bidWT #topTopics .topics dl{height:220px; overflow:auto; padding:0 3px 0 15px; margin:0 4px 0 0; font-size:90%; line-height:1.7;}
body#bidWT #topTopics .topics dl dt{clear:left; float:left; padding:0 0 8px;}
body#bidWT #topTopics .topics dl dt img {position:relative; top:-3px; right:-3px;}
body#bidWT #topTopics .topics dl dd{padding:0 3px 8px 11.5em;}
body#bidWT #topTopics .topics dl a {color:#000;}

/* ========== menu column =========== */
#menuCol ul{background:url(/watami/common/images/menu.gif) no-repeat; padding:17px 6px 25px 6px;}
* html #menuCol ul li{height:1; zoom:1;}
#menuCol ul li a{width:180px; height:42px; display:block; text-indent:-9999px; overflow:hidden;}
#menuCol ul li#wMenu0101 a{}
#menuCol ul li#wMenu0201 a{}
#menuCol ul li#wMenu0301 a{}
#menuCol ul li#wMenu0401 a{margin-bottom:23px !important; zoom:1;}
#menuCol ul li#wMenu0501 a{height:32px;}
#menuCol ul li#wMenu0502 a{height:25px;}
#menuCol ul li#wMenu0503 a{height:29px;}
#menuCol ul li#wMenu0504 a{height:33px;}
#menuCol ul li#wMenu0601 a{height:34px;}
#menuCol ul li#wMenu0701 a{height:34px;}
#menuCol ul li#wMenu0801 a{height:34px;}
#menuCol ul li#wMenu0901 a{height:34px;}
#menuCol ul li a:hover{background:#663300; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}
#menuCol ul li ul{background:none; padding:0; zoom:1;}

#menuCol ul#menuBnr{padding:0; background:none;}
 * html #menuCol ul#menuBnr{margin-left:6px;}
#menuCol ul#menuBnr li{margin-bottom:5px;}
 * html #menuCol ul#menuBnr li{height:1;}
 *:first-child+html #menuCol ul#menuBnr li{height:1; zoom:1; line-height:1; margin-bottom:-2px;}
#menuCol ul#menuBnr li a{padding:2px; background:#ffffff; display:block; text-indent:0; text-align:center; width:176px; margin:0 auto; height:auto;}
 * html #menuCol ul#menuBnr li a{width:180px;}
#menuCol ul#menuBnr li a:hover{background:#996600; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* ==================== each page ==================== */
/* ========== about =========== */
#mainCol #titleBlock h1.aboutWatami{background-position:right  0;}
#mainCol #mainBody h2#about01{background-position:0  -30px; height:70px;}
#mainCol #mainBody h2#about02{background-position:0 -100px;}
#mainCol #mainBody h2#about03{background-position:0 -150px;}
#mainCol #mainBody h2#about04{background-position:0 -850px;}
/* ========== kodawari =========== */
#mainCol #titleBlock h1.kodawariWatami{background-position:right -140px;}
#mainCol #mainBody h2#kodawari01{background-position:0 -200px;}
#mainCol #mainBody h2#kodawari02{background-position:0 -250px;}
#mainCol #mainBody h2#kodawari03{background-position:0 -300px;}
#mainCol #titleBlock h1.ambienceWatami{background-position:right -420px;}
#mainCol #mainBody h2#ambience01{background-position:0 -400px;}
#mainCol #mainBody h2#ambience02{background-position:0 -450px;}
#mainCol #mainBody h2#ambience03{background-position:0 -500px;}
#mainCol #titleBlock h1.tasteWatami{background-position:right -560px;}
#mainCol #mainBody h2#taste01{background-position:0 -550px;}
#mainCol #mainBody h2#taste02{background-position:0 -600px;}
#mainCol #mainBody h2#taste03{background-position:0 -650px;}
#mainCol #mainBody h2#taste04{background-position:0 -700px;}
#mainCol #titleBlock h1.humanWatami{background-position:right -700px;}
#mainCol #mainBody h2#human01{background-position:0 -750px;}
#mainCol #mainBody h2#human02{background-position:0 -800px;}
/* ========== menu =========== */
#mainCol #titleBlock h1.menuWatami{background-position:right -280px;}
#mainCol #mainBody h2#menu01{background-position:0 -300px;}
#mainCol #mainBody .wtmMenu{background:url(/watami/menu/images/wtmLogo.gif) no-repeat; height:450px; position:relative; margin-bottom:30px; left:10px;}
#mainCol #mainBody #fragment-2 .wtmMenu,#mainCol #mainBody #fragment-3 .wtmMenu{height:300px;}
#mainCol #mainBody .wtmMenu h3{position:absolute; width:150px; height:150px; background:none; text-indent:-9999px;}
#mainCol #mainBody .wtmMenu h3.menuWTM   {left:0; top:0;}
#mainCol #mainBody .wtmMenu h3.menuZA    {left:0; top:150px;}
#mainCol #mainBody .wtmMenu h3.menuNAGOMI{left:0; top:300px;}
#mainCol #mainBody .wtmMenu ul li a{background:url(/watami/menu/images/menuBtn.gif) no-repeat; width:170px; height:130px; overflow:hidden; text-indent:-9999px; display:block; position:absolute;}
#mainCol #mainBody .wtmMenu ul li a:hover{filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
#mainCol #mainBody .wtmMenu ul li.wtGrand   a{left:160px; top:  8px; background-position:   0px    0px;}
#mainCol #mainBody .wtmMenu ul li.wtSpecial a{left:335px; top:  8px; background-position:-170px    0px;}
#mainCol #mainBody .wtmMenu ul li.wtParty   a{left:510px; top:  8px; background-position:-340px    0px;}
#mainCol #mainBody .wtmMenu ul li.zaGrand   a{left:160px; top:160px; background-position:   0px -130px;}
#mainCol #mainBody .wtmMenu ul li.zaSpecial a{left:335px; top:160px; background-position:-170px -130px;}
#mainCol #mainBody .wtmMenu ul li.zaParty   a{left:510px; top:160px; background-position:-340px -130px;}
#mainCol #mainBody .wtmMenu ul li.ngGrand   a{left:160px; top:310px; background-position:  -2px -260px; width:127px;}
#mainCol #mainBody .wtmMenu ul li.ngSpecial a{left:291px; top:310px; background-position:-129px -260px; width:127px;}
#mainCol #mainBody .wtmMenu ul li.ngParty   a{left:422px; top:310px; background-position:-256px -260px; width:127px;}
#mainCol #mainBody .wtmMenu ul li.ngLunch   a{left:553px; top:310px; background-position:-383px -260px; width:127px;}
#mainCol #mainBody .wtmMenu ul li a span{text-align:center; text-indent:0; display:block; position:relative; top:65px; font-size:120%; font-weight:bold;}
#mainCol #mainBody .wtmMenu ul li a{color:#993300;}

#mainCol #mainBody .allergen{background:#ffc; border:#ccc solid 1px; text-align:center; padding:10px 0px;}


/*
ul#watamiMenu{margin:30px 0; height:160px;}
ul#watamiMenu li{display:inline;}
ul#watamiMenu li a{display:block; background:url(/watami/menu/images/menuBtn.gif) no-repeat; width:160px; height:160px; overflow:hidden; text-indent:-9999px; margin-right:11px; float:left;}
ul#watamiMenu li#menuGrand   a{background-position:   0   0;}
ul#watamiMenu li#menuSpecial a{background-position:-160px 0;}
ul#watamiMenu li#menuParty   a{background-position:-320px 0;}
ul#watamiMenu li#menuLunch   a{background-position:-480px 0; margin-right:0;}
ul#watamiMenu li a:hover{filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}*/