html,body {
	width:100%;
	height:100%;
}
body {
	background:#222;
}
h1,h2,h3,h4 {
	display:none;
}
.fitW {width:100%;}
.fitH {height:100%;}

#wrapper {
	width:100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	max-width:2000px;
	margin:0 auto;
}
#contents {
	width:100%;
	padding-bottom:30px;
	position:relative;
	min-width:1240px;
}
/*--------------------------------------ヘッダー--------------------------------------*/
#headerArea {
	width:100%;
	height:80px;
	background:#000;
	position:fixed;
	z-index:999;
	max-width:2000px;
}
#header {
	width:1240px;
	position:relative;
	margin:0 auto;
	height:80px;
}

/*--------------------------------------メニュー--------------------------------------*/
#headLogo {
	width:100%;
	height:80px;
	position:absolute;
	top:0px;
	left:20px;
}
#menuArea {
	width:auto;
	height:64px;
	position:absolute;
	left:200px;
	bottom:0px;
}
#menuArea li {
	float:left;
	height:42px;
	position:relative;
	border-right:#666666 dotted 1px;
	padding:0;
}
#menuArea .menuLeft {
	border-left:#666666 dotted 1px;
}
#menuArea li img {
	height:42px;
	padding:0 15px;
}
.menuActive {
	height:6px;
	line-height:6px;
	width:100%;
	position:absolute;
	bottom:-22px;
	left:0px;
}
.menuActive1 {
	background:#e2007e;
}
.menuActive2 {
	height:6px;
	line-height:6px;
	width:100%;
	position:absolute;
	bottom:-22px;
	left:0px;
	background:#e2007e;
}
.menuActive3 {
	height:14px;
	line-height:14px;
	width:100%;
	position:absolute;
	bottom:-20px;
	left:0px;
	background:url(../img/active3.gif) no-repeat center top;
}
#topBtn {
	width:130px;
	height:20px;
	position:absolute;
	right:20px;
	top:20px;
}
#subMenuArea {
	position:absolute;
	top:80px;
	left:306px;
}
#subMenuArea li {
	border-top:1px dotted #666;
	box-sizing:border-box;
	background:#000;
}
#subMenuArea #subMenuFoot {
	width:236px;
	height:16px;
	line-height:16px;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-bottomleft:6px;
	background:#000;
}
#subMenuArea li img {
	width:236px;
	padding:0 0;
}
/*--------------------------------------フッター--------------------------------------*/
#snsArea {
	line-height:1px;
	height:20px;
	padding:0 0 0 0;
	position:absolute;
	top:5px;
	left:20px;
}
#snsArea li {
	line-height:1px;
	height:20px;
	float:left;
	background:url(../img/sns_line.gif) no-repeat right center;
}
#snsArea li img {
	line-height:1px;
}
#footer{
	min-width:1240px;
	width:100%;
	height:30px;
	background:#000000;
	position:absolute;
	bottom:0;
	overflow:hidden;
	border-top:1px solid #202020;
	box-sizing:border-box;
}
#copyright {
	width:300px;
	height:12px;
	background:url(../img/copyright.gif) no-repeat left center;
	margin:0;
	line-height:12px;
	font-size:6px;
	text-indent:-99999px;
	position:absolute;
	right:20px;
	top:9px;
}

/*--------------------------------------ローディング--------------------------------------*/
.loadingWrap{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	background:#000000;
	z-index:999998;
}
.loadingWrapWaku{
    width: 100%;
    height: 100%;
    position: absolute;
	margin:0;
}
.loadingWrap .loadingWrapWaku img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
}


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

/**
 * Animations
 */

.fromTopOutHead
{
	transition: transform 0.75s ease;
	
	transform: translate(0,-80px);
}

.fromTopInHead
{
	transition: transform 0.75s ease;
	
	transform: translate(0,0);
}
.fromTopOut
{
	transition: transform 1.5s ease, opacity 1.5s ease;
	
	transform: translate(0,-40px);
	opacity: 0.0;
}

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

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


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



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

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


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