/* CSS Document */
@charset "UTF-8";
/* CSS Initialization  *//*reset CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
body { background:#fff; color:#000; font-size:12px; font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "Arial", "Helvetica", sans-serif;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
.clear{ clear:both;}
/* END CSS Initialization */

/*HTML5*/
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
/*ENDHTML5*/
.wrap{ width: 100%; height: auto; margin: 0; background: url(../img/bg.jpg) top center no-repeat;}
.top{ width: 980px; height: 800px; display: block; margin: 0 auto; position: relative; overflow: hidden;}
.video{ width: 526px; height: 282px; position: absolute; left: 397px; top: 371px; background: black; display: block;}
.btn_box{ width: 980px; height: 110px; margin: 690px 0px 0px 0px; display: block;}
.btn1, .btn2, .btn3{ width: 300px; height: 110px; display: block; float: left;}
.btn1{ background: url(../img/btn.png) no-repeat; background-position: -11px  0px; margin-left: 11px;}
.btn2{ background: url(../img/btn.png) no-repeat; background-position: -341px 0px; margin-left: 30px;}
.btn3{ background: url(../img/btn.png) no-repeat; background-position: -670px 0px; margin-left: 30px;}
.btn1:hover{ background-position: -11px -110px;}
.btn2:hover{ background-position: -341px -110px;}
.btn3:hover{ background-position: -670px -110px;}
.content{ width: 980px; height: auto; margin: 0 auto; display: block;}
.c1, .c2, .c3{ width: 980px; margin: 0 auto; display: block;}
.c1{ height: 787px; margin-top: 20px;}
.c3{ height: 623px;}
.c2{}
.title{ width: 326px; height: 53px; display: block; margin: 0 auto; background: url(../img/t2.png) no-repeat;}
.c2_tab{ width: 980px; height: 31px; margin: 15px 0px 15px 0px;}
.c2_tab li{ width: 245px; height: 31px; display: block; float: left; cursor: pointer;}
.tab1{ background: url(../img/tab.png) no-repeat; background-position:0px 0px;}
.tab2{ background: url(../img/tab.png) no-repeat; background-position:-245px 0px;}
.tab3{ background: url(../img/tab.png) no-repeat; background-position:-490px 0px;}
.tab4{ background: url(../img/tab.png) no-repeat; background-position:-735px 0px;}
.tab1.on{ background-position: 0px -31px;}
.tab2.on{ background-position: -245px -31px;}
.tab3.on{ background-position: -490px -31px;}
.tab4.on{ background-position: -735px -31px;}
.c2_con li{ width: 980px; display: none;}

.footer{ width: 100%; height: auto;}
.footercon{ margin: 0 auto; text-align: center; background: #000000; color: #FFFFFF; padding: 5px;}
.foot_int{  width: 100%;
  background-color: #fff;
  color:#8f8f8f;} 

.foot_int .foot_int_bx{
	width:980px; 
	padding-top:20px; 
	margin-right: auto; 
	margin-left: auto; 
	height:100px;
	}
.foot_int .foot_int_bx .ingame_logo{ width:183px; float:left; height:60px; margin-left:200px;}
.foot_int .foot_int_bx .ingame_logo a{ width:183px; float:left; height:60px;background:url(../img/ingame_logo.png) no-repeat;text-indent:-9998px;}
.CorpNavi{width:577px; float:left;margin: 0; padding: 0; list-style: none; margin-top:28px; margin-left:20px;}
.CorpNavi li{margin: 0; padding: 0; list-style: none;}
.CorpNavi li.corpSummary {  border-left: none;}
.CorpNavi li {
  display: inline;
  padding: 0 5px 0 10px;
  border-left: 1px solid #bbb;
  white-space: nowrap;
}