@charset "Shift_JIS";

* {
	margin: 0px;
	padding: 0px;
}
a {outline:none;}
area:link{outline:none;}
area:active{outline:none;}
area:visited{outline:none;}
a img {outline:none;}
a:focus, button:focus { outline: none; }
html {   
    overflow-y:scroll;   
} 
html body {
}
#bg {
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position: top center;            /* 背景画像の位置は画面中央 */
	width: 100%;
    height: 1130px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
	opacity: 0;
}
html body.con {
	background-image: url(../images/con_bg.jpg);
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position: top center;            /* 背景画像の位置は画面中央 */
	background-attachment: relative;
	
}
li{list-style:none}

#wrapper {
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
	background-attachment: relative;
	width: 983px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
nav {
	display: block;
	overflow: hidden;
    height: 139px;
    width: 100%;
    background-image: url(../images/top_navi.png);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	top:-200px;
}
nav.con01 {
	display: block;
	overflow: hidden;
    height: 139px;
    width: 100%;
    background-image: url(../images/top_navi.png);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	top:0;
}
.navi {
    height: 139px;
    width: 1024px;
	margin:0 auto;
	position: relative;
	z-index: 5000;
}
.con_logo {
	position: absolute;
	left: 30px;
	top: 0px;
}
.top {
	display: block;
    overflow: hidden;
    height: 30px;
    width: 71px;
    background-image: url(../images/top_on.png);
    text-align: center;
	position: absolute;
	left: 28px;
	top: 68px;
}
.top a {
	display: block;
    overflow: hidden;
    height: 30px;
    width: 71px;
    background-image: url(../images/top_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.top a:hover {
	height: 30px;
    width: 71px;
	background-image: url(../images/top_on.png);
	position: absolute;
	left: 0;
	top: 0;
}

.about {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 214px;
    background-image: url(../images/about_on.png);
    text-align: center;
	position: absolute;
	left: 260px;
	top: 10px;
}
.about a {
	display: block;
	overflow: hidden;
	height: 34px;
	width: 214px;
	background-image: url(../images/about_off.png);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.about a:hover {
	height: 34px;
    width: 214px;
	background-image: url(../images/about_on.png);
	position: absolute;
	left: 0;
	top:0;
}
.gameflow {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 164px;
    background-image: url(../images/gameflow_on.png);
    text-align: center;
	position: absolute;
	left: 475px;
	top: 10px;
}
.gameflow a {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 164px;
    background-image: url(../images/gameflow_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.gameflow a:hover {
    height: 34px;
    width: 164px;
    background-image: url(../images/gameflow_on.png);
	position: absolute;
	left:0;
	top: 0;
}
.spec {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 114px;
    background-image: url(../images/spec_on.png);
    text-align: center;
	position: absolute;
	left: 640px;
	top: 10px;
}
.spec a {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 114px;
    background-image: url(../images/spec_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.spec a:hover  {
    height: 34px;
    width: 114px;
    background-image: url(../images/spec_on.png);
	position: absolute;
	left: 0;
	top:0;
}
.vp {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 267px;
    background-image: url(../images/vp_on.png);
    text-align: center;
	position: absolute;
	left: 756px;
	top: 10px;
}
.vp a {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 267px;
    background-image: url(../images/vp_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.vp a:hover {
	height: 34px;
    width:267px;
	background-image: url(../images/vp_on.png);
	position: absolute;
	left: 0;
	top: 0;
}
.reach {
	display: block;
    overflow: hidden;
    height: 35px;
    width: 269px;
    background-image: url(../images/reach_on.png);
    text-align: center;
	position: absolute;
	left: 238px;
	top: 50px;
}
.reach a {
	display: block;
    overflow: hidden;
    height: 35px;
    width: 269px;
    background-image: url(../images/reach_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.reach a:hover  {
    height: 35px;
    width: 269px;
    background-image: url(../images/reach_on.png);
	position: absolute;
	left: 0;
	top: 0;
}
.live {
	display: block;
    overflow: hidden;
    height: 35px;
    width:269px;
    background-image: url(../images/live_on.png);
    text-align: center;
	position: absolute;
	left: 509px;
	top: 50px;
}
.live a {
	display: block;
    overflow: hidden;
    height: 35px;
    width:269px;
    background-image: url(../images/live_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.live a:hover {
    height: 35px;
    width: 269px;
    background-image: url(../images/live_on.png);
	position: absolute;
	left: 0;
	top: 0;
}
.pachinko {
	display: block;
    overflow: hidden;
    height: 35px;
    width: 220px;
    background-image: url(../images/pachinko_on.png);
    text-align: center;
	position: absolute;
	left: 780px;
	top: 50px;
}
.pachinko a {
	display: block;
    overflow: hidden;
    height: 35px;
    width: 220px;
    background-image: url(../images/pachinko_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.pachinko a:hover {
    height: 35px;
    width:220px;
    background-image: url(../images/pachinko_on.png);
	position: absolute;
	left: 0;
	top: 0;
}
.seven {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 378px;
    background-image: url(../images/seven_on.png);
    text-align: center;
	position: absolute;
	left: 261px;
	top: 90px;
}
.seven a {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 378px;
    background-image: url(../images/seven_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.seven a:hover  {
    height: 34px;
    width: 378px;
    background-image: url(../images/seven_on.png);
	position: absolute;
	left: 0;
	top: 0;
}
.search {
	display: block;
    overflow: hidden;
    height: 35px;
    width: 182px;
    background-image: url(../images/search_on.png);
    text-align: center;
	position: absolute;
	left: 742px;
	top: 89px;
}
.search a {
	display: block;
    overflow: hidden;
    height: 35px;
    width: 182px;
    background-image: url(../images/search_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.search a:hover  {
    height: 35px;
    width: 182px;
    background-image: url(../images/search_on.png);
	position: absolute;
	left: 0;
	top: 0;
}
.movie {
	display: block;
    overflow: hidden;
    height: 239px;
    width:298px;
    background-image: url(../images/pv_off.png);
    text-align: center;
	position: absolute;
	left: -130px;
	top: -240px;
	z-index: 9200;
	opacity: 0;
}
.movie a {
	display: block;
    overflow: hidden;
    height: 239px;
    width:298px;
    background-image: url(../images/pv_off.png);
    text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9200;
}
.movie a:hover  {
    height:239px;
    width: 298px;
    background-image: url(../images/pv_on.png);
	position: absolute;
	left:0;
	top: 0;
	z-index: 9200;
}
.top02 {
	height: 941px;
    width: 100%;
    background-image: url(../images/top02.png);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 9100;
	opacity: 0;
}
.inori {
	position: absolute;
	left: 60px;
	top: 10px;
	z-index: 9000;
	opacity: 0;
}
.ring {
	position: absolute;
	left: 230px;
	top: 186px;
	z-index: 9800;
	opacity: 0;
}
.catch1 {
	position: absolute;
	left: 45%;
	top: 2%;
	height: 628px;
	width: 59px;
	z-index: 6000;
}
.catch2 {
	position: absolute;
	left: 750px;
	top: -40px;
	height: 514px;
	width: 105px;
	z-index: 9500;
	opacity: 0;
}
.logo {
	z-index: 810;
	position: absolute;
	left: 220px;
	top: -180px;
}
.c {
	z-index: 900;
	position: absolute;
	left: 650px;
	top: 15px;
}

.contents {
	width:983px;
	height:692px;
	z-index: 900;
	float:left;
	padding:20px 0 ;
}
.zoom {
	width:72px;
	height:72px;
	z-index: 900;
	position: absolute;
	left: 920px;
	top: 30px;
}


footer.top_footer {
	display: block;
    height: 188px;
    width: 100%;
    background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	position: fixed;
	left: 0;
	bottom: -200px;
	z-index: 9600;
}
footer.con_footer {
	display: block;
	clear: both;
    height: 188px;
    width: 100%;
    background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 9000;
}
.footer {
    height: 188px;
    width: 1024px;
	margin:0 auto;
	position: relative;
	z-index: 5400;
}
.universal a {
	display: block;
    overflow: hidden;
    height: 47px;
    width: 161px;
    background-image: url(../images/universal.jpg);
    text-align: center;
	position: absolute;
	left: 10px;
	top: 60px;
}
.twitter a {
	display: block;
    overflow: hidden;
    height: 47px;
    width: 161px;
    background-image: url(../images/twitter.jpg);
    text-align: center;
	position: absolute;
	left: 180px;
	top: 60px;
}
.facebook a {
	display: block;
    overflow: hidden;
    height: 47px;
    width: 160px;
    background-image: url(../images/facebook.jpg);
    text-align: center;
	position: absolute;
	left: 350px;
	top: 60px;
}
.yf a {
	display: block;
    overflow: hidden;
    height: 47px;
    width: 161px;
    background-image: url(../images/yf.jpg);
    text-align: center;
	position: absolute;
	left: 520px;
	top: 60px;
}
.uc a {
	display: block;
    overflow: hidden;
    height: 46px;
    width: 159px;
    background-image: url(../images/uc.jpg);
    text-align: center;
	position: absolute;
	left: 690px;
	top: 60px;
}
.um a {
	display: block;
    overflow: hidden;
    height: 47px;
    width: 161px;
    background-image: url(../images/um.jpg);
    text-align: center;
	position: absolute;
	left: 860px;
	top: 60px;
}
.caution {
	display: block;
    overflow: hidden;
    height: 32px;
    width: 163px;
    background-image: url(../images/txt_caution.png);
    text-align: center;
	position: absolute;
	left:275px;
	top: 125px;
}
.macy {
	display: block;
    overflow: hidden;
    height: 34px;
    width: 139px;
    background-image: url(../images/macy.png);
    text-align: center;
	position: absolute;
	left:455px;
	top: 123px;
}
.fb a {
	display: block;
    overflow: hidden;
    height: 41px;
    width: 41px;
    background-image: url(../images/fb.png);
    text-align: center;
	position: absolute;
	left: 610px;
	top: 120px;
}
.tw a {
	display: block;
    overflow: hidden;
    height: 41px;
    width: 41px;
    background-image: url(../images/tw.png);
    text-align: center;
	position: absolute;
	left: 660px;
	top: 120px;
}
.mixi a {
	display: block;
    overflow: hidden;
    height: 41px;
    width: 41px;
    background-image: url(../images/mixi.png);
    text-align: center;
	position: absolute;
	left: 710px;
	top: 120px;
}
.jr{
	display: block;
    overflow: hidden;
    height: 41px;
    width: 173px;
    background-image: url(../images/jr.png);
    text-align: center;
	position: absolute;
	left: 670px;
	top: 120px;
}
.nine {
	position: absolute;
	left: -80px;
	top: 450px;
	height: 294px;
	width: 230px;
	z-index: 9500;
	opacity: 0;
}
.nine img{
	-moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease;
}
.nine img:hover{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5500;
}
#searchGroup{
	width:700px;
	height:700px;
	overflow:hidden;
	min-width:700px;
	background:url("../images/searchbg.png") top left no-repeat;
	position:relative
}
#searchGroup #selectbox{
	position:absolute;
	width:397px;
	height:35px;
	border:1px solid #000000;
	background:#FFF;
	font-size:18px;
	top:345px;
	left:51%;
	margin:0 0 0 -199px
}
#searchGroup #selectbox01{
	position:absolute;
	width:397px;
	height:35px;
	border:1px solid #000000;
	background:#FFF;
	font-size:18px;
	top:478px;
	left:51%;
	margin:0 0 0 -199px
}
#searchGroup #search_btn{
	position:absolute;
	top:550px;
	left:50%;
	margin:0 0 0 -110px;
}
#searchGroup #search_btn img{
	width:210px;
	height:59px
}