@charset "UTF-8";

*{margin:0;padding:0;}

html{height:100%;margin: 0px;}

body{width:100%;height:100%;margin:0px;}

#wrapper {width:100%;height:100%;min-height:100%;}

body > #wrapper {height: auto;}

body {
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	min-width:1280px;
	min-height: 992px;
	text-align: center;
	background: #d21c2e url(../img/home/bg_red.png) center top / cover fixed;
}

#container{
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	min-width:1280px;
	min-height: 992px;
	text-align: center;
	background: #d21c2e url(../img/home/bg_red.png) center top / cover fixed;
}

#wrapper{
	display:block;
	width:100%;
	min-width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0;
	padding:0;
	text-align: center;
	background: url(../img/home/bg_topmain.png) center top repeat-x;
	color:#333333;
	position:relative;
}

#innerWrapper{
	display:block;
	width:100%;
	height:925px;
	margin:0;
	padding:0;
	text-align: center;
	background: url(../img/home/mainimage.png) center top no-repeat;
	color:#333333;
	position:relative;
}

.btn_ks{
	display:block;
	width:202px;
	height:auto;
	left:5px;
	top:208px;
	margin:0;
	padding:0;
	text-align: center;
	position:absolute;
	z-index:5;
}

.btn_sp{
	display:block;
	width:206px;
	height:206px;
	left:5px;
	top:1px;
	margin:0;
	padding:0;
	text-align: center;
	position:absolute;
	z-index:5;
}

.btn_party{
	display:block;
	width:180px;
	height:180px;
	left:5px;
	top:1px;
	margin:0;
	padding:0;
	text-align: center;
	position:absolute;
	z-index:5;
}

.btn_sp2{
	display:block;
	width:150px;
	height:150px;
	left:20px;
	top:185px;
	margin:0;
	padding:0;
	text-align: center;
	position:absolute;
	z-index:5;
}

.btn_right{
	display:block;
	width:auto;
	height:auto;
	right:0px;
	top:0px;
	margin:0;
	padding:0;
	text-align: right;
	position:absolute;
	z-index:5;
}



#innerWrapper .logo{
	display:block;
	width:551px;
	height:240px;
	margin:370px auto 0 auto;
	padding:0;
	text-align: center;
	position:relative;
	z-index:5;
}

#innerWrapper .logo_heiji{
	display:block;
	width:551px;
	height:250px;
	margin:360px auto 0 auto;
	padding:0;
	text-align: center;
	position:relative;
	z-index:5;
}

div.topNav{
	display:block;
	width:1260px;
	height:62px;
	margin:-6px auto 0 auto;
	padding:0;
	text-align: center;
	position:relative;
}

.topNav h2.roadshow{
	display:block;
	width:218px;
	height:118px;
	right:6px;
	top:-52px;
	position:absolute;
}



.topNav ul{
	display:block;
	width:auto;
	height:62px;
	margin:0 5px;
}


.topNav li{
	display:inline-block;
	width:auto;
	height:62px;
	margin:0 2px;
}

.topNav p.bnr_usj{
	display:block;
	width:214px;
	height:213px;
	left:-8px;
	top:-138px;
	position:absolute;
}



/* -------- subBox ビリング・公式バナー --------  */
.subBox{
	display:block;
	width:1220px;
	height:150px;
	margin:8px auto 0 auto;
	padding:0;
	text-align:center;
	position:relative;
}

.bnr_heiji01{
	display:block;
	width:560px;
	height:153px;
	margin:0;
	padding:0;
	left:48px;
	top:7px;
	text-align:center;
	position:absolute;
}

.bnr_heiji02{
	display:block;
	width:560px;
	height:147px;
	margin:0;
	padding:0;
	left:48px;
	top:10px;
	text-align:center;
	position:absolute;
}

.bnr_quiz{
	display:block;
	width:124px;
	height:124px;
	margin:0;
	padding:0;
	left:612px;
	top:20px;
	text-align:center;
	position:absolute;
}

.bnr_maeuri{
	display:block;
	width:252px;
	height:130px;
	margin:0;
	padding:0;
	left:740px;
	top:20px;
	text-align:center;
	position:absolute;
}

div.countBox{
	display:block;
	width:500px;
	height:80px;
	left:60px;
	top:20px;
	margin:0;
	padding:0;
	text-align:left;
	position:absolute;
}


ul.credit{
	display:block;
	width:512px;
	height:142px;
	left:40px;
	top:10px;
	margin:0;
	padding:0;
	background: url(../img/home/billing_top.png) left top no-repeat;
	text-align:left;
	position:absolute;
}

ul.bnrBox01{
	display:block;
	width:440px;
	height:138px;
	right:40px;
	top:10px;
	margin:0;
	padding:0;
	position:absolute;
}

.ob01{
	width:150px;
	height:60px;
	left:0;
	top:10px;
	position:absolute;
}

.ob02{
	width:150px;
	height:60px;
	left:154px;
	top:10px;
	position:absolute;
}

.ob03{
	width:150px;
	height:60px;
	left:0;
	top:74px;
	position:absolute;
}

.ob04{
	width:150px;
	height:60px;
	left:154px;
	top:74px;
	position:absolute;
}

.mMark{
	width:134px;
	height:139px;
	right:0px;
	top:0px;
	position:absolute;
}


/* -------- footer --------  */
#footer{
	display:block;
	width:100%;
	height:74px;
	margin: -74px 0 0 0;
	padding:0;
	background: url(../img/home/bg_footer_g.png) center bottom repeat-x;
	text-align:left;
	bottom:0;
	zoom:1;
	position:absolute;
}

#footer ul.tieup{
	display:block;
	width:auto;
	min-width:900px;
	height:42px;
	left:15px;
	top:15px;
	text-align:left;
	position:absolute;
}

.tieup li{
	display:inline-block;
	width:auto;
	height:42px;
	margin:0 1px 0 0;
	padding:0;
}



ul.snsBox{
	display:block;
	width:180px;
	height:28px;
	right:100px;
	top:10px; 
	position:absolute;
}

.snsBox li{
	display:inline-block;
	width:66px;
	height:28px;
	margin:8px 2px;
}


.qr{
	display:block;
	width:60px;
	height:60px;
	right:20px;
	top:5px;
	position:absolute;
}

.toho{
	display:block;
	width:32px;
	height:32px;
	right:84px;
	top:35px;
	position:absolute;
}

p.cr{
	display:block;
	width:225px;
	height:11px;
	right:120px;
	top:54px;
	background: url(../img/home/copyright.png) right top no-repeat;
	position:absolute;
}


