@charset "Shift_JIS";

/* CSS Document */
/* ++++++++++++ Import ++++++++++++ */
@import url(../css/common.css);

/* ++++++++++++ Tags ++++++++++++ */
body {
  color:#4d1e04;
}

/* ++++++++++++ Layout ++++++++++++ */
#contents {
  position:relative;
  border-top:9px solid #331403;
  border-bottom:2px solid #331403;
  width:100%;
}
#contents ul,
#contents li {
  list-style:none;
}

/* ++++++++++++ common ++++++++++++ */
#pageTitle {
  background-color:#331403;
}
#pageTitle a {
  display:block;
  height:34px;
}
ul#historyBack {
  padding:20px 0 30px;
}
a,
a:link,
a:visited {
  text-decoration:none;
  color:#993300
}
a:active {
  text-decoration:none;
  color:#ffffff
}
a:hover {
  text-decoration:none;
  color:#ff8c00
}
#cafeNavi ul {
/*  display:block;
  clear:both;*/
  height:36px;
  background:url(images/cafenavi_bg.gif) top repeat-x;
}
#cafeNavi li,
#headNavi li {
  display:inline;
}
#cafeNavi li a {
  display:block;
  width:100px;
  padding:10px;
  float:left;
}
#cafeNavi li a,
#cafeNavi li a:link,
#cafeNavi li a:visited {
  color:#FFFFFF;
}
#cafeNavi li a:hover {
  color:#ff8c00;
  background:url(images/cafenavi_bg_on.gif) top repeat-x;
}
#headNavi {
  clear:both;
  margin:10px 10px 20px;
  font-size:0.9em;
  text-align:right;
}
#inputForm th,
#inputForm td {
  padding:2px;
}
#inputForm input,
#inputForm select {
  font-size:0.9em;
  color:#444444;
  border:1px dotted #eeeeee;
  padding:1px;
}
#inputForm tr.gray {
  background:#f8f8f8;
}
#inputForm input.comment,
#inputForm textarea.comment {
  font-size:1em;
  color:#A0522D;
  padding:2px;
  border:1px dotted #eeeeee;
}
#inputForm input.send,
#userDelete input.send {
  width:81px;
  height:20px;
  line-height:20px;
  font-weight:bold;
  color:#FFFFFF;
  padding:0;
  border:none;
  background:url(images/btn_send.gif) center no-repeat;
  cursor:pointer;
}
#inputForm input.formBtn,
#footNavi input.formBtn {
  width:81px;
  height:20px;
  line-height:20px;
  font-weight:bold;
  color:#993300;
  padding:0;
  border:none;
  background:url(images/btn_clear.gif) center no-repeat;
  cursor:pointer;
}
#footNavi {
  width:245px;
  margin:10px auto 20px;
  text-align:center;
}
#footNavi form {
  display:inline;
}
#footNavi input {
  text-align: center;
  font-weight:bold;
  margin:5px;
  padding:1px 10px;
  color: #993300;
  background-color: #eeeeee;
  border:1px outset;
}
#footNavi ul {
  margin:10px 0;
}
#footNavi li {
  display:block;
  margin:1px;
  width:20px;
  float:left;
  border:1px solid #cccccc;
}
#footNavi li.present {
  font-weight:bold;
  background:#ffffff;
}
#footNavi li a {
  display:block;
  width:20px;
}
#userDelete {
  width:405px;
  margin:10px auto 20px;
  text-align:center;
  background:#f8f8f8;
  padding:1px;
}
#userDelete input,
#userDelete select {
  font-size:0.9em;
  color:#444444;
  border:1px dotted #eeeeee;
  padding:1px;
}
#contents .etcArea ol,
#contents .etcArea ul {
  padding:10px;
}
#contents .etcArea ol li {
  list-style:decimal;
}
#contents .etcArea ul li {
  list-style:disc;
}
#contents .etcArea li {
  line-height:1.5;
  margin:0 0 5px 20px;
}
#contents #acounter {
  position:absolute;
  top:16px;
  right:15px;
}

/* ++++++++++++ index ++++++++++++ */
.index h1,
.index h4 {
  display:none;
}
.index #pageTitle {
  width:475px;
  float:left;
}
.index #pageTitle img {
  display:block;
}
.index #pageBody {
  width:190px;
  margin:0;
  padding:0 0 10px;
  float:right;
  height:307px;
  background:#371b08;
}
.index #pageBody p {
  color:#E4BC96;
  font-size:0.85em;
  background:#572804;
  text-align:center;
  padding:15px 0 0;
  height:27px;
}
.index #seat h3 {
  background:url(images/h3_contents.gif) no-repeat;
  height:26px;
}
.index #information {
  clear:both;
  background:#ceb990;
  padding:10px;
}
.index #information p {
  margin:0 0 5px;
  padding:0;
  line-height:1.5em;
}
.index #information p.note {
  font-size:0.7em;
  color:#000000;
}
.index .list li a,
.index .list li a:link,
.index .list li a:visited {
  display:block;
  height:67px;
}
.index .list li#table a {
  background:url(images/btn_table.gif) top no-repeat;
}
/*
.index .list li#table1 a {
  background:url(images/btn_table1.gif) top no-repeat;
}
.index .list li#table2 a {
  background:url(images/btn_table2.gif) top no-repeat;
}
*/
.index .list li#counter a {
  background:url(images/btn_counter.gif) top no-repeat;
}
.index .list li#table a:hover,
.index .list li#counter a:hover {
  background-position:bottom;
}
.index #more {
  padding:10px;
}
.index #more h4 {
  font-size:0.9em;
}
.index #more li {
  padding:1px 0 0;
}
.index #more li a,
.index #more li a:link,
.index #more li a:visited {
  display:block;
  height:30px;
}
.index #more li#dr a {
  background:url(../images/btn_dr.gif) top no-repeat;
}
.index #more li#dr a:hover {
  background-position:bottom;
}

/* ++++++++++++ Counter ++++++++++++ */
.counter h1 span {
  display:none;
}
.counter #inputForm {
  width:465px;
  margin:40px auto;
}
.counter #inputForm table {
  width:465px;
}
.counter #inputForm #inputEmoji {
  font-size:0.8em;
}
.counter .message {
  width:350px;
  margin:0 auto 30px;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  background:#FFFFFF;
  padding:1px 1px 5px;
}
.counter .message h4 {
  font-size:1em;
  color:#FFFFFF;
  padding:2px;
}
.counter .message h4 a {
  color:#FFFFFF;
  text-decoration:underline;
}
.counter .message h4 .mNumber,
.counter .message h4 .mTime,
.counter .message h4 .mHost {
  font-weight:normal;
  margin:0 2px;
}
.counter .message h4 .mTime {
  font-size:0.8em;/*  color:#CCCCCC;
*/}
.counter .message p {
  display:block;
  margin:5px 5px 0 25px;
  font-size:1em;
  line-height:1.4;
}
.counter .message p img {
  vertical-align:middle;
}
.counter .message img.device {
  float:left;
  margin:5px 2px;
}
.counter .etcArea {
  width:550px;
  margin:10px auto 30px;
}
.counter .etcArea h4 {
  background:#5a1800;
  color:#FFFFFF;
  padding:2px;
  margin:20px 0 15px;
}
.counter .Coffee h4 {
  background:#5a1800;
}
.counter .Coffee p {
  color:#5a1800;
}
.counter .Tea h4 {
  background:#cc6600;
}
.counter .Tea p {
  color:#cc6600;
}
.counter .GreenTea h4 {
  background:#81a741;
}
.counter .GreenTea p {
  color:#81a741;
}
.counter .Cocoa h4 {
  background:#704B38;
}
.counter .Cocoa p {
  color:#704B38;
}
.counter .message p.mHost {
  text-align:right;
  clear:both;
  font-size:0.8em;
  color:#bbbbbb;
}

/* ++++++++++++ Table ++++++++++++ */
.table h1 span {
  display:none;
}
.table #inputForm {
  width:465px;
  margin:40px auto;
}
.table #inputForm table {
  width:465px;
}
.table #inputForm textarea.comment {
  width:300px;
  height:6em;
}
.table .message {
  width:495px;
  margin:0 auto 30px;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  background:#FFFFFF;
  padding:1px;
  position:relative;
}
.table .message .reply {
  margin:5px 10px;
  position:relative;
}
.table .message h2,
.table .message h3 {
  padding:3px 5px;
  color:#eeeeee;
}
.table .message h2 {
  font-size:1.2em;
  padding:3px 50px 3px 5px;
}
.table .message h3 {
  font-size:1.1em;
}
.table .message h4 {
  color:#5a1800;
  font-size:1em;
  background:#eeeeee;
  padding:2px;
  margin:0 0 10px;
}
.table .message h4 .mNumber,
.table .message h4 .mTime,
.table .message h4 .mHost,
.table .message h4 .mEtc {
  font-size:0.9em;
  font-weight:normal;
  margin:0 2px;
}
.table .message h4 .mEtc {
  font-size:0.8em;
  color:#bbbbbb;
}
.table h2.Coffee,
.table h3.Coffee {
  background:#5a1800;
}
.table p.Coffee {
  color:#5a1800;
  background:url(images/dia_bg_cafe.gif) right top no-repeat;
}
.table h2.Tea,
.table h3.Tea {
  background:#cc6600;
}
.table p.Tea {
  color:#cc6600;
  background:url(images/dia_bg_tea.gif) right top no-repeat;
}
.table h2.GreenTea,
.table h3.GreenTea {
  background:#81a741;
}
.table p.GreenTea {
  color:#81a741;
}
.table h2.Cocoa,
.table h3.Cocoa {
  background:#704B38;
}
.table p.Cocoa {
  color:#704B38;
}
.table .message p {
  display:block;
  margin:5px 10px;
  font-size:1em;
  line-height:1.6;
}
.table .message p img.image {
  float:left;
  margin:0 10px 10px 0;
}
.table .message ul.homeMail {
  display:block;
  clear:both;
  margin:5px;
  text-align:right;
}
.table .message ul.homeMail li {
  display:inline;
  margin:1px;
}
.table .message p.mHost {
  text-align:right;
  clear:both;
  font-size:0.8em;
  color:#bbbbbb;
}
.table .message input {
  position:absolute;
  right:3px;
  top:3px;
}
.table .etcArea {
  width:550px;
  margin:10px auto 30px;
}
.table .etcArea h4 {
  background:#5a1800;
  color:#FFFFFF;
  padding:2px;
  margin:20px 0 15px;
}
.table #album {
  text-align:center;
  margin:20px 0;
}
.table #album h4 {
  font-size:1.1em;
  margin:10px 0 0;
}
.table #album img {
  max-width:215px;
}