html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}ul{list-style:none}img{border:none;vertical-align:bottom}a{outline:none}#gaCol{height:0;overflow:hidden}html{background:#111111}a{text-decoration:none;color:#ffffff}body{position:relative;background:#111;font-family:游ゴシック,YuGothic,Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Arial,sans-serif;font-size:11px;height:100%;color:#fff}body #container{background:url(../images/common/bg_container.png) top center no-repeat;background-size:cover;background-attachment:fixed;width:100%;position:relative;z-index:2;min-width:1160px;overflow:hidden}body #container header{position:relative;padding-bottom:190px}body #container header .gnavi{width:100%;box-sizing:border-box;border-bottom:1px solid rgba(131,114,74,0.5);background:rgba(0,0,0,0.8)}body #container header .gnavi ul{overflow:hidden;*zoom:1;width:1160px;margin:0 auto;padding:32px 0;position:relarive;position:relative}body #container header .gnavi ul li{float:left;position:relative;margin-right:26px;box-shadow:0 0 3px 3px #000000;height:15px;line-height:0}body #container header .gnavi ul li:last-child{margin-right:0}body #container header .gnavi ul li a{height:15px}body #container header .gnavi ul li.new:before{position:absolute;top:-20px;left:50%;width:31px;height:14px;margin-left:-18px;background:url(../images/common/gnavi/ico_new_gnavi.png) center top no-repeat;content:""}body #container header .gnavi ul:after{content:'';width:33px;height:24px;position:absolute;bottom:9px;left:2px;background:url(../images/common/gnavi/ico_arrow_active.png) center bottom no-repeat}body #container header .gnavi ul.introActive:after{left:127px}body #container header .gnavi ul.storyActive:after{left:262px}body #container header .gnavi ul.charaActive:after{left:382px}body #container header .gnavi ul.systemActive:after{left:508px}body #container header .gnavi ul.modeActive:after{left:636px}body #container header .gnavi ul.mediaActive:after{left:755px}body #container header .gnavi ul.productsActive:after{left:868px}body #container header .gnavi ul.specialActive:after{left:988px}body #container header .gnavi ul.updateActive:after{left:1101px}body #container header h1{padding:115px 0 0;min-width:1160px;position:absolute;width:100%}body #container header h1 a{display:block;width:420px;margin:0 auto}body #container header h1 img{display:block;margin:0 auto}body #container main{background:url(../images/common/bg_deco_contents.png) top center repeat-x,url(../images/common/bg_deco_contents.png) bottom center repeat-x rgba(0,0,0,0.7);text-align:center;position:relative;padding:90px 0;min-width:1160px;box-shadow:0 0 3px rgba(0,0,0,0.4)}body #container main h2.titPage{position:absolute;top:-55px;left:0;text-align:center;z-index:10;width:100%}body #container main #btnPtop{z-index:150;display:none;width:61px;height:61px}body #container main .btn.blank{pointer-events:none;filter:brightness(.5)}body #container main .btn span{display:inline-block;padding:2px;border:1px solid #af9d84;color:#af9d84;font-size:16px;font-weight:bold;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif}body #container main .btn span a{display:block;padding:14px 28px;border:1px solid rgba(175,157,132,0.5);color:#af9d84;transition:.3s ease-in-out}body #container main .btn span a:hover{background:#af9d84;color:#000}body #container main ul#snav{overflow:hidden;width:898px;margin:0 auto 40px}body #container main ul#snav>li.btn{float:left;margin-right:20px}body #container main ul#snav>li.btn span{width:280px}body #container main ul#snav>li.btn:nth-child(3n+3){margin-right:0}body #container main ul#snav>li.btn:nth-child(n+4){margin-top:20px}body #container main ul#snav>li.btn.onBtn span a{background:#af9d84;color:#000}body footer{clear:both;background:#000;margin-top:95px;border-top:1px solid rgba(50,50,50,0.8);position:relative;z-index:2;padding:0 0 20px;color:#ffffff;text-align:center}body footer .footerInfo{text-align:center}body footer .footerInfo ul.snsCol{text-align:center;margin:10px auto 25px;width:170px}body footer .footerInfo ul.snsCol li{padding:0 5px}body footer .btnPortal{margin:5px auto 25px}body footer .notice{background:#7b6d59;padding:10px 0;margin-bottom:20px}body footer .copyright{font-size:12px;line-height:1.2em}body ul.snsCol{width:150px}body ul.snsCol li{display:inline-block;padding:2px}body a.opaEff img{transition:all 300ms 0s ease}body a.opaEff:hover img{opacity:0.75}