@charset "UTF-8";

/*DLC*/


.dlc #tabbox span { opacity:1 !important;}
.dlc #tabbox { margin: 0 auto; width: 900px;min-height:1000px;text-align: left; clear: both; _zoom: 1; font-weight: normal; color: #fff; position: relative;}
.dlc #tabbox div { width: 900px; position: relative; min-height:1000px; background-repeat: no-repeat; overflow:hidden;}
.dlc #tabbox div div { top: 0px; left: 0; position: absolute;}
.dlc #tabbox div div span.block{display:block;}
.dlc #tabbox li { filter:alpha(opacity=70)!important; -moz-opacity: 0.7!important; opacity: 0.7!important;}

.dlc #base{
background-image:url("img/img_base_dlc.png");
background-position:center top;
background-repeat:no-repeat;
margin:0 auto 0;
}

.dlc #contentsbox{
width:900px;
padding:100px 0 70px 0;
margin:0 auto 0;
}

.dlc .tabbox{
margin: 0 auto;
width: 1000px;
text-align: left;
clear: both;
_zoom: 1;
font-weight: normal;
color: white;
position: relative;
}

.dlc .window{
display:block;Costumes　Update
width:800px;
margin: 0px auto 0;
background-color:#000000;
border:1px solid #F00;
padding:0px 40px 60px 33px;
}

.dlc .cos .window,
.dlc .ava .window
{
display:block;
width:auto;
margin: 0px auto 0;
background-color:transparent;
border:none;
padding:0px;
}

.dlc .window_line{
display:block;
width:800px;
margin: 20px auto 0;
background-color:#000000;
border:1px solid #F00;
padding:0px 40px 0px 33px;
overflow:hidden;
height:44px;
}

.dlc .box{
display:block;
position:relative;
width:180px;
height:212px;
border:1px solid #F00;
margin-left:15px;
margin-top:20px;
float:left;
}


.dlc .info{
display:block;
width:176px;
padding:7px 2px 2px;
position:absolute;
bottom:0px;
text-align:center;
background-color:#000;
font-size:85%;
line-height:120%;

}

.dlc .prise{
margin-top:5px;
display:block;
color:#F00;
}

.dlc #tab li{
float:left;
margin-left:5px;
border-top:2px solid #760503;
background-color:#600c00;
-webkit-border-top-left-radius: 8px;  
-webkit-border-top-right-radius: 8px;  
-moz-border-radius-topleft: 8px;  
-moz-border-radius-topright: 8px;  
font-size:22px;
font-weight:800;
list-style:none;
padding :8px 15px 8px;
text-align:center;
margin-bottom:-2px;
height:25px;
text-shadow: 1px 1px 2px #000;
}

.dlc #tab li.active{
height:28px;
color:#fff !important;
filter:alpha(opacity=100)!important; -moz-opacity: 1.0!important; opacity: 1.0!important;
}

.dlc #tab li.left{
float:left;
margin-left:25px;

}



.dlc .tabBottom{
display:block;
width:960px;height:78px;background-image:url("img/tab_bottom.png");
margin:0px 0px -40px -20px;
}

.dlc .title{
display:block;
float:left;
}

.dlc .subtitle{
display:block;
margin:30px 0 5px 15px;
font-size:190%;
font-weight:800;
vertical-align: middle;
}

.dlc .subtitle_line{
display:block;
margin:-8px 0 0 15px;
}

.dlc .exp{
display:block;
margin:0 0 0 15px;
font-size:90%;
color:#ddd;
}

.dlc .new_dlc{
float:left;
width:50px;
margin-left:10px;
display:block;
}

.dlc .date{
display:block;
font-size:60%;
font-weight:300;
float:left;
}

.dlc .headbar{
display:block;
width:849px;
height:33px;
background-image:url("img/headbar.jpg");
margin:1px 0 0 -32px ;
font-size:20px;
font-weight:600;
padding:10px 0 0 20px;
text-shadow: 1px 1px 2px #000;
}

.dlc .headbar_hw{
display:block;
width:849px;
height:31px;
background-image:url("img/headbar_hw.jpg");
margin:1px 0 0 -32px ;
font-size:20px;
font-weight:600;
padding:10px 0 0 20px;
text-shadow: 1px 1px 2px #000;
}

.dlc .headbar_x{
display:block;
width:849px;
height:31px;
background-image:url("img/headbar_x.jpg");
margin:1px 0 0 -32px ;
font-size:20px;
font-weight:600;
padding:10px 0 0 20px;
text-shadow: 1px 1px 2px #000;
}

.dlc .spa{
letter-spacing:0.2em;
}

.dlc .window_20141209,
.dlc .window_20140829,
.dlc .window_20140204,
.dlc .window_20140320_2,
.dlc .window_20131126{
height:auto;
}


/*ハロウィン*/

.dlc .window_20131015 .box{
display:block;
position:relative;
width:180px;
height:222px;
border:1px solid #F00;
float:none;
margin-left:0px;
}

.dlc .window_20131015 .layoutBox{
display:block;
position:relative;
width:180px;
height:260px;
margin-left:15px;
margin-top:0px;
float:left;
}

.dlc .window_20131015 .box_inner{
display:block;
position:relative;
width:180px;
height:180px;
float:left;
margin:20px 0 0 15px;
}


.dlc .box_buy{
position:absolute;
top:240px;
display:block;
height:33px;
width:175px;
background-image:url("img/bg_buy.jpg");
padding:25px 0 0 5px ;
}