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

/* ---------------------------------------共通 */
#contents{
    text-align:center;
    margin:0 auto;
    padding:0px;
    overflow:hidden;
    width:100%;
}
#footer{
    right:0;
    left:0;
    margin:0 auto;
}
#contents a{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.img_l{
    float:left;
}
.img_r{
    float:right;
}

/* ---------------------------------------ファーストビュー */

#contents .content1{
    position:relative;
    width:950px;
    margin:23px auto 0;
}
#contents .content1 .content1_2_img{
    position:absolute;
    top:48px;
    left:46px;
}
#contents .content1 .content1_1_img{
    position:absolute;
    top:-30px;
    right:60px;
}

/* ---------------------------------------懸賞の心得と当選者の声 */
#contents .knowledge{
    background: #f8fff8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fff8), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #f8fff8 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #f8fff8 0%,#ffffff 100%);
    background: -moz-linear-gradient(top, #f8fff8, #ffffff);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fff8', endColorstr='#ffffff',GradientType=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f8fff8, endcolorstr=#ffffff))";
    zoom: 1;
    padding:40px 0;
    margin:20px 0 20px;
}
#contents .knowledge .box{
    width:750px;
    margin:0 auto 30px;
    padding:10px 0;
    text-align:center;
    overflow:hidden;
}
#contents .knowledge .button a:hover{
    opacity: 0.8;
}

/* ---------------------------------------Facebook・SNSで最新の情報をチェック */
#contents .content3{
    position:relative;
    background:#f5fbfb;
    border-bottom:1px solid #E7E7E7;
    height:380px;
    padding:30px 0 15px 0;
}
#contents .content3 .box{
    position:relative;
    width:950px;
    margin:0 auto;
}
#contents .content3 .button_facebook a{
    position:absolute;
    bottom:20px;
    left:120px;
    display: block;
    margin:0 auto;
    width:342px;
    height:62px;
    background:url(../../img/present/beginner/btn_facebook.png) no-repeat 0 0;
}
#contents .content3 .button_facebook a:hover{
    background-position: 0 bottom;
}
#contents .content3 .button_twitter a{
    position:absolute;
    bottom:20px;
    right:120px;
    display:block;
    margin:0 auto;
    width:342px;
    height:62px;
    background:url(../../img/present/beginner/btn_x.png) no-repeat 0 0;
}
#contents .content3 .button_twitter a:hover{
    background-position: 0 bottom;
}

/* ---------------------------------------チャンスイット会員限定の懸賞に応募してみよう */
#contents .limit{
    position:relative;
    background:#fefdf8;
    border-bottom:1px solid #E7E7E7;
    height:552px;
    padding:40px 0 0 0;
    margin:10px 0;
}
#contents .limit .button a{
    position:absolute;
    top:463px;
    left:0px;
    right:0px;
    display: block;
    margin:0 auto;
    width: 421px;
    height: 60px;
    background:url(../../img/present/beginner/btn_limit.png)no-repeat 0 0;
}
#contents .limit .button a:hover{
    background-position: 0 bottom;
}

/* ---------------------------------------懸賞情報の探し方 */
#contents .search{
    background:#f7fcff;
    border-bottom:1px solid #E7E7E7;
    height:1930px;
    padding:40px 0 0 0;
    margin:10px 0;
}
#contents .search .box{
    position:relative;
    width:696px;
    margin:0 auto;
}
#contents .search .box .button a{
    position:absolute;
    bottom:60px;
    left:37px;
    display: block;
    margin:0 auto;
    width: 271px;
    height: 53px;
    background:url(../../img/present/beginner/btn_search.png) no-repeat 0 0;
}
#contents .search .box .button a:hover{
    background-position: 0 bottom;
}

/* ---------------------------------------懸賞情報の管理 */
#contents .management{
    position:relative;
    background:#fdfbff;
    border-bottom:1px solid #E7E7E7;
    height:835px;
    padding:5px 0 0 0;
    margin:5px 0;
}

/* ---------------------------------------締め */
#contents .content7{
    position:relative;
    background:url(../../img/present/beginner/bg_content7.gif) bottom left repeat-x;
    padding:20px 0 40px 0;
    margin:10px 0 30px;
}
#contents .content7 .button a:hover{
    opacity: 0.8;
}


/* ---------------------------------------チャンシ―とクロチャン*/
.box_kuro{
    width:720px;
    overflow:hidden;
    margin:30px auto 0px;
}
.box_chancy{
    width:720px;
    overflow:hidden;
    margin:30px auto 30px;
}
.box_kuro .img_l{
    float:left;
    margin:0 0 0 0px;
}
.box_kuro .img_r{
    float:right;
    margin:20px 20px 0 0;
}

/* ---------------------------------------紙吹雪*/
.drop{
position: relative;
width: 750x;
margin: 0px auto;
text-align:center;
background: url(../../img/present/beginner/shadow.jpg) no-repeat center bottom;
}
.drop .boxl{
position: relative;
top:0px;
left:0px;
width: 123px;
}

.drop .boxr {
position: relative;
top:0px;
left:830px;
width: 123px;
}

.drop .item1l,
.drop .item2l,
.drop .item3l{
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.drop .item1r,
.drop .item2r,
.drop .item3r{
position: absolute;
top: 0;
right: 0;
opacity: 0;
}
.drop .item3l,
.drop .item3r{
top: 10px;
}

/* ---------------------------------------フィードイン*/
.animation {
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible;
}

@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/* ---------------------------------------ページスクロール*/
#page_top {
    bottom: 20px;
    font-size: 11px;
    position: fixed;
    right: 20px;
}
#page_top a {
    background:url(../../img/present/beginner/btn_top.png) 0 0 no-repeat;
    display: block;
    padding: 35px 0;
    width: 80px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* ---------------------------------------PVアド*/
#pvad{
    width:950px;
    margin:20px auto 10px;
}
.pv-ad728{
    width:750px;
    margin:0 auto;
}

/* ---------------------------------------初心者ミッションボタン*/
.mission-clear {
    width: 506px;
    height: 98px;
    margin: 0 auto 20px;
}

.mission-clear a {
    display: block;
    width: 506px;
    height: 98px;
    padding: 3px;
    overflow: hidden;
    position: relative;
}

.mission-clear a img {
    position: absolute;
    top: 0;
    left: 0;
}

.mission-clear a:hover img {
    position: absolute;
    top: 1px;
    left: 1px;
}