@charset "UTF-8";

/* 初期化 */
body,div,dl,dt,dd,ul,ol,li,form,fieldset,input,textarea,p,blockquote,th,td,pre,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
body {font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",HiraKakuPro-W3,Osaka,'Lucida Grande', Verdana, Arial, Sans-Serif;}
fieldset,img {border:0;}
img {padding-bottom:1em;}
body {	font:10px/1.5 arial,helvetica,clean,sans-serif;}
ol li,ul li{list-style:none;}
table {	font-size:inherit;border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6,em,strong,address {font-size:100%;font-weight:normal;font-style:normal;}
a {display:block;text-decoration:none;color:#fff;}
a:hover {color:#999;}
body.wr {background:rgb(160,0,18);}/*rakutyu back*/
body.wz{background:rgb(44,26,10);}/*zanmai back */
#top {width:780px;padding:0 10px;background-color:#000;color:#ddd;margin:0 auto ;position:relative;border:1px solid #999;border-width:0 1px;
-webkit-box-shadow:0 -20px 20px #000;-moz-box-shadow:0 -20px 20px #000;box-shadow:0 -20px 20px #000;}

#header {height:120px;border-bottom:1px solid #666;padding-bottom:20px;}
#header p{position:relative;z-index:1;}
#logo {width:250px;height:100px;background:url(../images/z__logo_W.png) 0 0 no-repeat;}
.wr #logo,.wr #shopName em,.wr #shopName strong{background-image:url(../images/raku.png);}
.wz #logo {background-image:url(../images/z__logo_B.png);}
.wz #logo span {position:relative;z-index:-1;}
#subMenu {float:left;width:156px;padding:15px 0 0 3px;position:relative;}
#wrap {float:left;width:580px;padding:20px 0px 50px 40px;border-left:1px solid #666;}
#flash,#description,#aboutLunchSet,#aboutDinner,#aboutDrink,#aboutReserve {width:560px;}
#footer {margin:0 auto;padding:0 0 2em;clear: both;height:100px;}
#description {line-height:1.7;padding:1em 0 3em;}

/*heading and term css sprite*/
#shopName {margin:0.5em 0 2em;height:30px;position:relative;}
h2,h3,h4,
#shopName em,
#shopName strong,
#shopName #h1Title,
.wz .dish dd.name {z-index:1;font-family:Serif;font-size:100%;width:560px;height:30px;text-indent:0.2em;background:url(../images/z__text_K.gif) -160px -60px no-repeat;}

#logo span,
h2 span,h3 span,h4 span,
#shopName em span,
#shopName strong span,
#shopName #h1Title span,
.wz .dish dd.name span {display:block;position:relative;left:0;top:0;z-index:-1;}

#shopName #h1Title {display:block;float:right;width:280px;height:30px;}
#drinkPage #shopName #h1Title {font-size:130%;line-height:2;}
#shopName em {display:block;width:113px;border:2px solid #fff;border-width:0 2px;float:left;margin-right:20px;}
#shopName strong {display:block;width:100px;float:left;margin-right:20px;}
#shopName em {background-position:0px -142px;}
#shopName strong {background-position:-10px -194px;}
#topPage #shopName #h1Title {background-position:0 -510px;}
#dinnerPage #shopName #h1Title {background-position:0 -540px;}
#drinkPage #shopName #h1Title {background-position:0 -630px;}
#reservePage #shopName #h1Title {background-position:0 -720px;}
#description p {font-size:130%;line-height:1.75;}
dl {font-size:130%;}
dl dt,dl dd{border-bottom:1px solid #999;height:3em;line-height:3em;float:left;}
.sheet {width:43em;padding-bottom:2em;float:left;}
.sheet dt{clear:left;width:8.5em;}
.sheet dd{width:9em;}
#topPage .sheet {float:left;margin-top:30px;padding-bottom:3em;position:relative;}
#topPage .sheet dd{float:none;margin-left:8.5em;}
#topPage .sheet dd.img{float:right;margin-top:-172px;left:240px;top:0;width:290px;background:url(/images/div_raku_4.jpg) -10px 10px no-repeat;border:none;height:180px;}
#topPage .sheet dd.img span{z-index:-1;position:relative;}

#reservePage .sheet  dd.map{float:right;width:310px;height:430px;border-bottom:0;}
#reservePage .sheet  dd.map img {padding:1em 0;}
#reservePage .sheet  dd.adr{width:34em;}

#dinnerPage .sheet dt{float:left;font-size:2em;font-family:serif;width:7em;border:0;line-height: 2;height:auto;letter-spacing:0.1em; }
#dinnerPage .sheet dd{height:auto;width:45%;float:left;}
#dinnerPage .sheet li {margin:0 0 0 2.5em;list-style:disc;line-height:2;}
#dinnerPage .sheet dd.set{line-height:1.7;border:0;padding:1em 0 2em;width:20em;}
#dinnerPage .sheet dd.set li {font-size:1.3em;line-height:1.7;width:18em;font-family:serif;}
#dinnerPage .sheet dd.cap{color:#999;clear:left;width:43em;border:1px solid #444;border-width:1px 0 0;padding-top:1em;}

#dinnerPage .sheet .cap li {clear:left;list-style:square;height:auto;line-height:1.7;margin:0 0 0.5em 1.5em;}
#dinnerPage .sheet .cap li.price {list-style:none;line-height:2;float:left;border:1px solid #333;padding:0.5em 2em;}
#dinnerPage .sheet .cap h2 {font-size:100%;float:left;width:4em;}
#dinnerPage .sheet .cap li dl.price {float:left;width:16em;font-size:100%;}
#dinnerPage .sheet .cap .price dt{font-size:100%;clear:none;padding-right:1em;text-align:right;width:3em;line-height:2;}
#dinnerPage .sheet .cap .price dd{font-size:100%;padding-left:2em;text-align:left;width:10em;border:0;line-height:2;}
#dinnerPage .sheet .cap .price dd span {font-size:75%;}
/*clearfix*/
.content:after,.sheet:after,#top:after,
.clearfix:after { content: url(../images/sp.gif); display: block; clear: both; height: 0;line-height: 0; font-size:0;}


/*heading and term css sprite*/
#subMenu li {position:relative;height:30px;width:100%;font-size:1.2em;}
#subMenu li a {display:block;height:30px;width:100%;background:url(../images/z__text_K.gif) 0 -60px no-repeat;}
#subMenu li li a {height:20px;}
#subMenu #dinner a{background-position:0 -90px;}
#subMenu #drink a{background-position:0 -180px;}
#subMenu #reserve a{background-position:0 -270px;}

#topPage #subMenu #about a, #subMenu #about a:hover {background-position:-550px -60px;}
#dinnerPage #subMenu #dinner a, #subMenu #dinner a:hover {background-position:-550px -90px;}
#drinkPage #subMenu #drink a, #subMenu #drink a:hover {background-position:-550px -180px;}
#reservePage #subMenu #reserve a, #subMenu #reserve a:hover {background-position:-550px -270px;}

#subMenu li a span {position:absolute;z-index:-1;top:0;left:0;}



/*wz*/
#topPage.wz .sheet dl {font-size:100%;width:27em;}
#topPage.wz .sheet dt {width:8em;}
#topPage.wz .sheet dd {width:14em;margin-left:8em;}
#topPage.wz .sheet .tall {height:4.5em;}
#topPage.wz .sheet dd.img{width:20em;background-image:url(/images/z_shop_menu.jpg);height:180px;margin:-195px 0 0 0;}
#topPage.wz .sheet dd dt{clear:none;width:4.5em;border-bottom:none;height:1.5em;font-size:100%;padding:0;}
#topPage.wz .sheet dd dd{margin-left:4.5em;border-bottom:none;height:1.5em;font-size:100%;padding:0;}
.wz #flash {margin-bottom:2em;}
.wz #shopName em {background-position:10px 0;}
.wz #shopName em span {padding-left:10px;}
.wz #shopName strong {background-position:0 -30px;}
#topPage #shopName #h1Title {background-position:0 -510px;}
#dinnerPage.wz #shopName #h1Title {background-position:0 -570px;}
#lunchPage.wz #shopName #h1Title {background-position:0 -600px;}
#drinkPage #shopName #h1Title {background-position:0 -630px;}
#reservePage #shopName #h1Title {background-position:0 -720px;}
.wz #subMenu #dinner em {display:block;width:100%;height:30px;background:url(../images/z__text_K.gif) no-repeat 0 -90px;}
.wz #subMenu #dinner em span {position:relative;z-index:-1;}
.wz #subMenu #dinner {height:70px;}
.wz #subMenu #dinner ul li {height:20px;}
.wz #subMenu #dinner ul li a{height:20px;width:100%;background:url(../images/z__text_K.gif) no-repeat 0 -130px;}
.wz #subMenu #dinner ul li#dish a {background-position:0 -130px;}
.wz #subMenu #dinner ul li#lunchSet a{background-position:0 -160px;}
.wz #subMenu #dinner ul li#dish a:hover,#dinnerPage.wz #subMenu #dinner ul li#dish a {background-position:-550px -130px;}
.wz #subMenu #dinner ul li#lunchSet a:hover,#lunchPage.wz #subMenu #dinner ul li#lunchSet a{background-position:-550px -160px;}

.wz #shopName #h1Title {width:310px;}
.wz #description,
.wz #aboutLunchSet,
.wz #aboutDinner {width:540px;}

.wz .dish {font-size:100%;line-height:1.7;height:auto;width:540px;padding-bottom:4em;}
.wz .dish dt,.wz .dish dd{line-height:1.7;height:auto;border:none;}
.wz .dish dd.name{height:3em;margin-top:1em;width:540px;}
#aboutDinner dd.set em{font-size:130%;font-weight:bold;padding-right:0.5em;font-family:Serif;color:#999;}
#aboutDinner dd.set{font-size:130%;padding-bottom:5em;}
#aboutDinner #dinnerKusi {background-position:0 -420px;}
#aboutDinner #dinnerMoyasi {background-position:0 -450px;}
#aboutDinner #dinnerDasi {background-position:0 -480px;}
#aboutLunchSet #lunchIsi {background-position:0 -300px;width:312px;margin-right:228px;}
#aboutLunchSet #lunchGyu {background-position:0 -330px;}
#aboutLunchSet #lunchButa {background-position:0 -360px;}
#aboutLunchSet #lunchTori {background-position:0 -390px;}


#aboutLunchSet dt{clear:both;}
#aboutLunchSet .other{float:left;margin-top:0;padding-top:0;font-size:130%;}
#aboutLunchSet dt.other{width:1em;padding-top:3em;}
#aboutLunchSet dd.other{width:20em;padding-top:3em;}
#aboutLunchSet dd.name{height:25px;}
#aboutLunchSet dd{float:left;font-family:Serif;}
#aboutLunchSet dd.set em{font-size:130%;font-weight:bold;padding-right:0.5em;}
#aboutLunchSet dd.set{font-size:130%;line-height:2;margin-bottom:5em;clear:both;width:335px;}
#aboutLunchSet dd.price{font-size:130%;float:right;padding-bottom:2em;line-height:1;}
#aboutLunchSet dd.price em{font-size:200%;font-weight:bold;letter-spacing:0.1em;}

.wz #aboutDrink {padding-bottom:5em;font-size:130%;}

#reservePage.wz #aboutReserve {font-size:120%;letter-spacing:0.1em;width:540px;}
#reservePage.wz #aboutReserve dt,.wz #aboutReserve dd{border-bottom:1px solid #666;height:3em;line-height:3em;margin:0;padding:0;}
#reservePage.wz #aboutReserve dt{width:110px;float:left;}
#reservePage.wz #aboutReserve dd{width:430px;float:none;margin-left:100px;}
#reservePage.wz #aboutReserve dd dd,.wz #aboutReserve dd dt{font-size:76%;border:none;clear:none;margin:0;}
#reservePage.wz #aboutReserve dd dt{width:5em;}
#reservePage.wz #aboutReserve dd dd{width:6em;float:left;}
#reservePage.wz #aboutReserve dt.map{width:540px;border-bottom:none;z-index:5;float:none;}
#reservePage.wz #aboutReserve dd.map div {background-color:#fff;}
#reservePage.wz #aboutReserve dd.map{width:540px;height:540px;background-color:#000;border:none;position:relative;margin:0;}
#reservePage.wz #aboutReserve dd.map img {padding:0;margin:0;}

#topPage #shopName #h1Title span{background-position:0 -510px;}
#dinnerPage #shopName #h1Title span{background-position:0 -570px;}
#lunchPage #shopName #h1Title span{background-position:0 -600px;}
#drinkPage #shopName #h1Title span{background-position:0 -630px;}
#reservePage #shopName #h1Title span{background-position:0 -660px;}
#accessPage #shopName #h1Title span{background-position:0 -690px;}
#reservePage #shopName #h1Title span{background-position:0 -720px;}

/*clearfix*/
#aboutOpenClose:after,#aboutDrink:after,#aboutLunchSet:after,#top:after,
.clearfix:after { content: url(../images/sp.gif); display: block; clear: both; height: 0;line-height: 0; font-size:0;}


@media print {
/* 紙媒体向けスタイルシート */
body {background:none;color:#000;background-color:#fff;width:200mm;margin:2%;padding:2%;}
body.wr {border-left:5mm solid rgb(160,0,18);}
#header,#subMenu,#footer{display:none;}
#top {background:none;float:none;border:none;
-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
#wrap {width:100%;background:none;float:none;border:none;}
#logo,#logo span,
h2 span,h3 span,h4 span,
#shopName em span,
#shopName strong span,
#shopName #h1Title span,
#shopName em,
#shopName strong,
#shopName #h1Title,
#aboutDinner dd.name span {z-index:100;float:none;display:inline;padding-right:0.1em;font-size:100%;width:auto;height:auto;}
#shopName{float:none;padding:0.5em;font-size:200%;width:auto;height:auto;}
}