@charset "utf-8";
/* CSS Document */

/********* 通常 *********/
/* イメージリセット */
#dropmenu{
	width:660px;
	background:#666666;
	height:23px;
	float:right;
	padding-top:5px;
}

img {
    border-style:none;
}
/* メインメニュー */
#dropmenu ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;

}

/* サブメニュー1段目 */
#dropmenu ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index: 500;
}

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

/* リスト */
#dropmenu li {
   float:left;
}

#dropmenu li li {
   clear:both;
}

#dropmenu li:hover {
   position:relative;
}

#dropmenu li:hover > ul {
   display: block
}

/* IE6用 */
* html #dropmenu li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #dropmenu li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#dropmenu .column1 {position:relative;}
#dropmenu .column1 ul {display:block;}
#dropmenu .column1 * ul {display:none;}

#dropmenu .column2 {position:relative;}
#dropmenu .column2 ul {display:block;}
#dropmenu .column2 * ul {display:none;}

/**デザイン**/
#dropmenu li {
   line-height:1.6em;
   text-align: center;

}

#dropmenu li li {
	text-align: left;
	background:#fff;
	font-size: 12px;
	width: 120px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #BBB;
}

#dropmenu ul li ul li{
	background:#999999;
}

#dropmenu li a{
	display: block;
	text-decoration:none;
	color:#FFFFFF;
}

#dropmenu li a:hover{
   display: block;
   text-decoration:none;
   color:#FFF;
}

#dropmenu li:hover {
	background:#2967AD;
	color:#FFF;
}


#dropmenu .column1, #dropmenu .column2, #dropmenu .column3 {
	color:#FFF;
	background:#FC690C;
}
/********* ゴルフver *********/

/* メインメニュー */
#dropmenu_golf ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}

/* サブメニュー1段目 */
#dropmenu_golf ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index: 500;
}

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

/* リスト */
#dropmenu_golf li {
   float:left;
}

#dropmenu_golf li li {
   clear:both;
}

#dropmenu_golf li:hover {
   position:relative;
}

#dropmenu_golf li:hover > ul {
   display: block
}

/* IE6用 */
* html #dropmenu_golf li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #dropmenu_golf li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#dropmenu_golf .column1 {position:relative;}
#dropmenu_golf .column1 ul {display:block;}
#dropmenu_golf .column1 * ul {display:none;}

#dropmenu_golf .column2 {position:relative;}
#dropmenu_golf .column2 ul {display:block;}
#dropmenu_golf .column2 * ul {display:none;}

/**デザイン**/
#dropmenu_golf li {
   line-height:1.6em;
   text-align: center;

}

#dropmenu_golf li li {
	text-align: left;
	background:#fff;
	font-size: 12px;
	width: 120px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #BBB;
}

#dropmenu_golf li a{
	display: block;
	text-decoration:none;
	color:#333;
}

#dropmenu_golf li a:hover{
   display: block;
   text-decoration:none;
   color:#FFF;
}

#dropmenu_golf li:hover {
	background:#6FC435;
	color:#FFF;
}


#dropmenu_golf .column1, #dropmenu_golf .column2, #dropmenu_golf .column3 {
	color:#FFF;
	background:#6FC435;
}