@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?update=20110608);}
.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 { 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 { 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-top:1px solid #999;line-height:1.5;padding-top:0.5em;padding-bottom:0.5em;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-top: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,.cfix: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;padding:0;}
.wz .dish dd.name{ font-size:2em;height:1.3em;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;}
.wz #aboutLunchSet dd.set{line-height:2.6;}
#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;}
/*table*/
table.sheet,
.ie6.wk .ie6sheet { overflow:hidden;font-size:12px;width: 543px;margin-top: 2em;}
.wz table.sheet {width:290px;}
table.sheet > *,
.ie6.wk .ie6sheet * { font-size:13px;white-space:nowrap;padding: 0.1em 0;}
table.sheet th,
.ie6.wk .ie6sheet th { font-weight:normal;text-align:left;}
table.sheet .bd th,
table.sheet .bd td,
.ie6.wk .ie6sheet tr { border-top: 1px solid #333;}
table.sheet td,
.ie6.wk .ie6sheet td { }


@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;}
}