ドロップダウン 自作

まず普通に 出てる状態を作り
消して
ホバーで見せる
hidden 0がポイント
参考
http://weboook.blog22.fc2.com/blog-entry-359.html

<li class="line"><img src="img/menu/line.png" width="1" height="29" /></li>

<li><img src="img/menu/menu-04_off.jpg" width="127" height="61" />

ここから

<ul class="drop_down">
<li class="chill"><a href="<?php echo home_url(); ?>/?page_id=34">尾張旭店</a></li>
<li class="chill"><a href="<?php echo home_url(); ?>/?page_id=37">日進店</a></li>
</ul>


ここまで

</li>

<li class="line"><img src="img/menu/line.png" width="1" height="29" /></li>
.drop_down{
	z-index: 10000;
	overflow: visible!important;
	position: absolute;
	width: 127px;
}

.drop_down li{
	
	width: 100%;
	background-color: #24AC66;
	
	/*ここで隠し*/
	height: 0px!important;
	overflow:hidden!important;
	/*/ここで隠し*/
}
/*ここでみせる*/
.d_navi_main_in ul li:hover .drop_down li{
	height: auto!important;
	overflow: visible!important;
}
/*/ここでみせる*/



.drop_down li a{
	color: #FFF;
	background-color: #2CB370;
	text-align: center;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.drop_down li a:hover{
	/*background-color: #ff8e00;*/
	text-decoration: none;
	background-color: #74491C;
}