@charset "utf-8";

/* Menu_Area CSS */
div.menuguide { width: 960px; height: 100%; min-height: 100%; margin: 0px auto; position: relative; z-index: 10; display: block; }
* html div.menuguide { height: 100%; }
body > .menuguide { height: 100%; }
div.menuguide p { margin: 10px 4px 10px; text-align: left; font-size: 38px; line-height: 170%; white-space: normal; color: #000000; letter-spacing: -0.10em; }
div.menuguide em { text-align: left; font-size: 38px; font-style: normal; font-weight: 700; color: #000000; }
div.menuguide em.e1 { color: #CC0000; }
div.menuguide ol { margin: 0px 4px; font-size: 38px; line-height: 170%; white-space: normal; color: #000000; }
div.menuguide ol.index { margin: 0px 18px 20px; }
div.menuguide ul { padding: 0px 36px; font-size: 38px; line-height: 170%; white-space: normal; color: #000000; }
div.menuguide li { list-style-type: decimal; font-size: 38px; padding-bottom: 8px; line-height: 170%; letter-spacing: -0.12em; }
div.menuguide li span.mtop4 { margin-top: 4px; display: block; }
div.menuguide ol li.circle { list-style-type: disc; padding-bottom: 8px; line-height: 170%; }
div.menuguide ul li.circle { list-style-type: disc; padding-bottom: 8px; line-height: 170%; }
div.menuguide li.circle span.mtop4 { margin-top: 4px; display: block; }
div.menuguide div.d0 { margin: 10px 45px; text-align: center; }
div.menuguide hr { border-top: 2px #660000 solid; border-bottom: 1px #b97 solid; }
div.menuguide hr.hr-width90 { width: 90%; }  div.menuguide hr.hr-width80 { width: 80%; }  div.menuguide hr.hr-width70 { width: 70%; }  div.menuguide hr.hr-width60 { width: 60%; }

/* Others */
em { font-size: 38px; font-style: normal; font-weight: 700; }
strong { font-size: 38px; font-weight: 700; }
em strong, strong em { font-size: 38px; font-style: normal; font-weight: 700; color: #900; }

/* Letter Spacing CSS */
.space002 { letter-spacing: -0.02em; }  .space003 { letter-spacing: -0.03em; }  .space004 { letter-spacing: -0.04em; }  .space005 { letter-spacing: -0.05em; }  .space006 { letter-spacing: -0.06em; }  
.space007 { letter-spacing: -0.07em; }  .space008 { letter-spacing: -0.08em; }  .space009 { letter-spacing: -0.09em; }  .space010 { letter-spacing: -0.10em; }
.space011 { letter-spacing: -0.11em; }  .space012 { letter-spacing: -0.12em; }  .space013 { letter-spacing: -0.13em; }	.space014 { letter-spacing: -0.14em; }

/* Menu_Area Event CSS */
div.menuguide div#event-c { width: 940px; margin-bottom: 8px; padding-top: 4px; padding-bottom: 0px; background: #db9; border: dotted 2px #864; }
div.menuguide div#event-c ol#w590 { width: 590px; margin: auto; padding-top: 15px; }

/* h_tag CSS */
h1, h3, h4 { letter-spacing: -0.10em; }  h2 { letter-spacing: -0.04em; }
h1 { width: 960px; margin: 23px auto auto; padding: 5px 0px 2px 0px; background: #b97; border: double 3px #853; clear: both; font-size: 42px; line-height: 140%; color: #421; text-align: center; }
h2.index { width: 910px; margin: 10px auto 12px; padding: 5px 0px 4px 0px; background: #80553c; border: double 4px #631; color: #fff; line-height: 160%; font-size: 38px; text-align: center; letter-spacing: -0.08em; }
h2.notice { width: 900px; margin: 10px auto 12px; padding: 5px 0px 4px 0px; background: #b97; border: double 4px #631; color: #fff; line-height: 160%; font-size: 40px; color: #421; text-align: center; letter-spacing: -0.08em; }
div.menuguide h2 { margin: 14px 18px 10px; padding-left: 12px; border-left: inset 6px #c96; border-bottom: solid 2px #975; text-align: left; line-height: 160%; font-size: 40px; }
div.menuguide h2.type-2 { width: 930px; margin: 10px auto 12px; padding-top: 5px; padding-bottom: 4px; padding-left: 0px; background: #80553c; border: double 4px #631; color: #fff; font-size: 35px; text-align: center; }
div.menuguide h3 { margin: 10px 0px; padding-top: 6px; padding-bottom: 2px; background: #c96; border-bottom: solid 2px #963; text-align: center; line-height: 160%; font-size: 40px; }
div.menuguide h3#type-2 { margin: 20px 45px 12px; padding-top: 5px; padding-bottom: 4px; background: #80553c; border: double 4px #631; color: #fff; line-height: 160%; font-size: 40px; text-align: center; }
div.menuguide h4 { margin: 10px 0px 0px; padding-top: 5px; padding-bottom: 5px; color: #aa0000; text-align: left; font-size: 40px; line-height: 160%; white-space: normal; font-style: normal; font-weight: 700; }

/* h1_tag variation CSS */
div.menuguide h1#d-h2 {
  width: auto; margin: 20px 45px 10px; padding-left: 8px; color: #000000; text-align: left; line-height: 160%; font-size: 110%;
  background-color: transparent; border: solid 0px; border-left: inset 6px #c96; border-bottom: solid 2px #975;
}
div.menuguide h1#d-h3 { width: 860px; margin: 12px auto 0px; color: #000000; text-align: center; font-size: 40px; line-height: 160%; background-color: #c96; border: solid 0px; border-bottom: solid 2px #963; }

/* Menu_table CSS */
table[class$="list"] { margin: 10px auto 20px; border-collapse: collapse; }
table[class$="list"] td { padding: 5px 0px; border: solid 1px #000; text-align: center; vertical-align: middle; font-size: 36px; letter-spacing: -0.08em; }
table[class$="list"] td[class^="menu"] em, table[class$="list"] td[class^="maid"] em { font-size: 38px; }
table[class$="list"] td.menu-name { width: 470px; background: #fdb; font-size: 38px; }
table[class$="list"] td.menu-name-l { width: 560px; background: #fdb; font-size: 38px; letter-spacing: -0.1em; }
table[class$="list"] td.menu-name1 { width: 290px; background: #fdb; }
table[class$="list"] td.menu-name1-s { width: 200px; background: #fdb; font-size: 38px; letter-spacing: -0.1em; }
table[class$="list"] td[class^="menu-name"] span.l-s { letter-spacing: 0em; }
table[class$="list"] td.menu-name-drink { width: 500px; background: #fdb; font-size: 38px; }
table[class$="list"] td.price { width: 140px; background: #eca; font-weight: 700; font-size: 38px; letter-spacing: -0.06em; }
table[class$="list"] td.price-drink { width: 130px; background: #eca; font-weight: 700; font-size: 36px; letter-spacing: -0.02em; }
table[class$="list"] td.maid-tea { width: 560px; background: #fdb; font-size: 38px; }
table[class$="list"] td.maid-tea-l { width: 580px; background: #fdb; font-size: 38px; }
table[class$="list"] td.maid-tea-s { width: 520px; background: #fdb; font-size: 38px; }
table[class$="list"] td.menu-name2 { width: 200px; background: #fdb; font-size: 38px; letter-spacing: -0.1em; }
table[class$="list"] td.menu-name2-s { width: 160px; background: #fdb; font-size: 38px; letter-spacing: -0.12em; }
table[class$="list"] td.menu-name2-l { width: 240px; background: #fdb; font-size: 38px; letter-spacing: -0.14em; }
table[class$="list"] td.maid-name { width: 160px; background: #eca; font-weight: 700; }
table[class$="list"] td.maid-name-l { width: 200px; background: #eca; font-weight: 700; }
table[class$="list"] td.select-tea { width: 490px; background: #fdb; }
table[class$="list"] td.watayuri-name { width: 210px; background: #eca; font-weight: 700; }
table[class$="list"] td.meitabe-tea { width: 420px; background: #eca; font-weight: 700; }
table[class$="list"] td.meitabe-recom { width: 300px; background: #fdb; }
table[class$="list"] td.price-meitabe { width: 200px; background: #eca; font-weight: 700; font-size: 38px; letter-spacing: -0.02em; }
table[class$="list"] td.menu-explain { width: 920px; background: #db9; padding: 6px 14px 2px; color: #000000; text-align: left; line-height: 160%; white-space: normal; font-size: 38px; letter-spacing: -0.10em; }