/*******************************************************
ちょっとややこしいので説明文書いときます。
余計わからんくなったりして。。。
読み終わったら消してもらって構いません。
*******************************************************/


* {padding:0; margin:0}
/*なんでフロートしてるんですかね？良くわかりません。2個並べる様でしょうか？？ん〜。。気にしないで進みました。*/
.dropdown {float:left; font-size:80%; font-weight:bold;}
/*ボタンのとこです。*/
.dropdown dt {width:101px; height:28px; font-weight:bold; cursor:pointer; background:url(../img/navi/navi_005.jpg)}
/*ボタンのマウス乗った時の画像指定してます*/
.dropdown dt:hover {background:url(../img/navi/navi_005.jpg)}

/*****************************************************
ここから下の幅設定がドロップダウンのとこです。
幅３つぐらい指定してあるのでいい感じに合わしてください。
******************************************************/

/*ここが基本となっている幅でございます。
で、alphaとopacityで一度背景を透明にしてます。しないと読み込んだときにdropdownがでた状態になります。*/
.dropdown dd {position:absolute; overflow:hidden; width:251px; filter: alpha(opacity=0); opacity:0; z-index:200;}
/*ここがBOX個別的な。HTMLみれば分かりますね。。まわりの淵とか色決めてください*/
.dropdown ul {width:247px; border:2px solid #dcc483; list-style:none; border-top:none; }
.dropdown li {display:inline;}
.dropdown li a, .dropdown li a:active, .dropdown li a:visited {display:block; padding:5px; color:#333; text-decoration:none; width:237px; background:#dcc483; filter: alpha(opacity=70); opacity:0.7; }
/*ここがBOXにマウスが乗った時です。って、知ってますよね*/
.dropdown ul a:hover {background:#dbb347; color:#000}
/*ここがBOXのアンダーラインの色ですよ〜*/
.dropdown .underline {border-bottom:1px solid #dbb347}














.navi img {
float:left;
}
img {border:0;} 
.clear{
clear:both;}