@charset "utf-8";

/* ----------------------------------------------------------
    campaign_list.css
---------------------------------------------------------- */
/* ---------- campaignListBlock ---------- */
#container .campaignListBlock .inner{
width:1022px;
margin:0 auto;
}

#container .campaignListBlock .inner .title01{
text-align:left;
font-size:22px;
border-bottom:1px solid #eee;
color:#666;
padding:10px 20px;
margin-bottom:30px;
}

#container .campaignListBlock .inner .content{
overflow:hidden;
padding:0 20px 20px;
}

#container .campaignListBlock .inner .content h3{
font-size:20px;
border-bottom:1px solid #FF0099;
border-left:10px solid #FF0099;
padding:6px 0 0 10px;
text-align:left;
font-weight:bold;
margin-bottom:20px;
}

#container .campaignListBlock .inner .content .image{
float:left;
width:500px;
}

#container .campaignListBlock .inner .content .image img{
width:100%;
height:auto;
}

#container .campaignListBlock .inner .content .detail{
float:right;
width:460px;
text-align:left;
}

#container .campaignListBlock .inner .content .detail .head{
overflow:hidden;
margin-bottom:10px;
}

#container .campaignListBlock .inner .content .detail .head .status{
float:left;
}

#container .campaignListBlock .inner .content .detail .head .status div{
float:left;
background:url(/img/basic/game/icon_campaign_status001.png) no-repeat right 0 #E62B2B;
height:38px;
line-height:38px;
padding:0 12px 0 10px;
margin-right:8px;
color:#fff;
font-size:18px;
font-weight:bold;
}

#container .campaignListBlock .inner .content .detail .head .status .end{
background-color:#999;
}

#container .campaignListBlock .inner .content .detail .head .device{
float:right;
}

#container .campaignListBlock .inner .content .detail .head .device ul{
overflow:hidden;
}

#container .campaignListBlock .inner .content .detail .head .device ul li{
float:left;
width:38px;
height:0;
margin-left:6px;
padding-top:38px;
background:url(/img/basic/game/icon_campaign_device001.png) no-repeat 0 0;
}

#container .campaignListBlock .inner .content .detail .head .device ul li.sp{background-position:0 0;}
#container .campaignListBlock .inner .content .detail .head .device ul li.mb{background-position:-38px 0;}
#container .campaignListBlock .inner .content .detail .head .device ul li.pc{background-position:-76px 0;}

#container .campaignListBlock .inner .content .detail .date{
font-size:14px;
}

#container .campaignListBlock .inner .content .detail .date dt{
display:inline;
color:#fff;
padding:2px 8px;
font-weight:bold;
background-color:#DBAB4C;
}

#container .campaignListBlock .inner .content .detail .date dd{
margin:6px 0 14px;
}

#container .campaignListBlock .inner .content .detail .button a{
display:block;
float:right;
width:240px;
height:50px;
background-color:#06be88;
box-shadow:1px 1px 0 #05855f,2px 2px 0 #05855f;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:150%;
line-height:50px;
}

#container .campaignListBlock .inner .content .detail .button a span{
padding-right:16px;
background:url(/img/basic/game/icon_button001.png) no-repeat right center;
}