/* -------------------------------------
　ヘッダー
-------------------------------------- */
header {

	margin: 0px auto;
	display: block;
	position: fixed;
	min-width: 980px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #ffffff;
	z-index: 5000;

}

header li {

	list-style: none;

}

header #top {

	height: 80px;
	position: relative;
	margin: 0px auto;
	width: 980px;
	z-index: 100;

}

header .home_button {

	display: none;

}

header .back-gradation {

	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 40px;
	background-color: #777777;
	background: -moz-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
	background: -webkit-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
	background: linear-gradient(to bottom, #777777 0%, #878787 28%, #666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#666666', GradientType=0);
	z-index: 1;

}

#mobileGnavi {

	display: none;

}


/*
KONAMI ロゴ
---------------------------------------------------------------------------------------------------- */
header #konami-logo {

	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	display: block;
	height: 37px;
	width: 130px;
	background-image: url(/ci/logo/konami_logo_normal.png);
	background-repeat: no-repeat;
	background-size: 100%;

}

header #konami-logo a {

	border: none;
	display: block;
	width: 130px;
	height: 37px;

}

header #konami-logo span {

	display: none;

}

header #company_name {

	font-size: 0.9em;
	color: #555555;
	position: absolute;
	top: 10px;
	left: 165px;
	font-family:"I-OTF-UDゴ本文Pro R", "I-OTF-UDゴ表示Pro R{pm}";

}

/*
右Box
---------------------------------------------------------------------------------------------------- */
header #right_box {

	float: right;
	display: table;
	height: 30px;
	margin: 5px 0 0 0;

}

header #right_box div {
	float: right;
}

header #right_box2 {

	float: right;
	display: table;
	width: 150px;
	height: 30px;
	margin: 0 0 0 0;
}

header #right_box2 div {
	float: right;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
header #site-nav {
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: space-between;
}


header #site-nav li {

	display: inline-table;
	padding: 0px;
	padding-top: 3px;
	float: left;
	font-size: 1em;
	width: 16%;

}

header #site-nav li.home {

	width: 38px;

}

header #site-nav li.search, header #site-nav li.mail {

	display: none;

}

header #site-nav li.home span {

	display: none;

}

header #site-nav li.menu {

	position: relative;

}

header #site-nav li.menu a {

	height: 37px;
	text-shadow: 1px 1px 3px #333333;

}

header #site-nav li.menu ul li a {

	height: 27px;
	display: block;
	text-shadow: none;

}

header #site-nav li a+ul {

	display: none;
	position: absolute;
	top: 40px;
	left: 0px;
	z-index: 100;
	background-color: rgba(119, 119, 119, 0.8);
	border: 1px solid #dddddd;
	margin: 0px;
	padding: 10px 0px;

}

header #site-nav li a+ul li {

	width: 230px;

}

header #site-nav li a+ul li a {

	float: none;
	border: none;
	width: 100%;
	padding: 0px 20px;
	text-align: left;

}

header #site-nav li a+ul li ul.second {

	position: static;
	border: none;
	padding: 0px;

}

header #site-nav li a+ul li ul.second li {

	width: 100%;

}

header #site-nav li a+ul li ul.second li a {

	padding-left: 40px;

}

header #site-nav li.gl:before {
	content: "　 ";
	width: 15px;
	height: 15px;
}

header #site-nav li a,
header #site-nav li a .menu:before {

	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 37px;
	text-align: center;
	border-left: #999 1px solid;
	border-right: #777 1px solid;

}

header #site-nav li a:hover,
header #site-nav li a:hover .menu:before {
	background-image: url(/img/common/icons/bg_r.svg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-decoration: none;
}

header #site-nav li.home a, header #site-nav li.home a:hover {

	border-left: none;
	border-right: #777 1px solid;
	width: 38px;
	display: inline-block;
	background-image: url(/img/common/icons/icon_home_w.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1em;

}

/*
メイン・ドロップメニュー
---------------------------------------------------------------------------------------------------- */
#sub_mn {

	margin: 5px auto 0;
	width: 980px;
	height: 40px;
	float: right;
	color: #FFF;

}

#sub_mn a {

	color: #FFF;

}

#sub_mn a:hover {

	color: #FFF;

}

/*
お問い合わせボタン
---------------------------------------------------------------------------------------------------- */
#letter_button {

	display: block;
	width: 30px;
	height: 30px;
	float: right;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	color: #666;
	border: 1px solid #ccc;
	background-color: #ffffff;

}

#letter_button a {

	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/img/common/icons/ic_letter.svg);
	background-position: center;
	background-repeat: no-repeat;

}

#letter_button a:hover {

	background-color: #ffe0e0;

}


#letter_button a span {

	display: none;

}