@charset "UTF-8";
/* reset css*/
html, body, div, 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-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; min-height: 100%; }

body { min-height: 100%; -webkit-text-size-adjust: 100%; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, textarea { margin: 0; padding: 0; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

object, embed { border: 0; vertical-align: bottom; outline: none; }

img { border: none; vertical-align: middle; font-size: 0; line-height: 0; }

a { outline: 0; display: inline-block; -webkit-tap-highlight-color: transparent; }

a img { border: none; text-decoration: none; outline: 0; }

a:focus { outline: none; }

body { font: 13px/1.231 arial, helvetica, clean, sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { -webkit-appearance: none; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

button { border: 0px; background: transparent; margin: 0; padding: 0; font-family: inherit; outline: none; cursor: pointer; }

/* clearfix */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.cf { display: inline-block; }

* html .cf { height: 1%; }

.cf { display: block; }

/* End clearfix */
input, label { cursor: pointer; }

html { font-size: 14px; }

body { background-color: #000; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #fff; position: relative; min-width: 1024px; font-size: 14px; font-size: 1rem; line-height: 1.8em; }
body a { display: inline-block; color: #fff; text-decoration: underline; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
body a:hover { text-decoration: none; }
body a.hover:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
body a.current, body a.active:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
body .inner { width: 960px; margin: 0 auto; position: relative; padding: 40px 0; }

::-moz-selection { background: #0cc9d4; text-shadow: none; }

::selection { background: #0cc9d4; text-shadow: none; }

#header .mainvisual, #header_top .mainvisual { width: 1000px; margin: 0 auto; }
#header .mainvisual img, #header_top .mainvisual img { margin: 0 -500px; }
#header .logo, #header_top .logo { position: absolute; left: 0px; top: 0px; }
#header .logo_ibm, #header_top .logo_ibm { position: absolute; right: 10px; top: 10px; }
#header .copy, #header_top .copy { position: absolute; right: 6px; bottom: 6px; }

#header { position: relative; background: #022841; border-bottom: 1px solid #ffffff; }

.navigation { position: relative; z-index: 7000; }
.navigation .inner { padding: 0px; }
.navigation .nav { padding: 18px 0 15px; overflow: hidden; *zoom: 1; }
.navigation .nav li { float: left; }
.navigation .nav li + li { margin-left: 22px; }
.navigation .nav li a { position: relative; }
.navigation .nav li a:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.navigation .nav li a:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.navigation .nav li.nav1 a:before { background: url(/vrmmo-project/assets/images/pc/nav/gnav_top_on.png) no-repeat center; }
.navigation .nav li.nav2 a:before { background: url(/vrmmo-project/assets/images/pc/nav/gnav_special_on.png) no-repeat center; }
.navigation .nav li.nav3 a:before { background: url(/vrmmo-project/assets/images/pc/nav/gnav_introduction_on.png) no-repeat center; }
.navigation .nav li.nav4 a:before { background: url(/vrmmo-project/assets/images/pc/nav/gnav_voice_on.png) no-repeat center; }
.navigation .nav li.nav5 a:before { background: url(/vrmmo-project/assets/images/pc/nav/gnav_about_on.png) no-repeat center; }
.navigation .social { position: absolute; right: 2px; top: 28px; overflow: hidden; *zoom: 1; }
.navigation .social dt, .navigation .social dd, .navigation .social li { float: left; height: 21px; }
.navigation .social dt img, .navigation .social dd img, .navigation .social li img { vertical-align: top; }
.navigation .social li { margin-left: 20px; }
.navigation .social a { display: block; line-height: 0; height: 21px; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.navigation .social a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.navigation .entry { position: absolute; right: 2px; top: 0px; }
.navigation .entry a { position: relative; }
.navigation .entry a:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(/vrmmo-project/assets/images/pc/nav/gnav_entry_on.png) no-repeat left top; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
.navigation .entry a:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

#nav_normal { position: absolute; width: 100%; height: 92px; background: url(/vrmmo-project/assets/images/pc/nav/navfix_bg.png) repeat-x top center; }
#nav_normal.open { position: fixed; top: 0px; left: 0px; }

#footer { background: #000; position: relative; }
#footer:before { content: ''; position: absolute; left: 0px; top: -8px; width: 100%; height: 13px; background: url(/vrmmo-project/assets/images/pc/footer_bg.png) repeat-x top center; }
#footer .inner { padding: 40px 0; }
#footer .copy { line-height: 30px; float:left; }
#footer .notes { text-align: right; letter-spacing: -0.4em; }
#footer .notes li { letter-spacing: 0px; display: inline-block; margin-left: 20px; }
#footer .notes li a { width: 160px; line-height: 26px; color: #00b8ff; text-align: center; text-decoration: none; border: 2px solid #004a66; -moz-box-shadow: #006586 0px 0px 18px 0px; -webkit-box-shadow: #006586 0px 0px 18px 0px; box-shadow: #006586 0px 0px 18px 0px; }
#footer .notes li a:hover { color: #00cce4; border-color: #034a64; -moz-box-shadow: #387685 0px 0px 16px 3px; -webkit-box-shadow: #387685 0px 0px 16px 3px; box-shadow: #387685 0px 0px 16px 3px; }

#wrapper { position: relative; overflow: hidden; min-width: 1024px; background: url(/vrmmo-project/assets/images/pc/main_bg.png) repeat center top; }

.section { padding: 145px 0 0; font-size: 16px; font-size: 1.14286rem; }
.section p { text-align: center; }
.section table { margin: 40px auto; }
.section table th, .section table td { padding-bottom: 28px; }
.section table th { padding-right: 40px; width: 150px; color: #0fbde2; text-align: right; }
.section table td { width: 470px; font-size: 20px; font-size: 1.42857rem; }
.section small { display: block; font-size: 12px; font-size: 0.85714rem; padding: 4px 0 0 1em; text-indent: -1em; line-height: 1.6em; }
.section span { font-size: 13px; font-size: 0.92857rem; display: inline-block; padding: 0 4px; }
.section .unit { width: 940px; margin: 0 auto; position: relative; z-index: 2000; padding: 8px; border: 1px solid #015c8a; background-color: rgba(0, 77, 65, 0.7); }
.section .box { position: relative; padding: 42px; border: 1px solid #005e71; background: url(/vrmmo-project/assets/images/pc/outline_bg1.png) no-repeat center top #195e4a; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
.section .box:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; background: url(/vrmmo-project/assets/images/pc/outline_bg2.png) repeat center top; }
.section .box * { position: relative; }
.section .text { margin-top: 20px; }
.section .entry a { position: relative; }
.section .entry a:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
.section .entry a:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

#pagetop { position: relative; z-index: 10; }
#pagetop p { margin-right: -120px; text-align: right; }
#pagetop p a { position: relative; margin: 0 0 0 auto; display: block; text-align: left; text-indent: -99999px; overflow: hidden; width: 48px; height: 58px; background: url(/vrmmo-project/assets/images/pc/btn_pagetop.png) no-repeat center bottom; }
#pagetop p a:before, #pagetop p a:after { content: ''; position: absolute; left: 50%; margin-left: -24px; width: 100%; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
#pagetop p a:before { top: 3px; height: 35px; background: url(/vrmmo-project/assets/images/pc/btn_pagetop_arrow.png) no-repeat center top; }
#pagetop p a:after { top: 0px; height: 2px; width: 48px; background: #fff; }
#pagetop p a:hover:before { top: 3px; height: 35px; background-position: center bottom; }
#pagetop p a:hover:after { width: 26px; margin-left: -13px; }

#footer:after { content:""; display:block; width:100%; height:30px; position:absolute; bottom:-25px; background: url(/vrmmo-project/assets/images/pc/footer_bg_bottom.png) repeat-x bottom center; }
.mugenai_link{ background-color:#FFF; padding:35px 20px 20px; margin:0 auto; text-align:center;}