@charset "utf-8";

#container {
	width:860px;
	margin:0 auto;
	height:768px;
}
#pcMainArea {
	display:block;
	position:absolute;
	width:860px;
	height:768px;
}

#pcMainArea #alert {
	width:384px;
	height:52px;
	top:92px;
	right:20px;
	background:url(../images/contents/alert.gif) no-repeat Left Top;
	background-size:contain;
}

#pcMainArea #logo {
	width:256px;
	height:56px;
	top:0px;
	left:20px;
}
#pcMainArea #logo img {
	width:100%;
	height:100%;
}
#pcMainArea #menuArea {
	width:auto;
	height:48px;
	top:6px;
	right:20px;
	position:absolute;
	z-index:999;
}
#pcMainArea #menuArea li {
	height:48px;
	float:left;
	margin:0 1px 0 0;
}
#pcMainArea #menuArea li img {
	height:48px;
	width:auto;
}



/*-----------------------------*/

.loadingWrap{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index:9998;
}
.loadingWrapWaku{
    width: 100%;
    height: 768px;
	background-color:#0099ff;
    position: relative;
	margin:0 auto;
    top: 50%;
    margin-top: -384px;
}
.white{
    width: 100%;
    height: 768px;
	background-color:#FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
	display:none;
}
.loadingWrap .loadingWrapWaku img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
}
#footer {
	z-index:9999;
}

@media all and (max-height: 768px) {
#loadingWrapWaku {
	top:0;
	margin-top:0;
}
}



/* -------------------------------
        横幅1280以上の指定
------------------------------- */

@media screen and (min-width: 1280px) {

#pcMainArea #logo {
	width:320px;
	height:70px;
	top:0px;
	left:20px;
}
#container {
	width:1064px;
	margin:0 auto;
	height:960px;
}
#pcMainArea #alert {
	width:480px;
	height:65px;
	top:115px;
}

#pcMainArea {
	display:block;
	position:absolute;
	width:1064px;
	height:960px;
}

#pcMainArea #menuArea {
	width:auto;
	height:60px;
	top:8px;
	right:20px;
	position:absolute;
	z-index:9998;
}
#pcMainArea #menuArea li {
	height:60px;
	float:left;
	margin:0 1px 0 0;
}
#pcMainArea #menuArea li img {
	height:60px;
	width:auto;
}
/*-----------------------------*/

.loadingWrapWaku{
    height: 960px;
    margin-top: -480px;
}
.white{
    height: 960px;
}

}
/* --height960px以内で上下センター合わせを解除-- */
@media all and (min-width: 1280px) and (max-height: 960px) {
#loadingWrapWaku {
	top:0;
	margin-top:0;
}
}