@charset "utf-8";
/*** ESSENTIAL STYLES ***/
#globalNavWrapper {
	position: 		relative;
/*	padding-bottom: 1em;*/
	font-size: 		13px;
	z-index:		15;
}
.globalNav, .globalNav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.globalNav {
	position: relative;
	line-height:	1.0;
	zoom: 100%;
}
.globalNav:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.globalNav ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			15em;/**/ /* left offset of submenus need to match (see below) */
}
.globalNav ul li {
	width:			100%;
}
.globalNav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.globalNav li {
	float:			left;
	position:		relative;
	z-index:		99;
}
.globalNav a {
	display:		block;
	position:		relative;
	z-index:		99;
}
.globalNav li:hover ul,
.globalNav li.sfHover ul {
	left:			0;
	top:			32px; /* match top ul list item height */
	z-index:		99;
}
ul.globalNav li:hover li ul,
ul.globalNav li.sfHover li ul {
	top:			-999em;
}
ul.globalNav li li:hover ul,
ul.globalNav li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.globalNav li li:hover li ul,
ul.globalNav li li.sfHover li ul {
	top:			-999em;
}
ul.globalNav li li li:hover ul,
ul.globalNav li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.globalNav a {
/*	border-right:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.5em 1em;*/
	text-decoration:none;
}
.globalNav a, .globalNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/*	color:			#13a;*/
}
.globalNav {
/*	background:		#BDD2FF;*/
}
.globalNav li {
/*	background:		#BDD2FF;*/
}
.globalNav li li {
	background:		#AABDE6;
	background:		#666;
}
.globalNav li li li {
	background:		#9AAEDB;
	background:		#777;
}
.globalNav li:hover, .globalNav li.sfHover,
.globalNav a:focus, .globalNav a:hover, .globalNav a:active {
	background:		#CFDEFF;
	background:		#999;
	outline:		0;
}

/*** 独自スタイル ***/
.globalNav a,
.globalNav a:hover{
	background : url(globalNav.png);
	display:block;
	width:147px;
	height:32px;
	text-indent: 	-999em;
	overflow:		hidden;
}
		.cat-item-0 a		{background-position:-0px 0px;}
		.cat-item-14 a		{background-position:-147px 0px;}
		.cat-item-9 a		{background-position:-294px 0px;}
		.cat-item-24 a		{background-position:-441px 0px;}
		.cat-item-26 a		{background-position:-588px 0px;}
		.cat-item-30 a		{background-position:-735px 0px;}
		.cat-item-0 a:hover	{background-position:-0px -80px;}
		.cat-item-14 a:hover{background-position:-147px -80px;}
		.cat-item-9 a:hover	{background-position:-294px -80px;}
		.cat-item-24 a:hover{background-position:-441px -80px;}
		.cat-item-26 a:hover{background-position:-588px -80px;}
		.cat-item-30 a:hover{background-position:-735px -80px;}
.globalNav li.sfHover {
/*	border-bottom:2px #00f solid;*/
	background-position:-147px -80px;
}
.globalNav a.sfHover{
	border-bottom:2px #f00 solid;
}
.globalNav ul.children a,
.globalNav ul.children a:hover {
	background-image:none;
	text-indent:0;
	overflow:visible;
	white-space:nowrap;
	width:186px;
	height:auto;
	line-height:120%;
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	padding:4px;
	color:#fff;
}

/* 保留：sfHover　Hover時の大項目の背景を黒く表示する */
#globalNavWrapper a.sfHover{
	border:1px #f00 solid;
}
/*** arrows **/
.globalNav a.sf-with-ul {
/*	padding-right: 	2.25em;
	min-width:		1px;*/	 /* trigger IE7 hasLayout so spans position accurately */
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('./shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}