@charset "utf-8";

/* Menu_Area CSS */
div.menuguide { width: 940px; 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 14px 10px; text-align: left; font-size: 20px; line-height: 170%; white-space: normal; color: #000000; letter-spacing: -0.06em; }
div.menuguide em { text-align: left; font-size: 20px; font-style: normal; font-weight: 700; color: #000000; }
div.menuguide em.e1 { color: #CC0000; }
div.menuguide ol { margin: 0px 10px; font-size: 20px; line-height: 160%; white-space: normal; color: #000000; }
div.menuguide ol.index { margin: 0px 18px 20px; }
div.menuguide ul { padding: 0px 40px; font-size: 20px; line-height: 160%; white-space: normal; color: #000000; }
div.menuguide li { list-style-type: decimal; font-size: 20px; padding-bottom: 4px; line-height: 160%; letter-spacing: -0.04em; }
div.menuguide li span.mtop4 { margin-top: 4px; display: block; }
div.menuguide ol li.circle { list-style-type: disc; padding-bottom: 6px; line-height: 160%; }
div.menuguide ul li.circle { list-style-type: disc; padding-bottom: 6px; line-height: 160%; }
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: 20px; font-style: normal; font-weight: 700; }
em en { font-size: 24px; }
strong { font-size: 26px; font-weight: 700; line-height: 120%; }
em strong, strong em { font-size: 26px; font-style: normal; font-weight: 700; line-height: 120%; color: #900; }
li em { font-size: 20px; font-style: normal; font-weight: 700; }
li em en { font-size: 24px; }
li strong { font-size: 26px; font-weight: 700; line-height: 120%; }
li em strong, strong em { font-size: 26px; font-style: normal; font-weight: 700; line-height: 120%; 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: 930px; 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 */
h2, h3, h4 { letter-spacing: -0.04em; }
h1 { width: 960px; margin: 23px auto auto; padding: 5px 0px 2px 0px; background: #be9c7a; border: double 3px #853; clear: both; font-size: 28px; line-height: 138%; color: #421; text-align: center; letter-spacing: -0.06em; }
h2.index { width: 870px; margin: 10px auto 12px; padding: 5px 0px 4px 0px; background: #80553c; border: double 4px #631; color: #fff; line-height: 150%; font-size: 26px; text-align: center; letter-spacing: -0.05em; }
h2.notice { width: 850px; margin: 10px auto 12px; padding: 5px 0px 4px 0px; background: #80553c; border: double 4px #631; color: #fff; line-height: 150%; font-size: 24px; text-align: center; letter-spacing: -0.08em;}
div.menuguide h2 { margin: 14px 18px 10px; padding-left: 8px; border-left: inset 6px #c96; border-bottom: solid 2px #975; text-align: left; line-height: 160%; font-size: 26px; }
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: 25px; 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: 26px; }
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: 24px; text-align: center; }
div.menuguide h4 { margin: 10px 10px 0px; padding-top: 5px; padding-bottom: 5px; color: #aa0000; text-align: left; font-size: 24px; 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 { margin: 20px auto 0px; width: 890px; padding: 7px 0px 3px 0px; font-size: 28px; letter-spacing: -0.07em; background-color: #c96; border: solid 0px; border-bottom: solid 2px #963; }
div.menuguide h1#d-h4 { margin: 0px auto 10px; color: #aa0000; text-align: center; font-size: 1.1em; line-height: 160%; font-weight: 700; background-color: transparent; border: solid 0px; }

/* 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: 20px; letter-spacing: -0.06em; }
table[class$="list"] td[class^="menu"] em, table[class$="list"] td[class^="maid"] em { font-size: 22px; }
table[class$="list"] td.menu-name { width: 580px; background: #fdb; font-size: 20px; }
table[class$="list"] td.menu-name-l { padding: 5px 0px 2px; width: 580px; background: #fdb; font-size: 20px; }
table[class$="list"] td.menu-name1 { width: 240px; background: #fdb; }
table[class$="list"] td.menu-name1-s { width: 240px; background: #fdb; font-size: 20px; letter-spacing: -0.1em; }
table[class$="list"] td[class^="menu-name"] span.l-s { letter-spacing: -0.04em; }
table[class$="list"] td.menu-name-drink { width: 560px; background: #fdb; font-size: 22px; }
table[class$="list"] td.price { width: 100px; background: #eca; font-weight: 700; font-size: 22px; letter-spacing: -0.04em; }
table[class$="list"] td.price-drink { width: 100px; background: #eca; font-weight: 700; font-size: 22px; letter-spacing: -0.04em; }
table[class$="list"] td.maid-tea { width: 600px; background: #fdb; }
table[class$="list"] td.maid-tea-l { width: 600px; background: #fdb; }
table[class$="list"] td.maid-tea-s { width: 520px; background: #fdb; }
table[class$="list"] td.menu-name2 { width: 180px; background: #fdb; }
table[class$="list"] td.menu-name2-s { width: 160px; background: #fdb; }
table[class$="list"] td.menu-name2-l { width: 180px; background: #fdb; }
table[class$="list"] td.maid-name { width: 120px; background: #eca; font-weight: 700; }
table[class$="list"] td.maid-name-l { width: 140px; background: #eca; font-weight: 700; }
table[class$="list"] td.select-tea { width: 550px; background: #fdb; }
table[class$="list"] td.watayuri-name { width: 170px; background: #eca; font-weight: 700; }
table[class$="list"] td.meitabe-tea { width: 480px; background: #eca; font-weight: 700; }
table[class$="list"] td.meitabe-recom { width: 300px; background: #fdb; }
table[class$="list"] td.price-meitabe { width: 140px; background: #eca; font-weight: 700; font-size: 22px; letter-spacing: -0.04em; }
table[class$="list"] td.menu-explain { width: 920px; background: #db9; padding: 6px 20px 2px; color: #000000; text-align: left; line-height: 160%; white-space: normal; font-size: 20px; letter-spacing: -0.04em; }