@charset "utf-8";

/*-------------------------------------------------------------------
    * style.css
    * site name :  チャンスイット
    * description : 懸賞チャンス
    * import :  /ci-camp/app-promo/
-------------------------------------------------------------------*/

/* ----------common----------*/

body{
    min-width: 1000px;
}
#app-promo {
    font-family: "Meiryo","メイリオ","ＭＳＰゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
#app-promo #wrapper {
    color: #3d3d3d;
    height: auto;
    width: 100%;
}

/* ----------header---------- */

#app-promo #header {
    margin: 0 auto;
    width: 950px;
    padding:0 0 10px;
    overflow: hidden;
    background: #fff;
}
#app-promo #header img {
    width: auto;
}

/* ----------title---------- */

#app-promo .title{
    background:url(../img/bg_title.png) 0 0 repeat-x;
}
#app-promo .title .title_box{
    overflow:hidden;
    width:950px;
    margin:0 auto;
}
#app-promo .title .left{
    float:left;
}
#app-promo .title .right{
    float:right;
    width:570px;
}
#app-promo .title .right p{
    color:#fff;
    height:158px;
    font-size:16px;
    line-height:30px;
    padding:0 45px 0 15px;
}

/* ----------code_box---------- */

#app-promo .code_box{
    overflow:hidden;
    margin:20px 0 0;
}
#app-promo .code_box li{
    float:left;
}
#app-promo .code_box li:first-child{
    border-right:1px dotted #868686;
    margin:0 24px 0 0;
}
#app-promo .code_box li:first-child a{
    margin:0 20px 0 15px;
    display:inline-block;
}
#app-promo .code_box li:last-child a{
    margin:0 0 0 13px;
    display:inline-block;
}
#app-promo .code_box li a:hover {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    opacity:0.7;
}

/* ----------content1---------- */

#app-promo .content1{
    margin:90px 0 84px;
}
#app-promo .content1 h2{
    color:#333333;
    font-size:28px;
    text-align:center;
    line-height:45px;
}
#app-promo .content1 ul{
    width:950px;
    margin:40px auto 0;
    overflow:hidden;
}
#app-promo .content1 ul li{
    float:left;
    width:215px;
    margin:0 30px 0 0; 
}
#app-promo .content1 ul li:last-child{
    margin:0;
}

#app-promo .content1 ul li h3{
    font-size:20px;
    color:#ff6d6d;
    text-align:center;
    margin:15px 0 8px;
}
#app-promo .content1 ul li p{
    font-size:14px;
    color:#333333;
    line-height:20px;
}

/* ----------content2---------- */

#app-promo .content2{
    background:#efefef;
    text-align:center;
    padding:30px 0 25px;
    margin:0 0 80px;
}
#app-promo .content2 .box{
    width:720px;
    margin:0 auto;
    overflow:hidden;
}
#app-promo .content2 .box > img{
    float:left;
    display:block;
    margin:18px 30px 0 0;
}
#app-promo .content2 h2,
#app-promo .content2 p{
    font-size:18px;
    font-weight:normal;
    color:#333333;
    line-height:30px;
}

/* ----------footer---------- */
#app-promo #camp-guide-foot {
    height:320px;
}