@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* メニューバーのベースコンテナの設定 */
ul.MenuBarHorizontal {
margin:0;
padding:0;
list-style-type:none;
cursor:default;
width:800px;
height:22px;
}

/* z-インデックスをaccomodate IEバグに設定してアクティブなメニューバーをこのクラスにセットしてください： http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive { z-index:1000; }

/* 親メニューは、このコンテナと関連する子メニューを置き、固定された幅です */
ul.MenuBarHorizontal li {
margin:0;
padding:0;
list-style-type:none;
position:relative;
cursor:pointer;
/*width:133px;*/
height:22px;
float:left;
}

/* サブメニューは、高い深度により親（トップ：0）の下に出現するが、最初はスクリーンの左側に外されます（-1000em） */
ul.MenuBarHorizontal ul {
margin:0;
padding:0;
list-style-type:none;
z-index:1020;
cursor:default;
position:absolute;
left:-1000em;
}

/* 親メニュー項目の下のスクリーンの上に来ます */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left:auto; }

/* 親メニューは、同じ固定された幅です */
ul.MenuBarHorizontal ul li
{
/* width:145px; */
vertical-align:top;
}


/* 右（95%）と上わずかに重なっているようであるはずです（-5%） */
ul.MenuBarHorizontal ul ul {
position:absolute;
margin:-5% 0 0 95%;
}

/* サブメニューは、スクリーンの上に来ます */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left:auto;
top:0;
}

/*******************************************************************************

 デザイン情報： 配色、境界、フォント

 *******************************************************************************/

/* サブメニューコンテナはすべての側に境界を持っています 
ul.MenuBarHorizontal ul
{
border:1px solid #CCC;
}
*/


/* メニュー項目全般の設定 */
ul.MenuBarHorizontal a {
display:block;
cursor:pointer;
padding:0;
height:22px;
font-size:xx-small;
text-indent:-9999px;
text-decoration:none;
}

ul.MenuBarHorizontal li#NAV01 a {
width:113px;
background:url(nav.gif) no-repeat 0px 0px;
}
ul.MenuBarHorizontal li#NAV02 a {
width:93px;
background:url(nav.gif) no-repeat -113px 0px;
}
ul.MenuBarHorizontal li#NAV03 a {
width:134px;
background:url(nav.gif) no-repeat -206px 0px;
}
ul.MenuBarHorizontal li#NAV04 a {
width:145px;
background:url(nav.gif) no-repeat -340px 0px;
}
ul.MenuBarHorizontal li#NAV05 a {
width:75px;
background:url(nav.gif) no-repeat -485px 0px;
}
ul.MenuBarHorizontal li#NAV06 a {
width:75px;
background:url(nav.gif) no-repeat -560px 0px;
}
ul.MenuBarHorizontal li#NAV07 a {
width:75px;
background:url(nav.gif) no-repeat -635px 0px;
}
ul.MenuBarHorizontal li#NAV08 a {
width:90px;
background:url(nav.gif) no-repeat -710px 0px;
}

ul.MenuBarHorizontal li#NAV09 a {
width:113px;
background:url(subnav01.gif) no-repeat 0px 0px;
}
ul.MenuBarHorizontal li#NAV10a a {
width:113px;
background:url(subnav01.gif) no-repeat 0px -22px;
}
ul.MenuBarHorizontal li#NAV10b a {
width:113px;
background:url(subnav01.gif) no-repeat 0px -44px;
}
ul.MenuBarHorizontal li#NAV11 a {
width:113px;
background:url(subnav01.gif) no-repeat 0px -66px;
}
ul.MenuBarHorizontal li#NAV12 a {
width:113px;
background:url(subnav01.gif) no-repeat 0px -88px;
}

ul.MenuBarHorizontal li#NAV13 a {
width:145px;
background:url(subnav02.gif) no-repeat 0px 0px;
}
ul.MenuBarHorizontal li#NAV14 a {
width:145px;
background:url(subnav02.gif) no-repeat 0px -22px;
}
ul.MenuBarHorizontal li#NAV15 a {
width:145px;
background:url(subnav02.gif) no-repeat 0px -44px;
}

ul.MenuBarHorizontal li#NAV16 a {
width:75px;
background:url(subnav03.gif) no-repeat 0px 0px;
}
ul.MenuBarHorizontal li#NAV17 a {
width:75px;
background:url(subnav03.gif) no-repeat 0px -22px;
}
ul.MenuBarHorizontal li#NAV18 a {
width:75px;
background:url(subnav03.gif) no-repeat 0px -44px;
}

ul.MenuBarHorizontal li#NAV01 a:hover { background:url(nav.gif) no-repeat 0px -22px; }

ul.MenuBarHorizontal li#NAV02 a:hover { background:url(nav.gif) no-repeat -113px -22px; }

ul.MenuBarHorizontal li#NAV03 a:hover { background:url(nav.gif) no-repeat -206px -22px; }

ul.MenuBarHorizontal li#NAV04 a:hover { background:url(nav.gif) no-repeat -340px -22px; }

ul.MenuBarHorizontal li#NAV05 a:hover { background:url(nav.gif) no-repeat -485px -22px; }

ul.MenuBarHorizontal li#NAV06 a:hover { background:url(nav.gif) no-repeat -560px -22px; }

ul.MenuBarHorizontal li#NAV07 a:hover { background:url(nav.gif) no-repeat -635px -22px; }

ul.MenuBarHorizontal li#NAV08 a:hover { background:url(nav.gif) no-repeat -710px -22px; }

ul.MenuBarHorizontal li#NAV09 a:hover { background:url(subnav01.gif) no-repeat -113px 0px; }

ul.MenuBarHorizontal li#NAV10a a:hover { background:url(subnav01.gif) no-repeat -113px -22px; }

ul.MenuBarHorizontal li#NAV10b a:hover { background:url(subnav01.gif) no-repeat -113px -44px; }

ul.MenuBarHorizontal li#NAV11 a:hover { background:url(subnav01.gif) no-repeat -113px -66px; }

ul.MenuBarHorizontal li#NAV12 a:hover { background:url(subnav01.gif) no-repeat -113px -88px; }

ul.MenuBarHorizontal li#NAV13 a:hover { background:url(subnav02.gif) no-repeat -145px 0px; }

ul.MenuBarHorizontal li#NAV14 a:hover { background:url(subnav02.gif) no-repeat -145px -22px; }

ul.MenuBarHorizontal li#NAV15 a:hover { background:url(subnav02.gif) no-repeat -145px -44px; }

ul.MenuBarHorizontal li#NAV16 a:hover { background:url(subnav03.gif) no-repeat -75px 0px; }

ul.MenuBarHorizontal li#NAV17 a:hover { background:url(subnav03.gif) no-repeat -75px -22px; }

ul.MenuBarHorizontal li#NAV18 a:hover { background:url(subnav03.gif) no-repeat -75px -44px; }



/*******************************************************************************

 BROWSER HACKS: エキスパートでない限り、下の項目は変更されるべきではありません

 *******************************************************************************/

/* IE用： 帳票管理の上で見えることを確かめる サブメニューために、私達はiframeを個々のサブメニュー下に敷きます */
ul.MenuBarHorizontal iframe {
position:absolute;
z-index:1010;
}
/* IE用： メニュー項目の外観を安定させるために； フロートのスラッシュは、IE5.0が構文解析することを防ぐ必要があります */
@media screen, projection {

ul.MenuBarHorizontal li.MenuBarItemIE {
display:inline;
f\loat:left;
background:#FFF;
}
}