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


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

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

/*ここが基本となっている幅でございます。
で、alphaとopacityで一度背景を透明にしてます。しないと読み込んだときにdropdownがでた状態になります。*/
.dropdown dd {position:absolute; overflow:hidden; width:180px; filter: alpha(opacity=0); opacity:0; z-index:200;}
.dropdown dd {width:166;}
/*ここがBOX個別的な。HTMLみれば分かりますね。。まわりの淵とか色決めてください*/
.dropdown ul {width:176px; border:2px solid #000; 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:#fff; text-decoration:none; width:166px; background:#000; filter: alpha(opacity=70); opacity:0.7; }
/*ここがBOXにマウスが乗った時です。って、知ってますよね*/
.dropdown ul a:hover {background:#ccc; color:#000}
/*ここがBOXのアンダーラインの色ですよ〜*/
.dropdown .underline {border-bottom:1px solid #000}


#navi{background-image:url("../img/navibk.jpg");
background-position:top center;
background-repeat:no-repeat;}
#navi2{
margin:0px;
padding:0px;
background-color:000;
background-image:url("../img/navibk2.jpg");
background-position:top left;
background-repeat:no-repeat;
}
#navi3{
background-color:000;
background-image:url("../img/navibk2.jpg");
background-position:top left;
background-repeat:no-repeat;
}

.dropdown dt span{display:none;}


#navi ul li{float:left; margin-bottom:-5px; list-style:none}
#navi2 ul li{float:left; margin-bottom:-3px; list-style:none}
#navi ul,#navi2 ul{margin-bottom:0px;}











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