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

body {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 0px;
}
.header {
	height: 100px;
	width: 1200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	clear: both;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 100;	
}
ul.top_menu {
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
	width: 1200px;
	padding: 0px;
}
ul.top_menu li {
	float: left;
	list-style-type: none;
	list-style-position: inside;

}

.genesis-info a{
	display: inline-block;
	background-image: url(../image/genesis_logo.png);
	background-repeat: no-repeat;
	}
.corporete-info a{
	display: inline-block;
	background-image: url(../image/top-menu_corporete-info_g.png);
	background-repeat: no-repeat;
}
.store-info a{
	display: inline-block;
	background-image: url(../image/top-menu_store-info_g.png);
	background-repeat: no-repeat;
}
.recruit-info a{
	display: inline-block;
	background-image: url(../image/top-menu_recruit-info_g.png);
	background-repeat: no-repeat;
}
.enjoy-genesis a{
	display: inline-block;
	background-image: url(../image/top-menu_enjoy-genesis_g.png);
	background-repeat: no-repeat;
}
.inquity a{
	display: inline-block;
	background-image: url(../image/top-menu_inquity_g.png);
	background-repeat: no-repeat;
}

.sougyou a{
	background-image: url(../image/keiei_sougyou_g.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.genesism a{
	background-image: url(../image/keiei_genesism_g.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.kanrenkaisya a{
	background-image: url(../image/keiei_kanren_g.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.kaisyagaiyou a{
	background-image: url(../image/keiei_kaisyagaiyou_g.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.enkaku a{

	background-image: url(../image/keiei_enkaku_g.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.opera  a{
	background-image: url(../image/store-opera_g.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
}
.opera a:before{
    background-color: #0ED18E;
		}
.gotham a{
	background-image: url(../image/store-gotham_g.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;

}
.gotham a:before{
	background-color: #7316DC;
	}
.alecite a{
	background-image: url(../image/store-alecite_g.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
}
.alecite a:before{
	background-color: #EA1A1A;
	}
	
.enjoy-opera  a{
	background-image: url(../image/enjoy-opera2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.enjoy-opera a:before{
    background-color: #0ED18E;
		}
.enjoy-gotham a{
	background-image: url(../image/enjoy-gotham2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.enjoy-gotham a:before{
	background-color: #7316DC;
	}
.enjoy-alecite a{
	background-image: url(../image/enjoy-ailecity2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.enjoy-alecite a:before{
	background-color: #EA1A1A;
	}

ul.top_menu li a img{
   vertical-align: top;
   transition: opacity 0.3s;

}
ul.top_menu li a:hover  img{
 opacity: 0;

}

ul.bottom_box {
	display: block;
	background-color: #5B4D37;
	background-image: url(../image/top_buttom-bg.png);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 14px;
	color: #FFF;
	list-style-type: none;
	text-align: left;
	height: 131px;
	width: 120px;
	padding-left: 35px;
	float: left;
	padding-top: 35px;
	margin: 0px;
	clear: none;
}
ul.bottom_box li {
	padding-top: 3px;
	padding-left: 7px;
	display: block;
	color: #666;	
}
ul.bottom_box li a{
	color: #FFF;
	text-decoration: none;
	}
ul.bottom_box li a:hover{
	color: #FFF;
	text-decoration: underline;
	}
.bottom_company {
	height: 121px;
	width: 240px;
	background-color: #5B4D37;
	float: left;
	background-image: url(../image/top_buttom-genesis_logo.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	font-size: 12px;
	color: #FFF;
	line-height: 18px;
	padding-left: 185px;
	padding-top: 45px;
	margin-top: 0px;
}

ul.menu_box1> li {
	width: 10%;
	padding-right: 3%;
	padding-left: 3%;
	}
ul.menu_box2> li  {
	width: 20%;
	text-align: center;
	padding-right: 5%;
	padding-left: 5%;
	}

.menu_box-company-introduction{
	background-image: url(../image/company-introduction_bg.png);
	height: 600px;
	width: 1200px;
	position: static;
	margin-top: 100px;
	}
.current{color:red;}
.menu_sankaku {
	text-align: center;
	width: 1265px;
	position: absolute;
	z-index: 5;
}


#header .fixheader {
  position: absolute;
  width: 100%;
  top: 0px;
}
#header.fixed .fixheader {
  position: fixed;
}




.menu {
	position: relative;
	width: 1200px;
	height: 100px;
	max-width: 1200px;
	margin: 0;
	padding: 0px;
	z-index: 4;
	
}

.menu > li {
	height: 100px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	z-index: 4;
}

.menu li a img{
   transition: opacity 0.3s;
   z-index: 4;
}

.menu li a:hover img{
 z-index: 2;
 opacity: 0;
}
 
ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 3;
}

.menu > li:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
	z-index: 4;
}

li.menu__mega ul.menu__second-level {
	position: absolute;
	top: 80px;
	left: 0;
	box-sizing: border-box;
	width: 1275px;
	background-color: rgba(255,255,255,0.7);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	list-style-type: none;
	display: inline-block;
	text-align: center;
	margin-left: -75px;
	z-index: 3;

}

li.menu__mega:hover ul.menu__second-level {
	height: 130px;
	width: 1275px;
	background-color: rgba(255,255,255,0.7);
	top: 100px;
	visibility: visible;
	opacity: 1;
	z-index: 3;
	list-style-type: none;
	
}

li.menu__mega ul.menu__second-level > li {
	border: none;
	display: inline-block;
	list-style-type: none;
	z-index: 3;
}

.menu_ub a {
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 8px;

}

.menu_ub a:before {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	right: 100%;
	bottom: 0;
	height: 3px;
	-webkit-transition: left 0.2s ease, right 0.2s ease;
	-moz-transition: left 0.2s ease, right 0.2s ease;
	-o-transition: left 0.2s ease, right 0.2s ease;
	transition: left 0.2s ease, right 0.2s ease;
}
.menu_ub_text a:before{
	    background-color: #0ED18E;
	}

.menu_ub a:hover:before {
	left:0;
	right:0;
}


/*メニュー固定用*/
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
}