/************************画像*******************/
#menu a { overflow:hidden; }
#menu a#about{	background-image:url(images/menu_about.jpg);	background-position:0 1px;	background-repeat:no-repeat;	text-indent:-9999px;	}	#menu a#competition{	background-image:url(images/menu_competition.jpg);	background-position:0 0;	background-repeat:no-repeat;	text-indent:-9999px;	}#menu a#entry{	background-image:url(images/menu_entry.jpg);	background-position:0 0;	background-repeat:no-repeat;	text-indent:-9999px;	}#menu a#faq{	background-image:url(images/menu_faq.jpg);	background-position:0 0;	background-repeat:no-repeat;	text-indent:-9999px;	}#menu a#contact{	background-image:url(images/menu_contact.jpg);	background-position:0 -1px;	background-repeat:no-repeat;	text-indent:-9999px;	}/************************１：文字の設定***************************************//*========================================================================文字の大きさを指定=========================================================================*/#menu ul.main{font-size:9pt;font-weight:bolder;}/*========================================================================文字の寄せ方を指定=========================================================================*/#menu ol.sub{	text-align:left;	text-indent:14px;	}	/*========================================================================リンクの下線を指定します。必要なら値をunderlineに=========================================================================*/#menu .sub a{background-image:url(images/hat.gif);background-position:2px 36%;background-repeat:no-repeat;padding-left:28px;}  #menu .main a{text-decoration:none;}/************************２：カラーリングの設定*******************************//*========================================================================メニューやオンマウス時の背景色指定を行います。画像を使用したい場合は、対応するセレクタに画像を指定してください。=========================================================================*//*：メインメニューの背景色*/#menu .main{background-color:transparent;/*サブメニューの位置をずらした場合指定必須*/}#menu .main li{background-color:#transparent;}/*メインメニューのオンマウス時*/#menu .main a:hover{background-color:transparent;}/*サブメニューへ移動したときの色（main a:hoverと同じ値推奨）*/#menu .main li.on{background-color:transparent;}/*サブメニューの背景色:２つとも同じ値にすることを推奨*/#menu .sub{background-color:#ffffee;border:4px solid #dddddd;border-bottom:none;}#menu .sub li{background-color:#ffffee;border-bottom:4px solid #dddddd;}/*サブメニューのオンマウス時*/#menu .sub a:hover{background-color:#FFFF33;border-bottom:4px solid #dddddd;}/*========================================================================メニューやオンマウス時の文字色指定を行います。上から順に、訪問前、訪問後、オンマウス時になります。全て同じカラーで良い場合、サブメニューとサブメニュー2の部分は削除可。=========================================================================*//*：メインメニューの文字色*/#menu .main a:link{color:#003399;}#menu .main a:visited{color:#003399;}#menu .main a:hover{color:#FF0000;}/*：サブメニューの文字色*/#menu .sub a:link{color:#003399}#menu .sub a:visited{color:#003399;}#menu .sub a:hover{color:#ff0000;}/********************３：メニューサイズ・余白・枠線の設定*********************//*---------------メインメニュー幅の設定--------------------*//*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになるアイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。めんどくさかったら100%にしておく*/#menu ul.main{width:100%;}/*---------------メインメニューアイテム幅の設定--------------------*/#menu .main li.off{height:54px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/}#menu .main li.on{}#menu .main li#about{width:114px;margin-left:0px;}#menu .main li#competition{width:203px;margin-left:0px;}#menu .main li#entry{width:107px;margin-left:0px;}#menu .main li#faq{width:119px;margin-left:0px;}#menu .main li#contact{width:142px;margin-left:0px;}/*---------------メインメニューアイテム余白の設定--------------------*/#menu .main a{	padding:0px;	height:56px;	}/*---------------サブメニュー幅の設定--------------------*/#menu ol.sub{    left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/    top:0px;/*サブメニュー表示位置をずらしたいときに指定。削除可*/    width:145px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/}/*---------------サブメニューアイテム幅の設定--------------------*/#menu ol.sub li.off2{    width:145px;/*ol.subと同じ値を推奨*/    height:30px;/*変更可能・削除するとギミックが変わる*/}#menu ol.sub li.on2{    width:145px;/*ol.subと同じ値を推奨*/    height:30px;/*変更可能・削除するとギミックが変わる*/}/*---------------サブメニュー余白の設定--------------------*/#menu .sub a{    padding:2px 5px;/*あまり大きな値にしない*/    width:135px;/*削除不可*/    height:26px;/*削除不可*//*width+padding（左右）の値がol.subのwidthと同じになるように。height+padding（上下）の値がol.subのheightと同じになるように調整*/}/************************４：メニューの表示位置の設定*************************//*========================================================================メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整してください。それ以外はいじらない方が無難=========================================================================*//************************５：自由記述オプション*************************//*========================================================================以下には好きなようにプロパティを追加してください。文字を斜体にするとか、フィルターをかけて半透明化するとか。利用できる主なセレクタは用意しておきました。=========================================================================*//*DIV#menu{} /* 全体を囲むボックス *//*ul.main{} /* 主にメインメニュー：継承により後へ伝わる場合あり *//*ul.main li.off{} /* メインメニューアイテム通常時 *//*ul.main li.on{} /* メインメニューアイテム展開時 *//*li.off a,li.on a{} /* メインメニュー用リンク *//*ol.sub{} /* サブメニュー *//*ol.sub li.off2{} /* サブメニューアイテム通常時 *//*ol.sub li.on2{} /* サブメニューアイテム展開時 *//*li.off2 a,li.on2 a{} /* サブメニュー用リンク *//************************６：変更不可*******************************//*========================================================================以下のプロパティはプルダウン機構に深く関わっている物です。熟練者以外はいじらないでください。=========================================================================*/#menu .main *{margin:0;padding:0px;list-style:none;display:block;}#menu ul.main{position:absolute;top:189px; left:20px;}#menu ul.main li.off{position:relative;float:left;overflow:hidden;}#menu ul.main li.on{float:left;overflow:hidden;}#menu ul.main>li.on{overflow:visible;/*×*/}#menu ol.sub{position:relative;}#menu ol.sub li.off2{position:relative;overflow:hidden;}#menu ol.sub li.on2{overflow:hidden;}#menu ol.sub>li.on2{overflow:visible;}