/* CSS Document */ *{margin:0; padding:0; border:none; outline:none;} html,body{width:100%; height:100%;} #start_game_inner{ width:960px; z-index:200; position:relative; left:50%; margin-left:-480px; margin-top:-120px; padding:10px 0; } #outerBox{ width:960px; margin:10px auto; background-image:url(../images/start/bg_top.gif), url(../images/start/bg_bottom.gif), url(../images/start/bg_body.gif); background-repeat:no-repeat, no-repeat, repeat-y; background-position:center top, center bottom, center top; padding:15px 0; color:#dcdcdc; line-height:1.4em; font-size:16px; text-align:left; letter-spacing:0.05em; } /*総合ビギナー*/ #start_game_inner #selectPlatform{ width:960px; height:280px; margin:0 auto; background:url(../images/bg_selectPlatform_pc.png) no-repeat center top; position:relative; } #start_game_inner #selectPlatform a{ display:block; width:219px; height:50px; position:absolute; transition-property:opacity; transition-duration:0.2s; } #start_game_inner #selectPlatform a.selectCog{ background-image:url(../images/btn_selectPlatform_pc_cog.png); left:143px; top:105px; } #start_game_inner #selectPlatform a.selectDmm{ background-image:url(../images/btn_selectPlatform_pc_dmm.png); left:143px; top:157px; } #start_game_inner #selectPlatform a.selectHangame{ background-image:url(../images/btn_selectPlatform_pc_hangame.png); left:143px; top:209px; } #start_game_inner #selectPlatform a.selectPs4{ background-image:url(../images/btn_selectPlatform_pc_ps4.png); left:375px; top:105px; } #start_game_inner #selectPlatform a.selectPs3{ background-image:url(../images/btn_selectPlatform_pc_ps3.png); left:375px; top:157px; } #start_game_inner #selectPlatform a.selectPsvita{ background-image:url(../images/btn_selectPlatform_pc_psvita.png); left:375px; top:209px; } #start_game_inner #selectPlatform a.selectWiiU{ background-image:url(../images/btn_selectPlatform_pc_wiiu.png); left:596px; top:105px; } #start_game_inner #selectPlatform a.selectXbox360{ background-image:url(../images/btn_selectPlatform_pc_xbox360.png); left:596px; top:157px; } #start_game_inner #selectPlatform a:hover{ opacity:0.6; } #start_game_inner #selectPlatform .selectPs4{ width:219px; height:50px; position:absolute; background-image:url(../images/btn_selectPlatform_pc_ps4.png); left:375px; top:209px; } /*MHF-Ｚをはじめよう*/ #start_game_inner h1#startTitle{ width:100%; height:140px; background:url(../images/start/start_title.png) no-repeat center top; } #start_game_inner h1#startTitlePS3{ width:100%; height:110px; background:url(../images/start/start_title_ps3.png) no-repeat center center; } #start_game_inner h1#startTitlePS4{ width:100%; height:110px; background:url(../images/start/start_title_ps4.png) no-repeat center center; } #start_game_inner h1#startTitlePSV{ width:100%; height:110px; background:url(../images/start/start_title_psvita.png) no-repeat center center; } #start_game_inner h1#startTitleWiiU{ width:100%; height:110px; background:url(../images/start/start_title_wiiu.png) no-repeat center center; } #start_game_inner #startLinkStep{ width:100%; height:140px; margin:1px auto; background:url(../images/start/start_step_bg.jpg) no-repeat center top; padding:10px 0; } #start_game_inner #startLinkStep ul{ width:760px; margin:0 auto; list-style:none; } #start_game_inner #startLinkStep ul li{ float:left; margin-right:20px; } #start_game_inner #startLinkStep ul li a{ display:block; width:110px; height:121px; background:no-repeat center top; } #start_game_inner #startLinkStep ul li a.linkStep1{ background-image:url(../images/start/start_btn_step1.jpg); } #start_game_inner #startLinkStep ul li a.linkStep2{ background-image:url(../images/start/start_btn_step2.jpg); } #start_game_inner #startLinkStep ul li a.linkStep2han{ background-image:url(../images/start/start_btn_step2han.jpg); } #start_game_inner #startLinkStep ul li a.linkStep2dmm{ background-image:url(../images/start/start_btn_step2dmm.jpg); } #start_game_inner #startLinkStep ul li a.linkStep3{ background-image:url(../images/start/start_btn_step3.jpg); } #start_game_inner #startLinkStep ul li a.linkStep4{ background-image:url(../images/start/start_btn_step4.jpg); } #start_game_inner #startLinkStep ul li a.linkStep5{ background-image:url(../images/start/start_btn_step5.jpg); } #start_game_inner #startLinkStep ul li a.linkStep6{ background-image:url(../images/start/start_btn_step6.jpg); } #start_game_inner #startLinkStep ul li:last-child{ margin-right:0; } /*Xbox360navi*/ #start_game_inner .stepType2{ background-image:url(../images/start/start_step_bg02.jpg) !important; } #start_game_inner .stepType2 ul{ width:500px !important; } #start_game_inner #startLinkStep ul li a.linkStep1x{ background-image:url(../images/start/start_btn_xbox_step1.jpg); } #start_game_inner #startLinkStep ul li a.linkStep2x{ background-image:url(../images/start/start_btn_xbox_step2.jpg); } #start_game_inner #startLinkStep ul li a.linkStep3x{ background-image:url(../images/start/start_btn_xbox_step3.jpg); } #start_game_inner #startLinkStep ul li a.linkStep4x{ background-image:url(../images/start/start_btn_xbox_step4.jpg); } /*PS3navi*/ #start_game_inner .stepType3{ background-image:url(../images/start/start_step_bg03.jpg) !important; } #start_game_inner #startLinkStep ul li a.linkStep1p{ background-image:url(../images/start/start_btn_ps3_step1.jpg); } #start_game_inner #startLinkStep ul li a.linkStep2p{ background-image:url(../images/start/start_btn_ps3_step2.jpg); } #start_game_inner #startLinkStep ul li a.linkStep3p{ background-image:url(../images/start/start_btn_ps3_step3.jpg); } #start_game_inner #startLinkStep ul li a.linkStep4p{ background-image:url(../images/start/start_btn_ps3_step4.jpg); } #start_game_inner #startLinkStep ul li a.linkStep5p{ background-image:url(../images/start/start_btn_ps3_step5.jpg); } #start_game_inner #startLinkStep ul li a.linkStep6p{ background-image:url(../images/start/start_btn_ps3_step6.jpg); } /*PSVitanavi*/ #start_game_inner .stepType4{ background-image:url(../images/start/start_step_bg04.jpg) !important; } #start_game_inner .stepType4 ul{ width:630px !important; } /*WiiUnavi*/ #start_game_inner .stepType5{ background-image:url(../images/start/start_step_bg05.jpg) !important; } #start_game_inner .stepType5 ul{ width:630px !important; } #start_game_inner a:hover{ opacity:0.7; transition-property:opacity; transition-duration:0.2s; } section.step{ width:838px; background-color:#1b1b1b; margin:30px auto 50px; position:relative; border-top:#656565 1px solid; border-bottom:#656565 1px solid; padding-bottom:30px; } .step h2.label{ width:414px; height:32px; font-size:23px; color:#e2bc55; padding:8px 0 0 26px; background:url(../images/start/label_bg.jpg) no-repeat center top; font-weight:normal; top:-20px; position:relative; letter-spacing:0; } .step img.chara{ position:relative; margin:-70px 0 0 0; float:right; /*position:absolute; top:-30px; right:0;*/ } .step p.lead{ margin:0 20px 5px; } .step p.attn{ margin:0 34px 5px; font-size:14px; text-indent:-1em; line-height:1.2em; } .step p.emph{ width:100%; text-align:center; font-weight:bold; padding:10px 0 20px; } .step p.anker{ margin:15px 0 15px 20px; } .step a, .step a:visited{ color:#00ffff; text-decoration:none; } .step a:hover{ color:#f39800; } .specTbl{ margin:20px auto; } .specTbl .tblNavi{ width:100%; margin-bottom:10px; } .specTbl .tblNavi ul{ width:800px; margin:0 auto; list-style:none; } .specTbl .tblNavi ul li{ float:left; margin-right:10px; } .specTbl .tblNavi ul li:last-child{ margin-right:0; } .step .tblTab{ display:block; width:260px; height:48px; text-align:center; color:#fff; border-radius:24px; font-size:16px; line-height:1em; } .step a.sel{ background: linear-gradient(#ff864c, #ff5402); } .step a.sen{ background: linear-gradient(#887d76, #5b4b41); cursor:pointer; } .step a.sen:hover{ background: linear-gradient(#aea097, #776255); } .step a.sel:hover, .step a.sen:hover,.step a.sel:visited, .step a.sen:visited{ color:#fff; } .step a:hover{ opacity:1 !important; } .step .tblTab span{ font-size:24px; line-height:1.2em; } /*スペック表----------------------------------------------------*/ .specTbl table.specTable { width:800px; margin: 0 auto 5px; color: #fff; background-color:#3d3d3d; } .specTbl table.specTable tr { } .specTbl table.specTable th { width: 190px; padding: 5px 10px; font-weight: bold; text-align: center; background: #000; } .specTbl table.specTable td { padding: 5px 10px; background: #3d0000; text-align: left; } .specTbl table.specTable td strong, .specTbl table.specTable td span { display:inline-block; margin:0 auto 5px; } .specTbl table.specTable td.common { background: #2e2e2e; } .specTbl table.specTable td.noBorder { } .specTbl ul{ list-style:none; } .specTbl ul.sqList, .specTbl ul.att { margin-bottom: 15px; } .specTbl ul.sqList li, .specTbl ul.att li { margin:0 34px 5px; font-size:14px; text-indent:-1em; line-height:1.2em; } .step .linkBox{ width:768px; border:1px #313131 solid; background-color:#000; margin:10px auto; padding:15px; } .step .linkBox a.linkBtn{ display:block; width:471px; margin:20px auto 10px; } .step .linkBox2{ width:820px; margin:30px auto 10px; text-align:center; } .step .linkBox2 a.linkBtn{ display:inline-block; width:390px; margin:5px; } br.spOnly{ display:none; } .spOnly_cog{ display:none; } .pcOnly_cog{ display:inline; } .spOnly{ display:none; } /*DMMインストール----------------------------------------------------*/ .step .subStep { width:800px; margin:30px auto 0; } .step .subStep .subTitle { margin: 0 0 20px; font-size: 16px; padding-left: 6px; background: url(../images/start/bg_ttl_l.png) no-repeat left center; } .step .subStep .subTitle span { display: inline-block; padding: 1px 35px 1px 10px; *padding-top: 5px; background: #484848 url(../images/start/bg_ttl_r.png) no-repeat right center; } .step .subStep p.images{ float:right; margin-left:10px; width:420px; } .step .subStep p img{ display:block; margin:0 auto; } .step .subStep p.images2{ float:right; margin-left:10px; width:340px; } .step .subStep p.images2 img{ display:block; margin:0 auto; border:1px #707070 solid; } .step .subStep p{ text-indent:-1em; margin-left:1em; } .step .subStep .lineDot{ width:100%; height:20px; border-bottom:1px #626262 dotted; clear:both; margin-bottom:20px; } a.linkMemberBtn, a.linkMemberBtn:visited{ border-radius:10px; text-align:center; font-size:24px; font-weight:bold; letter-spacing:0; color:#000; padding:10px; background: linear-gradient(#fcfaf3, #858585); } a.linkMemberBtn:hover{ color:#003567; background: linear-gradient(#fff3e1, #e1c59b); } /*Xbox360はじめよう--------------------------------------------------*/ .step .subStep2 { width:800px; margin:30px auto 0; } .step .subStep2 .subTitle { margin: 0 0 20px; font-size: 16px; padding-left: 6px; background: url(../images/start/bg_ttl_l.png) no-repeat left center; } .step .subStep2 .subTitle span { display: inline-block; padding: 1px 35px 1px 10px; *padding-top: 5px; background: #484848 url(../images/start/bg_ttl_r.png) no-repeat right center; } .step .subStep2 p.indent{ text-indent:-1em; margin-left:1em; } /*PS3、PS Vita、Wii Uよくあるご質問--------------------------------------------------*/ .step .startFaq{ width:800px; margin:20px auto 0; } .step .startFaq h3{ margin:20px 0; } .step .startFaq dt{ padding:10px 0 10px 46px; background: url(../images/start/icon_q.png) no-repeat center left; } .step .startFaq dd{ padding:15px 15px 15px 60px; margin:0 0 25px ; border:1px solid #5c5b5b; background: url(../images/start/icon_a.png) no-repeat 10px 8px #000; } .step .startFaq h4{ margin:20px 0; color:#3CF; } .tabdiv{ padding:0px 0 0 25px; margin:10px 0 10px 10px; border-left:5px solid #656464; } .tabdiv p, .startFaq p.indent{ text-indent:-1em; margin-left:1em; } a.btnUsbKey{ display:block; width:360px; height:52px; background:url(../images/start/step_06_ps3_01_btn.png) no-repeat center top; position:absolute; top:424px; left:232px; } @media (max-width: 840px){ #start_game_inner{ width:840px; margin-left:-420px; } /*総合ビギナー*/ #start_game_inner #selectPlatform{ width:800px; height:1100px; margin:0 auto; background:url(../images/bg_selectPlatform_sp.png) no-repeat center top; position:relative; } #start_game_inner #selectPlatform a{ display:block; width:600px; height:100px; position:absolute; } #start_game_inner #selectPlatform a.selectCog{ background-image:url(../images/btn_selectPlatform_sp_cog.png); left:100px; top:161px; } #start_game_inner #selectPlatform a.selectDmm{ background-image:url(../images/btn_selectPlatform_sp_dmm.png); left:100px; top:265px; } #start_game_inner #selectPlatform a.selectHangame{ background-image:url(../images/btn_selectPlatform_sp_hangame.png); left:100px; top:369px; } #start_game_inner #selectPlatform a.selectPs4{ background-image:url(../images/btn_selectPlatform_sp_ps4.png); left:100px; top:545px; } #start_game_inner #selectPlatform a.selectPs3{ background-image:url(../images/btn_selectPlatform_sp_ps3.png); left:100px; top:649px; } #start_game_inner #selectPlatform a.selectPsvita{ background-image:url(../images/btn_selectPlatform_sp_psvita.png); left:100px; top:753px; } #start_game_inner #selectPlatform a.selectWiiU{ background-image:url(../images/btn_selectPlatform_sp_wiiu.png); left:100px; top:857px; } #start_game_inner #selectPlatform a.selectXbox360{ background-image:url(../images/btn_selectPlatform_sp_xbox360.png); left:100px; top:961px; } #start_game_inner #selectPlatform .selectPs4{ width:600px; height:100px; position:absolute; background-image:url(../images/btn_selectPlatform_sp_ps4.png); left:100px; top:961px; } #start_game_inner #selectPlatform a:hover{ opacity:1; } #outerBox{ width:840px; font-size:24px; letter-spacing:0; } .step h2.label{ padding-top:4px; height:36px; } .step p.attn{ font-size:20px; } .step a.sen:hover{ background:linear-gradient(#887d76, #5b4b41); } .specTbl table.specTable th { width:170px; } .step .subStep .subTitle{ font-size:24px; } a.linkMemberBtn, a.linkMemberBtn:visited{ border-radius:20px; } br.pcOnly{ display:none; } br.spOnly{ display:inline; } .pcOnly{ display:none; } .spOnly{ display:block; } } .orange{ color:#ff5300; } .gray{ color:#959595; } .clear{ clear:both; } .btm20px{ margin-bottom:20px !important; } .btm30px{ margin-bottom:30px !important; } .btm50px{ margin-bottom:50px !important; }