/*========================================================================
99%CSSプルダウンメニューforカスタマイズ　スタイルシート
制作：WEB工房きくちゃん http://www.stylish-style.com
最終調整日：2005年8月6日
このスタイルシートは自由に改変してかまいませんが、再配布を希望される場合は
webstudio-kic@stylish-style.com まで連絡をください。
=========================================================================*/


#menu ul {margin:0; padding:0;}
#menu ol {list-style-type:none; margin:0; padding:0;}
#menu li {list-style-type:none; margin:0; padding:0;}


/*---------------メインメニュー幅の設定--------------------*/
/*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになる
アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。
めんどくさかったら100%にしておく*/
ul.pull-main{
	width:570px;
	}


/************************４：メニューの表示位置の設定*************************/
/*========================================================================
メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整
してください。それ以外はいじらない方が無難
=========================================================================*/
DIV#menu{
	float:left;
	width:570px;
    position:absolute;
    z-index:100;
}

/************************５：自由記述オプション*************************/
/*========================================================================
以下には好きなようにプロパティを追加してください。
文字を斜体にするとか、フィルターをかけて半透明化するとか。
利用できる主なセレクタは用意しておきました。
=========================================================================*/
DIV#menu{margin:0; float:left;} /* 全体を囲むボックス */

ul.pull-main{margin:0; padding:0;} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.pull-main li.off{margin:0; padding:0;} /* メインメニューアイテム通常時 */
ul.pull-main li.on{margin:0; padding:0;} /* メインメニューアイテム展開時 */
li.off a,li.on a{margin:0; padding:0;} /* メインメニュー用リンク */

ol.sub{} /* サブメニュー */
ol.sub li.off2{margin:0; padding:0;} /* サブメニューアイテム通常時 */
ol.sub li.on2{margin:0; padding:0;} /* サブメニューアイテム展開時 */
li.off2 a,li.on2 a{margin:0; padding:0;} /* サブメニュー用リンク */


/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。
熟練者以外はいじらないでください。
=========================================================================*/
.pull-main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.pull-main{position:relative;}
ul.pull-main li.off{position:relative;float:left;overflow:hidden;}
ul.pull-main li.on{float:left;overflow:hidden;}
ul.pull-main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}