@charset "utf-8";



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

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

background-repeat:no-repeat;
}

#innerBox{
font-size:15px;
position:relative;
width:860px;
margin:50px auto 70px;
padding:20px 30px 90px;
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;
}

#package{
display:block;
margin:0 0 30px -30px;
}

.box{
border-top:1px solid #222;
padding:15px 0;
}

.thum{
display:block;
border-left:8px solid #444;
border-top:1px solid #444;
border-right:1px solid #444;
border-bottom:1px solid #444;
float:left;
margin-right:30px;
}

.btn{
text-align:center;
display:block;
width:160px;
padding:18px 1px;
line-height:0px;
color:#fff;
font-size:14px;
font-weight:bold;
background-image:url("../img/preorder/btn_bg.jpg");
border:2px solid #069;
border-radius:20px;
float:left;

margin:14px 0 0 20px;
}


/*----------------------------------------
	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;
}

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



#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:7px;
background-color:#f00;
}

#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;
}

}