/* Created based on the Emanuel Blagonic.com' wonderful article
   on how to solve the hover and z-index problems that were 
   encountered with the original pulldown.css in IE6.0 and 
   Netscape 7.1.  Works in combination with pulldown.js     
                                                 Ryu Kishimoto
                                                 2007/04/10
*/
body {
}

#container  {
  margin:0;
  width:950px;
/*  background-image: url("sw_suke3.jpg");    light green cloth background  */
}

div.nav-pulldown {
  margin:0;
  padding:0;
}

#nav-pulldown {
  list-style:none;          /* リスト bulletを隠す　　　*/
  margin:0;
  padding:0;
}

#nav-pulldown li {
  position:relative;
  float:left;
  line-height:1em;
  background-color:#cccc88;
}

#nav-pulldown li ul.subnav  {
  list-style:none;                  
  position:absolute;
  margin-top: -0.1em;   　　/* pulldown itemがliとわずかにoverlapするようにしてz-indexの問題を解決している？*/
  margin-left: 0em;         /* IEでは有効のようだが、NS, FireFoxでは効いていないみたい  */
  display:none;
}

#nav-pulldown a {
  display:block;
  border-right:1px dotted #ffffff;
  color:#ffffff;
  text-decoration:none;
  font-size:12px;
  font-style: normal;
  font-weight: bold;
  padding:2px 8px;
}

#nav-pulldown a:hover {
  color:#51361b;
}

#nav-pulldown ul.subnav  {
  border-top:1px solid #ffffff;
}

#nav-pulldown ul.subnav li {
  clear:both;                    /* 1st levelで有効にしたfloat:leftを無効にし、
  　　　　　　　　　　　　　　　　　2nd levelのliが縦に並ぶようにする   */
  width:10em;
}

#nav-pulldown ul.subnav a {
  display:block;
  border-right:none;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  border-left:1px solid #ffffff;
}

#nav-pulldown li:hover ul.subnav {
  display:block;
}

#nav-pulldown li.over ul.subnav {
  display:block;
} 

/* ページヘッダー部分のテキスト  background色  
一方、shopページの中の製品ごとのヘッダーは　table_shoppage.cssに記載　　*/


span.red {
font-size: 18px;
color:#f5f5f5;        
background-color:#cd5c5c;           /* pink - same color as the header of the region table*/
font-weight: bold;
line-height: 40px;                  /* このヘッダーと下のテーブルの間に少しの隙間を与える　　*/
padding: 5px 15px;
border-top: 2px solid #ffffff;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
border-left: 2px solid #ffffff;
}

span.khk {
font-size: 16px;
color:#f5f5f5;        
background-color:#cccc88;           /* カーキ色 */
font-weight: bold;
line-height: 40px;                  /* このヘッダーと下のテーブルの間に少しの隙間を与える　　*/
padding: 10px 15px;
border-top: 2px solid #ffffff;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
border-left: 2px solid #ffffff;
}

span.org {
font-size: 16px;
color:#f5f5f5;        
background-color:#fac46c;           /* オレンジ色 */
font-weight: bold;
line-height: 40px;                  /* このヘッダーと下のテーブルの間に少しの隙間を与える　　*/
padding: 10px 15px;
border-top: 2px solid #ffffff;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
border-left: 2px solid #ffffff;
}
span.gry {
font-size: 16px;
color:#f5f5f5;        
background-color:#778899;           /* グレー */
font-weight: bold;
line-height: 40px;                  /* このヘッダーと下のテーブルの間に少しの隙間を与える　　*/
padding: 10px 15px;
border-top: 2px solid #ffffff;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
border-left: 2px solid #ffffff;
}