@charset "Shift_JIS";



/* 全体構�?�

---------------------------------------------------- */

body {

  margin: 0;�?

  padding: 0;

  color: #725640;

  line-height: 18px;

  background: #fff4cd url(../images/back.jpg) repeat-y;

  font: 12px/1.2em Osaka, Arial, Helvetica, Geneva, sans-serif;



}

#wrapper {

  width: 777px;

}



a:link,a:visited {

	text-decoration: none;

	color: #725640;

}



a:hover {

	text-decoration: underline;

	color: #7E0000;

}



a.active {

	text-decoration: none;

	color: #7E0000;

}



.clear {

   clear: both;

   }

   

   



/* 大きな画僁E---------------------------------------------------- */

#cover {

  margin: 0 0 0 10px;

}

#cover img {

  vertical-align: bottom;

}

/* メイン・コンチE??チE---------------------------------------------------- */



#title {

   margin: 20px 20px 0 20px;

   padding: 0;

   border-bottom: 1px dotted #725640;

   width: 700px;

   }

   

.menu {

   margin: 20px auto;

   width: 640px;

   }

   

#menu01-top {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu_01_top.gif) no-repeat top;

   height: 80px;

   }

   

#menu01-bottom {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu_01_bottom.gif) no-repeat bottom;

   }

   

#menu02-top {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu_02_top.gif) no-repeat top;

   height: 80px;

   }

   

#menu02-bottom {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu_02_bottom.gif) no-repeat bottom;

   }

   

#menu03-top {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu_03_top.gif) no-repeat top;

   height: 80px;

   }

   

#menu03-bottom {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu_03_bottom.gif) no-repeat bottom;

   }

   

#menu04-top {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu_04_top.gif) no-repeat top;

   height: 80px;

   }

   

#menu04-bottom {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu_04_bottom.gif) no-repeat bottom;

   }

   

   

#menu05-top {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu-05_back.gif) no-repeat top;

   height: 80px;

   }

   

#menu05-bottom {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu-05_back.gif) no-repeat bottom;

   }

   

   

#menu06-top {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu-06_back.gif) no-repeat top;

   height: 80px;

   }

   

#menu06-bottom {

   width: 640px;

   margin: 0;

   padding: 0;

   background: url(../menu/menu-06_back.gif) no-repeat bottom;

   }

   

   

.left {

   margin: 0 0 20px 0;

   width: 350px;

   float: left;

   padding: 0 0 0 50px;

   text-align:right;

   }

   

.right {

   margin: 0 0 20px 0;

   width: 200px;

   float: left;

   padding: 0 10px 0 20px;

   text-align: right;

   }



.drinkAll {

   margin: 0 0 20px 0;

   width: 500px;

   padding: 0 0 0 50px;

   text-align:right;

   }



   

hr {

   visibility: hidden;

   clear: both;

   }

   

.lead {

   width: 350px;

   margin: 0 0 10px 0;

   padding: 0;

   text-align:left;

   }

   

h2 {

   font-size: 14px;

   font-weight: bold;

   background-color: #7e0000;

   color: #ffffff;

   padding: 2px;

   text-align:left;

   }

   

.name {

   padding: 3px 0 0 10px;

   margin: 0;

   color: #7e0000;

   text-align:left;

   }

   

.menuName {

   padding: 15px 0 0 10px;

   margin: 0;

   color: #7e0000;

   text-align:left;

   width: 29em;

   }





.drinkName {

   padding: 5px 0 0 10px;

   margin: 0;

   color: #7e0000;

   text-align:left;

   width: 40em;

   }





.nameLeft {

   width: 14em;

   margin: 0;

   padding: 0;

   float: left;

   font-weight: bold;

   }

   

.drinkLeft {

   width: 20em;

   margin: 0;

   padding: 0;

   float: left;

   font-weight: bold;

   }



.dot {

   width: 8em;

   margin: 0;

   padding: 0;

   float: left;

   }

   

.drinkdot {

   width: 10em;

   margin: 0;

   padding: 0;

   float: left;

   }





.praice {

   width: 5em;

   margin: 0;

   padding: 0;

   float: left;

   font-weight: bold;

   }

   

.naiyou02 {

   padding: 0 0 0 30px;

   margin: 0;

   text-align:left;

   }

         

.naiyou {

   padding: 0 0 0 2em;

   margin: 0;

   text-align:left;

   width: 27em;

   }

   

.pic {

   padding: 0;

   margin: 20px 0 0 0;

height:120px;
   width: 190px;

   border: 5px solid #ffffff;

   }

   

.cap {

   margin: 3px 0 0 0;

   font-size: 10px;

   text-align: right;

   }

   

.drink {

   background-color: #ffffff;

   width: 200px;

   vertical-align: bottom;

   text-align: left;

   }

   

h3 {

   color: #7e0000;

   font-size: 12px;

   border-bottom: 1px dotted #7e0000;

   padding: 3px;

   }

   

.drink p {

   padding: 0 5px 10px 5px;

   }

   

#menu04-bottom .left .name {

   text-align: justify;

   }



#to-top {

   text-align: right;

   margin: 0 50px 0 0;

      }

   





/* フッタ

---------------------------------------------------- */

#footer {

  clear: both;

  margin: 0 0 0 10px;

  border-top: 1px solid #cbcbcb;

  position: relative;

  width: 732px;

}

#footer ul {

  margin: 0;

  list-style: none;

}

#footer li {

  margin: 0;

  padding: 0;

  position: absolute;

  top: 8px;

  height: 19px;

  text-indent: -9999px;

}

#footer li a {

  text-decoration: none;		/* ■Firefox等で線が表示されなぁE??ぁE??する */

  display: block;

  height: 19px;

}



#footer li#privacy {

  left: 640px;

  width: 73px;

  background: url(../images/privacy.gif) no-repeat;

}

#footer p {

  margin-top: 10px;

  font-size: x-small;

  color: #666666;

  background: transparent;

}