@charset "UTF-8";

html{color:#000;background:transparent;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
body {
		width:100%;
		height: auto;
		min-width: 1600px;
		margin: 0;         /* 余白の削除 */
		padding: 0;        /* 余白の削除 */
		font-size: 14px;
		font-family:'Century Gothic','Meiryo','ms pgothic', sans-serif;
		letter-spacing: 2px;
		line-height:1.8;
		color: #ffffff;
		overflow: auto;
		background-image:url(../images/bg2.png),url(../images/bg.jpg);
		background-size: cover,auto;
		background-attachment: fixed,scroll;
		background-color: #000;
		text-shadow:0px 0px 1px #000000,0px 0px 2px #000000,0px 0px 3px #000000,0px 0px 3px #000000,0px 0px 3px #000000;
	}
body a img:hover{filter: drop-shadow(0px 0px 10px #ff00bf);}
body a{color:#F6CEF5;text-decoration: none;transition-duration:0.4s;}
body a:hover{color:#FF00BF;transition-duration:0.4s;text-shadow:0px 0px 3px #ff00bf,0px 0px 5px #ff00bf,0px 0px 4px #ff00bf,0px 0px 4px #ff00bf;}
.w1280{width: 1280px;height: auto;margin: auto;position: relative;}
#wrapper{text-align: center;overflow-x: hidden;}
*:focus {outline: none;}
::selection {background: #BF00FF;color: #fff;}

.newmark{position: absolute;top:-30px;left:-5px;z-index: 2;}

h1{margin:40px auto 20px;}
h2{margin:10px auto 10px;}
h3{margin:30px auto 20px;}

.paper{height: 283px;width: 20%;position: fixed;top:0px;background-image:url(../images/paper1.png);background-position:left top;background-size: contain;background-repeat: no-repeat;z-index: 89;}
.paper2{height: 266px;width: 20%;position: fixed;bottom:0px; right: 0px;background-image:url(../images/paper2.png);background-position:right bottom;background-size:contain;background-repeat: no-repeat;z-index: 89;}


.loading {
width: 100%;
height: 100%;
background: rgba(0,0,0,1.0);
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.loadanime{
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}
.animeWrap{
	width: 200px;
	height: 100px;
}
/* ==================================================================
navi
==================================================================*/
.pagetop_btn{
	position: absolute;
	bottom:30px;
	right: 30px;
	position: fixed;
	z-index: 999;
}

/* ==================================================================
navi
==================================================================*/
	header{
		height:100px;
		position: fixed;
		width:100%;
		min-width: 1280px;
		background-image:url(../images/header/header_bg.png);
		background-repeat: repeat-x;
		z-index: 70;
	}
	header ul{position: absolute;right:30px;}
	nav li{display:inline-block;  vertical-align: middle; margin: 8px 5px;	z-index:999;}
.trial_btn{position: absolute;left:435px;top:55px;}

/* ==================================================================
フッター
==================================================================*/
footer{
	width: 100%;
	height:150px;
  position: relative;
	bottom:0px;
	margin-top: 60px;
  z-index: 998;
  text-align: center;
	color: #B40486;
}
footer img{
  display: inline-block;
  margin:15px auto 0 10px;
}
#footer li{display: inline-block;}


.bg-image-loop_mini {
	width: 100%;
	height: 127px; /* 画像の高さを指定 */
	position: absolute;
  top:-5px;
	background: url("../images/infinite_onpu.png") repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 113s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
	padding: 0;
}
.bg-image-loop {
	width: 100%;
	height: 252px; /* 画像の高さを指定 */
	background: url("../images/infinite_onpu_big.png") repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 53s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
	padding: 0;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1920px 0; } /* 1518pxとは使用した背景画像の長さ */
}