@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;
width:133px;
position:absolute;
left:-1000em;
}

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

/* 親メニューは、同じ固定された幅です */
ul.MenuBarHorizontal ul li
{
width:133px;
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:133px;
background:url(nav.gif) no-repeat 0px 0px;
}

ul.MenuBarHorizontal li#NAV02 a
{
width:133px;
background:url(nav.gif) no-repeat -133px 0px;
}

ul.MenuBarHorizontal li#NAV03 a
{
width:134px;
background:url(nav.gif) no-repeat -266px 0px;
}

ul.MenuBarHorizontal li#NAV04 a
{
width:133px;
background:url(nav.gif) no-repeat -400px 0px;
}

ul.MenuBarHorizontal li#NAV05 a
{
width:133px;
background:url(nav.gif) no-repeat -533px 0px;
}

ul.MenuBarHorizontal li#NAV06 a
{
width:134px;
background:url(nav.gif) no-repeat -666px 0px;
}

ul.MenuBarHorizontal li#NAV07 a
{
width:133px;
background:url(subnav.gif) no-repeat 0px 0px;
}

ul.MenuBarHorizontal li#NAV08 a
{
width:133px;
background:url(subnav.gif) no-repeat 0px -22px;
}

ul.MenuBarHorizontal li#NAV09 a
{
width:133px;
background:url(subnav.gif) no-repeat 0px -44px;
}

ul.MenuBarHorizontal li#NAV10 a
{
width:133px;
background:url(subnav.gif) no-repeat 0px -66px;
}

ul.MenuBarHorizontal li#NAV11 a
{
width:133px;
background:url(subnav.gif) no-repeat 0px -88px;
}

ul.MenuBarHorizontal li#NAV12 a
{
width:133px;
background:url(subnav.gif) no-repeat 0px -110px;
}

ul.MenuBarHorizontal li#NAV13 a
{
width:133px;
background:url(subnav.gif) no-repeat 0px -132px;
}

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 -133px -22px; }

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

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

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

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

ul.MenuBarHorizontal li#NAV07 a:hover { background:url(subnav.gif) no-repeat -133px 0px; }

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

ul.MenuBarHorizontal li#NAV09 a:hover { background:url(subnav.gif) no-repeat -133px -44px; }

ul.MenuBarHorizontal li#NAV10 a:hover { background:url(subnav.gif) no-repeat -133px -66px; }

ul.MenuBarHorizontal li#NAV11 a:hover { background:url(subnav.gif) no-repeat -133px -88px; }

ul.MenuBarHorizontal li#NAV12 a:hover { background:url(subnav.gif) no-repeat -133px -110px; }

ul.MenuBarHorizontal li#NAV13 a:hover { background:url(subnav.gif) no-repeat -133px -132px; }



/*廃止メニューをブランクに*/
ul.MenuBarHorizontal li#brank{
	background-image:url(../SpryAssets/brank02.gif);
	width:400px;
	background-repeat: no-repeat;
}


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

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