@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/

#wrapper{
min-width:1000px;
width:100%;
margin:0px auto 0;
padding-top:45px;
background-image:url("../img/info/bg.jpg");
background-position:center top;
background-attachment:fixed;

background-repeat:no-repeat;
}

#innerBox{
font-size:15px;
position:relative;
width:860px;
margin:50px auto 70px;
padding:20px 30px 90px;
background-color:rgba(0,0,0,0.7);
border-radius:10px;
}


#innerBox p{
font-weight:300;
line-height:170%;
}

#innerBox h2{
font-size:35px;
font-weight:800;
color:#d00;
text-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.5);
line-height:130%;

}

#innerBox h4{
font-size:20px;
display:block;
margin:40px 0 10px;
}

#innerBox img{
display:block;
width:100%;
}

#tab_list li {
display:block;
float:left;
margin:0 0 3px 3px;
background-color:#1d1d1d;
font-size:17px;
font-weight:600;
}

#tab_list li a{
display:block;
padding:10px 18px;
color:#fff;
}

#tab_list li.select{
display:block;
float:left;
margin:3px 0 0 3px;
background-color:#222;
}

#tab_list span{
display:block;
width:100%;
height:4px;
background-color:#f00;
}

#tab_list span.mini{
display:inline;
font-size:10px;
background-color:transparent!important;
}

#tab_list span.allow{
display:inline;
font-size:100%;
background-color:transparent!important;
color:#d00;
}

#tab_list li:hover{opacity:0.5;}

#tab_list li.all span{background-color:#999;}
#tab_list li.ps4 span{background-color:#006;}
#tab_list li.ps3 span{background-color:#06a;}
#tab_list li.xone span{background-color:#066C24;}
#tab_list li.x360 span{background-color:#3FB11D;}
#tab_list li.steam span{background-color:#d00;}

#tab_box{
padding:50px 20px 40px;
background-color:#222;
}

#innerBox table{
font-size:11px;
text-align:left;
text-align:center;

border-collapse:collapse;
border:1px solid #444;
}

#innerBox table th{
padding:12px 8px;
border:1px solid #444;

}

#innerBox table td{
padding:12px 8px;
border:1px solid #444;
}

#innerBox table td span{
font-size:10px;
color:#d90;
display:block;
line-height:100%;
margin-top:2px;
}


#innerBox table td.head{
padding:12px 8px;
border:1px solid #444;
border-right:hidden;
background-color:#333;
padding:4px;
}

#innerBox table td.ps4{
padding:12px 8px;
border:1px solid #444;
border-right:hidden;
background-color:#006;
padding:4px;
}

#innerBox table td.ps3{
padding:12px 8px;
border:1px solid #444;
border-right:hidden;
background-color:#036;
padding:4px;
}

#innerBox table td.xone{
padding:12px 8px;
border:1px solid #444;
border-right:hidden;
background-color:#066C24;
padding:4px;
}

#innerBox table td.x360{
padding:12px 8px;
border:1px solid #444;
border-right:hidden;
background-color:#3FB11D;
padding:4px;
}


#innerBox table td.x360.ps3{
background-color:transparent;
}



#wrapper #topImage{
margin:0 auto 0;
width:1000px;
height:650px;
background-image:url("../img/info/tgs2014/title.jpg");
background-position:center 85px;
background-attachment:fixed;
background-repeat:no-repeat;
margin-bottom:-350px;

}


table{background-color:#222;}
th{color:#fff;width:130px;background-color:#333;}
p{margin-left:10px;}

.attention{
font-size:12px;color:#fff;margin-top:10px;
line-height:160%;
margin-left:5px;
}

.btn_foot{
display:block;
width:100%;
border:1px dotted #d00;
text-align:center;
padding:10px 0 10px;
margin:5px 0 0;
font-weight:600;
background-color:#211;
}

.btn_foot.first{
margin:35px 0 0;
}

.lrpack{
background-color:#310;
text-align:left;
}

.lrpack div{
font-size:12px;
line-height:170%;
}

.lrpack span.red{
color:#d00!important;
font-size:12px!important;
font-weight:600!important;
}


/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {


#wrapper{
margin:0 auto 0;
min-width:0px;
width:100%;
padding:0px;
background-attachment:scroll;
background-image:none;

}


#innerBox p{
font-weight:300;
line-height:170%;
}

#innerBox h2{
font-size:24px;
font-weight:800;
color:#d00;
text-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.5);
line-height:120%;

}

#innerBox h4{
font-size:18px;
display:block;
margin:30px 0 8px;
}

#innerBox img{
display:block;
width:100%;
}


#innerBox table{
width:100%;
text-align:left;
font-size:5px;
line-height:120%;
}

#innerBox table th{
padding:2px 2px;
vertical-align:middle;
font-size:5px;
color:#fff;
}

#innerBox table td{
padding:2px 2px 2px
font-size:5px;
background-color:#222;
}



#wrapper #topImage{
margin:0 auto 0;
width:100%;
height:400px;
background-size:contain;
background-image:url("../img/info/tgs2014/title.jpg");
background-position:center 45px;
background-size:120%;
background-attachment:scroll;
background-repeat:no-repeat;
margin-bottom:-210px;

}


#btn_back{
display:inline-block;
background-color:#666;
font-weight:600;
border-radius:20px;
color:#fff;
padding:4% 4%;
line-height:0;
position:absolute;
top:8px;
left:5px;
z-index:100;
}


#innerBox{
font-size:14px;
line-height:160%;
position:relative;
width:90%;
margin:0px auto 30px;
padding:15% 2% 0px;
background-color:transparent;
border-radius:10px;
}


#tab_list li {
display:block;
float:left;
margin:0 0 3px 2px;
background-color:#1d1d1d;
font-size:5px;
font-weight:600;
}

#tab_list li a{
display:block;
padding:2px 6px;
color:#fff;
}

#tab_list li.select{
display:block;
float:left;
margin:3px 0 0 2px;
background-color:#222;
}

#tab_list span{
display:block;
width:100%;
height:5px;
background-color:#f00;
line-height:100%;
margin-top:2px;
}

#tab_list span.mini{
display:inline;
font-size:3px;
background-color:transparent!important;
}

#innerBox table td span{
font-size:6px;
color:#d90;
display:block;
line-height:100%;
margin-top:2px;
}

#tab_box{
padding:5% 3% 8%;
background-color:#222;
}

table{background-color:rgba(60,60,60,0.6);width:100%;border-radius:5px;}
th{color:#d00;width:100px;}
p{margin-left:10px;}


.lrpack{
background-color:#310;
text-align:left;
}

.lrpack div{
font-size:6px;
line-height:170%;
}

.lrpack span.red{
color:#d00!important;
font-size:6px!important;
font-weight:600!important;
}

.attention{
font-size:6px;
}

}