@charset "utf-8";


/* ==============================================
šindex
 ==============================================*/
 body{

	 background-color:#000;

}

#indexWrapper {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	/*min-width:800px;
	min-height:400px;*/
	overflow:hidden;
	position:relative;
}
.spbtn {
	display:block;
	margin:0;
	/*width:100px;
	height:100px;*/
	position:absolute;
	right:0;
	top:10px;
	
	
}
.spbtn a{
	padding:10px;

	width:21px;
	height:16px;
}
#indextext {
	margin:45px 0 0 -227px;
	padding:0;
	width:454px;
	height:274px;
	position:absolute;
	left:75%;
	top:50%;
	z-index:9998;
}


.copyright{
	margin:0 0 0 -67px;
	width:134px;
	position:absolute;
	left:50%;
	bottom:15px;
}
ul.nav {
	display:none;
}

.indexContents {
position: absolute;
  left: 50%;
  top:50px;
  margin-left: -45%;
 /* top: 50%;
  transform: translate(-50%, -50%);*/
  width: 90%;
  height: auto;

  text-align: center;
}
.indexContents h1 {
	width:89px;
	margin:0 auto;
	padding:0;
}
.indexContents .lead {
	width:100%;
	margin:30px auto 0;
	padding:0;
}
.indexContents a.btn01{
	display:block;
	width:270px;
	margin:35px auto 0;
	padding:0;
}
  
@media only screen and (min-width: 480px) {
	.spbtn {
	display:none;
	
	
}
ul.nav {
	display:block;
	margin:0;
	padding:0;
	width:144px;
	position:absolute;
	right:0px;
	top:17px;
}
ul.nav li {
	float:left;
	margin:0 0 0 8px;
}

.indexContents {
	margin:-250px 0 0 -221px;
	padding:0;
	width:442px;
	height:431px;
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
}

.indexContents h1 {
	width:89px;
	margin:0 auto;
	padding:0;
}
.indexContents .lead {
	width:442px;
	margin:38px auto 0;
	padding:0;
}
.indexContents a.btn01{
	display:block;
	width:270px;
	margin:49px auto 0;
	padding:0;
}
}

#indexNav {
	margin:28px auto 0;
	padding:0;
	width:215px;
	height:217px;
}

#indexNav li {
	float:right;
	vertical-align:top;
	margin:0 25px 0 0;
	list-style:none;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}