@charset "utf-8";
/* CSS Document */
body,html { margin:0; padding:0; width:100%; height:100%; /*background:#37B7FB;*/ /*background:#CBE4EF;*/ background:#39C5EF url(../images/main_bg.jpg) bottom repeat-x; background-attachment: fixed; } 
.notext { text-indent:100%; overflow:hidden; white-space:nowrap; position:relative; }
h1, p , ul ,dl { margin:0; padding:0; }
img { display:block; }
.cf:after { content:""; clear:both; display:block; }

#wrapper { width:100%; min-width:1000px; margin:auto;  height:100%; position:relative; }
.bg { position:absolute; width:100%; height:auto; top:0; left:0; }

#wrapper , #pre , .outer { min-height:750px; overflow:hidden; }

#wrapper , #camfooter  /*,#pre , #nexcofooter */{ max-width:1300px; }




#flags { position:absolute; width:66px; height:69px; z-index:906; top:0; right:30px; }
#flags .flag { position:absolute; top:0; left:0; display:none; }


/*-----------pre-----------*/
#pre { position:absolute; width:100%; top:0; left:0; background:#E6F4FD; }
#pre #pre_bg { width:100%; height:auto;/* position:fixed;*/position:absolute; min-width:900px; }
#pre #precont { width:1000px; height:100%;  margin:auto; position:absolute; top:0; left:50%; margin-left:-500px; }
#precont h1 { width:731px; height:146px; background:url(../preimg/campaign_tit.png); position:absolute; top:2%; left:50%; margin-left:-365px; }
#precont #prechara { width:auto; height:50%; position:absolute; top:25%; left:50%; }
#pre #f80th { display:block; width:79px; height:94px; background:url(../images/fujikofujio80.png); position:absolute; top:15px; right:25px; }
#pre .movie_logo { width:280px; height:185px; background:url(../images/movielogo.png); position:absolute; left:20px; bottom:70px; }
#pre .doraemon_copy { width:257px; height:27px; background:url(../images/doraemon_copy.png); position:absolute; right:20px; bottom:70px; }
#pre span { text-indent:100%; overflow:hidden; white-space:nowrap; }





/*-------------------キャンペーン共通-----------------*/
.outer { position:absolute; box-shadow: 2px 0px 2px 1px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=90, Strength=3); cursor:pointer; }
.cam { min-width:1000px; height:100%; min-height:750px; }
.cont { position:relative; height:100%; -webkit-overflow-scrolling: touch; min-height:750px; }
.ent {  padding-bottom:400px; }
.flag { width:66px; height:69px; background:url(../images/flagbase.png); position:absolute; top:0; right:30px; }
.flag img { display:block; margin:auto; margin-top:10px; }
.navitit { display:block; position:absolute; max-width:370px; width:auto; height:auto; padding:0 20px; }
.navitit img { width:100%; height:auto; }
.camcover { width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/blue20.png); display:none; }
.closebtn { width:150px; height:53px; background:url(../images/close_btn.png) no-repeat; position:absolute; top:80px; right:-150px; cursor:pointer; z-index:907; }
.scr { width:100%; background:url(../images/alpha.png); }
.about { width:654px; margin:auto; margin-top:35px; } 
.about dl { width:513px; margin:auto; display:block; overflow:hidden; }
.about dt , .about dd {  padding:1em 0; }
.about dt{ width:80px; float:left; clear:left; }
.about dd { margin-left:80px; font-size:14px; line-height:1.5; padding-left:20px; }
.about dd ul { display:block; padding:0; margin:0; }
.about dl li { list-style-type:none; float:left; }
.about dl li:after { content:"｜"; }


/*--------------------------campaign01--------------------------*/
#cam1outer { top:0; left:0; /*width:33.33%; min-width:333.3px;*/ height:100%; display:block; overflow:hidden; z-index:600; }
#cam01 { width:100%; height:100%; position:absolute; }
#cam01 .cont { width:33.33%; min-width:333.3px; }
#cam01 .ent { /*width:1000px;*/ width:100%; margin:auto; display:none; }
#cam01 .navitit { top:30px; }
#cam01 .m_img ,#cam01 .m_img_fix {
	position: absolute;
	bottom: 122px;
	width: 327px;
	height: auto;
	right: -24px;
}
#cam01 .m_img_fix { right: 50%; width: 280px; margin-right: /*-570px*/-615px; display:none; z-index:699; }
#cam01 .tit { width:880px; height:131px; background:url(../cam01img/tit.png); display:block; margin:13px auto 8px auto; }
#cam01 .wu { margin:auto; margin-top:13px; }
#cam01 .ws { margin:auto; /*margin-bottom:200px;*/ }
#cam01 .inner { width:742px; margin:0 auto; background:url(../cam01img/entbg.png); position:relative; padding-bottom:30px; }
#cam01 .inner:after { content:url(../cam01img/ws.png); position:absolute; bottom:-22px; }
#cam01 .st01 { width:625px; height:75px; display:block; display:block; background:url(../cam01img/st01.png); margin:auto; }
#cam01 .read { width:422px; height:157px; margin:35px auto 58px auto; background:url(../cam01img/read.png); }
#cam01 .present { width:670px; margin:auto; margin-bottom:13px; }
#cam01 .present .pre01 { width:369px; height:206px; background:url(../cam01img/present01.png); float:left; }
#cam01 .present .pre02 { width:301px; height:206px; background:url(../cam01img/present02.png); }
#cam01 .downloadbtn { width:660px; height:144px; background:url(../cam01img/download.png) no-repeat; display:block; margin:auto; background-position:0 2px; }
#cam01 .downloadbtn:hover { background-position:0 0; }
#cam01 .about .aboutinner { width:654px; margin:auto; background:url(../cam01img/about_bg.png); }
#cam01 .about dd { color:#048CBF; border-left:1px dotted #11B8EB; }
#cam01 .about dt span { display:block; width:72px; height:14px; background:url(../cam01img/dt_name.gif); text-indent:100%; overflow:hidden; white-space:nowrap; position:relative; }
#cam01 .about dt.kikan span {  }
#cam01 .about dt.happyo span { background-position:0 -50px; }
#cam01 .about dt.okurisaki span { background-position:0 -100px; }
#cam01 .about dt.oubohouhou span { background-position:0 -150px;}
#cam01 .about dt.area span { background-position:0 -200px; }
#cam01 .about dt.privacy span { height:47px; background-position:0 -250px; }
#cam01 .about dt.senko span { height:30px; background-position:0 -300px; }
#cam01 .about dl a { color:#048CBF; }


#cam01 .img01 { position:absolute; top:80px; left:-110px; }
#cam01 .img02 { position:absolute; top:95px; right:-30px; }

/*受賞作品*/
#cam01 .hp_tit { width:676px; height:110px; display:block; background:url(../cam01img/hp_tit.png) no-repeat bottom; margin:auto; }
#cam01 .hp_read { width:610px; height:123px; background:url(../cam01img/hp_read.png) no-repeat; margin:auto; }
#cam01 .sec01 { position:relative; }
#cam01 .sec01 .tit { width:656px; height:67px; background:url(../cam01img/hp_sec01_tit.png) no-repeat; display:block; margin:auto; }
#cam01 .sec01 .box { width:656px; margin:auto; background:#FFF100; position:relative; }
#cam01 .sec01 .awardtext { width:342px; height:114px; display:block; background:url(../cam01img/hp_sec01_tittext.gif) no-repeat center; margin:auto; }
#cam01 .sec01 .present { width:650px; height:146px; display:block; margin:auto; background:url(../cam01img/hp_sec01_peresent.gif) no-repeat; }
#cam01 .hpimg01 { position:absolute; display:block; top:60px; left:-50px; }
#cam01 .hpimg02 { position:absolute; display:block; top:170px; left:600px; }

#cam01 .sec02 .tit { width:676px; height:95px; background:url(../cam01img/hp_sec02_tit.png) no-repeat bottom; display:block; margin:auto; }
#cam01 .sec02 .box { width:676px; background:#FFF; margin:auto; }
#cam01 .sec02 .box:after { display:block; content:url(../cam01img/hp_sec02_ws.png); position:absolute; }
#cam01 .sec02 .present { width:635px; height:131px; background:url(../cam01img/hp_sec02_read.gif) no-repeat; margin:auto; }
#cam01 .sec02 .works { margin:auto; display:table; margin:auto; border-collapse:separate; border-spacing:8px; }
#cam01 .sec02 .worksrow { display:table-row; }
#cam01 .sec02 .work { width:207px; background:#B1DAF8; display:table-cell; padding:7px 7px; text-decoration:none; position:relative; padding-bottom:35px; line-height:1.3; box-sizing:border-box; -moz-box-sizing:border-box; }
#cam01 .sec02 .work , #cam01 .sec02 .work2 , x:-moz-any-link { padding-bottom:7px; }
#cam01 .sec02 .work:hover ,#cam01 .sec02 .work2:hover{ background:#91CEF3; }
#cam01 .sec02  img { display:block; margin:auto; border:none; }
#cam01 .sec02  span { width:100%; display:block; text-align:center; margin:auto; color:#45596B; padding:3px 0; } 
#cam01 .sec02  .wtit { font-size:15px; font-weight:bold; }
#cam01 .sec02  .wtext { font-size:13px; }
#cam01 .sec02  .wname { font-size:12px; width:90%; background:#FFF; padding:5px 3px; margin-top:3px; color:#6A7A89; position:absolute; bottom:5px; box-sizing:border-box; -moz-box-sizing:border-box; /*left:7px;*/ }
#cam01 .sec02  .wname,  x:-moz-any-link  { position:relative; bottom:auto; left:0; }


#cam01 .sec02 .box02 { width:676px; margin:auto; margin-top:55px; }
#cam01 .sec02 .box02:after {  }
#cam01 .sec02 .box02 #morebtn { width:676px; height:71px; display:block; position:relative; }
#cam01 .sec02 .box02 #morebtn img { margin-top:2px; display:block; position:absolute; top:-15px; }
#cam01 .sec02 .box02 #morebtn img:hover { top:-13px; }
#cam01 .sec02 .box02.view { background:#FFFFFF; }
#cam01 .sec02 .box02.view:after { display:block; content:url(../cam01img/hp_sec02_ws.png); position:absolute; }

 
#cam01 .kokuti { width:517px; height:70px; background:url(../cam01img/hp_kokuti.png) no-repeat center; background-position:0 35px; display:block; margin:auto; }


#cam01 .sec02 .work2 { width:155px; background:#B1DAF8; display:table-cell; padding:7px 7px; text-decoration:none; position:relative; padding-bottom:3em; line-height:1.3; box-sizing:border-box; -moz-box-sizing:border-box; }
#cam01 .sec02 .work2 .wname  { font-size:11px; }



/*--------------------------campaign02--------------------------*/
#cam2outer { top:0; left:0; /*width:66.66%; min-width:666.6px;*/ height:100%; display:block; overflow:hidden; z-index:500; }
#cam02 { width:100%; height:100%; position:absolute; top:0; left:0; }
#cam02 .navitit { bottom:170px; }
#cam02 .cont { width:33.33%; min-width:333.3px; margin-left:33.33%; }
#cam02 .ent { width:100%; margin:auto; display:none; }
#cam02 .m_img { position:absolute; width:280px; height:auto; /*bottom:54%;*/ top:7%; left:50%; /*margin-left:-153px;*/ margin-left:-140px; }
#cam02 .tit { width:751px; height:150px; background:url(../cam02img/tit.png); display:block; margin:13px auto 8px auto; }
#cam02 .st { margin:auto; margin-top:5px;}
#cam02 .inner { width:742px; margin:auto; background:url(../cam02img/bg01.png); }
#cam02 .stamps { width:444px; float:right; margin-right:48px; margin-top:2px; }
#cam02 .stamps p { width:444px; height:142px; background:url(../cam02img/read.png); }
#cam02 .present { width:818px; margin-left:-38px; clear:both; padding-top:10px; }
#cam02 .present span { display:block; width:818px; height:63px; background:url(../cam02img/present_tit.png) no-repeat; }
#cam02 .present ul { width:669px; margin:0; padding:0; margin-left:66px; }
#cam02 .present ul li { width:223px; height:192px; float:left; list-style-type:none; }
#cam02 .downloadbtn { width:660px; height:144px; background:url(../cam02img/downloadbtn.png) no-repeat; display:block; margin:auto; background-position:0 2px; margin-top:10px; }
#cam02 .downloadbtn:hover { background-position:0 0; }
#cam02 .about { position:relative; }
#cam02 .about .aboutinner { width:654px; margin:auto; background:url(../cam02img/about_bg.gif); }
#cam02 .about dd { color:#337D31; border-left:1px dotted #00A600; }
#cam02 .about dt span { display:block; width:72px; height:14px; background:url(../cam02img/about_dt.gif); text-indent:100%; overflow:hidden; white-space:nowrap; position:relative; }
#cam02 .about dt.kikan span {  }
#cam02 .about dt.happyo span { background-position:0 -50px; }
#cam02 .about dt.okurisaki span { background-position:0 -100px; }
#cam02 .about dt.oubohouhou span { background-position:0 -150px;}
#cam02 .about dt.area span { background-position:0 -200px; }
#cam02 .about dt.privacy span { height:47px; background-position:0 -250px; }
#cam02 .about dl a { color:#337D31; }
#cam02 .img01 { position:absolute; bottom:-10px; left:50px; }
#cam02 .img02 { position:absolute; bottom:-40px; right:-100px; }


/*--------------------------campaign03--------------------------*/
#cam3outer {  top:0; left:0;/* width:100%; min-width:1000px;*/ height:100%; display:block; overflow-y:hidden; z-index:400; }
#cam03 { width:100%; height:100%; position:absolute; top:0; left:0; }
#cam03 .navitit { top:45px; }
#cam03 .cont { width:33.W3%; min-width:333.3px; margin-left:66.66%; }
#cam03 .ent { width:100%; margin:auto; display:none; }
#cam03 .m_img,#cam03 .m_img_fix { position:absolute; bottom:142px; left:0; z-index:499; }
#cam03 .m_img_fix { display:none; }
#cam03 .tit { width:868px; height:131px; background:url(../cam03img/tit.png); display:block; margin:13px auto 0 auto; }
#cam03 .starea { width:868px; height:383px; margin:auto; }
#cam03 .starea img { float:left; }
#cam03 .starea p { width:505px; height:383px; background:url(../cam03img/st.png) no-repeat; }
#cam03 .inner { width:742px; margin:auto; background:url(../cam03img/bg.png); }
#cam03 .present { width:800px; margin-left:-29px; }
#cam03 .present_tit { width:810px; height:107px; background:url(../cam03img/pretit.png) no-repeat; display:block; text-indent:150%; }
#cam03 .present p { width:656px; height:300px; background:url(../cam03img/pre_text.png); margin:auto; text-indent:150%; }
#cam03 .download { width:660px; margin:auto; } 
#cam03 .download a { width:330px; height:144px; float:left; display:block; }
#nurie_btn { background:url(../cam03img/nurie_btn.png) no-repeat; background-position:0 2px; }
#nurie_btn:hover { background-position:0 0; }
#oekaki_btn { background:url(../cam03img/oekaki_btn.png) no-repeat; background-position:0 2px; }
#oekaki_btn:hover { background-position:0 0; }
#cam03 .about { margin-top:30px; position:relative; }
#cam03 .about .aboutinner { width:654px; margin:auto; background:url(../cam03img/about_bg.png); }
#cam03 .about dd { color:#2F7D1E; border-left:1px dotted #64D61B; }
#cam03 .about dt span { display:block; width:72px; height:14px; background:url(../cam03img/about_dt.gif); text-indent:100%; overflow:hidden; white-space:nowrap; position:relative; }
#cam03 .about dt.kikan span {  }
#cam03 .about dt.pre span { background-position:0 -50px; }
#cam03 .about dt.teisyutu span { background-position:0 -100px; }
#cam03 .about dt.area span { background-position:0 -150px;}
#cam03 .about dt.privacy span { height:47px; background-position:0 -200px; }
#cam03 .about dl a { color:#2F7D1E; }
#cam03 .img01 { position:absolute; bottom:-50px; left:200px; }


/*-------------NEXCOfooter-------------*/
#nexcofooter { width:100%; height:40px; background:#FFF; position:fixed; bottom:0; z-index:905; }
#dpla_logo { width:270px; height:21px; display:block; overflow:hidden; background:url(../images/dpra_logo.gif); margin-left:10px; margin-top:9px; float:left; }
#copy { float:right; font-size:11px; color:#666; margin-top:8px; margin-right:10px; }
#copy span { display:block; text-align:right; }
#copy a { color:#46A644; }

/*-----------------camfotter----------------*/
#camfooter { width:100%; min-width:1000px; height:0px; display:block; overflow:hidden; background:url(../images/camfooter_bg.png); position:fixed; bottom:33px; z-index:904; } 
#camfooter #nexcoxdoraemon { width:144px; height:30px; background:url(../images/nexcoxdoraemon.jpg); position:absolute; top:29px; left:13px; }
#camfooter .tit { width:524px; height:61px; position:absolute; top:33px; left:10px; }
#camfooter .chara { position:absolute; bottom:0; right:20px; }
#camfooter .movie_tit { width:147px; height:auto; position:absolute; top:30px; right:220px; border:none; }
#camfooter .movie_tit:hover { opacity:0.8; filter:alpha(opacity=80); }
#camfooter .doraemon_copy { width:207px; height:auto; position:absolute; top:103px; right:190px; }
#navibtns { width:612px; height:32px; position:absolute; left:15px; bottom:8px; }
#navibtns li { width:204px; height:117px; list-style-type:none; /*float:left;*/ position:absolute; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer; top:0;  }
#navibtns li.btn_cam01 { background:url(../images/navi_btns.png); left:0; }
#navibtns li.btn_cam02 { background:url(../images/navi_btns.png); background-position:-204px 0; left:204px;  }
#navibtns li.btn_cam03 { background:url(../images/navi_btns.png); background-position:-408px 0; left:408px; }

/*-------------cover--------------*/
#cover { background:#FFF; position:fixed; width:100%; height:100%; z-index:980; top:0; left:0; }
#cover img { position:absolute; top:50%; left:50%; margin-top:-45px; margin-left:-297px; }