@charset "shift_jis";
/* CSS Document */




/*==================================
   body
==================================*/
body, h1, h2, h3, h4, ul, li, p, form {
	color: #FFF;
	font-size: 100%;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
body { 
	background-color:#000;
	
	font-size: 12px;

}
a img {
	border: 0px;
}
a:link, a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
	color: #820000;
}
.box {
	margin-bottom: 10px;
}
.c_both {
	clear: both;
	*font-size: 1%;
	*line-height: 1%;
	*height: 1%;
	*width: 1%;
}
.blue {
	color: #00F;
}
.red {
	color: #F00;
}


#wrapper {
	position: relative;
	background-image: url(../img/enter/bg.jpg);
	background-repeat: repeat-x;
}
#container {
	width: 1000px;
	height: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../img/enter/01.jpg);
	background-repeat: no-repeat;
}

/*==================================
  top
==================================*/
#header_top {
    background: url(http://zenra-max.com/img/enter/header_top.png) left top repeat-x;
    height: 29px;
    padding: 0;
}
#header_top h1{
	color: #fff;
	text-align: center;
	line-height: 1.8;
	font-size: 16px;
}
#mobile {
	position: absolute;
	color: #FFF;
	top: 10px;
	right: 10px;
}

/*==================================
   enter leave
==================================*/

#enter_bt {
	position: absolute;
	left: 491px;
	top: 417px;
	height: 54px;
	width: 275px;
	overflow: hidden;
}
#enter_bt a {
	height: 54px;
	width: 275px;
	display: block;
	padding-top: 54px;
	background-image: url(/img/enter/enter_bt.jpg);
	background-repeat: no-repeat;

}
#enter_bt a:hover {
	background-position: 0 -54px;
}

#enter_bt02 {
	position: absolute;
	left: 491px;
	top: 498px;
}
#enter_bt02 {
	position: absolute;
	left: 491px;
	top: 498px;
}
#enter_bt03 {
	position: absolute;
	left: 491px;
	top: 563px;
}
#enter_bt04 {
	position: absolute;
	left: 491px;
	top: 633px;
}
#enter_bt02 img,
#enter_bt03 img,
#enter_bt04 img {
	width: 350px;
}

#enter_bt02 a:hover,
#enter_bt03 a:hover
#enter_bt04 a:hover {
	opacity: 0.8;
}

#leave_bt {
	position: absolute;
	left: 796px;
	top: 433px;
	height: 37px;
	width: 186px;
	overflow: hidden;
}
#leave_bt a {
	height: 37px;
	width: 186px;
	display: block;
	padding-top: 37px;
	background-image: url(/img/enter/leave_bt.jpg);
	background-repeat: no-repeat;
}
#leave_bt a:hover {
	background-position: 0 -37px;
}


/* =========================================
   bn 
==========================================*/


.bn_box {
	position: relative;
	width: 942px;
	margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bn {
    margin-bottom: 5px;
}

/*==================================
   link
==================================*/

.link_box {
	padding-top: 40px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.link_box div {
	text-align:center;
	float:left;
	width:88px;
	overflow: hidden;
	margin-right: 10px;
	height: 45px;
	margin-bottom: 8px;
	font-size: 11px;
    line-height: 11px;
}
.link_box span {
	overflow: hidden;
	display:block;
	font-size:9px;
	margin:1px 0px;
	color: #FFFFFF;
	width: 88px;
	height: 12px;
}

#copy {
	background-color: #750000;
	padding: 20px;
	color: #fff;
	margin-top: 50px;
}