body{
 background-color:#FFF1CB;
}

#my_body { margin: 0 auto; width : 840px ;}

body,td,ul{
 font-size:12px;
 line-height:130%;
 color:#333333;
}
.clear { clear:both; } 

.text3{ font-size:14px;
 line-height:130%;
 color:#333333;}
.text4{ text-align:left;
 font-size:13px;
 line-height:16px;
 color:#000000;
 background-color:#cccccc;}
.text5{ font-size:14px;
 line-height:130%;
 color:#000000;}
.text7{ font-size:12px;
 line-height:130%;
 color:#ffffff;}
.text9{ font-size:11px;
 color:#000000;}
.hosi{ font-size:14px;
 color:#cc9900;}
.shop{ font-size:16px;
 font-weight:bold;
 color:#ffffff;}

.s1{font-size:10px;line-height:130%;}
.mark{font-size:10px;line-height:130%;color:#C2D68C;}

.news{ border-style:solid;
 border-color:#999999;
 border-width:1;}

a.c:link{text-decoration:underline;color:#339900;}
a.c:visited{text-decoration:underline;color:#339900;}
a.c:active{text-decoration:underline;color:#ff0000;}
a.c:hover{text-decoration:underline;color:#ff0000;}

/* メインメニュー */
#menu {
   display:block;
   margin:0;
   padding:0;
}
#menu li {
   float:left;
   list-style-type: none;
   line-height:1.6em;
   text-align: center;
   background:#FFECA1;
}
#menu li a{
   display: inline-block;
   border: 1px solid #ffffff;
   padding-top:8px;
   padding-bottom:8px;
   text-decoration:none;
   color:#333;
   width:118px;
}
#menu li:hover {
   position:relative;
   background:#FECE7A;
   color:#333;
}
#menu li:hover > ul {
   display: block;
}

/* サブメニュー1段目 */
#menu li ul{
   display:none;
   position:absolute;
   top:100%;
   left:-40px;
}
#menu li ul li {
   clear:both;
   text-align: left;
}
#menu li ul li a {
  display: inline-block;
  width: 114px;
  padding-left:4px;
  padding-top:8px;
  padding-bottom:8px;
}
#menu .column1, #menu .column2, #menu .column3 {
   color:#333;
   background:#FECE7A;
}


/* サブメニュー2段目以降 */
#menu ul ul {
   top:0;
   left:100%;
}


/* IE6用 */
* html #menu li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );}
* html #menu li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );}
* html #menu li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );}
#menu .column1 {position:relative;}
#menu .column1 ul {display:block;}
#menu .column1 * ul {display:none;}
#menu .column2 {position:relative;}
#menu .column2 ul {display:block;}
#menu .column2 * ul {display:none;}
#menu .column3 {position:relative;}
#menu .column3 ul {display:block;}
#menu .column3 * ul {display:none;}