@charset "Shift_JIS";/* -------------------------- Copyright 2011 Venture Republic Inc FileName: camp_anamile.css ---------------------------- */ /* MARGIN */ .MrgT5 {margin-top: 5px} .MrgT10 {margin-top: 10px} .MrgT20 {margin-top: 20px} .MrgR5 {margin-right: 5px} .MrgR20 {margin-right: 20px} .MrgB5 {margin-bottom: 5px} .MrgB8 {margin-bottom: 8px} .MrgB20 {margin-bottom: 20px} .MrgL20 {margin-left: 20px} /* FLOAT */ .fltL {float:left} .fltR {float:right} .pkg{overflow:hidden;margin-bottom:0} .pkg:after{content: "";display:block;clear:both;height:0;overflow:hidden} /*\*/ * html .pkg{height:0;overflow:visible} /**/ /*div#anamile a:link {color:#0b318f;text-decoration:underline;line-height:1.5} div#anamile a:visited {color:#0b318f;text-decoration:underline;line-height:1.5} div#anamile a:hover {color:#0b318f;text-decoration:underline;line-height:1.5;background:#ff9900;} div#anamile a:active {text-decoration:none;line-height:1.5}*/ /* --------------------- ANAMILE --------------------- */ /* ANAMILE */ div#anamile {margin:0 auto 10px auto;padding-bottom:20px;width:980px;background:#CDEFFC;clear:both;} /* HEADER */ div#anamile #header {width:980px;height:185px} div#anamile #header h1 {float:left;width:710px;height:185px;background:url(/images/campaign/anamile/head-ttl.jpg) no-repeat;text-indent:-9999px} div#anamile #header h1.end {float:left;width:710px;height:185px;background:url(/images/campaign/anamile/head-ttl2.jpg) no-repeat;text-indent:-9999px} div#anamile #header h1.end2 {float:left;width:710px;height:185px;background:url(/images/campaign/anamile/head-ttl3.jpg) no-repeat;text-indent:-9999px} div#anamile #header ul {float:left;position:relative;width:270px;height:185px;background:url(/images/campaign/anamile/head-about.jpg) no-repeat} div#anamile #header ul li.use {position:absolute;width:115px;height:115px;top:35px;left:15px} div#anamile #header ul li.admin {position:absolute;width:115px;height:115px;bottom:0px;right:35px} div#anamile #header ul li a {display:block;width:100%;height:100%;background:url(/images/campaign/anamile/head-about_btn.jpg) no-repeat;text-indent:-9999px} /* MAIN */ div#anamile #main {margin:0 auto;width:940px;background:#FFF} /* ENTRY */ div#anamile #main .entry_area {padding:20px 0;width:940px;text-align:center} div#anamile #main .entry_top {background:url(/images/campaign/anamile/entry-back_top.jpg) #FFE580 no-repeat} div#anamile #main .entry_btm {background:url(/images/campaign/anamile/entry-back_btm.jpg) #FFE580 no-repeat 100% 100%} div#anamile #main .entry_area span {color:#CC0000;font-size:10px} div#anamile .entry_area {padding:20px 0;width:980px;text-align:center} div#anamile .entry_top {background:url(/images/campaign/anamile/entry-back_top2.jpg) no-repeat} div#anamile .entry_btm {background:url(/images/campaign/anamile/entry-back_btm.jpg) no-repeat 100% 100%} div#anamile .entry_area span {color:#CC0000;font-size:10px} /* MILS */ div#anamile #main .miles_area {position:relative;padding-top:30px;background:url(/images/campaign/anamile/main-back_top.png) #FFF no-repeat} div#anamile #main .miles_btm {padding-bottom:50px;background:url(/images/campaign/anamile/main-back_btm.png) no-repeat 0% 100%} /* CHECK */ div#anamile #main .check_area {position:absolute;top:30px;_top:0;right:-10px;width:324px;height:125px;background:url(/images/campaign/anamile/check-back.png) no-repeat} div#anamile #main .check_area h2 {position:absolute;top:8px;left:40px;color:#FFF;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';font-size:15px} div#anamile #main .check_area a.view {position:absolute;top:12px;right:10px;color:#FFCC00;font-size:10px} div#anamile #main .check_area p.miles {position:absolute;top:21px;left:40px;line-height:330%} div#anamile #main .check_area span.point {font-family:"Arial,Helvetica,sans-serif";font-weight:bold;color:#FFF;font-size:38px} div#anamile #main .check_area span.unit {margin-left:25px;color:#FFF;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';font-size:15px;font-weight:bold} div#anamile #main .check_area p.login {position:absolute;top:75px;left:40px} div#anamile #main .check_area p.attention {position:absolute;top:78px;left:40px;color:#CC0000;font-size:10px;line-height:150%;letter-spacing:0.1em} div#anamile #main .check_area p.attention a {display:block;margin-left:1em;color:#CC0000} /* POSTS */ div#anamile #main .posts_area {margin:0 50px 30px 50px} div#anamile #main .posts_area h3 {width:540px;height:35px;background:url(/images/campaign/anamile/posts-ttl.png) no-repeat;text-indent:-9999px} div#anamile #main .posts_area h4 {margin:25px 0 5px 0;width:540px;height:45px;background:url(/images/campaign/anamile/posts-txt.png) no-repeat;text-indent:-9999px} div#anamile #main .posts_area ul {width:715px;margin:0 auto;} div#anamile #main .posts_area ul li {float:left} div#anamile #main .posts_area ul p.arrow {clear:both} div#anamile #main .posts_area ul li.txt {width:245px;height:222px;background:url(/images/campaign/anamile/posts-miles_text.png) no-repeat;text-indent:-9999px} div#anamile #main .posts_area ul li.pht {width:245px;height:222px;background:url(/images/campaign/anamile/posts-miles_photo.png) no-repeat;text-indent:-9999px} div#anamile #main .posts_area ul li.mov {width:225px;height:222px;background:url(/images/campaign/anamile/posts-miles_movie.png) no-repeat;text-indent:-9999px} div#anamile #main .posts_area ul li.link {font-weight:bold;text-align:center;font-size:14px;padding:20px 10px 0 10px;} div#anamile #main .posts_area ul li.link a {color:#ff6600} /* FLOW */ div#anamile #main .flow_area {margin:0 47px;width:841px} div#anamile #main .flow_area h3 {margin:0 3px;width:835px;height:35px;background:url(/images/campaign/anamile/flow-ttl.png) no-repeat;text-indent:-9999px} div#anamile #main .flow_area ul {margin-top:20px} div#anamile #main .flow_area ul li {float:left;position:relative;font-size:75%;line-height:140%} div#anamile #main .flow_area ul li span.announce {display:none} div#anamile #main .flow_area ul li.route_00 {width:213px;height:197px;background:url(/images/campaign/anamile/flow-route_00.jpg) no-repeat} div#anamile #main .flow_area ul li.route_00 .hotel p.nav {position:absolute;top:60px;left:15px} div#anamile #main .flow_area ul li.route_00 .ana p.nav {position:absolute;top:163px;left:15px} div#anamile #main .flow_area ul li.route_01 {width:213px;height:197px;background:url(/images/campaign/anamile/flow-route_01.jpg) no-repeat} div#anamile #main .flow_area ul li.route_01 p.nav {position:absolute;top:63px;left:35px;text-indent:-12px} div#anamile #main .flow_area ul li.route_01 a.btn {position:absolute;bottom:17px;left:41px} div#anamile #main .flow_area ul li.route_02 {width:213px;height:197px;background:url(/images/campaign/anamile/flow-route_02.jpg) no-repeat} div#anamile #main .flow_area ul li.route_02 p.nav {position:absolute;top:82px;left:25px} div#anamile #main .flow_area ul li.route_03 {width:201px;height:197px;background:url(/images/campaign/anamile/flow-route_03.jpg) no-repeat} div#anamile #main .flow_area ul li.route_03 p.txt {padding-right:10px;position:absolute;top:75px;left:25px} div#anamile #main .flow_area ul li.route_03 p.nav {} /* --------------------- ANAMILE_FORM --------------------- */ #anamaile_form {margin:0 auto;width:750px;border:#CCC 4px solid;font-size:14px} /* HEADER */ #anamaile_form #header h1 {width:750px;height:80px;background:url(/images/campaign/anamile/form-ttl.png) #0b318f no-repeat 50% 50%;text-indent:-9999px} #anamaile_form #header .attention {padding:5px 0 5px 80px;width:670px;background:#FF0000;color:#FFF;font-size:12px;line-height:140%;text-indent:-4em} /* MAIN */ #anamaile_form #main {padding:20px 30px 10px 30px;width:690px;font-size:12px} #anamaile_form #main dl {border-bottom:#999 1px dotted} #anamaile_form #main dl a {font-size:12px;color:#FF6600} #anamaile_form #main dt {float:left;width:310px} #anamaile_form #main dt p {margin:10px 0;padding:5px;border-left:#0b318f 4px solid;line-height:150%} #anamaile_form #main dt strong {margin-right:5px;font-size:120%} #anamaile_form #main dd {float:right;padding:10px 0 10px 10px;width:360px;font-size:12px;line-height:180%} #anamaile_form #main dd input.half {margin-left:5px;padding:10px;width:129px;background:#cceffc;border:none;vertical-align:middle} #anamaile_form #main dd input.all {margin:7px 0;padding:10px;width:100%;_width:95%;background:#cceffc;border:none;vertical-align:middle} #anamaile_form #main dd input.check {margin-right:5px;border:#999 1px solid;vertical-align:middle} #anamaile_form #main .submit {margin-top:20px;text-align:center;color:#cc0000;font-size:90%;line-height:200%} #anamaile_form .updnWatermark{color:#8ea7b0;padding:7px 0 0 20px} /* --------------------- ANAMILE SOUDATSU --------------------- */ div#anamile_camp01 {padding-bottom:20px;width:100%;background:#0b318f url(/images/campaign/anamile/camp01_bg.png) repeat-x;} div#anamile_camp01 #head{width:980px;margin:0 auto;padding:0;background:#fff;position:relative;height:341px;} div#anamile_camp01 #head h2{width:308px;height:187px;background:url(/images/campaign/anamile/camp01_head_ttl.png) ;text-indent:-9999px;position:absolute;top:0;left:0;} div#anamile_camp01 #head ul.how{width:672px;height:47px;background:url(/images/campaign/anamile/camp01_head_btnHow.png) 0 0;position:absolute;top:0;right:0;} div#anamile_camp01 #head ul.how li{float:right;} div#anamile_camp01 #head ul.how .btn_guide{width:250px;height:39px;background:url(/images/campaign/anamile/camp01_head_btnHow.png) -175px 0;text-indent:-9999px;display:block;} div#anamile_camp01 #head ul.how .btn_atten{width:91px;height:39px;background:url(/images/campaign/anamile/camp01_head_btnHow.png) -425px 0;text-indent:-9999px;display:block;} div#anamile_camp01 #head ul.how .btn_how{width:156px;height:39px;background:url(/images/campaign/anamile/camp01_head_btnHow.png) -516px 0;text-indent:-9999px;display:block;} div#anamile_camp01 #head .login_before{width:652px;height:124px;border-bottom:4px solid #000;overflow:hidden;margin:0 15px 0 0;position:absolute;top:47px;right:0;} div#anamile_camp01 #head .login_before .ti{width:288px;float:left;} div#anamile_camp01 #head .login_before .ti div{width:288px;height:70px;background:url(/images/campaign/anamile/camp01_head_sti01.png) 0 0;text-indent:-9999px;display:block;margin:0 0 10px 0;} div#anamile_camp01 #head .login_before .ti p{font-size:10px;color:#cc0000;line-height:1.6;} div#anamile_camp01 #head .login_before ul{float:right;} div#anamile_camp01 #head .login_before ul .btn_sanka{width:347px;height:51px;background:url(/images/campaign/anamile/camp01_head_btnentry.png) 0 0;text-indent:-9999px;display:block;margin:0 0 5px 0;} div#anamile_camp01 #head .login_before ul .btn_point{width:347px;height:51px;background:url(/images/campaign/anamile/camp01_head_btnentry.png) 0 -56px;text-indent:-9999px;display:block;} div#anamile_camp01 #head .login_after{width:652px;height:124px;border-bottom:4px solid #000;overflow:hidden;margin:0 15px 0 0;position:absolute;top:47px;right:0;} div#anamile_camp01 #head .login_after .ti{width:150px;float:left;} div#anamile_camp01 #head .login_after .ti div{width:150px;height:103px;background:url(/images/campaign/anamile/camp01_head_sti03.png) 0 0;text-indent:-9999px;display:block;} div#anamile_camp01 #head .login_after ul.mynum{width:340px;height:103px;background:url(/images/campaign/anamile/camp01_mynum_bg.png) 0 0;text-indent:-9999px;display:block;float:left;} div#anamile_camp01 #head .login_after ul.mynum li{width:68px;height:103px;background:url(/images/campaign/anamile/camp01_mynum.png) 0 0;text-indent:-9999px;display:block;float:left;} div#anamile_camp01 #head .login_after ul.mynum .mynum01{background-position:0 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum02{background-position:-68px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum03{background-position:-136px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum04{background-position:-204px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum05{background-position:-272px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum06{background-position:-340px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum07{background-position:-408px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum08{background-position:-476px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum09{background-position:-544px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynum00{background-position:-612px 0;} div#anamile_camp01 #head .login_after ul.mynum .mynumN{background-position:-680px 0;} div#anamile_camp01 #head .login_after .note{float:right;} div#anamile_camp01 #head .login_after .note p{font-size:10px;color:#cc0000;margin:0 0 10px 0;line-height:1.5;} div#anamile_camp01 #head .login_after .note .mile{width:147px;height:55px;background:url(/images/campaign/anamile/camp01_head_mile.png) 0 0;text-indent:-9999px;display:block;} div#anamile_camp01 #head .milearea{clear:both;position:absolute;bottom:14px;left:0;} div#anamile_camp01 #head .milearea .ti{width:177px;height:140px;background:url(/images/campaign/anamile/camp01_head_sti02.png) 0 0;text-indent:-9999px;display:block;float:left;} div#anamile_camp01 #head .milearea .num{width:621px;height:140px;background:url(/images/campaign/anamile/camp01_num_bg.png) 0 0;text-indent:-9999px;float:left;} div#anamile_camp01 #head .milearea .num li{width:99px;height:132px;background:url(/images/campaign/anamile/camp01_num.png) 0 0;text-indent:-9999px;float:left;margin:4px 0 0 4px;_margin:4px 0 0 2px;} div#anamile_camp01 #head .milearea .num .num01{background-position:0 0;} div#anamile_camp01 #head .milearea .num .num02{background-position:-103px 0;} div#anamile_camp01 #head .milearea .num .num03{background-position:-206px 0;} div#anamile_camp01 #head .milearea .num .num04{background-position:-309px 0;} div#anamile_camp01 #head .milearea .num .num05{background-position:-412px 0;} div#anamile_camp01 #head .milearea .num .num06{background-position:-515px 0;} div#anamile_camp01 #head .milearea .num .num07{background-position:-618px 0;} div#anamile_camp01 #head .milearea .num .num08{background-position:-718px 0;} div#anamile_camp01 #head .milearea .num .num09{background-position:-824px 0;} div#anamile_camp01 #head .milearea .num .num00{background-position:-927px 0;} div#anamile_camp01 #head .milearea .num .numN{background-position:-1021px 0;} div#anamile_camp01 #head .milearea .note{width:147px;float:left;padding:0 0 0 20px;} div#anamile_camp01 #head .milearea .note p{font-size:12px;color:#cc0000;margin:20px 0 10px 0;line-height:1.5;} div#anamile_camp01 #head .milearea .note .mile{width:147px;height:55px;background:url(/images/campaign/anamile/camp01_head_mile.png) 0 0;text-indent:-9999px;display:block;} div#anamile_camp01 #analink {width:980px;margin:0 auto 30px auto;clear:both;overflow:hidden} div#anamile_camp01 #analink li{float:left;} div#anamile_camp01 #analink .btn_use {width:490px;height:39px;background:url(/images/campaign/anamile/camp01_btn_ana01.png) 0 0;text-indent:-9999px;display:block;} div#anamile_camp01 #analink .btn_admin {width:490px;height:39px;background:url(/images/campaign/anamile/camp01_btn_ana01.png) -490px 0;text-indent:-9999px;display:block} div#anamile_camp01 #main {width:834px;margin:0 auto;} /* POSTS */ div#anamile_camp01 #main .posts_area {margin:0 0 30px 0;width:834px;border-bottom:1px dotted #fff;} div#anamile_camp01 #main .posts_area h3 {margin:0 0 10px 0;width:834px;height:26px;background:url(/images/campaign/anamile/camp01_posts_ttl.png) no-repeat 0 0;text-indent:-9999px} div#anamile_camp01 #main .posts_area h4 {margin:0 0 20px 0;width:834px;height:47px;background:url(/images/campaign/anamile/camp01_posts_ttl.png) no-repeat 0 -33px;text-indent:-9999px} div#anamile_camp01 #main .posts_area ul {padding:0 0 31px 0;background:url(/images/campaign/anamile/camp01_posts-miles_btm.png) no-repeat 0% 100%} div#anamile_camp01 #main .posts_area ul li {float:left} div#anamile_camp01 #main .posts_area ul p.arrow {clear:both} div#anamile_camp01 #main .posts_area ul li.txt {width:213px;height:195px;background:url(/images/campaign/anamile/camp01_posts-miles.png) no-repeat 0 0;text-indent:-9999px} div#anamile_camp01 #main .posts_area ul li.pht {width:213px;height:195px;background:url(/images/campaign/anamile/camp01_posts-miles.png) no-repeat -213px 0;text-indent:-9999px} div#anamile_camp01 #main .posts_area ul li.mov {width:213px;height:195px;background:url(/images/campaign/anamile/camp01_posts-miles.png) no-repeat -426px 0;text-indent:-9999px} div#anamile_camp01 #main .posts_area ul li.rat {width:195px;height:195px;background:url(/images/campaign/anamile/camp01_posts-miles.png) no-repeat -639px 0;text-indent:-9999px} /* FLOW */ div#anamile_camp01 #main .flow_area {width:843px;margin:0 0 30px 0;} div#anamile_camp01 #main .flow_area h3 {margin:0 3px;width:440px;height:26px;background:url(/images/campaign/anamile/camp01_flow_ttl.png) no-repeat;text-indent:-9999px} div#anamile_camp01 #main .flow_area ul {margin-top:20px} div#anamile_camp01 #main .flow_area ul li {float:left;position:relative;font-size:75%;line-height:140%} div#anamile_camp01 #main .flow_area ul li span.announce {display:none} div#anamile_camp01 #main .flow_area ul li.route_00 {width:213px;height:197px;background:url(/images/campaign/anamile/camp01_flow-route_00.png) no-repeat} div#anamile_camp01 #main .flow_area ul li.route_00 .hotel p.nav {position:absolute;top:60px;left:15px} div#anamile_camp01 #main .flow_area ul li.route_00 .ana p.nav {position:absolute;top:163px;left:15px} div#anamile_camp01 #main .flow_area ul li.route_01 {width:213px;height:197px;background:url(/images/campaign/anamile/camp01_flow-route_01.png) no-repeat} div#anamile_camp01 #main .flow_area ul li.route_01 p.nav {position:absolute;top:63px;left:35px;text-indent:-12px} div#anamile_camp01 #main .flow_area ul li.route_01 a.btn {width:109px;height:28px;position:absolute;bottom:17px;left:41px; background:url(/images/campaign/anamile/camp01_flow-route_01_btn.png) no-repeat -39px -151px; text-indent:-9999px} div#anamile_camp01 #main .flow_area ul li.route_02 {width:213px;height:197px;background:url(/images/campaign/anamile/camp01_flow-route_02.png) no-repeat} div#anamile_camp01 #main .flow_area ul li.route_02 p.nav {position:absolute;top:82px;left:25px} div#anamile_camp01 #main .flow_area ul li.route_03 {width:201px;height:197px;background:url(/images/campaign/anamile/camp01_flow-route_03.png) no-repeat} div#anamile_camp01 #main .flow_area ul li.route_03 p.txt {padding-right:10px;position:absolute;top:75px;left:25px} div#anamile_camp01 #main .flow_area ul li.route_03 p.nav {} /* ENTRY */ div#anamile_camp01 #main .entry_area {width:843px;margin:0 0 30px 0;text-align:center;} div#anamile_camp01 #main .entry_area h3 {width:708px;height:44px;margin:0 auto 20px auto;background:url(/images/campaign/anamile/camp01_entry_txt.png) no-repeat;text-indent:-9999px} div#anamile_camp01 #main .entry_area .btn_entry {width:515px;height:43px;margin:0 auto 15px auto;background:url(/images/campaign/anamile/camp01_entry_btn.png) no-repeat;text-indent:-9999px;display:block} div#anamile_camp01 #main .entry_area span {text-align:center;color:#ff9900;font-size:10px;}