@charset "UTF-8";
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

Spry_mainMenu.css

メインメニューのスタイル（AJAX:Spry用を含む）

作成日 / 担当 ：2007年11月9日 / 伊藤(ito@sysmil.com)
修正日 / 担当 ：

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/* 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

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

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
#BASEBOX_MAINMENU ul.MenuBarHorizontal {
width: auto;
list-style-type: none;
cursor: default;
font-size:12px;
}

#BASEBOX_MAINMENU ul.MenuBarHorizontal a {
display: block;
text-decoration: none;
}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
#BASEBOX_MAINMENU ul.MenuBarActive {
z-index: 1000;
}

/* Menu item containers, position children relative to this container and are a fixed width */
#BASEBOX_MAINMENU ul.MenuBarHorizontal li {
list-style-type: none;
position: relative;
text-align: left;
cursor: pointer;
float: left;
line-height:2em;
}

/* sideMenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
#BASEBOX_MAINMENU ul.MenuBarHorizontal ul {
width: 146px;
padding:10px 0px 10px 0px;
left: -1000em;
list-style-type: none;
z-index: 1020;
cursor: default;
position: absolute;
background:#000000;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
border-bottom:#999999 1px solid;
}

/* sideMenu that is showing with class designation MenuBarsideMenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
#BASEBOX_MAINMENU ul.MenuBarHorizontal ul.MenuBarsideMenuVisible {
left: auto;
}

/* Menu item containers are same fixed width as parent */
#BASEBOX_MAINMENU ul.MenuBarHorizontal ul li {
width:126px;
padding:2px 5px 1px 15px;
}

/* sideMenus should appear slightly overlapping to the right (95%) and up (-5%) */
#BASEBOX_MAINMENU ul.MenuBarHorizontal ul ul {
position: absolute;
margin: -5% 0 0 95%;
}

/* sideMenu that is showing with class designation MenuBarsideMenuVisible, we set left to 0 so it comes onto the screen */
#BASEBOX_MAINMENU ul.MenuBarHorizontal ul.MenuBarsideMenuVisible ul.MenuBarsideMenuVisible {
left: auto;
top: 0;
}


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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* メインメニュー：項目 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* メニューのサイズ */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
ul.MenuBarHorizontal img,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu1_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu1_on,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu2_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu2_on,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu3_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu3_on,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu4_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu4_on,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu5_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu5_on {
width:148px;
height:30px;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* メニューの画像 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu1_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu1_on {
background:url(../imgs/mainMenu1.jpg) top left no-repeat;
}

#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu2_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu2_on {
background:url(../imgs/mainMenu2.jpg) top left no-repeat;
}

#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu3_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu3_on {
background:url(../imgs/mainMenu3.jpg) top left no-repeat;
}

#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu4_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu4_on {
background:url(../imgs/mainMenu4.jpg) top left no-repeat;
}

#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu5_off, #BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu5_on {
background:url(../imgs/mainMenu5.jpg) top left no-repeat;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* メニューの基本スタイル */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* メニューOFF：非選択 */
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu1_off,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu2_off,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu3_off,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu4_off,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu5_off {
background-position:0px 0px;
}

/* メニューOFF：マウスオーバー */
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu1_off:hover,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu2_off:hover,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu3_off:hover,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu4_off:hover,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu5_off:hover {
background-position:0px -30px;
}

/* メニューON */
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu1_on,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu2_on,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu3_on,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu4_on,
#BASEBOX_MAINMENU ul.MenuBarHorizontal a.mainMenu5_on {
background-position:0px -60px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ポップアップメニュー：項目 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_MAINMENU ul.MenuBarHorizontal ul.popMenu {

}

#BASEBOX_MAINMENU ul.MenuBarHorizontal ul.popMenu li {
background:#000000 url(../imgs/sideMenu_listIcon.gif) center left no-repeat;
}

#BASEBOX_MAINMENU ul.MenuBarHorizontal ul.popMenu li a {
color:#FFFFFF;
border-bottom:#666666 1px solid;
}

#BASEBOX_MAINMENU ul.MenuBarHorizontal ul.popMenu li a:hover {
color:#999966;
}

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each sideMenu with an iframe */
#BASEBOX_MAINMENU ul.MenuBarHorizontal iframe {
position: absolute;
z-index: 1010;
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{

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

}