@charset "utf-8";
/* CSS Document */

.globalHeader{
    position:relative;
}

.globalHeader .cp_name{
    width:107px;
    position:absolute;
    top:10px;
    right:8px;
}
.mainImageContainer img { width: 100%; }
.cmpTop {
    background-image:url(../img/cmpListBG.gif);
    background-repeat:repeat;
    position:relative;
    /*padding:37px 25px 20px 25px;*/
    padding:0 0 20px 0;
}

@media screen and (min-width: 480px) {
    .mainImageContainer img { width: 100%; }
    .cmpTop {
        /*padding:74px 25px 20px 25px;*/
        padding: 0 0 20px 0;
    }
}

#tadaima {
    position:absolute;
    right:0;
    top:0;
    z-index:0;
    text-align:right;
}

#tadaima img{
    width:50%;
    height:auto;
}
.mainImageContainer {
    text-align:center;
}

#countDownArea {
    margin-top:15px;
}

#countDownText {
    text-align:center;
    color:#4761A5;
    font-size:17px;
    font-weight: bold;
}

#countDownSubText {
    text-align:center;
    font-size:12px;
    color:#4862A6;
}

.joinArea {
    margin-top:15px;
    text-align:center;
}

.joinAreaSubText1 {
    margin-top:15px;
    font-size:12px;
    text-align:left;
}

.joinAreaSubText2 {
    margin-top:15px;
    font-size:12px;
    text-align:left;
    color:#FF4500;
    padding-left:15px;
    padding-right:15px;
}

.joinAreaSubText3 {
    margin-top:15px;
    font-size:18px;
    text-align:left;
    background-color:#404c8d;
    color:#ffffff;
    padding-left:15px;
}

.joinAreaSubText4 {
    margin-top:15px;
    font-size:15px;
    text-align:left;
    padding-left:15px;
    padding-right:15px;
}

.campaignListTitle {
    border-top:1px solid #ffffff;
    background: #7589bc; /* Old browsers */
    background: -moz-linear-gradient(top,  #7589bc 0%, #4862a6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7589bc), color-stop(100%,#4862a6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7589bc 0%,#4862a6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7589bc 0%,#4862a6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7589bc 0%,#4862a6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7589bc 0%,#4862a6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7589bc', endColorstr='#4862a6',GradientType=0 ); /* IE6-9 */
    padding:15px 10px;
    color:#ffffff;
    font-weight: bold;
}

.campaignListContaier {
    background-image:url(../img/cmpListBG.gif);
    padding:10px;
}

.campaignListItem dl{
    padding-top:10px;
}

.campaignListItem dl dt{
    float:left;
    margin-right: 5px;
    width:30px;
}

.campaignListItem dl dt img{
    vertical-align:top;
}
.campaignListItem dl dd{
    margin-bottom:15px;
}

#campaignInfo{
    margin:15px;
    border:10px solid #EEEEEE;
}

#campaignInfo h3{
    font-weight:bold;
    font-size:14px;
    padding:15px 21px;
    text-align:center;
}
.fbBlueTitle{
    color:#465FA5;
    font-size:16px;
}

#campaignInfo ul {
    margin:15px 0 25px 0;
}
#campaignInfo ul li{
    text-align:center;
}

#bottomCmpArea{
    padding:0px 25px;  
}

.campaignList{
    margin:0 auto;
}


@media screen and (min-width: 320px) {
    .campaignList{
        width:280px;
    }  
}

@media screen and (min-width: 480px) {
    .campaignList{
        width:440px;
    }  
}

@media screen and (min-width: 600px) {
    .campaignList{
        width:600px;
    }  
}

/*	SNS
----------------------------------*/
#sns {
	margin: 26px 15px 0;
	height: 77px;
}

#sns li {
	float: left;
	width: 80px;
	overflow: hidden;
}