
 
BODY{ 
  background-repeat : no-repeat;
  text-align : center;
  line-height : 1.2em;
  letter-spacing : 0.2em;
  font-size : 90%;
  
  font-family : 儊僀儕僆,"俵俽 俹僑僔僢僋";
  
  
  

  background-image : url(../img/back01.gif);
background-position : center top;}

A{
  color : navy;
  text-decoration : none;
}
A:hover{
  color : #400000;
  text-decoration : underline;
}

.back{
  background-image : url(../img/main-back.gif);
  background-repeat : repeat-y;
  
  margin-top : auto;
  width : 770px;
  margin-left : auto;
  margin-right : auto;
  
  text-align : center;
  
  
  

  
  
  
  
  margin-bottom : 0px;
}

.back-in{
  width : 750px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  
  
  
}

.top{
  width : 750px;
  heiht:200px;
  position : relative;
  background-image : url(../img/top03.gif);
  
  height : 150px;
  text-align : left;
}  

.top UL{  
  height:20px;
  margin : 0px 0px 2px 0px; 
  list-style:none;
  font-weight : bold; 
  position : absolute;
  bottom : 0px;
  left : 0px;
  padding-left : 50px;
}
.top LI{
  height:20px;
  
  width : 120px;
  text-align:center;
  float : left;
  
}

.top A{
    text-decoration:none;
    display:block;
    color : white;
}

.top A:hover{
    width:100%;
    height:100%;
    color : black;
    background-color : white;
  text-decoration : none;
}
.top A:active{
    width:100%;
    height:100%;
    color : #510028;
  text-decoration : none;
  background-color : #e3e3e3;
}

.main{
  width : 750px;
  margin-top : 0px;
  
  
  padding-top : 0px;
  
  
  float : left;
}


.left{
   vertical-align : top;
  width : 200px;
  float : left;
  text-align : left;
  
  padding-top : 7px;
  height : 100%;
}

.left UL{
  
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  padding-left : 0px;
  width : 200px;
  vertical-align : middle;
  margin-bottom : 1em;
  list-style-type : none;
}
.left LI {
  padding-left : 10px;
  margin-left : 0px;
  padding-bottom : 5px;
  
  padding-top : 5px;
}
  

.left LI A{
  font-weight : bold;
  font-family : HG娵恨集窶-PRO;
  text-decoration : none;
  width : 100%; 
  color : black;
  background-image : url(../img/cho-pink-icon.gif);
  background-repeat : no-repeat;  
  background-position : left center;
  padding-left : 17px;
  
}

.left LI A:active{
  font-weight : bold;
  font-family : HG娵恨集窶-PRO;
  color : fuchsia;
  width : 100%;
  height : 100%;
  background-image : url(../img/blue-icon.gif);
  background-repeat : no-repeat;
  text-decoration : none;
  
}.left LI A:hover{
  font-weight : bold;
  font-family : HG娵恨集窶-PRO;
  color : silver;
  width : 100%;
  height : 100%;
  text-decoration : none;
  background-image : url(../img/cho-blue-icon.gif);
  background-position : left center;}


#relax A{
  font-weight : bold;
  font-family : HG娵恨集窶-PRO;
  text-decoration : none;
  width : 100%; 
  color : #800000;
  background-image : url(../img/cho-pink-icon.gif);
  background-repeat : no-repeat;  
  background-position : left center;
  padding-left : 17px;
  
}

#relax A:active{
  font-weight : bold;
  font-family : HG娵恨集窶-PRO;
  color : fuchsia;
  width : 100%;
  height : 100%;
  background-image : url(../img/blue-icon.gif);
  background-repeat : no-repeat;
  text-decoration : none;
  
}#relax A:hover{
  font-weight : bold;
  font-family : HG娵恨集窶-PRO;
  color : silver;
  width : 100%;
  height : 100%;
  text-decoration : none;
  background-image : url(../img/cho-blue-icon.gif);
  background-position : left center;}

.right{ 
  text-align : left;
  width : 550px;
  margin-left : 0px;
  
  
  
  

  
  
  float : left;
}

.right H2{
  font-size : 120%;
  font-weight : 900;
  
  
  background-image : url(../img/right-h2.gif);
  padding-left : 50px;
  width : 100%;
  height : 45px;
  
  

  background-repeat : no-repeat;
  text-align : left;
  
background-position : 5px 5px;
  padding-top : 15px;
}

.right P{
  padding-left : 20px;
  padding-right : 5px;
  padding-top : 2px;
  text-align : left;
}

.bottom{  
  color : silver;
  background-color : #1a0000;
  width : 750px;
  
  padding-top : 4px;
  
  
  padding-bottom : 4px;
  font-family : HGP恨集窶;
  
  
  
  margin-bottom : 0px;
  font-size : 12px;
  
  
  
  
  
  
  
  
  
  clear : both;
}



#address{
  
  
  
  
  background-repeat : no-repeat;
  
  
  background-image : url(../img/address.gif);
  
  width : 150px;
  height : 200px;
  margin-left : 20px;
}
.p1{
  font-size : 18px;
  color : white;
  background-color : olive;
  text-align : center;
  width : 350px;
  font-weight : bold;
  font-family : 儊僀儕僆;
  
  
  
  
  margin-left : 20px;
  
  
  
  

  
  
  
  
  
  
  
  
  
  vertical-align : middle;
  
  
  height : 25px;
}
.oil{
  float : left;
}
.oil-moji{
  font-size : 13px;
  text-align : left;
  
  line-height : 20px;
}
.kakaku{
  color : white;
  background-color : #f86d07;
  
  
  
  font-family : HG娵恨集窶-PRO;
  font-weight : bold;
  

  
  margin-left : 30px;
  padding-left : 5px;
  padding-right : 5px;
  

  

  

  float : right;
  padding-top : 3px;
  padding-bottom : 3px;
  
}
.shop-left{
  
  width : 100px;
  
  
  background-image : url(../img/shop-bag.gif);
  background-repeat : no-repeat;background-position : center center;
  text-align : center;
  font-weight : bold;
}
.shop-right{
  padding-left : 10px;
  width : 400px;
  padding-top : 5px;
  padding-bottom : 5px;
  border-bottom-width : thin;
  border-bottom-style : ridge;
  border-bottom-color : #cccc00;
}
.staff-left{
  font-weight : bold;
  text-align : center;
}
.staff-right{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  font-family : "Comic Sans MS","Segoe Print";
  background-image : url(../img/staff-2.gif);
}
.staff-coment{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  
}



#counter{
  margin-left : 10px;
  

  
  
  

  
  
  
}
.form{
  
  width : 500px;
  
  
  border-width : 3px 3px 3px 3px;border-style : ridge ridge ridge ridge;border-color : black black black black;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  background-image : url(../img/form-bag.gif);
  font-weight : bold;
}
SELECT{
  height : 20px;
  
}
INPUT{
  height : 20px;
}



#mail{
  margin-left : 20px;
}
H3{
  font-size : 12px;
  letter-spacing : 0.1em;
}
.left-lee{
  
  
  
  
  margin-left : 10px;
  
  
  border-top-width : thick;
  border-top-style : double;
  border-top-color : #400000;
  
  
  
  margin-top : 5px;
  margin-bottom : -12px;
}
.top H1{
  font-size : 10px;
  color : yellow;
}

