/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * <!--[if IE]>
 *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
 * <![endif]--> */
/* Main menu */
#menu {
  width: 100%;
  margin: 0;
  padding: 10px 0 0 0;
  list-style: none;
  background: #111;
  	/*background: -moz-linear-gradient(#444, #111); 
      background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
  	background: -webkit-linear-gradient(#444, #111);	
  	background: -o-linear-gradient(#444, #111);
  	background: -ms-linear-gradient(#444, #111);
  	background: linear-gradient(#444, #111);*/
  /*-moz-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 0 2px 1px #9c9c9c;縲€
  -webkit-box-shadow: 0 2px 1px #9c9c9c;
  box-shadow: 0 2px 1px #9c9c9c;*/
}

#menu li {
  /*width:140px;*/
  float: left;
  padding: 0 44px 10px 44px;
  position: relative;
  line-height: 0;
  color: #363636;
  font: bold 14px/25px "Open Sans", sans-serif, Helvetica;
}

#menu a {
  /*text-align: center;
  width:140px;*/
  height: 25px;
  /*border-right: 1px #808080 solid;*/
  color: #b0b0b0;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 black;
  /*letter-spacing: 0.1em;*/
}

/*#menu li:hover //add
{
	margin-top: -10px;
	padding-top: 10px;
	background: #808080;

}*/
#menu li:hover > a {
  color: #fafafa;
  background: none;
}

/*#menu ul li:hover { //add
	margin:0;
	padding:0;

}*/
#menu li:hover > ul {
  display: block;
}

/* Sub-menu */
#menu ul {
  list-style: none;
  /*margin: 10px 0 0 0; //add */
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  top: 35px;
  left: 25px;
  z-index: 99999;
  background: #444;
  background: -moz-linear-gradient(#444444, #111111);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #444444));
  background: -webkit-linear-gradient(#444444, #111111);
  background: -o-linear-gradient(#444444, #111111);
  background: -ms-linear-gradient(#444444, #111111);
  background: linear-gradient(#444444, #111111);
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  /*-moz-border-radius: 2px;
  border-radius: 2px;*/
  /*behavior: url(PIE.htc);*/
}

#menu ul ul {
  top: 0;
  left: 150px;
}

#menu ul li {
  float: none;
  margin: 0;
  padding: 0;
  display: block;
  -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
  -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
  box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
  position: relative;
  /*behavior: url(PIE.htc);*/
}

#menu ul li:last-child {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#menu ul a {
  padding: 10px;
  height: 10px;
  width: 150px;
  height: auto;
  line-height: 1;
  display: block;
  white-space: nowrap;
  float: none;
  text-transform: none;
  font-size: 13px;
  font: 13px/16px "繝｡繧､繝ｪ繧ｪ", "Meiryo", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け";
}

*:first-child + html #menu ul a {
  height: 10px;
}

#menu ul a:hover {
  background: #0186ba;
  background: -moz-linear-gradient(#04acec, #0186ba);
  background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
  background: -webkit-linear-gradient(#04acec, #0186ba);
  background: -o-linear-gradient(#04acec, #0186ba);
  background: -ms-linear-gradient(#04acec, #0186ba);
  background: linear-gradient(#04acec, #0186ba);
}

#menu ul li:first-child > a {
  /*-moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;*/
}

#menu ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 30px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #444444;
}

#menu ul ul li:first-child a:after {
  left: -8px;
  top: 12px;
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-right: 8px solid #444444;
}

#menu ul li:first-child a:hover:after {
  border-bottom-color: #04acec;
}

#menu ul ul li:first-child a:hover:after {
  border-right-color: #04acec;
  border-bottom-color: transparent;
}

#menu ul li:last-child > a {
  /*-moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;*/
}

/* Clear floated elements */
#menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html #menu {
  zoom: 1;
}

/* IE6 */
*:first-child + html #menu {
  zoom: 1;
}

/* IE7 */