@charset "Shift_JIS";
/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/
/*--- reset typo ---*/
body{font:13px/1 "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
*html body{font-size:small;font:x-small;font-family:"ＭＳ Ｐゴシック";}
*:first-child+html body{font-size:small;font:x-small;font-family:"ＭＳ Ｐゴシック";}
/*--- reset element ---*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,
form,fieldset,legend,label,input,textarea,embed,object{margin:0;padding:0;}
html{overflow-y:scroll;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;vertical-align:top;font-weight:normal;}
fieldset{border:0;}
ul,li{list-style:none;}
img{border:0;line-height:0;vertical-align:bottom;}
sub,sup{font-size: 75%;/font-size:100%;line-height:0;}
sup{vertical-align:0.333em;}
sub{vertical-align:baseline;}
input,textarea,select {font-family:inherit;font-size:inherit;/font-size:100%;font-weight:inherit;}
embed,object{outline: none;}
/*ClearFix-*/
/*--- clearfix ---*/
.clearfix:after{content:'';display:block;clear:both;height:0;}
.clearfix{/zoom:1;}
/*--- text color ---*/
body{color:#000000;}
a:link{color:#ffc200;text-decoration:none;}
a:visited{color:#ffc200;text-decoration:none;}
a:hover{color:#ffc200;text-decoration:underline;}
a:active{color:#ffc200;text-decoration:underline;outline:none;}
a:focus{color:#ffc200;text-decoration:underline;outline:none;}
html{
	overflow-y:scroll;
	-webkit-text-size-adjust: none;
}

#wrapper{
	width: 100%;
	height: 100%;
}
#headercontainer{
	width: 100%;
	height: 50px;
	background:url(../shared/bg_header.png) center top repeat-x;
}
#headercontainer #header{
	height: 50px;
	position: relative;
	max-width: 1520px;
	min-width: 960px;
	margin: 0 auto;
}
#headercontainer #header #corporateid{
	position: absolute;
	left: 10px;
	top: 16px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#headercontainer #header #productid{
	position: absolute;
	right: 12px;
	top: 16px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#container{
	width: 100%;
	height: 1300px;
	background:#ffc200;
	position: relative;
}
#container:before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 678px;
	background:#ffd400 url(../img/bg_content_top.png) center bottom repeat-x;
	width: 100%;
	height: 72px;
}

#container:after{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	background:#ffd400 url(../img/bg_content_bottom.png) center bottom repeat-x;
	width: 100%;
	height: 72px;
}
#maincontainer{
	height: 550px;
	max-width: 1620px;
	min-width: 960px;
	margin: 0 auto;
	background: url(../img/bg_main_bottom.jpg) center bottom no-repeat;
}
#mainprimary{
	height: 550px;
	background: url(../img/bg_main_top.jpg) center top no-repeat;
	max-width: 1620px;
	min-width: 960px;
	margin: 0 auto;
}
#mainsecondary{
	height: 550px;
	background: url(../img/bg_main_middle.jpg) 50% 50% no-repeat;
	max-width: 1620px;
	min-width: 960px;
	margin: 0 auto;
}
#navcontainer{
	width: 960px;
	height: 230px;
	margin: 0 auto;
	position: relative;
}
#navcontainer h1{
	position: absolute;
	left: 304px;
    top: -95px;
}
#navcontainer #btndlcsp{
	position: absolute;
    right: 62px;
    top: -71px;
}
#navcontainer #btndlcsp p{
	position: relative;
	width: 189px;
	height: 120px;
}
#navcontainer #btndlcsp p span{
	display: block;
	position: absolute;
}

#navcontainer #btndlcsp p #imgdlcbody{
	display: block;
	position: absolute;
	width: 171px;
	height: 78px;
	overflow: hidden;
	left: 9px;
	top: 9px;
}
#navcontainer #btndlcsp p #imgdlcbody #imgdlcwrap{
	width: 1368px;
	height: 78px;
	margin-left: 0px;
	display: block;
}
#navcontainer #btndlcsp p #imgdlcbody #imgdlcwrap .imgdlc{
	display: block;
	float: left;
	width: 171px;
}




#navcontainer #btndlcsp p .btnbody{
	width: 191px;
	height: 136px;
	left: 0;
    top: 0;
}

#navcontainer #btndlcsp p .btnbody .btnbodywrap{
	display: block;
	position: relative;
	width: 191px;
	height: 136px;
}
#navcontainer #btndlcsp p .btnbody .btnbodywrap .btndlcbody{
	display: block;
	position: absolute;
	top:0;
	left: 0;
}
#navcontainer #btndlcsp p .btnbody .btnbodywrap .btndlctxt{
	display: block;
	position: absolute;
	top:93px;
	left:7px;
}


#navcontainer #btndlcsp p .icondlcsp{
	left: 0;
	top:-35px;
}

#navcontainer #btndlcsp p .icondlcsp #icondlcspwrap{
	display: block;
	position: relative;
	width: 113px;
	height: 41px;
}
#navcontainer #btndlcsp p .icondlcsp #icondlcspwrap .icondlcspbody{
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 113px;
	height: 41px;
}
#navcontainer #btndlcsp p .icondlcsp #icondlcspwrap .icondlcsptxt{
	display: block;
	position: absolute;
	top:14px;
	left: 6px;
	width: 100px;
	height: 13px;
	font-size: 0.01;
	line-height: 0.01;
}

#navcontainer #btndlcsppage{
	position: absolute;
	right: 61px;
    top: 51px;
}

#navcontainer #btndlcsp2 p .btndlcsphitarea{
	width: 191px;
	height: 116px;
	left: 0;
    top: 0;
}

#navcontainer #btnplayhitarea{
	position: absolute;
	width: 130px;
	height: 132px;
    right: 161px;
    top: -69px;
}
#navcontainer btnplayhitarea a{
	display: block;
	width: 130px;
	height: 132px;
	_position: relative;
}
#navcontainer ul{
	position: absolute;
	width: 960px;
	height: 103px;
	left: 0;
    top: 63px;
}
#navcontainer li{
	float: left;
	width: 161px;
	height: 103px;
	position: relative;
}
#navcontainer li#gnavcourse{
	float: left;
	width: 155px;
	height: 103px;
	position: relative;
}
#navcontainer li p{
	position: absolute;
}
#navcontainer li .gnavbody{
	left: 0px;
	top: 9px;
}
#navcontainer li .gnavicon{
	left: 63px;
    top: 9px;
}
#navcontainer li .gnavshining1{
	left: 47px;
    top: 8px;
}
#navcontainer li .gnavshining2{
	left: 89px;
    top: 8px;
}
#navcontainer li .gnavhitarea{
	left: 0px;
	top: 41px;
	width: 155px;
	height: 62px;
}
#navcontainer li .gnavhitarea a{
	display: block;
	width: 155px;
	height: 70px;
	_position: relative;
}
#navcontainer #btnassist{
	position: absolute;
    left: 0;
    top: 178px;
    width: 320px;
    height: 41px;
}
#navcontainer #btnassist p{
	position: relative;
	width: 314px;
	height: 41px;
}
#navcontainer #btnassist p span{
	display: block;
	position: absolute;
}
#navcontainer #btnassist p .btnbody{
	width: 320px;
	height: 36px;
	left: 0;
    top: 0;
}
#navcontainer #btnassist p .btnicon{
	width: 34px;
	height: 34px;
	left: 26px;
    top: 0;
}
#navcontainer #btntwoplayers{
	position: absolute;
    left: 323px;
    top: 178px;
    width: 195px;
    height: 41px;
}
#navcontainer #btntwoplayers p{
	position: relative;
	width: 314px;
	height: 47px;
}
#navcontainer #btntwoplayers p span{
	display: block;
	position: absolute;
}
#navcontainer #btntwoplayers p .btnbody{
	width: 195px;
	height: 36px;
	left: 0;
    top: -6px;
}
#navcontainer #btntwoplayers p .btnicon{
	width: 34px;
	height: 34px;
	left: 85px;
    top: -7px;
}
#navcontainer #btnaddcourse{
	position: absolute;
    left: 646px;
    top: 178px;
    width: 195px;
    height: 41px;
}
#navcontainer #btnaddcourse p{
	position: relative;
	width: 314px;
	height: 42px;
}
#navcontainer #btnaddcourse p .btnbody{
	display: block;
	position: absolute;
	width: 195px;
	height: 36px;
	left: 0;
    top: -1px;
}
#informationcontainer{
	width: 960px;
	height: 320px;
	margin: 0 auto 0px auto;
	position: relative;
	background: url(../img/bg_information.png) 0 0 no-repeat;
	z-index: 100;
}
#informationcontainer #package{
	position: absolute;
	left: 18px;
	top: 18px;
}
#informationcontainer #softicon{
	position: absolute;
	left: 159px;
	top: 23px;
}
#informationcontainer #cero{
	position: absolute;
	left: 163px;
	top: 83px;
}
#informationcontainer #purchase{
	position: absolute;
	left: 22px;
	top: 146px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#informationcontainer #btndownload{
	position: absolute;
	left: 23px;
	top: 211px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#informationcontainer h2{
	position: absolute;
	left: 231px;
	top: 23px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#informationcontainer #productinfo .txt01{
	position: absolute;
	left: 231px;
	top: 48px;
}
#informationcontainer #productinfo .txt02{
	position: absolute;
	left: 454px;
	top: 48px;
}
#informationcontainer #productinfo .txt03{
	position: absolute;
	left: 231px;
	top: 80px;
}
#informationcontainer #productinfo .txt04{
	position: absolute;
	left: 454px;
	top: 80px;
}
#informationcontainer #productinfo .txt05{
	position: absolute;
	left: 231px;
	top: 112px;
}
#informationcontainer #productinfo .txt06{
	position: absolute;
	left: 454px;
	top: 112px;
}
#informationcontainer #btnmanual{
	position: absolute;
	left: 233px;
	top: 148px;
}
#informationcontainer #btnguidebook{
	position: absolute;
	left: 454px;
	top: 148px;
}
#informationcontainer #iconlist .txt01{
	position: absolute;
	left: 231px;
	top: 183px;
}
#informationcontainer #iconlist .txt02{
	position: absolute;
	left: 389px;
	top: 183px;
}
#informationcontainer #iconlist .txt03{
	position: absolute;
	left: 231px;
	top: 212px;
}
#informationcontainer #iconlist .txt04{
	position: absolute;
	left: 389px;
	top: 212px;
}
#informationcontainer #basicinfo{
	position: absolute;
	left: 545px;
	top: 183px;
}
#informationcontainer #btncard{
	position: absolute;
	left: 702px;
    top: 0x;
}
#informationcontainer #btnpack{
	position: absolute;
	left: 707px;
	top: 61px;
}
#informationcontainer #btnmovie{
	position: absolute;
	left: 707px;
	top: 140px;
}
#informationcontainer #btniwataasks{
	position: absolute;
	left: 707px;
	top: 258px;
}
#informationcontainer #downloadcaution{
	position: absolute;
	left: 24px;
	top: 266px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#informationcontainer #summercampaign{
	position: absolute;
	left: 37px;
	top: 296px;
}
#footercontainer{
	width: 100%;
	height: 122px;
	background: url(../img/bg_footer.png) center top repeat-x;
}
#footercontainer #footerttention{
	width: 960px;
	height: 72px;
	margin: 0 auto;
	position: relative;
	background: url(../img/bg_dot.png) center bottom repeat-x;
}
#footercontainer #footerttention #attention3d dt{
	position: absolute;
	top: 18px;
	left: -2px;
}
#footercontainer #footerttention #attention3d .txt01{
	position: absolute;
	top: 21px;
	left: 236px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#footercontainer #footerttention #attention3d .btn01{
	position: absolute;
	top: 21px;
	left: 697px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#footercontainer #footerttention #copyright{
	position: absolute;
	top: 45px;
	left: 877px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#footercontainer #footer{
	width: 960px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
#footercontainer #footer p{
	position: absolute;
	top: 15px;
	height: 14px;
	line-height: 0.01%;
	font-size: 50%;
	background-image: url(../shared/fnav_sprite.png);
	background-repeat: no-repeat;
}
#footercontainer #footer p a{
	display: block;
	text-indent: 100%;
	height: 14px;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../shared/fnav_sprite.png);
	background-repeat: no-repeat;
}
#footercontainer #footer #fnav01{
	left: 0px;
	width: 67px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-position: 0 -14px;
}
#footercontainer #footer #fnav02{
	left: 67px;
	width: 87px;
	background-position: -67px -14px;
}
#footercontainer #footer #fnav02 a{
	display: block;
	width: 87px;
	background-position: -67px 0;
}
#footercontainer #footer #fnav03{
	left: 154px;
	width: 87px;
	background-position: -154px -14px;
}
#footercontainer #footer #fnav03 a{
	display: block;
	width: 87px;
	background-position: -154px 0;
}
#footercontainer #footer #fnav04{
	left: 241px;
	width: 63px;
	background-position: -241px -14px;
}
#footercontainer #footer #fnav04 a{
	display: block;
	width: 63px;
	background-position: -241px 0;
}
#footercontainer #footer #fnav05{
	left: 304px;
	width: 100px;
	background-position: -304px -14px;
}
#footercontainer #footer #fnav05 a{
	display: block;
	width: 100px;
	background-position: -304px 0;
}
#footercontainer #footer #fnav06{
	left: 404px;
	width: 76px;
	background-position: -404px -14px;
}
#footercontainer #footer #fnav06 a{
	display: block;
	width: 76px;
	background-position: -404px 0;
}
#footercontainer #footer #fnav07{
	left: 480px;
	width: 68px;
	background-position: -480px -14px;
}
#footercontainer #footer #fnav07 a{
	display: block;
	width: 68px;
	background-position: -480px 0;
}
#footercontainer #footer #fnav08{
	left: 231px;
    top: 36px;
	width: 115px;
	background-position: -548px -14px;
}
#footercontainer #footer #fnav08 a{
	display: block;
	width: 115px;
	background-position: -548px 0;
}
#footercontainer #footer #fnav09{
	top: 36px;
	left: 346px;
	width: 200px;
	background-position: -663px -14px;
}
#footercontainer #footer #fnav09 a{
	display: block;
	width: 200px;
	background-position: -663px 0;
}
#footercontainer #footer #fnav11{
	left: 660px;
	width: 111px;
	background-position: -868px -14px;
}
#footercontainer #footer #fnav11 a{
	display: block;
	width: 111px;
	background-position: -868px 0;
}
#footercontainer #footer #fnav12{
	left: 772px;
	width: 143px;
	background-position: -978px -14px;
}
#footercontainer #footer #fnav12 a{
	display: block;
	width: 143px;
	background-position: -978px 0;
}

#footercontainer #footer #fnav02 a:hover,
#footercontainer #footer #fnav03 a:hover,
#footercontainer #footer #fnav04 a:hover,
#footercontainer #footer #fnav05 a:hover,
#footercontainer #footer #fnav06 a:hover,
#footercontainer #footer #fnav07 a:hover,
#footercontainer #footer #fnav08 a:hover,
#footercontainer #footer #fnav09 a:hover,
#footercontainer #footer #fnav11 a:hover,
#footercontainer #footer #fnav12 a:hover{
	background-image: none;
}
#footer #btnpagetop{
	position: absolute;
	right: 0;
	top: 12px;
	width: 36px;
	height: 36px;
}

#opening{
	width: 100%;
	height: 100%;
	background: url(../shared/bg_white.png);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}
#openinglogo{
	position: absolute;
	width: 870px;
	height: 350px;
	top: -350px;
	left: 50%;
	margin: -185px 0 0 -435px;
}
#frame{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}

#counter_wrapper {

}
#top_counter {
	width: 620px;
	height: 73px;
	position: absolute;
	left: 50%;
	margin-left: -310px;
}
#top_counter .counter_bg {
	position: absolute;
	top: 0px;
	left: 0px;
}
.tp_number {
	position: absolute;
	width: 30px;
	height: 44px;
	top: 8px;
}
.tp_u {
	position: absolute;
	top: 0px;
	left: 0px;
}
.tp_b {
	position: absolute;
	top: 22px;
	left: 0px;
}
#top_counter #d13 {
	left: 168px;
}
#top_counter #d12 {
	left: 200px;
}
#top_counter #d11 {
	left: 232px;
}
#top_counter #d10 {
	left: 264px;
}
#top_counter #d09 {
	left: 296px;
}
#top_counter #d08 {
	left: 328px;
}
#top_counter #d07 {
	left: 360px;
}
#top_counter #d06 {
	left: 392px;
}
#top_counter #d05 {
	left: 424px;
}
#top_counter #d04 {
	left: 456px;
}
#top_counter #d03 {
	left: 488px;
}
#top_counter #d02 {
	left: 520px;
}
#top_counter #d01 {
	left: 552px;
}

#openinglogo{
	position: fixed;
	width: 870px;
	height: 350px;
	top: -350px;
	left: 50%;
	margin: -185px 0 0 -435px;
}
#frame{
	width: 100%;
	height: 100%;
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: 10;
}
#opening_counter {
	position: absolute;
	width: 936px;
	height: 316px;
	top: -310px;
	left: 50%;
	margin-left: -450px;
	z-index: 1000;
}
#opening_counter .counter_bg {
	position: absolute;
	top: 0px;
	left: 0px;
}
.op_number {
	position: absolute;
	width: 58px;
	height: 86px;
	top: 120px;
}
.op_u {
	position: absolute;
	top: 0px;
	left: 0px;
}
.op_b {
	position: absolute;
	top: 43px;
	left: 0px;
}
#op13 {
	left: 36px;
}
#op12 {
	left: 97px;
}
#op11 {
	left: 158px;
}
#op10 {
	left: 219px;
}
#op09 {
	left: 280px;
}
#op08 {
	left: 341px;
}
#op07 {
	left: 402px;
}
#op06 {
	left: 463px;
}
#op05 {
	left: 524px;
}
#op04 {
	left: 585px;
}
#op03 {
	left: 646px;
}
#op02 {
	left: 707px;
}
#op01 {
	left: 768px;
}
/* ----------------------------
   eshop バナー
---------------------------- */
.bnr-eshop-sale{
 width: 100%;
 background: url(../img/bnr_eshop_bg.png);
 position: relative;
 z-index: 10;
}
.bnr-eshop-sale::before{
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 background: #FFF;
 left: 0;
 bottom: 0;
 position: absolute;
}
.bnr-eshop-sale a{
 display: block;
 max-width: 960px;
 margin: 0 auto;
 width: 70%;
}
.bnr-eshop-sale a img{
 max-width: 960px;
 width: 100%;
 height: auto;
}
.no-touchevents .bnr-eshop-sale a{
 -webkit-transition: opacity 0.15s linear;
 transition: opacity 0.15s linear;
}
.no-touchevents .bnr-eshop-sale a:hover{
 opacity: 0.85;
}