@charset "utf-8";

@import "/Portals/0/css/base.css";
@import "/Portals/0/Skins/skinCmn.css";
@import "/Portals/0/css/contents.css";


/* ===========================================================
 gNav
=========================================================== */
#gNav{height:50px;margin:0 auto;padding:0;position:relative;z-index:8;}

.tokenMenu ul{margin:0;padding:0;list-style:none;}
.tokenMenu ul li{margin:0;padding:0;}
.tokenMenu ul li a{height:50px;background-repeat:none;background-image:url(/Portals/0/images/common/nav/gnav.jpg);background-position:left top;background-color:transparent;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;}
.tokenMenu ul ul{display:none;}
.tokenMenu ul ul ul{display:none;}

/* 第1階層 */
.tokenMenu>ul>li{display:none;list-style-type:none;margin:0;padding:0;}
.tokenMenu>ul>li.Tab100{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.tokenMenu>ul>li>a{width:52px;display:block;}
.tokenMenu>ul>li>a:hover,
.tokenMenu>ul>li>a.CurrentLinkClass{background-position:0 -50px;}
.tokenMenu>ul>li>ul{width:948px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
/* 第2階層 */
.tokenMenu>ul>li>ul>li{display:none;}
.tokenMenu>ul>li>ul>li.Tab129,
.tokenMenu>ul>li>ul>li.Tab170,
.tokenMenu>ul>li>ul>li.Tab230,
.tokenMenu>ul>li>ul>li.Tab313,
.tokenMenu>ul>li>ul>li.Tab605,
.tokenMenu>ul>li>ul>li.Tab623{display:block;}
.tokenMenu>ul>li>ul>li.Tab129{width:121px;}
.tokenMenu>ul>li>ul>li.Tab170{width:155px;}
.tokenMenu>ul>li>ul>li.Tab230{width:166px;}
.tokenMenu>ul>li>ul>li.Tab313{width:166px;}
.tokenMenu>ul>li>ul>li.Tab605{width:132px;}
.tokenMenu>ul>li>ul>li.Tab623{width:208px;}
.tokenMenu>ul>li>ul>li>a{display:block;}
.tokenMenu>ul>li>ul>li.Tab129>a{background-position:-52px 0;}
.tokenMenu>ul>li>ul>li.Tab170>a{background-position:-173px 0;}
.tokenMenu>ul>li>ul>li.Tab230>a{background-position:-328px 0;}
.tokenMenu>ul>li>ul>li.Tab313>a{background-position:-494px 0;}
.tokenMenu>ul>li>ul>li.Tab605>a{background-position:-660px 0;}
.tokenMenu>ul>li>ul>li.Tab623>a{background-position:-792px 0;}

.tokenMenu>ul>li>ul>li.Tab129.active>a,
.tokenMenu>ul>li>ul>li.Tab129>a:hover,
.tokenMenu>ul>li>ul>li.Tab129>a.CurrentLinkClass,
.tokenMenu>ul>li>ul>li.Tab129>a.ParentLinkClass{background-position:-52px -50px;}
.tokenMenu>ul>li>ul>li.Tab170.active>a,
.tokenMenu>ul>li>ul>li.Tab170>a:hover,
.tokenMenu>ul>li>ul>li.Tab170>a.CurrentLinkClass,
.tokenMenu>ul>li>ul>li.Tab170>a.ParentLinkClass{background-position:-173px -50px;}
.tokenMenu>ul>li>ul>li.Tab230.active>a,
.tokenMenu>ul>li>ul>li.Tab230>a:hover,
.tokenMenu>ul>li>ul>li.Tab230>a.CurrentLinkClass,
.tokenMenu>ul>li>ul>li.Tab230>a.ParentLinkClass{background-position:-328px -50px;}
.tokenMenu>ul>li>ul>li.Tab313.active>a,
.tokenMenu>ul>li>ul>li.Tab313>a:hover,
.tokenMenu>ul>li>ul>li.Tab313>a.CurrentLinkClass,
.tokenMenu>ul>li>ul>li.Tab313>a.ParentLinkClass{background-position:-494px -50px;}
.tokenMenu>ul>li>ul>li.Tab605.active>a,
.tokenMenu>ul>li>ul>li.Tab605>a:hover,
.tokenMenu>ul>li>ul>li.Tab605>a.CurrentLinkClass,
.tokenMenu>ul>li>ul>li.Tab605>a.ParentLinkClass{background-position:-660px -50px;}
.tokenMenu>ul>li>ul>li.Tab623.active>a,
.tokenMenu>ul>li>ul>li.Tab623>a:hover,
.tokenMenu>ul>li>ul>li.Tab623>a.CurrentLinkClass,
.tokenMenu>ul>li>ul>li.Tab623>a.ParentLinkClass{background-position:-792px -50px;}

/* ===========================================================
 css for each skin
=========================================================== */