@charset "UTF-8";
/* CSS Document */

#nav, #nav ul, #nav ul li { height: 40px}
#nav ul, #nav ul li, #nav ul li img { margin: 0; padding: 0}
#nav ul { border-collapse: collapse; border-spacing: 0;　list-style: none;}
#nav ul li { width: auto}
#nav ul li span { display: block}
#nav {
	width:980px;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "sans-serif", "Arial";
	font-size: 13px;
	background-color:#444;
	position: relative;
	
	-khtml-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-khtml-box-shadow: #666 0 1px 2px;
	-ms-box-shadow: #666 0 1px 2px;
	-o-box-shadow: #666 0 1px 2px;
	-moz-box-shadow: #666 0 1px 2px;
	-webkit-box-shadow: #666 0 1px 2px;
	box-shadow: #666 0 1px 2px;
	margin: 0 auto;
	z-index: 4000;
}
#nav ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	position: relative;
	z-index: 5000;
}
#nav ul li {
	/*width: 100%;*/
	display: table-cell;
	overflow: hidden;
    *display: block;
	*float: left;
	*width: 93px;
}
#nav ul li#navLogo {
	width: 120px;
	text-indent: -999px;
}
#nav ul li#sitelist-btn {
	width: 110px;
}
#nav ul li a {
	color: #fff!important;
	opacity: 0.99;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #333 0.15em 0.15em 0.05em;
	text-align: center;
	line-height: 42px;
	cursor: pointer;
	display: block;
	border-right: 1px solid #333;
	border-left: 1px solid #666;
   	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #666666 0%, #333333 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #666666 0%, #333333 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #666666 0%, #333333 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #333333));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #666666 0%, #333333 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #666666 0%, #333333 100%);
	/* IE8 Always Pisses Me Off */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
}
#nav ul li a:hover {
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #848484 0%, #5E5E5E 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #848484 0%, #5E5E5E 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #848484 0%, #5E5E5E 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #848484), color-stop(1, #5E5E5E));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #848484 0%, #5E5E5E 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #848484 0%, #5E5E5E 100%);
	/* IE8 Always Pisses Me Off */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#5E5E5E',GradientType=0 );
}
.kamei-hover { 
	background: #666 !important;
}
#nav ul li.currentTab a {
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #99cc99 0%, #77AC75 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #99cc99 0%, #77AC75 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #99cc99 0%, #77AC75 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #99cc99), color-stop(1, #77AC75));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #99cc99 0%, #77AC75 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #99cc99 0%, #77AC75 100%);
	/* IE8 Always Pisses Me Off */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc99', endColorstr='#77AC75',GradientType=0 );
}

#nav ul li#navLogo span {
	background-image: url('/images/global/vector_logo.svg');
	background-image: url('/images/global/vector_logo.png')\9;
	/*background-image: url('vector_logo.png');*/
	background-size: 100% 100%;
}
#nav ul li#sitelist-btn span {
	background-image: url('/images/global/downArrow.svg');
	background-image: url('/images/global/downArrow.png')\9;
	background-size: 100% 100%;
	padding-right: 20px
} 
#nav ul li:first-child a {
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
#nav ul li:last-child a {
	-moz-border-radius: 0 4px 4px  0 ;
	border-radius: 0 4px 4px 0 ;
}

#nav ul li.hovering #sitelistWrap {
	display: block;
}

/* =============================================
 site list
=============================================  */
#sitelistWrap { 
	display: none;
	position: absolute;
	left: 0;
	background: #f0f0f0;
	z-index: 1000 !important;
	border: 5px solid #666;
	top: 38px
}

ul#header-sitelist {
	width: auto;
	height: 360px;
	background: #f0f0f0;
	list-style: none;
	table-layout: auto;
	display: block;
	padding: 10px;
	_padding: 9px;
}

ul#header-sitelist li.single {
	width: 145px;
	height: 100%;
	margin-right: 9px;
	padding-right: 6px;
	border-right: 1px dotted #666;
	float: left;
}

ul#header-sitelist li.single:last-child { border-right: none; margin-right: 0; padding-right: 0}
ul#header-sitelist li.last { border-right: none; margin-right: 0; padding-right: 0} /* Need for Crappy Browsers */
ul#header-sitelist li.single ul { height: auto}
ul#header-sitelist li.single li { width: auto; height: 18px}
ul#header-sitelist li.single a { text-align: left; text-shadow: none; font-weight: normal; opacity: 1; border: none; filter: none}
ul#header-sitelist li div a:hover, 
ul#header-sitelist li ul li a:hover { background:#BDB !important}
ul#header-sitelist li ul { list-style: none}
ul#header-sitelist li ul li {
	float: none;
	display: list-item;
	position: relative
}
ul#header-sitelist li div a,
ul#header-sitelist li ul li a {
	width: 140px;
	line-height: 1.5em;
	color: #333!important;
	background: none !important;
	text-decoration: none;
	text-indent: 0 !important;
	padding-left:5px;
}

ul#header-sitelist li ul li.horizontal-dot {
	height: 10px;
	margin-bottom: 9px;
	border-bottom: 1px dotted #666;
	overflow: hidden
}
ul#header-sitelist li div.list-title {
	text-align: left;
	line-height: 18px;
	font-weight: bold;
	color: #090;
	margin-bottom: 5px
}