/*jQuery MegaMenu Plugin
  Author: Devadatta Sahoo
  Author URI: http://www.geektantra.com */

/*

#Container {
  height: 100%;
  width: 960px;
  margin: auto;
  border-collapse: collapse;
}
a {
  color: #254154;
}
ul {
	text-align: left;
	margin: 25px;
	font-size: 16px;
	list-style-type: square;
}
*/
.MegaMenu {
	font-size: 14px;
	height: 80px;
	display:flex;
	justify-content:center;
}
.MegaMenu > a{
	display: block;
	float:left;
	padding: 0 17px;
	line-height: 80px;
	color: #333 !important;
	text-decoration: none !important;
}
.MegaMenu > a:hover{
	background: #ededed;
}
.MegaMenu a.MegaMenuLink:link, .MegaMenu a.MegaMenuLink:visited {
	outline: none;
	z-index: 1000;
}
.MegaMenu a.MegaMenuLinkOff:link, .MegaMenu a.MegaMenuLinkOff:visited {
	outline: none;
	z-index: 1000;
	color: #333;

}
.MegaMenu a.MegaMenuLinkActive:link, .MegaMenu a.MegaMenuLinkActive:visited {
	margin: 0px;
	border-bottom: none;
}
.MegaMenu .MegaMenuContent{
	display: none;
}
#MegaMenuContent, #MegaMenuContentShadow {
	background: #FFF; 
	border-top: 3px solid #206039;
	padding: 10px 10px;
	margin-left: 0;
	position: absolute;
	z-index: 10;
}
#MegaMenuContentShadow {
	background: #111;
	margin-left: 8px;
	margin-top: 4px;
	z-index: 9;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}
.MegaMenuTable {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #FFF;
}
.MegaMenuTable th {
	text-align: left;
	padding: 5px 10px;
	font-size: 13px;
}
.MegaMenuTable .MegaMenuHead {
	padding: 7px 10px;
	background: #18251c;
	color: #fff;
}
.MegaMenuTable .MegaMenuHead a {
	color: #fff !important;
}
.MegaMenuTable .MegaMenuHead li {
	position: relative;
	margin-left: 17px;
	padding-left: 3px;
}
.MegaMenuTable .MegaMenuHead li::after,
.MegaMenuTable .MegaMenuHead li::before {/* 矢印 */
	display: block;
	content: '';
	position: absolute;
}
/*
.MegaMenuTable .MegaMenuHead li::after {
	top: 7px;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.MegaMenuTable .MegaMenuHead li::before {
	top: 10px;
	left: -1.025em;
	width: 8px;
	height: 1px;
	background-color: #fff;
}
*/
.MegaMenuTable .MegaMenuHead li::after {
	top: .25em;
	left: -1.25em;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-radius: 100%;
}
.MegaMenuTable .MegaMenuHead li::before {
	z-index: 2;
	top: .575em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



.MegaMenuTable td {
	width: 25%;
	vertical-align: top;
	text-align: left;
	border-right: 1px dotted #CCC;
}
/*
.MegaMenuTable td.LastCell {
	border: none;
}
*/
.MenuFoot div {
	border-top: 1px solid #CCC;
	margin: 10px 10px 5px 10px; 
	font-size: 10px;
	color: #555;
	padding: 10px 0px 0px 0px;
}
.MenuFoot h2 {
	padding: 0px 0px 3px 0px;
	margin: 0px;
	font-size: 14px;
	color: #000;
}
.MegaMenuTable {
	cursor: default;
}
.MegaMenuTable a {
	color: #333 !important;
	cursor: pointer;
}

/* ドロップダウン内のリストメニュー */
ul.MegaMenuLists {
	margin: 0px 15px;
	padding: 0px;
}
ul.MegaMenuLists li {
	position: relative;
	margin: 5px 0px 8px 21px;
	padding-top: 1px;
	padding-left: 3px;
	font-size: 0.923em;
	letter-spacing: -0.03em;
}
ul.MegaMenuLists li::after,
ul.MegaMenuLists li::before {/* 矢印 */
	display: block;
	content: '';
	position: absolute;
}
ul.MegaMenuLists li::after {/* 矢印：背景●部分 */
	top: .35em;
	left: -1.25em;
	width: 14px;
	height: 14px;
	background-color: #206039;
	border-radius: 100%;
}
ul.MegaMenuLists li::before {/* 矢印：>部分 */
	z-index: 2;
	top: .725em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* サブカテゴリ */
.MegaMenuTable .stitle{
	margin: 14px 10px 0;
	padding: 1px 10px;
	letter-spacing: -0.03em;
	background-color: #ededed;
}
.MegaMenuTable .stitle:first-child{
	margin: 5px 10px 0;
}



/*Non IE CSS Starts*/
html>body .MegaMenu a.MegaMenuLink:link,html>body .MegaMenu a.MegaMenuLink:visited {
	position: relative;
}
html>body #MegaMenuContent, html>body #MegaMenuContentShadow {
}