BODY { background-color:#ffffff; }

.mainfont {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; }
.lfont {font-size:110%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
.bfont {font-weight: bold; font-size:100%; font-family:"ＭＳＰゴシック, Osaka"; }
.blfont {font-size:110%; font-weight: bold; font-family:"ＭＳ Ｐゴシック, Osaka"; }
.bcfont1 {color: #003300; font-size:110%; font-weight: bold; font-family:"ＭＳ Ｐゴシック, Osaka"; }
.bcfont2 {font-weight: bold; font-size:110%; font-family:"ＭＳ Ｐゴシック, Osaka"; }


.title0 {text-align: center; color: #CC0000; font-size:130%; font-weight: bold; font-family:"ＭＳ Ｐゴシック, Osaka"; }
.title1 {text-decoration: underline; color: #0000CC; font-weight: bold; font-size:120%; "ＭＳ Ｐゴシック, Osaka";}
.title2 {color: #000066; font-weight: bold; font-size:110%; "ＭＳ Ｐゴシック, Osaka";}
.list {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; line-height: 150%; text-indent: -8px; margin: 0px 20px 0px;}
.list2 {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; line-height: 150%; text-indent: -8px; margin: 0px 30px 0px;}

.title_shin {color: #ffffff; font-weight: bold; font-size:130%; "ＭＳ Ｐゴシック, Osaka";}
.title_shin2 {color: #000066; font-weight: bold; font-size:120%; "ＭＳ Ｐゴシック, Osaka"; margin: 0px 20px 0px;}
.list_shin {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; line-height: 150%; text-indent: 8px; margin: 0px 30px 0px;}
.list_shin_r {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; line-height: 150%; text-indent: 8px; margin: 0px 30px 0px; color: #CC0000;}
.list_shin2 {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; line-height: 150%; text-indent: -8px; margin: 0px 50px 0px;}
.list_shin2_1 {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; line-height: 150%; text-indent: -20px; margin: 0px 70px 0px;}
.title_mkj {color: #000066; font-weight: bold; font-size:120%; "ＭＳ Ｐゴシック, Osaka"; margin: 0px 10px 0px;}
.list_dl {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; line-height: 200%; text-indent: -8px; margin: 0px 50px 0px;}

.list_box {font-size:100%; "ＭＳ Ｐゴシック, Osaka"; line-height: 150%; text-indent: -18px;}
table.box{ margin-left: 50px ; padding: 20px 20px 20px 35px; }
table.jirei{ margin-left: 45px ; padding: 5px; border-style:double; border-color: #4cb5e8;} 

/*========================================================================
HOME＞○○部分の指定

=========================================================================*/
.5font { color: #006600; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
.jifont { color: #CC0000; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
.shifont { color: #000066; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
.yafont { color: #000000; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
.rifont { color: #CC0000; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }

.dlimg { vertical-align: middle; margin:5px 0px 5px 0px; }

A:link.ftu{ color: #0000ff; text-decoration: none; font-weight: normal; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:visited.ftu{ color: #7c0060; text-decoration: none; font-weight: normal; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:active.ftu{ color: #ff0000; text-decoration: none; font-weight: normal; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:hover.ftu{ color: #ff0000; text-decoration: none; font-weight: normal; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }

A:link.bcfont2{ color: #ff0000; }
A:visited.bcfont2{ color: #ff0000; }
A:active.bcfont2{ color: #dc6000; }
A:hover.bcfont2{ color: #dc6000; }

A:link.mn{ color: #0000ff; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:visited.mn{ color: #7c0060; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:active.mn{ color: #ff0000; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:hover.mn{ color: #ff0000; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }

A:link.mokuji{ color: #0000ff; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; margin: 0px 15px 0px; line-height: 120%; }
A:visited.mokuji{ color: #7c0060; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; margin: 0px 15px 0px; line-height: 120%; }
A:active.mokuji{ color: #ff0000; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; margin: 0px 15px 0px; line-height: 120%; }
A:hover.mokuji{ color: #ff0000; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; margin: 0px 15px 0px; line-height: 120%; }

A:link.dl{ color: #0000ff; text-decoration: none; font-weight: normal; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:visited.dl{ color: #7c0060; text-decoration: none; font-weight: normal; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:active.dl{ color: #ff0000; text-decoration: none; font-weight: normal; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:hover.dl{ color: #ff0000; text-decoration: none; font-weight: normal; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }

A:link.jl{ color: #ffffff; background-color:#ff0000; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:visited.jl{ color: #ffffff; background-color:#ff0000; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:active.jl{ color: #ffff00; background-color:#ff0000; none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }
A:hover.jl{ color: #ffff00; background-color:#ff0000; text-decoration: none; font-weight: bold; font-size:100%; font-family:"ＭＳ Ｐゴシック, Osaka"; }

*/

/************************１：文字の設定***************************************/
/*========================================================================
文字の大きさを指定します。pxで指定してください
=========================================================================*/
ul.main{font-size:14px;}
ol.sub-01{font-size:13px;}
ol.sub-02{font-size:13px;}
ol.sub-03{font-size:13px;}
ol.sub{font-size:12px;}
/*========================================================================
文字の寄せ方を指定します。center,left,rightで指定。このままがおすすめ。

=========================================================================*/
ul.main{text-align:center;/*メインメニューの文字揃え*/}
ol.sub{text-align:left;/*サブメニューの文字揃え*/}
ol.sub-01{text-align:left;/*サブメニューの文字揃え*/}
ol.sub-02{text-align:left;/*サブメニューの文字揃え*/}
ol.sub-03{text-align:left;/*サブメニューの文字揃え*/}
/*========================================================================
文字の種類を指定します。不要なら削除してください
=========================================================================*/
ul.main{font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；}
/*========================================================================
リンクの下線を指定します。必要なら値をunderlineに
=========================================================================*/
.main a{text-decoration:none;}


/************************２：カラーリングの設定*******************************/
/*========================================================================
メニューやオンマウス時の背景色指定を行います。

画像を使用したい場合は、対応するセレクタに画像を指定してください。

=========================================================================*/
/*：メインメニューの背景色*/
.main{background-color:;/*サブメニューの位置をずらした場合指定必須*/}
.main li.1off{background-color:#cc0000; font-size:14px;}
.main li.2off{background-color:#000066; font-size:14px;}
.main li.3off{background-color:#285b0c; font-size:14px;}
/*メインメニューのオンマウス時*/
.main a:hover.1off{background-color:#cc0000; font-size:14px;}
.main a:hover.2off{background-color:#000066; font-size:14px;}
.main a:hover.3off{background-color:#285b0c; font-size:14px;}
/*サブメニューへ移動したときの色（main a:hoverと同じ値推奨）*/
.main li.1on{background-color:#cc0000; font-size:14px;}
.main li.2on{background-color:#000066; font-size:14px;}
.main li.3on{background-color:#285b0c; font-size:14px;}

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.sub{background-color:#ffffff;}
.sub li.1off{background-color:#ffffff;}
.sub li.2off{background-color:#ffffff;}
.sub li.3off{background-color:#ffffff;}

/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#ffff56;}
.sub a:hover{background-color:#ffff56;}
.sub a:hover{background-color:#ffff56;}


/*サブメニュー0の背景色*/
.sub-01{background-color:#cc0000;}
.sub-01 li{background-color:#cc0000;}
/*サブメニュー0のオンマウス時*/
.sub-01 a:hover{background-color:#cc0000;}

.sub-02{background-color:#000066;}
.sub-02 li{background-color:#000066;}
/*サブメニュー0のオンマウス時*/
.sub-02 a:hover{background-color:#000066;}

.sub-03{background-color:#285b0c;}
.sub-03 li{background-color:#285b0c;}
/*サブメニュー0のオンマウス時*/
.sub-03 a:hover{background-color:#285b0c;}



/*========================================================================
メニューやオンマウス時の文字色指定を行います。

上から順に、訪問前、訪問後、オンマウス時になります。

全て同じカラーで良い場合、サブメニューとサブメニュー2の部分は削除可。

=========================================================================*/
/*：メインメニューの文字色*/
.main a:link{color:#ffffff;font-weight: bold;}
.main a:visited{color:#ffffff;font-weight: bold;}
.main a:hover{color:#ffff00;font-weight: bold;}


/*：サブメニューの文字色*/
.sub a:link{color:#333333;font-weight: normal;}
.sub a:visited{color:#333333;font-weight: normal;}
.sub a:hover{color:#ff0000;font-weight: normal;}


.sub-01 a:link{color:#ffffff;font-weight: normal; }
.sub-01 a:visited{color:#ffffff;font-weight: normal; }
.sub-01 a:hover{color:#ffffff;font-weight: normal; }

.sub-02 a:link{color:#ffffff;font-weight: normal; }
.sub-02 a:visited{color:#ffffff;font-weight: normal; }
.sub-02 a:hover{color:#ffffff;font-weight: normal; }

.sub-03 a:link{color:#ffffff;font-weight: normal; }
.sub-03 a:visited{color:#ffffff;font-weight: normal; }
.sub-03 a:hover{color:#ffffff;font-weight: normal; }


/********************３：メニューサイズ・余白・枠線の設定*********************/
/*========================================================================
メニューのサイズを決めます。希望に合わせてwidthの値を調整してください。

ここで枠線も決めてしまうのは、border-widthが総横幅の調整に絡んでくるため。



=========================================================================*/

/*---------------メインメニュー幅の設定--------------------*/
/*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになる

アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。

めんどくさかったら100%にしておく*/
ul.main{width:812;}

/*---------------メインメニューアイテム幅の設定--------------------*/
.main li.1off{
    height:24px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:267px;/*文字数に合わせて調整*/
}
.main li.1on{
    width:267px;/*offと値を揃えることを推奨*/
}


.main li.2off{
    height:24px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:267px;/*文字数に合わせて調整*/
}
.main li.2on{
    width:267px;/*offと値を揃えることを推奨*/
}


.main li.3off{
    height:24px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:267px;/*文字数に合わせて調整*/
}
.main li.3on{
    width:267px;/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.main a{padding:4px;/*あまり大きな値は指定しない方が良い*/}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.main li.1off{
    border:1px solid #333333;
}
/*展開時・メインメニューの枠線*/
.main li.1on{
    border:1px solid #333333;
    border-bottom:0px;
}

.main li.2off{
    border:1px solid #333333;
}
/*展開時・メインメニューの枠線*/
.main li.2on{
    border:1px solid #333333;
    border-bottom:0px;
}

.main li.3off{
    border:1px solid #333333;
}
/*展開時・メインメニューの枠線*/
.main li.3on{
    border:1px solid #333333;
    border-bottom:0px;
}

/*展開時メインアイテム下に線が無くなるのを防止*/
.main a{
    border-bottom:0px solid #333333;
}

/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:8;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:267px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
    height:20px;/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off1{
    width:267px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on1{
    width:267px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}

ol.sub li.off2{
    width:267px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:267px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}


ol.sub li.off3{
    width:267px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on3{
    width:267px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}


/*---------------サブメニュー枠線の設定--------------------*/

.sub li.off1,.sub li.on1{
    border-bottom:1px solid #333333;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。

左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}

.sub li.off2,.sub li.on2{
    border-bottom:1px solid #333333;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。

左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}

.sub li.off3,.sub li.on3{
    border-bottom:1px solid #333333;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。

左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}

/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:4px 4px;/*あまり大きな値にしない*/
    width:259px;/*削除不可*/
    height:12px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。

height+padding（上下）の値がol.subのheightと同じになるように調整*/
}

.sub-01 a{
    padding:4px 4px;/*あまり大きな値にしない*/
    width:259px;/*削除不可*/
    height:12px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。

height+padding（上下）の値がol.subのheightと同じになるように調整*/
}

.sub-02 a{
    padding:4px 4px;/*あまり大きな値にしない*/
    width:259px;/*削除不可*/
    height:12px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。

height+padding（上下）の値がol.subのheightと同じになるように調整*/
}

.sub-03 a{
    padding:4px 4px;/*あまり大きな値にしない*/
    width:259px;/*削除不可*/
    height:12px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。

height+padding（上下）の値がol.subのheightと同じになるように調整*/
}


/************************４：メニューの表示位置の設定*************************/
/*========================================================================
メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整
してください。それ以外はいじらない方が無難
=========================================================================*/
DIV#menu{
    z-index:100;
    overflow:auto;
    position:absolute;
    width:860px;
/* CHG-START BY YOSHIDA 2007/04/20 */
    margin-left:-5%;
/*
    left:50%;
    margin-left:-440px;
*/
/* CHG-END BY YOSHIDA 2007/04/20 */
}

/************************５：自由記述オプション*************************/
/*========================================================================
以下には好きなようにプロパティを追加してください。

文字を斜体にするとか、フィルターをかけて半透明化するとか。

利用できる主なセレクタは用意しておきました。

=========================================================================*/
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{} /* サブメニュー用リンク */



/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。

熟練者以外はいじらないでください。

=========================================================================*/
.main *{margin:0px;padding:0px;list-style:none;display:block;}

ul.main{position:relative;}
ul.main li.1off{position:relative;float:left;overflow:hidden;}
ul.main li.1on{float:left;overflow:hidden;}
ul.main>li.1on{overflow:visible;/*×*/}

ul.main li.2off{position:relative;float:left;overflow:hidden;}
ul.main li.2on{float:left;overflow:hidden;}
ul.main>li.2on{overflow:visible;/*×*/}

ul.main li.3off{position:relative;float:left;overflow:hidden;}
ul.main li.3on{float:left;overflow:hidden;}
ul.main>li.3on{overflow:visible;/*×*/}

ol.sub{position:relative;}
ol.sub li.off1{position:relative;overflow:hidden;}
ol.sub li.on1{overflow:hidden;}
ol.sub>li.on1{overflow:visible;}
ul.sub-2{position:relative;}

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;}


ol.sub{position:relative;}
ol.sub li.off3{position:relative;overflow:hidden;}
ol.sub li.on3{overflow:hidden;}
ol.sub>li.on3{overflow:visible;}
ul.sub-2{position:relative;}