@charset "utf-8";

/**  default.css Menu *********************************************

  ・基本設定

*******************************************************************/
iframe {
	height:0px;
	position:absolute;
	bottom:0px;
}

/*-------------------------------------- リセット--------------------------------------*/
body, div, td, p, ul, ol, dl, dd, img, form, h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
}

/* --------------------------------------基本--------------------------------------*/
*{
	outline: none;
}
html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}

body {
	*font: x-small;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background:#151515;
	-webkit-text-size-adjust: 100%;
}

table {
border-collapse: collapse;
font-size: inherit;
font: 100%;
}

h1, h2, h3, h4, h5 {
font:100% "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Hiragino Kaku Gothic Pro", "Meiryo", arial, helvetica, clean, sans-serif;
*font:x-small;
font-weight:bold;
}

th, td {
	border-collapse: collapse;
	text-indent: 1em;
}
th  {
	padding: 2px 0;
	text-align: left;
}
td  {
	padding: 2px 0;
	text-align: left;
}

ul, ol { list-style-type: none; }

img { vertical-align: bottom; }


/*-------------------------------------- リンク色--------------------------------------*/
a:link {
text-decoration:none;
color:#FFFFFF;
}

a:visited {
text-decoration:none;
color:#FFFFFF;
}

a:hover {
color:#ccdce0;
}

a:active {
text-decoration:none;
color:#FFFFFF;
}

/*-------------------------------------- 回り込み--------------------------------------*/
.floatright {
display: block;
float: right;
}

.floatleft {
display: block;
float: left;
}

/*-------------------------------------- 回り込み解除--------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-block; }

/*\*/
* html .clearfix { height:1%; }

.clearfix { display:block; }

/**/

/*-------------------------------------- ボールド--------------------------------------*/
.txtbold { font-weight: bold; }

/*-------------------------------------- 行揃え--------------------------------------*/
.alignleft { text-align: left; }

.alignright { text-align: right; }

.aligncenter { text-align: center; }
#qLpercentage{
	font: 10px 'Electrolize', sans-serif;
}




/*---------------------------------- LOADING ----------------------------------*/
.loadingWrap{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index:999998;
}
.loadingWrapWaku{
    width: 100%;
    height: 100%;
	background:#000;
    position: relative;
	margin:0;
}
.loadingWrap .loadingWrapWaku img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
}

#contents #logo {
	width:360px;
	height:360px;
	position:absolute;
	top:0px;
	left:0px;
}
#contents #btnTop {
	margin:50px 30px 0 0;
	position:absolute;
	right:0px;
	top:0px;
}


/*--------------------------------------	ANIMATION	--------------------------------------*/

/**
 * Animations
 */

.fromTopIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,-20px);
	opacity: 0.0;
}

.fromBottomIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,20px);
	opacity: 0.0;
}

.fromLeftIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(-20px,0);
	opacity: 0.0;
}

.fromRightIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(20px, 0);
	opacity: 0.0;
}

.scaleUpIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.1,1.1);
	opacity: 0.0;
}

.scaleDownIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(0.95,0.95);
	opacity: 0.0;
}


.mainImgUpOut {
	transform: scale(1.3,1.3);
}
.mainImgUpIn {
	transition: all 3s ease;
	transform: scale(1.0,1.0);
}
.mainImgUpIn2 {
	transition: all 0.75s ease;
	transform: scale(1.0,1.0);
}
.subImgUpOut {
	opacity: 0.0;
}
.subImgUpIn {
	transition: all 3s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.subImgUpIn2 {
	transition: all 0.75s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.logoDownOut {
	transform: scale(0.9,0.9);
	opacity: 0.0;
}
.logoDownIn {
	transition: all 3s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.logoDownIn2 {
	transition: all 0.75s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.bnrDownOut {
	transform: scale(0.9,0.9);
	opacity: 0.0;
}
.bnrDownIn {
	transition: all 0.75s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}