@charset "utf-8"; /* ---------------------------------------------------- 汎用class ---------------------------------------------------- */ label:focus { outline:none!important; } input:focus { outline:none!important; } li:focus { outline:none!important; } img:focus { outline:none!important; } .link_button { margin:0; padding:5px 15px 5px 33px; color:#333333; font-size:93%; background:url(/procedure/img_v1/pack_select/icon_link.png) 10px 50% no-repeat #fff; display:inline-block; text-decoration:none; border:1px solid #dddddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); font-family:'Noto Sans Japanese Medium'; font-weight:normal; cursor:pointer; } .link_button:hover { color:#666666; border:1px solid #ffd75c; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.1),inset 0px 0px 0px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.1),inset 0px 0px 0px rgba(255,255,255,0.3); } #packselect.wrap { padding-bottom:50px;} /* ---------------------------------------------------- 検索条件表示 1603の更新にて未使用 ---------------------------------------------------- */ #packselect #termsArea { width:100%; padding:5px 0 13px; background:#fff; border-bottom:1px solid #e5e5e5; position:relative; } #packselect #termsArea .arrow{ position:absolute; top:; } #packselect #termsArea table { width:1000px; margin:0 auto; border:1px solid #e4e4e4; border-collapse: collapse; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); } #packselect #termsArea table th { width:15%; margin:0; border:1px solid #e4e4e4; background:#f4f4f4; font-size:86%; color:#333333; font-family:'Noto Sans Japanese Medium'; } #packselect #termsArea table td { margin:0; border:1px solid #e4e4e4; background:ffffff; font-size:86%; } #packselect #termsArea #termsTable td.cell1 { width:68%; } #packselect #termsArea #termsTable td.cell2 { width:13%; text-align:center; } #packselect #termsArea #termsTable2 td.cell1 { width:81%; position:relative; } #packselect #termsArea #termsTable2 td.cell1 .arrow{ position:absolute; left:335px; bottom:-22px; } #packselect #termsArea table .column1 td.cell1, #packselect #termsArea table .column1 td.cell2 { padding:4px 1% 2px; } #packselect #termsArea table .column2 td.cell1, #packselect #termsArea table .column2 td.cell2 { padding:8px 1% 6px; } #packselect #termsArea table td.cell1 { font-family:'Noto Sans Japanese Medium'; } #packselect #termsArea table td.cell1 .serviceList { margin:0; padding:0; overflow:hidden; zoom:1; } #packselect #termsArea table td.cell1 .serviceList li { margin:0; padding:0; float:left; overflow:hidden; text-indent:-9999px; } #packselect #termsArea table td.cell1 .serviceList li.tv { width:52px; height:40px; background:url(/procedure/img_v1/pack_select/icon_select_tv.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.tv_sp { width:52px; height:40px; background:url(/procedure/img_v1/pack_select/icon_select_tv_sp.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.tv_s { width:52px; height:40px; background:url(/procedure/img_v1/pack_select/icon_select_tv_s.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.tv_c { width:52px; height:40px; background:url(/procedure/img_v1/pack_select/icon_select_tv_c.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.tv_ss { width:52px; height:40px; background:url(/procedure/img_v1/pack_select/icon_select_tv_ss.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.tuner_sjb { width:174px; height:40px; margin-right:15px; background:url(/procedure/img_v1/pack_select/icon_select_tuner_sjb.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.tuner_stb { width:132px; height:40px; margin-right:15px; background:url(/procedure/img_v1/pack_select/icon_select_tuner_stb.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.tuner_etc { width:100px; height:40px; margin-right:15px; background:url(/procedure/img_v1/pack_select/icon_select_tuner_etc.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.net { width:54px; height:40px; margin-right:10px; background:url(/procedure/img_v1/pack_select/icon_select_net.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.phone { width:45px; height:40px; margin-right:10px; background:url(/procedure/img_v1/pack_select/icon_select_phone.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.mobile { width:40px; height:40px; margin-right:10px; background:url(/procedure/img_v1/pack_select/icon_select_mobile.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.ele { width:40px; height:40px; margin-right:10px; background:url(/procedure/img_v1/pack_select/icon_select_electric.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.wimax { width:92px; height:40px; margin-right:10px; background:url(/procedure/img_v1/pack_select/icon_select_wimax.png) 50% 50% no-repeat #fff; } #packselect #termsArea table td.cell1 .serviceList li.jisin { width:90px; height:40px; margin-right:10px; background:url(/procedure/img_v1/pack_select/icon_select_jisin.png) 50% 50% no-repeat #fff; } /* ---------------------------------------------------- 検索条件表示 ---------------------------------------------------- */ #packselect #termsArea1603 { width:100%; padding:5px 0 7px; background:#fff; border-bottom:1px solid #e5e5e5; position:relative; } #packselect #termsArea1603 .termsBox { width:1000px; margin:0 auto 5px; background:#f5f5f5; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; position:relative;} #packselect #termsArea1603 .termsBox dl { padding:8px 0; } #packselect #termsArea1603 .termsBox dl dt { width:240px; padding:0; float:left; background:url(/procedure/img_v1/pack_select/icon_select_ttl.png) 12px 50% no-repeat; } #packselect #termsArea1603 .termsBox dl dt p { height:65px; padding:0 0 0 30px; display:table-cell; vertical-align:middle; font-family:'Noto Sans Japanese Bold'; line-height:1.4; } #packselect #termsArea1603 .termsBox dl dd { width:760px; float:right; } #packselect #termsArea1603 .termsBox dl dd ul.wishList { margin:0; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li { height:65px; margin:0 8px 0 0; padding:0; border:1px solid #cbd3d5; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; cursor:pointer; -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.1); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.1); float:left; position:relative; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li .tooltip { position:absolute; top:-10px; right:-10px; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li .select { display:block; width:100%; height:13px; margin:0; padding:0; background:url(/procedure/img_v1/pack_select/icon_select.png) 50% 50% no-repeat; text-indent:100%; white-space: nowrap; overflow:hidden; position:absolute; top:-8px; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li .subscription { display:block; width:100%; height:13px; margin:0; padding:0; background:url(/procedure/img_v1/pack_select/icon_subscription.png) 50% 50% no-repeat; text-indent:100%; white-space: nowrap; overflow:hidden; position:absolute; top:-8px; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li .uninsured { display:block; width:100%; height:13px; margin:0; padding:0; background:url(/procedure/img_v1/pack_select/icon_uninsured.png) 50% 50% no-repeat; text-indent:100%; white-space: nowrap; overflow:hidden; position:absolute; top:-8px; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li > p { text-indent:100%; white-space:nowrap; overflow:hidden; } #packselect #termsArea1603 #useService.termsBox dl dd ul.wishList > li { cursor:default; } #packselect #termsArea1603 #useService.termsBox .arrow{ position:absolute; left:492px; bottom:-20px; z-index:10; } #packselect #termsArea1603 #wishService.termsBox dl dd ul.wishList > li.subscription { cursor:default; } #packselect #termsArea1603 #wishService.termsBox dl dd ul.wishList > li.tv.subscription { cursor:pointer; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li .subscription { display:none; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.subscription .uninsured { display:none; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.subscription .subscription { display:block; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv.subscription { background:url(/procedure/img_v1/pack_select/selected_icon_tv.png) 50% 50% no-repeat #fff0f9; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.net.subscription { background:url(/procedure/img_v1/pack_select/selected_icon_net.png) 50% 50% no-repeat #edf9ff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.phone.subscription { background:url(/procedure/img_v1/pack_select/selected_icon_phone.png) 50% 50% no-repeat #eefff5; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.mobile.subscription { background:url(/procedure/img_v1/pack_select/selected_icon_mobile.png) 50% 50% no-repeat #e0fcfd; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.ele.subscription { background:url(/procedure/img_v1/pack_select/selected_icon_ele.png) 50% 50% no-repeat #fff4e5; } #packselect #termsArea1603 #useService.termsBox dl dd ul.wishList > li.tv { width:104px; margin-right:256px; background:url(/procedure/img_v1/pack_select/select_icon_tv.png) 50% 50% no-repeat #fff; } #packselect #termsArea1603 #useService.termsBox dl dd ul.wishList > li.tv.subscription { width:104px; margin-right:256px; background:url(/procedure/img_v1/pack_select/selected_icon_tv.png) 50% 50% no-repeat #fff0f9; } #packselect #termsArea1603 #wishService.termsBox dl dd ul.wishList > li.tv { width:104px; background:url(/procedure/img_v1/pack_select/select_icon_tv.png) 20px 50% no-repeat #fff; } #packselect #termsArea1603 #wishService.termsBox dl dd ul.wishList > li.tv.subscription { width:104px; background:url(/procedure/img_v1/pack_select/selected_icon_tv.png) 20px 50% no-repeat #fff0f9; } #packselect #termsArea1603 #wishService.termsBox dl dd ul.wishList > li.tv .service { width:104px; height:65px; background:url(/procedure/img_v1/pack_select/wish_pulldown.png) 0% 50% no-repeat; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner { width:238px; background:url(/procedure/img_v1/pack_select/select_icon_tuner.png) 20px 50% no-repeat #fff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .service { width:238px; height:65px; background:url(/procedure/img_v1/pack_select/wish_pulldown.png) 0% 50% no-repeat; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.net { width:89px; background:url(/procedure/img_v1/pack_select/select_icon_net.png) 50% 50% no-repeat #fff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.phone { width:89px; background:url(/procedure/img_v1/pack_select/select_icon_phone.png) 50% 50% no-repeat #fff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.mobile { width:89px; background:url(/procedure/img_v1/pack_select/select_icon_mobile.png) 50% 50% no-repeat #fff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.ele { width:89px; margin:0; background:url(/procedure/img_v1/pack_select/select_icon_ele.png) 50% 50% no-repeat #fff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv.ss.selected { background:url(/procedure/img_v1/pack_select/selected_icon_tv_ss.png) 20px 50% no-repeat #fff0f9!important; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv.s.selected { background:url(/procedure/img_v1/pack_select/selected_icon_tv_s.png) 20px 50% no-repeat #fff0f9!important; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv.sp.selected { background:url(/procedure/img_v1/pack_select/selected_icon_tv_sp.png) 20px 50% no-repeat #fff0f9!important; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv.no.selected { background:url(/procedure/img_v1/pack_select/selected_icon_tv_sp.png) 20px 50% no-repeat #fff0f9!important; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner.sjb.selected { background:url(/procedure/img_v1/pack_select/selected_icon_sjb.png) 20px 50% no-repeat #fff0f9; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner.stb.selected { background:url(/procedure/img_v1/pack_select/selected_icon_stb.png) 20px 50% no-repeat #fff0f9; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.net.selected { background:url(/procedure/img_v1/pack_select/selected_icon_net.png) 50% 50% no-repeat #edf9ff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.phone.selected { background:url(/procedure/img_v1/pack_select/selected_icon_phone.png) 50% 50% no-repeat #eefff5; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.mobile.selected { background:url(/procedure/img_v1/pack_select/selected_icon_mobile.png) 50% 50% no-repeat #e0fcfd; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.ele.selected { background:url(/procedure/img_v1/pack_select/selected_icon_ele.png) 50% 50% no-repeat #fff4e5; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.selected .select { display:none!important; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList { display:none; position:absolute; top:65px; left:-1px; z-index:1000; -moz-box-shadow: 1px 0px 2px rgba(000,000,000,0.1); -webkit-box-shadow: 1px 0px 2px rgba(000,000,000,0.1); } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li { width:352px; background:#fff; border:1px solid #cbd3d5; border-top:0; font-family:'Noto Sans Japanese Bold'; position:relative;} #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li:first-child { border-top:1px solid #cbd3d5; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li .tooltip { position:absolute; top:0px; right:0px; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li label { display:block; padding-left:45px; cursor:pointer; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li label.unselected { background:url(/procedure/img_v1/pack_select/wish_check.png) 0% 50% no-repeat #fff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li label.selected { background:url(/procedure/img_v1/pack_select/wish_checked.png) 0% 50% no-repeat #fff0cc; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li .name { width:145px; height:42px; display:table-cell; vertical-align:middle; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li .ch { width:180px; height:42px; display:table-cell; vertical-align:middle; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tv .chList li .ch em { font-size:143%; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList { display:none; position:absolute; top:65px; left:-1px; z-index:1000; -moz-box-shadow: 1px 0px 2px rgba(000,000,000,0.1); -webkit-box-shadow: 1px 0px 2px rgba(000,000,000,0.1); } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li { width:250px; background:#fff; border:1px solid #cbd3d5; border-top:0; font-family:'Noto Sans Japanese Bold'; position:relative;} #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li:first-child { border-top:1px solid #cbd3d5; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li .tooltip { position:absolute; top:0px; right:0px; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li label { display:block; padding-left:45px; cursor:pointer; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li label.unselected { background:url(/procedure/img_v1/pack_select/wish_check.png) 0% 50% no-repeat #fff; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li label.selected { background:url(/procedure/img_v1/pack_select/wish_checked.png) 0% 50% no-repeat #fff0cc; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li label p { height:46px; display:block; vertical-align:middle; text-indent:100%; white-space:nowrap; overflow:hidden; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li label.tuner_sjb p { background:url(/procedure/img_v1/pack_select/selected_icon_sjb_s.png) 0% 50% no-repeat; } #packselect #termsArea1603 .termsBox dl dd ul.wishList > li.tuner .tunerList li label.tuner_stb p { background:url(/procedure/img_v1/pack_select/selected_icon_stb_s.png) 0% 50% no-repeat; } #packselect #termsArea1603 #netNorikae { width:1000px; margin:0 auto 5px; background:#f5f5f5; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;} #packselect #termsArea1603 #netNorikae dl { padding:8px 0; } #packselect #termsArea1603 #netNorikae dl dt { width:240px; padding:0; float:left; background:url(/procedure/img_v1/pack_select/icon_select_ttl.png) 12px 50% no-repeat; } #packselect #termsArea1603 #netNorikae dl dt p { height:65px; padding:0 0 0 30px; display:table-cell; vertical-align:middle; font-family:'Noto Sans Japanese Bold'; line-height:1.4; } #packselect #termsArea1603 #netNorikae dl dd { width:760px; float:right; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList { margin:0; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae { width:748px; margin:0; height:65px; margin:0 8px 0 0; padding:0; border:1px solid #cbd3d5; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; cursor:pointer; -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.1); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.1); float:left; position:relative; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae { background:url(/procedure/img_v1/pack_select/wish_pulldown.png) 0% 50% no-repeat #fff; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae.selected { background:url(/procedure/img_v1/pack_select/wish_pulldown.png) 0% 50% no-repeat #fff0cc; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae > p { display:none; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae > p.selected { display:block; width:748px; height:65px; display:table-cell; vertical-align:middle; padding-left:30px; font-family:'Noto Sans Japanese Medium'; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae ul { display:none; width:748px; position:absolute; top:65px; left:-1px; z-index:1000; -moz-box-shadow: 1px 0px 2px rgba(000,000,000,0.1); -webkit-box-shadow: 1px 0px 2px rgba(000,000,000,0.1);} #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae ul li { width:748px; background:#fff; border:1px solid #cbd3d5; border-top:0; font-family:'Noto Sans Japanese Medium';} #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae ul li:first-child { border-top:1px solid #cbd3d5; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae ul li label { height:48px; display:block; padding-left:45px; cursor:pointer; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae ul li label.unselected { background:url(/procedure/img_v1/pack_select/wish_check.png) 0% 50% no-repeat #fff; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae ul li label.selected { background:url(/procedure/img_v1/pack_select/wish_checked.png) 0% 50% no-repeat #fff0cc; } #packselect #termsArea1603 #netNorikae dl dd ul.norikaeList > li.net_norikae ul li label p { height:48px; line-height:1.3; display:table-cell; vertical-align:middle; } #packselect #termsArea1603 .btn-change { width:167px; margin:5px 0 0; padding:3px 0; color:#333333; font-size:86%; background:url(/procedure/img_v1/pack_select/icon_link_s.png) 5px 50% no-repeat #fff; display:inline-block; text-decoration:none; border:1px solid #dddddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); font-family:'Noto Sans Japanese Medium'; font-weight:normal; cursor:pointer; text-align:center; } #packselect #termsArea1603 .btn-change:hover { color:#666666; border:1px solid #ffd75c; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.1),inset 0px 0px 0px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.1),inset 0px 0px 0px rgba(255,255,255,0.3); } /* ---------------------------------------------------- パック・サービス選択 ---------------------------------------------------- */ #packselect #step1Area { background:#f4f4f4; } #packselect #step1Area .inner { width:1000px; margin:0 auto; padding:20px 0 45px; position:relative; } #packselect #step1Area .inner .stepimg { width:152px; margin:0; padding:0; position:absolute; top:-15px; left:424px; } #packselect #step1Area h2 { background:url(/procedure/img_v1/pack_select/midashi_step1.png) 0% 50% no-repeat; line-height:30px; text-indent:38px; font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:18px; } #packselect #step1Area .readtxt { width:480px; text-indent:8px; float:left; } /*-- 長期説明---------------------------------------------------- */ #packselect #step1Area .icon_longterm-s { margin:5px 10px 5px 0; padding:1px 3px 1px 5px; font-size:61%; color:#fff; background:#fc4201; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); float:right; display:inline-block; } #packselect #step1Area .icon_longterm-txt { background:url(/procedure/img_v1/pack_select/icon_longterm_s.png) 0% 50% no-repeat; padding:0 0 0 75px; font-size:72%; line-height:1.4; color:#666666; float:right; } /*-- パック選択共通---------------------------------------------------- */ #packselect #packselectBox { padding:20px 0 0 20px; background:#fcfcfc; overflow:hidden; zoom:1; } #packselect #packselectBox label.unselected, #packselect #packselectBox label.unchecked { background:url(/procedure/img_v1/pack_select/check.png) no-repeat; } #packselect #packselectBox label.selected, #packselect #packselectBox label.checked { background:url(/procedure/img_v1/pack_select/check_on.png) no-repeat; } #packselect #packselectBox .icon_term { margin:0; padding:0; overflow:hidden; zoom:1; position:absolute; top:12px; left:-1px; display:inline-block; font-family:'Noto Sans Japanese Medium'; border:1px solid #e5e5e5; } #packselect #packselectBox .icon_term dt { padding:2px 0 1px; width:90px; background:#fc4201; font-size:79%; color:#fff; float:left; display:block; text-align:center; } #packselect #packselectBox .icon_term.long dt { background:#fc4201; color:#fff; } #packselect #packselectBox .icon_term.normal dt { background:#64a9c5; color:#fff; } #packselect #packselectBox .icon_term dd { padding:2px 6px 1px; background:#f8f8f8; float:left; display:inline-block; font-size:79%; } #packselect #packselectBox .icon_term dd span { font-size:93%; } #packselect #packselectBox .icon_w { width:180px; margin:0 0 2px; padding:0 4px; border:1px solid #cbd3d5; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:72%; background:#fff; text-align:center; } #packselect #packselectBox .icon_tablet { color:#ff8420; } #packselect #packselectBox .icon_mobile { color:#0090ff; } /*-- 金額表示共通設定 ---------------------------------------------------- */ /*.price em { font-family:'arial'; font-weight:bold; display:inline-block; padding:0 2px; }*/ /*-- パック未選択時---------------------------------------------------- */ #packselect #packselectBox .beforeList { margin:0; padding:0; } #packselect #packselectBox .beforeList li.more { display:none; } #packselect #packselectBox .beforeList label { display:block; cursor:pointer; } #packselect #packselectBox .beforeList label.unselected, #packselect #packselectBox .beforeList label.selected, #packselect #packselectBox .beforeList label.unchecked, #packselect #packselectBox .beforeList label.checked { background-position: 15px 55px; } #packselect #packselectBox .beforeList > li { width:469px; margin:0 18px 16px 0; padding:0; border:1px solid #cbd3d5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1); float:left; position:relative; background:#FFF; } #packselect #packselectBox .beforeList li .serviceBox { min-height:128px; height:auto!important; height:128px; } #packselect #packselectBox .beforeList > li .packname { width:220px; min-height:50px; height: auto !important; height: 50px; display:table; padding:42px 0 0 55px; margin-bottom:2px; } #packselect #packselectBox .beforeList > li .packname p { display:table-cell; vertical-align:middle; font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:129%; line-height:1.3; } #packselect #packselectBox .beforeList > li .packname span { display:inline-block; } #packselect #packselectBox .beforeList > li .icon_ausv { margin-left:55px; } #packselect #packselectBox .beforeList > li .icon_w { margin-left:55px; } #packselect #packselectBox .beforeList .service_icon { width:178px; position:absolute; top:40px; right:8px; } #packselect #packselectBox .beforeList .service_icon li { margin:0 3px 3px 0; padding:0; font-size:1px; line-height:1px; float:left; position:relative; } #packselect #packselectBox .beforeList .service_icon li .tooltip { position:absolute; top:-6px; right:-5px; z-index:100; } #packselect #packselectBox .beforeList .waribiki_icon { overflow:hidden; zoom:1; padding-left:50px; margin-bottom:10px; height:40px; } #packselect #packselectBox .beforeList .waribiki_icon li { float:left; width:197px; margin:0 0 2px 5px; padding:0; border:1px solid #cbd3d5; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:72%; background:#fff; text-align:center; } #packselect #packselectBox .beforeList .waribiki_icon li.icon_tablet { color:#fc4201; } #packselect #packselectBox .beforeList .waribiki_icon li.icon_mobile { color:#0090ff; } #packselect #packselectBox .beforeList .waribiki_icon li.icon_mobile_start { color:#0090ff; } #packselect #packselectBox .beforeList .waribiki_icon li.icon_ele { color:#f18e03; } #packselect #packselectBox .beforeList .priceBox { border-top:1px dotted #cbd3d5; padding:10px 12px; overflow:hidden; zoom:1; } #packselect #packselectBox .beforeList .priceBox .month-price { width:230px; float:left; } #packselect #packselectBox .beforeList .priceBox .month-price .icon { width:40px; margin-right:7px; float:left; display:block; } #packselect #packselectBox .beforeList .priceBox .month-price .icon span { width:100%; background:#df1010; color:#FFF; font-size:72%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; display:block; margin:9px 6px 0 0; padding:0; font-family:'Noto Sans Japanese Medium'; text-align:center; } #packselect #packselectBox .beforeList .priceBox .month-price .txt { font-size:86%; line-height:1.2; display:inline-block; margin:3px 5px 0 0; float:left; } #packselect #packselectBox .beforeList .priceBox .month-price .price { font-size:12px; display:inline-block; } #packselect #packselectBox .beforeList .priceBox .month-price .price em { font-size:36px; line-height:1; padding:0 2px 0 0; } #packselect #packselectBox .beforeList .priceBox .month-price .price span.camp { color:#df1010; } #packselect #packselectBox .beforeList .priceBox .after-price { width:215px; float:right; font-size:11px; line-height:1.1; text-align:right; display:table; min-height:32px; height:auto!important; height:32px; } #packselect #packselectBox .beforeList .priceBox .after-price p { display:table-cell; vertical-align:bottom; height:100%; } #packselect #packselectBox .beforeList .priceBox .after-price em { font-size:16px; } #packselect #packselectBox .moreBtn { width:330px; margin:0 0 18px 315px; text-align:center; font-family:'Noto Sans Japanese Medium'; font-size:108%; color:#333; line-height:36px; border:1px solid #d1d1d1; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); background: -moz-linear-gradient(top, #ffffff 1%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 1%, #efefef 100%); background: -o-linear-gradient(top, #ffffff 1%, #efefef 100%); background: -ms-linear-gradient(top, #ffffff 1%, #efefef 100%); background: linear-gradient(to bottom, #ffffff 1%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); cursor:pointer; } #packselect #packselectBox .moreBtn:hover { border:1px solid #ffd75c; -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); } #packselect #packselectBox .moreBtn .on { display:none; } #packselect #packselectBox .moreBtn .off { display:block; background: url(/procedure/img_v1/pack_select/icon_link_open.png) no-repeat 3% 50%; } #packselect #packselectBox .moreBtn.ac .on { display:block; background: url(/procedure/img_v1/pack_select/icon_link_close.png) no-repeat 3% 50%; } #packselect #packselectBox .moreBtn.ac .off { display:none; } #packselect #packselectBox .beforeList li.elepackLink { width:960px; margin:0 0 10px!important; padding:5px 0!important; border:none; background:#f4f4f4; border-radius: 5px; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; text-align:center; } /*#packselect #packselectBox .beforeList li.elepackLink a { background: url(/procedure/img_v1/pack_select/icon_link.png) no-repeat 10px 50%; display:inline-block; padding:0 0 0 35px; }*/ /*-- パック選択後---------------------------------------------------- */ #packselect #packselectBox .afterBox { width:958px; margin:0 0 10px; padding:0; border:1px solid #ffd973; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1); position:relative; background:#fff6dd; overflow:hidden; zoom:1; display:none; } #packselect #packselectBox .afterBox .innerBox { margin:0; padding:15px 15px 15px 0; display:table; } #packselect #packselectBox .afterBox .innerBox label { display:table-cell; width:55px; cursor:pointer; } #packselect #packselectBox .afterBox label.unselected, #packselect #packselectBox .afterBox label.selected, #packselect #packselectBox .afterBox label.unchecked, #packselect #packselectBox .afterBox label.checked { background-position: 15px 55%; } #packselect #packselectBox .afterBox .innerBox .nameBox { display:table-cell; width:390px; } #packselect #packselectBox .afterBox .innerBox .nameBox .packname { margin:0 0 5px; padding:32px 0 0; vertical-align:middle; font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:143%; line-height:1.3; } #packselect #packselectBox .afterBox .innerBox .nameBox .packname span { display:inline-block; margin:0 8px 0 0; } #packselect #packselectBox .afterBox .innerBox .serviceBox { display:table-cell; width:240px; padding:0 10px; vertical-align:middle; } #packselect #packselectBox .afterBox .innerBox .serviceBox ul { margin:10px 0 0; padding:0; } #packselect #packselectBox .afterBox .innerBox .serviceBox ul li { margin:0 3px 3px 0; padding:0; font-size:1px; line-height:1px; float:left; position:relative; } #packselect #packselectBox .afterBox .innerBox .serviceBox ul li .tooltip { position:absolute; top:-6px; right:-5px; z-index:100; } #packselect #packselectBox .afterBox .innerBox .priceBox { display:table-cell; width:250px; text-align:right; vertical-align:middle; } #packselect #packselectBox .afterBox .innerBox .priceBox .month-price { } #packselect #packselectBox .afterBox .innerBox .priceBox .month-price .icon { min-width:40px; width:auto!important; width:40px; margin:-10px 5px 0 0; display:inline-block; vertical-align:middle; } #packselect #packselectBox .afterBox .innerBox .priceBox .month-price .icon span { width:100%; background:#df1010; color:#FFF; font-size:72%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; display:block; margin:0; padding:0; font-family:'Noto Sans Japanese Medium'; text-align:center; } #packselect #packselectBox .afterBox .innerBox .priceBox .month-price .txt { font-size:86%; line-height:1.2; margin:0; display:inline-block; } #packselect #packselectBox .afterBox .innerBox .priceBox .month-price .price { font-size:12px; display:inline-block; } #packselect #packselectBox .afterBox .innerBox .priceBox .month-price .price em { font-size:36px; line-height:1; } #packselect #packselectBox .afterBox .innerBox .priceBox .month-price .price span.camp { color:#df1010; } #packselect #packselectBox .afterBox .innerBox .priceBox .after-price { margin:5px 0 0; font-size:11px; line-height:1.2; display:inline-block; } #packselect #packselectBox .afterBox .innerBox .priceBox .after-price em { font-size:16px; } #packselect #packselectBox .backBtn { width:210px; margin:0 20px 10px 0; text-indent:30px; font-family:'Noto Sans Japanese Medium'; font-size:86%; color:#333; line-height:30px; border:1px solid #d1d1d1; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); background: url(/procedure/img_v1/pack_select/icon_link.png) #fafafa; background-repeat:no-repeat; background-position:3% 50%; cursor:pointer; display:none; float:right; } #packselect #packselectBox .backBtn:hover { border:1px solid #ffd75c; -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); } /* ---------------------------------------------------- モバイル選択 ---------------------------------------------------- */ #packselect #mobileselectBox { margin-top:20px; padding:10px 20px 20px; background:#fcfcfc; position:relative; } #packselect #mobileselectBox h3 { margin:0; padding:0; height:50px; display:inline-block; } #packselect #mobileselectBox > .tooltip { margin:10px 0 0; padding:0; height:26px; display:inline-block; vertical-align:top; } #packselect #mobileselectBox .icon_plus { position:absolute; top:-31px; left:479px; } #packselect #mobileselectBox .selectList { margin:0; padding:0; } #packselect #mobileselectBox .selectList > li { width:469px; margin:0 0 0 18px; padding:0; border:1px solid #cbd3d5; float:left; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); position:relative; } #packselect #mobileselectBox .selectList > li.ac { border:1px solid #ffd973; background:url(/procedure/img_v1/pack_select/bg_select.png) repeat-y 0 0; } #packselect #mobileselectBox .selectList > li:first-child { margin:0; } #packselect #mobileselectBox .selectList > li .tooltip { position:absolute; top:3px; right:3px; z-index:100; } #packselect #mobileselectBox .selectList > li > label { display:block; padding:5px 10px 5px 70px; cursor:pointer; } #packselect #mobileselectBox label.unselected, #packselect #mobileselectBox label.unchecked { background:url(/procedure/img_v1/pack_select/check_s.png) no-repeat 0 50%; } #packselect #mobileselectBox label.selected, #packselect #mobileselectBox label.checked { background:url(/procedure/img_v1/pack_select/check_s_on.png) no-repeat 0 50% #fff6dd; } #packselect #mobileselectBox .selectList li label .in { padding:0 15px 0 10px; } #packselect #mobileselectBox .selectList li label .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:18px; line-height:1.3; display:inline-block; margin:14px 0 0 5px; vertical-align:top; } #packselect #mobileselectBox .selectList li label .serviceName em { font-size:12px; font-family:'Noto Sans Japanese Medium'; } #packselect #mobileselectBox .selectList > li ul { display:none; } #packselect #mobileselectBox .selectList > li ul li { border-top:1px dotted #cbd3d5; position:relative; } #packselect #mobileselectBox .selectList > li ul li > label { min-height:60px; height: auto !important; height:60px; display:block; padding:0 0 0 55px; cursor:pointer; vertical-align:middle; } #packselect #mobileselectBox .selectList > li ul li label .serviceName-s { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:16px; line-height:1.3; margin:0; padding:15px 0 5px; } #packselect #mobileselectBox .selectList > li ul li label .serviceName-s em { font-size:12px; } #packselect #mobileselectBox .selectList > li ul li label .serviceName-s .icon{ font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:12px; line-height:1.3; margin:2px 0 0 5px; padding:1px 5px; background:#e83619; color:#fff; display:inline-block; vertical-align:top; } #packselect #mobileselectBox .selectList > li ul li label .coutionTxt { font-size:72%; color:#666666; } #packselect #mobileselectBox .selectList > li ul li label .price { position:absolute; right:5px; top:10px; font-size:12px; } #packselect #mobileselectBox .selectList > li ul li label .price em { font-size:20px; } #packselect #mobileselectBox .selectList > li ul li label .numberselect_ttl { display:none; } #packselect #mobileselectBox .selectList > li ul li label h4 { margin:8px 0 0; padding:0 10px; font-size:14px; font-family:'Noto Sans Japanese Medium'; font-weight:normal; background-color:#ebebeb; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } #packselect #mobileselectBox .selectList > li ul li label .numberSelect { width:100%; padding:6px 0 6px; } #packselect #mobileselectBox .selectList > li ul li label .numberSelect .coution { padding:0 80px 0 10px; min-height:30px; height:auto!important; height:50px; font-size:10px; color:#666666; } #packselect #mobileselectBox .selectList > li ul li label .numberSelect .coution p { margin:0; padding:0 0 1px 13px; position:relative; list-style:none; zoom:1; line-height:1.2; } #packselect #mobileselectBox .selectList > li ul li label .numberSelect .coution p span { margin:0; padding:0; top:0; left:0; position:absolute; } #packselect #mobileselectBox .selectList > li ul li .select { width:35px; margin:0; padding:0 10px 0 5px; position:absolute; bottom:8px; right:10px; display:none; overflow:hidden; border:1px solid #333333; border-radius:1px; border-radius:1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; background:#FFF; } #packselect #mobileselectBox .selectList > li ul li .select select { width:200%; margin:0; padding:3px 5px; font-size:16px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(/procedure/img_v1/pack_select/img_select_arrow.png) no-repeat 50% 50% #fff ; } #packselect #mobileselectBox .campaignBox { margin:15px 0 0; overflow:hidden; zoom:1; } #packselect #mobileselectBox .campaignBox h4.midashi { font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:16px; background:url(/procedure/img_v1/service_select/txt_top.png) no-repeat 0 50%; text-indent:22px; display:inline-block; } #packselect #mobileselectBox .campaignBox h4 em { font-size:12px; } #packselect #mobileselectBox .campaignBox .norikaeList li label.unselected, #packselect #mobileselectBox .campaignBox .norikaeList li label.unchecked { background:url(/procedure/img_v1/pack_select/check_s.png) no-repeat 0 50%; } #packselect #mobileselectBox .campaignBox .norikaeList li label.selected, #packselect #mobileselectBox .campaignBox .norikaeList li label.checked { background:url(/procedure/img_v1/pack_select/check_s_on.png) no-repeat 0 50% #fff6dd; } #packselect #mobileselectBox .campaignBox .norikaeList li { width:471px; margin:10px 0 0; padding:0; position:relative; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); float:left; position:relative; } #packselect #mobileselectBox .campaignBox .norikaeList li:first-child { margin:10px 18px 0 0; } #packselect #mobileselectBox .campaignBox .norikaeList li label { display:block; border:1px solid #c4cdcf; cursor:pointer; } #packselect #mobileselectBox .campaignBox .norikaeList li label div { height:60px; display:table-cell; vertical-align:middle; line-height:1.5; font-family:'Noto Sans Japanese Medium'; padding:0 0 0 65px; } #packselect #mobileselectBox .campaignBox .norikaeList li label div em { position:absolute; top:10px; right:10px; font-size:10px; line-height:10px; } #packselect #mobileselectBox .campaignBox .norikaeList li label div .coution { padding-left:13px; font-size:10px; display:inline-block; line-height:1.3; position:relative; } #packselect #mobileselectBox .campaignBox .norikaeList li label div .coution span { position:absolute; top:0; left:0; } #packselect #mobileselectBox .selectBox { margin:25px 0 10px; overflow:hidden; zoom:1; } #packselect #mobileselectBox .selectBox h4.midashi { margin:0 0 5px; font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:16px; background:url(/procedure/img_v1/service_select/txt_top.png) no-repeat 0 50%; text-indent:22px; display:inline-block; } /* ---------------------------------------------------- 電力選択 ---------------------------------------------------- */ #packselect #eleselectBox { margin-top:20px; padding:10px 0px 20px 20px; background:#fcfcfc; position:relative; } #packselect #eleselectBox h3 { margin:0; padding:0; width:500px; height:50px; display:inline-block; position:relative; } #packselect #eleselectBox h3 span { font-size:20px; font-weight:normal; font-family:'Noto Sans Japanese Medium'; position:absolute; top:9px; left:205px; } #packselect #eleselectBox > .tooltip { margin:10px 0 0; padding:0; height:26px; display:inline-block; vertical-align:top; } #packselect #eleselectBox .icon_plus { position:absolute; top:-31px; left:479px; } #packselect #eleselectBox .selectList { margin:0; padding:0; } #packselect #eleselectBox .selectList > li { width:469px; margin:0 18px 0 0; padding:0; border:1px solid #cbd3d5; float:left; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); position:relative; } #packselect #eleselectBox .selectList.c2 > li { width:469px; } #packselect #eleselectBox .selectList.c3 > li { width:306px; } #packselect #eleselectBox .selectList > li.ac { border:1px solid #ffd973; background:url(/procedure/img_v1/pack_select/bg_select.png) repeat-y 0 0; } #packselect #eleselectBox .selectList > li:first-child { } #packselect #eleselectBox .selectList > li .tooltip { position:absolute; top:3px; right:3px; z-index:100; } #packselect #eleselectBox .selectList > li > label { display:block; padding:5px 10px 5px 70px; cursor:pointer; } #packselect #eleselectBox label.unselected, #packselect #eleselectBox label.unchecked { background:url(/procedure/img_v1/pack_select/check_s.png) no-repeat 0 50%; } #packselect #eleselectBox label.selected, #packselect #eleselectBox label.checked { background:url(/procedure/img_v1/pack_select/check_s_on.png) no-repeat 0 50% #fff6dd; } #packselect #eleselectBox .selectList li label .in { padding:0 15px 0 10px; } #packselect #eleselectBox .selectList li label .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:18px; line-height:2.6; display:inline-block; margin:5px 0; vertical-align:top; } #packselect #eleselectBox .selectList li label .serviceName.l2 { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:18px; line-height:1.3; display:inline-block; margin:5px 0; vertical-align:top; } #packselect #eleselectBox .selectList li label .serviceName em { font-size:12px; font-family:'Noto Sans Japanese Medium'; } #packselect #eleselectBox .selectList > li .eleCapa { display:none;} #packselect #eleselectBox .selectList > li h4 { margin:0; padding:0 10px; font-size:14px; font-family:'Noto Sans Japanese Medium'; font-weight:normal; background-color:#ebebeb; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } #packselect #eleselectBox .selectList > li .eleCapa ul li { border-top:1px dotted #cbd3d5; position:relative; } #packselect #eleselectBox .selectList > li .eleCapa ul li:first-child { border-top:0px; } #packselect #eleselectBox .selectList > li .eleCapa ul li > label { min-height:40px; height: auto !important; height:40px; display:block; padding:0 0 0 55px; cursor:pointer; vertical-align:middle; } #packselect #eleselectBox .selectList > li .eleCapa ul li label p { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:16px; line-height:1.3; margin:0; padding:10px 15px; } #packselect #eleselectBox .selectList > li .eleCapa .capacity { position:relative; overflow:hidden; } #packselect #eleselectBox .selectList > li .eleCapa .capacity .select { width:100px; margin:10px; padding:0 10px 0 5px; overflow:hidden; border:1px solid #333333; border-radius:1px; border-radius:1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; background:#FFF; float:none; } #packselect #eleselectBox .selectList > li .eleCapa .capacity .select select { width:200%; margin:0; padding:3px 5px; font-size:16px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(/procedure/img_v1/pack_select/img_select_arrow.png) no-repeat 50% 50% #fff ; } #packselect #eleselectBox .coutionList { font-size:12px; } #packselect #eleselectBox .coutionList li { position:relative; padding-left:20px; } #packselect #eleselectBox .coutionList li span { position:absolute; top:0; left:0; } #packselect #eleselectBox .detailBtnBox { position:absolute; top:18px; right:20px; } #packselect #eleselectBox .detailBtnBox .detailBtn { margin:0; padding:0; display:inline-block; text-align:center; font-family:'Noto Sans Japanese Medium'; font-size:100%; color:#333; line-height:30px; border:1px solid #d1d1d1; text-decoration:none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); background: -moz-linear-gradient(top, #ffffff 1%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 1%, #efefef 100%); background: -o-linear-gradient(top, #ffffff 1%, #efefef 100%); background: -ms-linear-gradient(top, #ffffff 1%, #efefef 100%); background: linear-gradient(to bottom, #ffffff 1%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); cursor:pointer; } #packselect #eleselectBox .detailBtnBox .detailBtn a{ text-decoration:none; background: url(/procedure/img_v1/pack_select/icon_link.png) no-repeat 10px 50%; display:inline-block; padding:0 10px 0 35px; } #packselect #eleselectBox .detailBtnBox .detailBtn:hover { border:1px solid #ffd75c; -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); } #packselect #eleselectBox .ele_sample { background:#f4f4f4; width:960px; margin:0 0 15px; } #packselect #eleselectBox .ele_sample .txtBox { background:#f4f4f4; width:440px; padding:15px 20px; float:left; } #packselect #eleselectBox .ele_sample .txtBox .menuBox { background:#fff; width:400px; padding:20px 20px 10px; border:1px solid #e8e8e8; position:relative; } #packselect #eleselectBox .ele_sample .txtBox .menuBox .midashi { position:absolute; top:-13px; width:400px; } #packselect #eleselectBox .ele_sample .txtBox .menuBox .midashi p { background:#626262; color:#fff; display:block; width:280px; margin:0 auto; text-align:center; padding:2px 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; font-family:'Noto Sans Japanese Medium'; } #packselect #eleselectBox .ele_sample .txtBox .menuBox .lbox { width:200px; float:left; margin:0 auto; } #packselect #eleselectBox .ele_sample .txtBox .menuBox .rbox { width:200px; float:left; } #packselect #eleselectBox .ele_sample .txtBox .menuBox .lbox .campayName { font-size:16px; padding-left:30px; line-height:32px; background:url(/procedure/img_v1/pack_select/icon_ele_blue.png) no-repeat 0% 50% ; font-family:'Noto Sans Japanese Bold'; } #packselect #eleselectBox .ele_sample .txtBox .menuBox .lbox .courseName { font-size:14px; text-indent:30px; line-height:26px; background:url(/procedure/img_v1/pack_select/img_ele_arrow.png) no-repeat 100% 50% ; font-family:'Noto Sans Japanese Medium'; color:#007eff; } #packselect #eleselectBox .ele_sample .txtBox .menuBox .rbox .campayName { font-size:16px; padding-left:30px; line-height:32px; background:url(/procedure/img_v1/pack_select/icon_ele_orenge.png) no-repeat 0% 50% ; font-family:'Noto Sans Japanese Bold'; } #packselect #eleselectBox .ele_sample .txtBox .menuBox .rbox .courseName { font-size:14px; text-indent:30px; line-height:26px; font-family:'Noto Sans Japanese Medium'; color:#ff7800; } #packselect #eleselectBox .fcOre { color:#ff7800; } #packselect #eleselectBox .fcBlue { color:#007eff; } #packselect #eleselectBox .ele_sample .imgBox { background:#f4f4f4; width:470px; float:left; padding:15px 0; } /* ---------------------------------------------------- wimax選択 ---------------------------------------------------- */ #packselect #wimaxselectBox { margin-top:20px; padding:10px 20px 20px; background:#fcfcfc; position:relative; } #packselect #wimaxselectBox h3 { margin:0; padding:0; height:50px; display:inline-block; } #packselect #wimaxselectBox > .tooltip { margin:10px 0 0; padding:0; height:26px; display:inline-block; vertical-align:top; } #packselect #wimaxselectBox .icon_plus { position:absolute; top:-31px; left:479px; } #packselect #wimaxselectBox .selectList { margin:0; padding:0; } #packselect #wimaxselectBox .selectList > li { width:469px; margin:0 0 0 18px; padding:0; border:1px solid #cbd3d5; float:left; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); position:relative; } #packselect #wimaxselectBox .selectList > li.ac { border:1px solid #ffd973; background:url(/procedure/img_v1/pack_select/bg_select.png) repeat-y 0 0; } #packselect #wimaxselectBox .selectList > li:first-child { margin:0; } #packselect #wimaxselectBox .selectList > li .tooltip { position:absolute; top:3px; right:3px; z-index:100; } #packselect #wimaxselectBox .selectList > li > label { display:block; padding:7px 10px 7px 70px; cursor:pointer; } #packselect #wimaxselectBox label.unselected, #packselect #wimaxselectBox label.unchecked { background:url(/procedure/img_v1/pack_select/check_s.png) no-repeat 0 50%; } #packselect #wimaxselectBox label.selected, #packselect #wimaxselectBox label.checked { background:url(/procedure/img_v1/pack_select/check_s_on.png) no-repeat 0 50% #fff6dd; } #packselect #wimaxselectBox .selectList li label .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:18px; line-height:1.2; display:inline-block; margin:0; } #packselect #wimaxselectBox .selectList li label .serviceName em { font-size:14px; } #packselect #wimaxselectBox .selectList li label .price { position:absolute; right:5px; bottom:0px; font-size:12px; } #packselect #wimaxselectBox .selectList li label .price em { font-size:20px; } /* ---------------------------------------------------- 緊急地震速報選択 ---------------------------------------------------- */ #packselect #jisinselectBox { margin-top:20px; padding:10px 20px 10px; background:#fcfcfc; position:relative; } #packselect #jisinselectBox h3 { margin:0; padding:0; height:40px; display:inline-block; } #packselect #jisinselectBox > .tooltip { margin:10px 0 0; padding:0; height:26px; display:inline-block; vertical-align:top; } #packselect #jisinselectBox .icon_plus { position:absolute; top:-31px; left:479px; } #packselect #jisinselectBox .price { position:absolute; right:25px; bottom:5px; font-size:12px; } #packselect #jisinselectBox .price em { font-size:20px; } /* ---------------------------------------------------- 詳細選択 ---------------------------------------------------- */ #packselect #step2Area { background:#fff; border-top:1px solid #e5e5e5; } #packselect #step2Area .inner { width:1000px; margin:0 auto; padding:40px 0 20px; position:relative; } #packselect #step2Area .inner .stepimg { width:152px; margin:0; padding:0; position:absolute; top:-15px; left:424px; } #packselect #step2Area h2 { background:url(/procedure/img_v1/pack_select/midashi_step2.png) 0% 50% no-repeat; line-height:30px; text-indent:37px; font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:18px; margin:0 0 15px; } #packselect #step2Area .UnselectedBox { border:1px solid #ffd973; background:#fffaed; text-align:center; padding:30px 0; margin:0 0 40px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1); color:#fc4201; font-weight:bold; } /*-- 詳細タイトル ---------------------------------------------------- */ #packselect #step2Area .detail-ttl{ display:none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.1); padding:0 10px; margin:0 0 15px; position:relative; } #packselect #step2Area .detail-ttl h3.serviceName{ display:inline-block; font-size:24px; line-height:56px; font-family:'Noto Sans Japanese Bold'; font-weight:normal; vertical-align:top; margin:0; padding:0; } #packselect #step2Area .detail-ttl h3.serviceName span{ font-size:18px; } #packselect #step2Area .detail-ttl p.fukidashi { padding:0; margin:0; width:25px; height:12px; position:absolute; bottom:-14px; left:487px; text-indent:-9999px; overflow:hidden; } #packselect #step2Area .detail-ttl.pack{ background-color:#f4f4f4; border:1px solid #e2e0e1; } #packselect #step2Area .detail-ttl.pack p{ display:inline-block; padding:2px 0 2px 3px; } #packselect #step2Area .detail-ttl.pack p.fukidashi { background:url(/procedure/img_v1/pack_select/bg_detail_pack_midashi.gif) 0% 50% no-repeat; } #packselect #step2Area .detail-ttl.mobile{ background-color:#e5f8f8; border:1px solid #e2e0e1; } #packselect #step2Area .detail-ttl.mobile p{ display:inline-block; padding:2px 0 2px 3px; } #packselect #step2Area .detail-ttl.mobile h3.serviceName{ color:#00a5a8; } #packselect #step2Area .detail-ttl.mobile p.fukidashi { background:url(/procedure/img_v1/pack_select/bg_detail_mobile_midashi.gif) 0% 50% no-repeat; } #packselect #step2Area .plus { text-align:center; padding:0 10px 20px; display:none; } /*-- 詳細選択ボックス内 ---------------------------------------------------- */ #packselect #step2Area .detailBox { display:none; margin:0 0 25px; width:1000px; } #packselect #step2Area .detailBox h4.midashi { font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:16px; padding:10px 10px 10px 65px; margin:0 0 2px; background-color:#ebebeb; } #packselect #step2Area .detailBox h4.midashi.hisu { background:url(/procedure/img_v1/pack_select/icon_hisu.png) 15px 50% no-repeat #ebebeb!important; } #packselect #step2Area .detailBox h4.midashi.nini { background:url(/procedure/img_v1/pack_select/icon_nini.png) 15px 50% no-repeat #ebebeb; } #packselect #step2Area .detailBox h4.midashi span { font-size:65%; color:#666666; font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; } #packselect #step2Area .detailBox h4.midashi em { vertical-align: super; font-size:10px; } #packselect #step2Area .detailBox .coutionTxt { display:block; margin:0 0 2px; padding:5px 15px; color:#666666; font-size:79%; background:#f8f8f8; } #packselect #step2Area .detailBox .coutionTxt2 { display:block; margin:0 0 2px; color:#666666; font-size:90%; } #packselect #step2Area .detailBox .coutionTxt em{ color:#ff2400; } #packselect #step2Area .detailBox ul.selectList { width:1000px; margin:0; padding:0; overflow:hidden; zoom:1; } #packselect #step2Area .detailBox ul.selectList > li { float:left; border:3px solid #e0e0e0; position:relative; } #packselect #step2Area .detailBox ul.selectList > li.ac { float:left; border:3px solid #ffd973; } #packselect #step2Area .detailBox ul.selectList.c3 > li { width:326px; margin:0 0 0 2px; } #packselect #step2Area .detailBox ul.selectList.c3 > li:first-child { margin:0; } #packselect #step2Area .detailBox ul.selectList.c2 > li { width:493px; margin:0 0 2px 2px; } #packselect #step2Area .detailBox ul.selectList.c2 > li:nth-child(2n-1) { margin:0 0 2px 0; } #packselect #step2Area .detailBox ul.selectList.c1 > li { width:994px; margin:0 0 2px; } #packselect #step2Area .detailBox ul.selectList > li > label { display:block; padding:10px; cursor:pointer; background-color:#fff; } #packselect #step2Area .detailBox ul.selectList > li > label.unselected, #packselect #step2Area .detailBox ul.selectList > li > label.unchecked { background:url(/procedure/img_v1/pack_select/check_s.png) repeat-y 0 50%; } #packselect #step2Area .detailBox ul.selectList > li > label.selected, #packselect #step2Area .detailBox ul.selectList > li > label.checked { background:url(/procedure/img_v1/pack_select/check_s_on.png) repeat-y 0 50% #fff6dd; } #packselect #step2Area .detailBox ul.selectList label .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; } #packselect #step2Area .detailBox ul.selectList > li > .tooltip { position:absolute; top:2px; right:2px; z-index:100; } /*-- CS5chジャンル専用設定 ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.ch-genre label { padding:0 0 0 53px; text-align:center; } #packselect #step2Area .detailBox ul.selectList.ch-genre label .serviceName { font-size:14px; } #packselect #step2Area .detailBox ul.selectList.ch-genre label .serviceName em { font-size:30px; display:inline-block; } #packselect #step2Area .detailBox ul.selectList.ch-genre li ul.ch-genreList { margin:0; padding:0; border-top:1px solid #e9e9e9; } #packselect #step2Area .detailBox ul.selectList.ch-genre li ul.ch-genreList li { margin:0; padding:10px 13px; } #packselect #step2Area .detailBox ul.selectList.ch-genre li ul.ch-genreList li:nth-child(2n-1) { background:#fff9fc; } #packselect #step2Area .detailBox ul.selectList.ch-genre li ul.ch-genreList li div { margin:0 0 5px; padding:0; display:table; } #packselect #step2Area .detailBox ul.selectList.ch-genre li ul.ch-genreList li div p.icon { margin:0; padding:0 8px 0 0; display:table-cell; vertical-align:middle; } #packselect #step2Area .detailBox ul.selectList.ch-genre li ul.ch-genreList li div p.ttl { margin:0; padding:0; display:table-cell; vertical-align:middle; font-size:86%; line-height:1.4; font-family:'Noto Sans Japanese Medium'; font-weight:bold; color:#e4007f; } #packselect #step2Area .detailBox ul.selectList.ch-genre li ul.ch-genreList li p.txt { margin:0; padding:0; display:block; font-size:79%; color:#333333; } /*-- タブレット専用設定 ---------------------------------------------------- */ #packselect #step2Area .detailBox .selectList.tablet1607 label.yes .serviceName, #packselect #step2Area .detailBox .selectList.tablet1607 label.no .serviceName { font-size:14px; padding:15px 15px; } #packselect #step2Area .detailBox .selectList.tablet1607 li { position:relative; } #packselect #step2Area .detailBox .selectList.tablet1607 label { padding:0 0 0 53px; overflow:hidden; zoom:1; display:block; position:relative; } #packselect #step2Area .detailBox .selectList.tablet1607 label .imgbox { margin:0; padding:0; display:table-cell; text-align:center; vertical-align:middle; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox { margin:0; padding:0; display:table-cell; vertical-align:middle; } #packselect #step2Area .detailBox .selectList.tablet1607 label.sony { height:220px; } #packselect #step2Area .detailBox .selectList.tablet1607 label.sony .imgbox { width:190px; height:185px; } #packselect #step2Area .detailBox .selectList.tablet1607 label.sony .txtbox { width:250px; height:185px; } #packselect #step2Area .detailBox .selectList.tablet1607 label.sony .coution { display:none; } #packselect #step2Area .detailBox .selectList.tablet1607 .camp label.sony .coution { display:block; } #packselect #step2Area .detailBox .selectList.tablet1607 label.lg { height:220px; } #packselect #step2Area .detailBox .selectList.tablet1607 label.lg .box1 .imgbox { width:130px; height:195px; } #packselect #step2Area .detailBox .selectList.tablet1607 label.lg .box1 .imgbox img { padding-top:5px; } #packselect #step2Area .detailBox .selectList.tablet1607 label.lg .box1 .txtbox { width:310px; height:150px; } #packselect #step2Area .detailBox .selectList.tablet1607 label.lg .box2 .imgbox { width:130px; height:145px; } #packselect #step2Area .detailBox .selectList.tablet1607 label.lg .box2 .txtbox { width:310px; height:145px; } #packselect #step2Area .detailBox .selectList.tablet1607 label .coution { width:419px; padding:3px 10px; font-size:10px; border-top:1px dotted #e0e0e0; position:absolute; bottom:0; right:0; } #packselect #step2Area .detailBox .selectList.tablet1607 label .coution p { position:relative; padding-left:13px; } #packselect #step2Area .detailBox .selectList.tablet1607 label .coution p span { position:absolute; top:0; left:0; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg { height:auto!important; padding-top:10px; padding-bottom:10px; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg .box1 { width:50%; float:left; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg .box1 .imgbox { width:130px; height:150px; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg .box1 .txtbox { width:310px; height:150px; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg .box2 { width:50%; float:left; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg .box2 .imgbox { width:130px; height:130px; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg .box2 .txtbox { width:310px; height:130px; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg .coution { width:440px; text-align:left; font-size:10px; line-height:20px; text-indent:10px; border:none; } #packselect #step2Area .detailBox .selectList.tablet1607 label.lg .iconplus { width:36px; position:absolute; top:135px; left:260px; text-align:center; } #packselect #step2Area .detailBox .selectList.tablet1607 .c1 label.lg .iconplus { width:36px; position:absolute; top:55px; left:495px; text-align:center; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .campTxt { font-family:'Noto Sans Japanese Bold'; font-weight:bold; font-size:16px; color:#ff8421; margin:0 0 5px; display:none; } #packselect #step2Area .detailBox .selectList.tablet1607 .camp .txtbox .campTxt { display:block; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:20px; line-height:1.3; margin:0 0 0px; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .serviceName span { font-size:14px; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .serviceName span.kome { font-size:10px; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .txt { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:14px; margin:0 0 3px; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .price { font-size:12px; margin:0; line-height:1.3; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .price.camp { display:none; } #packselect #step2Area .detailBox .selectList.tablet1607 .camp .txtbox .price.camp { display:inline; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .price.camp em { font-size:24px; font-weight:bold; color:#fc0d1b; } #packselect #step2Area .detailBox .selectList.tablet1607 label .txtbox .price.normal em { font-size:14px; font-weight:bold; } #packselect #step2Area .detailBox .selectList.tablet1607.lgonly li#sony_tablet { display:none; } #packselect #step2Area .detailBox .selectList.tablet1607.lgonly li.no { float:right!important; width:493px; margin:0 0 2px 0!important; } #packselect #step2Area .detailBox .selectList.tablet1607.lgonly label.no { width:440px; height:160px; display:table; } #packselect #step2Area .detailBox .selectList.tablet1607.lgonly label.no .serviceName { width:100%; height:100%; display:table-cell; vertical-align:middle; } #packselect #step2Area .detailBox .selectList.tablet1607.lgonly li#lg_tablet { margin:0 0 2px 0!important; float:left; } #packselect #step2Area .detailBox .selectList.tablet1607.lgonly label.lg { height:160px; } #packselect #step2Area .detailBox .selectList.tablet1607.lgonly label.lg .box1 .imgbox { width:130px; height:150px; } #packselect #step2Area .detailBox .selectList.tablet1607.lgonly label.lg .box1 .txtbox { width:310px; height:140px; } #packselect #step2Area .detailBox .selectList.tabletsim li{ } #packselect #step2Area .detailBox .selectList.tabletsim li label{ height:120px; width:420px; display:table; } #packselect #step2Area .detailBox .selectList.tabletsim li label .txtbox{ height:80px; display:table-cell; vertical-align:middle; } #packselect #step2Area .detailBox .selectList.tabletsim li label .txtbox p.serviceName{ font-size:16px!important; } #packselect #step2Area .detailBox .selectList.tabletsim li label .coution { width:419px; padding:3px 10px; font-size:10px; border-top:1px dotted #e0e0e0; position:absolute; bottom:0; right:0; } #packselect #step2Area .detailBox .selectList.tabletsim li label .coution p { position:relative; padding-left:13px; } #packselect #step2Area .detailBox .selectList.tabletsim li label .coution p span { position:absolute; top:0; left:0; } #packselect #step2Area .detailBox .selectList.tabletsim li label .price em.camp { font-size:22px; color:#e83619; } #packselect #step2Area .detailBox .selectList.tablet.product { position:relative; border:3px solid #e0e0e0; overflow:hidden; margin:0 0 2px; } #packselect #step2Area .detailBox .selectList.tablet.product.ac { border:3px solid #ffda6b; background:#fff6dc; } #packselect #step2Area .detailBox .selectList.tablet li { position:relative; } #packselect #step2Area .detailBox .selectList.tablet label { padding:0 0 0 53px; overflow:hidden; zoom:1; } #packselect #step2Area .detailBox .selectList.tablet .tooltip.tab { position:absolute; top:5px; left:435px; z-index:100; } #packselect #step2Area .detailBox .selectList.tablet .tooltip.sim { position:absolute; top:5px; right:5px; z-index:100; } #packselect #step2Area .detailBox .selectList.tablet label .imgbox { width:200px; margin:0 0 0 15px; padding:20px 0 10px; float:left; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox { width:281px; height:165px; margin:0; padding:20px 0 10px; border-right:1px dotted #dee2e7; float:left; display:block; position:relative; } #packselect #step2Area .detailBox .selectList.tablet label .imgbox.camp, #packselect #step2Area .detailBox .selectList.tablet label .txtbox.camp { padding:30px 0 0; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:22px; margin:20px 0 3px; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .serviceName span { font-size:20px; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .txt { font-size:14px; line-height:1.5; color:#333333; margin:0; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .campTxt { font-size:16px; font-family:'Noto Sans Japanese Bold'; line-height:1.5; color:#ff8421; position:absolute; top:0; left:-215px; width:481px; padding:8px 0 0; text-align:center; display:none; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .price { font-size:12px; line-height:1.5; color:#333333; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .price.normal { display:block; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .price.camp { display:none; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox.camp .price.normal { display:none; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox.camp .price.camp { display:block; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox.camp .campTxt { display:block; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .price.normal em { font-size:24px; line-height:1.5; color:#111111; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .price.camp em { font-size:16px; line-height:1.5; color:#111111; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .price.camp em.camp { font-size:24px; color:#ff0000; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox .tabplus { position:absolute; top:80px; right:-19px; z-index:10; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 { width:440px; height:165px; margin:0; padding:30px 0 0; float:left; display:block; position:relative; background:url(/procedure/img_v1/pack_select/img_sim_l.png) no-repeat 40px 50px; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .campTxt { font-size:16px; font-family:'Noto Sans Japanese Bold'; line-height:1.5; color:#ff8421; position:absolute; top:0; left:0; width:440px; padding:8px 0 0; text-align:center; display:none; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:20px; margin:23px 0 3px; padding:0 0 0 100px; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .serviceName span { font-size:14px; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .txt { padding:0 0 0 100px; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .txt em{ font-weight:bold; font-size:18px; display:inline-block; padding:0 2px 0 3px; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .price { font-size:12px; line-height:1.5; padding:0 0 0 100px; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .price.normal { display:block; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .price.camp { display:none; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2.camp .price.normal { display:none; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2.camp .price.camp { display:block; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2.camp .campTxt { display:block; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .price.normal em { font-size:24px; line-height:1.5; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .price.camp em { font-size:16px; line-height:1.5; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .price.camp em.camp { font-size:24px; color:#ff0000; } #packselect #step2Area .detailBox .selectList.tablet label .txtbox2 .coutiontxt { line-height:27px; background:url(/procedure/img_v1/pack_select/icon_mobile.png) no-repeat 18px 50% #f5f5f5; color:#666666; font-size:10px; text-indent:40px; margin:0 40px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } #packselect #step2Area .detailBox .selectList.tablet label.yes .serviceName, #packselect #step2Area .detailBox .selectList.tablet label.no .serviceName { font-size:14px; padding:15px 15px; } #packselect #step2Area .detailBox .selectList .tablet_number { border-top:1px dashed #cdcdcd; overflow:hidden; zoom:1; display:none; background:#fff7dc; } #packselect #step2Area .detailBox .selectList .tablet_number > div.select { overflow:hidden; zoom:1; background:#ebebeb; padding:3px 15px 4px; } #packselect #step2Area .detailBox .selectList .tablet_number > div p { float:left; margin-top:2px; } #packselect #step2Area .detailBox .selectList .tablet_number > div div { float:right; width:35px; margin:0; padding:0 10px 0 5px; overflow:hidden; border:1px solid #333333; border-radius:1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; background:#FFF; } #packselect #step2Area .detailBox .selectList .tablet_number > div select{ width:200%; margin:0; padding:3px 5px; font-size:16px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(/procedure/img_v1/pack_select/img_select_arrow.png) no-repeat 50% 50% #fff ; } #packselect #step2Area .detailBox .selectList .tablet_number .coution { padding:8px 60px 20px 17px; font-size:10px; color:#666666; } #packselect #step2Area .detailBox .selectList .tablet_number .coution p { margin:0; padding:0 0 1px 13px; position:relative; list-style:none; zoom:1; line-height:1.2; } #packselect #step2Area .detailBox .selectList .tablet_number .coution p span { margin:0; padding:0; top:0; left:0; position:absolute; } #packselect #step2Area .detailBox .tablet_acc_select, #packselect #step2Area .detailBox .tablet_pay_select { display:none; } #packselect #step2Area .detailBox .mobile_acc_select, #packselect #step2Area .detailBox .mobile_pay_select, #packselect #step2Area .detailBox .mobile_hosho_select, #packselect #step2Area .detailBox .mobile_option_select { display:none; } /*-- タブレット専用設定（201508用） ---------------------------------------------------- */ #packselect #step2Area .detailBox .selectList.tablet2 li { position:relative; } #packselect #step2Area .detailBox .selectList.tablet2 label { padding:0 0 0 53px; overflow:hidden; zoom:1; } #packselect #step2Area .detailBox .selectList.tablet2 label .campTxt { text-align:center; font-family:'Noto Sans Japanese Bold'; font-weight:normal; color:#ff7800; padding:8px 0 0; } #packselect #step2Area .detailBox .selectList.tablet2 label .box { margin:0; padding:0; height:150px; overflow:hidden; zoom:1; } #packselect #step2Area .detailBox .selectList.tablet2 label .box .imgbox { float:left; margin:0; padding:0; } #packselect #step2Area .detailBox .selectList.tablet2 label .box .txtbox { float:right; margin:0; padding:0; } #packselect #step2Area .detailBox .selectList.tablet2 label.lgTablet .box .imgbox { width:225px; text-align:right; } #packselect #step2Area .detailBox .selectList.tablet2 label.lgTablet .box .txtbox { padding:10px 0 0; width:200px; } #packselect #step2Area .detailBox .selectList.tablet2 label.sonyTablet .box .imgbox { width:210px; text-align:right; } #packselect #step2Area .detailBox .selectList.tablet2 label.sonyTablet .box .txtbox { padding:10px 0 0; width:215px; } #packselect #step2Area .detailBox .selectList.tablet2 label.no { padding:12px 0 12px 68px; } #packselect #step2Area .detailBox .selectList.tablet2 label .box .txtbox .serviceName { font-size:18px; } #packselect #step2Area .detailBox .selectList.tablet2 label .box .txtbox .txt { font-size:14px; padding:5px 0 0; } #packselect #step2Area .detailBox .selectList.tablet2 label .box .txtbox .price { font-size:12px; line-height:1.1; } #packselect #step2Area .detailBox .selectList.tablet2 label .box .txtbox .price em.camp { font-size:24px; color:#ff0000; } #packselect #step2Area .detailBox .selectList.tablet2 label .box .txtbox .price em { font-size:16px; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList { overflow:hidden; zoom:1; display:none; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList li.midashi { width:100%; background:#f4f4f4; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList li.midashi p { padding:2px 15px 2px 60px; background:url(/procedure/img_v1/pack_select/icon_hisu.png) 15px 50% no-repeat; width:100%; font-family:'Noto Sans Japanese Medium'; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList li { border-top:1px solid #e0e0e0; width:50%; float:left; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList li label { display:block; padding:2px 0 2px 68px; overflow:hidden; zoom:1; cursor:pointer; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList li:nth-child(3) label { border-left:1px solid #e0e0e0; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList li label.unselected { background:url(/procedure/img_v1/pack_select/check_s.png) no-repeat 0 50%; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList li label.selected { background:url(/procedure/img_v1/pack_select/check_s_on.png) no-repeat 0 50% #fff6dd; } #packselect #step2Area .detailBox .selectList.tablet2 .colorList li label div { display:table-cell; vertical-align:middle; padding-right:10px; } /*-- ホームwifi ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.homewifi li { position:relative; display:table; } #packselect #step2Area .detailBox ul.selectList.homewifi li label { height:91px; padding:0 0 0 70px; overflow:hidden; zoom:1; display:table-cell; vertical-align:middle; } #packselect #step2Area .detailBox ul.selectList.homewifi li label .imgbox { width:51px; margin:0 10px 0 0; float:left; } #packselect #step2Area .detailBox ul.selectList.homewifi li label .txtbox { width:250px; margin:0; float:left; } #packselect #step2Area .detailBox ul.selectList.homewifi li label .txtbox .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:16px; margin:8px 0 0; display:block; } #packselect #step2Area .detailBox ul.selectList.homewifi li.no label .txtbox .serviceName { font-size:14px; margin:0; } #packselect #step2Area .detailBox ul.selectList.homewifi label .txtbox .txt { font-size:12px; line-height:1.5; color:#333333; margin:0; } #packselect #step2Area .detailBox ul.selectList.homewifi label .price { display:inline-block; position:absolute; bottom:3px; right:10px; font-size:12px; color:#333333; } #packselect #step2Area .detailBox ul.selectList.homewifi label .price em { font-size:16px; color:#111111; } /*-- おまサポ ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.support li { position:relative; display:table; } #packselect #step2Area .detailBox ul.selectList.support li label { height:91px; padding:0 0 0 70px; overflow:hidden; zoom:1; display:block; } #packselect #step2Area .detailBox ul.selectList.support li.no label { height:91px; padding:0 0 0 70px; overflow:hidden; zoom:1; display:table-cell; vertical-align:middle; } #packselect #step2Area .detailBox ul.selectList.support li label .imgbox { width:51px; margin:0 10px 0 0; float:left; } #packselect #step2Area .detailBox ul.selectList.support li label .txtbox { width:320px; margin:0; float:left; } #packselect #step2Area .detailBox ul.selectList.support li label .txtbox .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:16px; margin:8px 0 0; display:block; } #packselect #step2Area .detailBox ul.selectList.support li.no label .txtbox .serviceName { font-size:14px; margin:0; } #packselect #step2Area .detailBox ul.selectList.support label .txtbox .txt { font-size:12px; line-height:1.5; color:#333333; margin:0; } #packselect #step2Area .detailBox ul.selectList.support label .price { display:inline-block; position:absolute; bottom:3px; right:10px; font-size:12px; color:#333333; } #packselect #step2Area .detailBox ul.selectList.support label .price em { font-size:16px; color:#111111; } /*-- 訪問サポ ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.houmon li { position:relative; display:table; } #packselect #step2Area .detailBox ul.selectList.houmon li label { height:198px; padding:0 0 0 70px; overflow:hidden; zoom:1; display:table-cell; } #packselect #step2Area .detailBox ul.selectList.houmon li.no label { vertical-align:middle; } #packselect #step2Area .detailBox ul.selectList.houmon li label .txtbox { margin:0; } #packselect #step2Area .detailBox ul.selectList.houmon li label .txtbox .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:16px; margin:0; padding:15px 0 5px; display:block; } #packselect #step2Area .detailBox ul.selectList.houmon li.no label .txtbox .serviceName { font-size:14px; margin:0; padding:0; } #packselect #step2Area .detailBox ul.selectList.houmon label .txtbox .txt { font-size:12px; line-height:1.5; color:#333333; margin:5px 0 0; } #packselect #step2Area .detailBox ul.selectList.houmon label .txtbox .houmonList { margin:5px 0 0; overflow:hidden; zoom:1; font-size:12px; } #packselect #step2Area .detailBox ul.selectList.houmon label .txtbox .houmonList li{ float:left; width:200px; } #packselect #step2Area .detailBox ul.selectList.houmon label .txtbox .houmonList li span{ font-size:86%; } #packselect #step2Area .detailBox ul.selectList.houmon label .txtbox .coution { width:419px; padding:3px 10px; border-top:1px dotted #e0e0e0; position:absolute; bottom:0; right:0; font-size:10px; } #packselect #step2Area .detailBox ul.selectList.houmon label .txtbox .coution li{ } /*-- 録画機器専用設定 ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.rec > li { height:185px; } #packselect #step2Area .detailBox ul.selectList.rec > li > label { padding:0 0 0 53px; height:185px; text-align:center; } #packselect #step2Area .detailBox ul.selectList.rec label .serviceName { font-size:12px; line-height:1.4; margin:0 0 5px; } #packselect #step2Area .detailBox ul.selectList.rec label .serviceName em { font-size:20px; display:inline-block; } #packselect #step2Area .detailBox ul.selectList.rec label .serviceName em.f18 { font-size:18px; display:inline-block; } #packselect #step2Area .detailBox ul.selectList.rec label .price { font-size:12px; line-height:1.4; color:#333333; margin:0 0 5px; } #packselect #step2Area .detailBox ul.selectList.rec label .price em { font-size:16px; line-height:1.5; color:#1111111; } #packselect #step2Area .detailBox ul.selectList.rec label .cautiontxt{ padding:0 23px 0; font-size:10px; text-align:left; color:#666666; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd { position:relative; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList { width:271px; padding:0; margin:0; position:absolute; bottom:0px; right:0px; z-index:100; display:none; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li { border-top:1px solid #e0e0e0; padding:0; margin:0; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li label { display:block; padding:4px 10px 1px 40px ; margin:0; cursor:pointer; overflow:hidden; zoom:1; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li label.unselected, #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li label.unchecked { background:url(/procedure/img_v1/pack_select/check_ss.png) no-repeat 10px 50% #fff; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li label.selected, #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li label.checked { background:url(/procedure/img_v1/pack_select/check_ss_on.png) no-repeat 10px 50% #fff6dd; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li .serviceName { font-size:16px; float:left; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li .price { font-size:12px; float:right; } #packselect #step2Area .detailBox ul.selectList.rec li.hdd ul.capaList li .price em { font-size:16px; color:#1111111; } /*-- モバイル端末 ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.mobileMachine li { position:relative; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label { padding:0 0 0 53px; overflow:hidden; zoom:1; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .campTxt { text-align:center; font-family:'Noto Sans Japanese Bold'; font-weight:normal; color:#ff7800; padding:8px 0 0; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .box { margin:0; padding:0; height:170px; display:table; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .box .imgbox { margin:0; padding:0; width:170px; text-align:center; display:table-cell; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .box .txtbox { margin:0; padding:0; padding:0; width:250px; vertical-align:middle; display:table-cell; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label.no { padding:12px 0 12px 68px; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .box .txtbox .serviceName { font-size:18px; line-height:1.3; padding:0; margin:0; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .box .txtbox .txt { font-size:12px; padding:5px 0 0; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .box .txtbox .price { font-size:12px; line-height:1.1; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .box .txtbox .price em.camp { font-size:24px; color:#ff0000; } #packselect #step2Area .detailBox ul.selectList.mobileMachine label .box .txtbox .price em { font-size:16px; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList { overflow:hidden; zoom:1; display:none; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList li.midashi { width:100%; background:#f4f4f4; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList li.midashi p { padding:2px 15px 2px 60px; background:url(/procedure/img_v1/pack_select/icon_hisu.png) 15px 50% no-repeat; width:100%; font-family:'Noto Sans Japanese Medium'; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList li { border-top:1px solid #e0e0e0; width:50%; float:left; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList li label { display:block; padding:12px 0 12px 68px; overflow:hidden; zoom:1; cursor:pointer; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList li:nth-child(3) label { border-left:1px solid #e0e0e0; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList li label.unselected { background:url(/procedure/img_v1/pack_select/check_s.png) no-repeat 0 50%; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList li label.selected { background:url(/procedure/img_v1/pack_select/check_s_on.png) no-repeat 0 50% #fff6dd; } #packselect #step2Area .detailBox ul.selectList.mobileMachine .colorList li label div { display:table-cell; vertical-align:middle; padding-right:10px; } /*-- 支払い方法 ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList li .payDetail { margin:0; padding:0; } #packselect #step2Area .detailBox ul.selectList li.ac .payDetail { background-color:#fff6dd; } #packselect #step2Area .detailBox ul.selectList li .payDetail dl { display:table; margin:0; padding:0; overflow:hidden; zoom:1; font-size:12px; } #packselect #step2Area .detailBox ul.selectList li .payDetail dl dt { display:table-cell; width:154px; margin:0; padding:0; border-top:1px dashed #cdcdcd; float:left; } #packselect #step2Area .detailBox ul.selectList li .payDetail dl dd { display:table-cell; width:338px; width:; margin:0; padding:0; border-top:1px dashed #cdcdcd; float:left; border-left:1px dashed #cdcdcd; } #packselect #step2Area .detailBox ul.selectList li .payDetail dl dt p { margin:0; padding:8px 10px 6px; } #packselect #step2Area .detailBox ul.selectList li .payDetail dl dd p { margin:0; padding:6px 10px 6px; text-align:right; } #packselect #step2Area .detailBox ul.selectList li .payDetail dl dd p em { font-size:16px; font-family:'arial'; font-weight:bold; display:inline-block; padding:0 2px; } #packselect #step2Area .detailBox ul.selectList li .payDetail dl dd .txt { margin:0; padding:5px 8px 5px; border-top:1px dashed #cdcdcd; font-size:12px; } #packselect #step2Area .detailBox ul.selectList li .payDetail dl dd .txt .coutiontxt { padding:0 0 0 11px; position:relative; text-align:left; font-size:10px;} #packselect #step2Area .detailBox ul.selectList li .payDetail dl dd .txt .coutiontxt span { position:absolute; top:0px; left:0px; } /*-- モバイルSIM ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList label span.sim { font-size:18px!important; height:62px; padding:5px 0 5px 65px; display:block; line-height:62px; } #packselect #step2Area .detailBox ul.selectList label span.sim.standard { background:url(/procedure/img_v1/pack_select/img_item_sim_standard.png) no-repeat 0 50%; } #packselect #step2Area .detailBox ul.selectList label span.sim.micro { background:url(/procedure/img_v1/pack_select/img_item_sim_micro.png) no-repeat 0 50%; } #packselect #step2Area .detailBox ul.selectList label span.sim.nano { background:url(/procedure/img_v1/pack_select/img_item_sim_nano.png) no-repeat 0 50%; } #packselect #step2Area .detailBox ul.selectList .smsList { overflow:hidden; zoom:1; display:none; } #packselect #step2Area .detailBox ul.selectList .smsList li.midashi { width:100%; background:#f4f4f4; } #packselect #step2Area .detailBox ul.selectList .smsList li.midashi p { padding:2px 15px 2px 60px; background:url(/procedure/img_v1/pack_select/icon_nini.png) 15px 50% no-repeat; width:100%; font-family:'Noto Sans Japanese Medium'; } #packselect #step2Area .detailBox ul.selectList .smsList li { border-top:1px solid #e0e0e0; width:100%; } #packselect #step2Area .detailBox ul.selectList .smsList li label { display:block; padding:0 0 0 68px; overflow:hidden; zoom:1; cursor:pointer; } #packselect #step2Area .detailBox ul.selectList .smsList li label.unchecked { background:url(/procedure/img_v1/pack_select/check_s.png) no-repeat 0 50%; } #packselect #step2Area .detailBox ul.selectList .smsList li label.checked { background:url(/procedure/img_v1/pack_select/check_s_on.png) no-repeat 0 50% #fff6dd; } #packselect #step2Area .detailBox ul.selectList .smsList li label div { display:table-cell; vertical-align:middle; padding-right:10px; } /*-- モバイル端末専用設定 ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.mobile_machine { position:relative; margin:0 0 2px; padding:0; } #packselect #step2Area .detailBox ul.selectList.mobile_machine li { position:relative; margin:0; padding:0; } #packselect #step2Area .detailBox ul.selectList.mobile_machine li label{ padding:0; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product { margin:0; padding:0 0 0 53px; overflow:hidden; zoom:1; min-height:395px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .imgbox { width:160px; margin:0 0 8px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox { margin:0; padding:0 15px; display:inline-block; position:relative; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .txt { font-size:12px; line-height:1.3; color:#333333; margin:0 0 2px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:20px; line-height:1.3; margin:0 0 15px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .serviceName span { font-size:20px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color { overflow:hidden; margin:0; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color > div { display:inline-block; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl { border:1px solid #999999; display:table; padding:3px; margin:0; background:#fff; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color.col2 > div { width:113px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color.col2 dl { width:105px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color.col3 > div { width:73px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color.col3 dl { width:65px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl dt { width:18px; height:18px; display:table-cell; font-size:1px; line-height:20px; text-indent:-9999px; overflow:hidden; margin:0; padding:0; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl dd { height:20px; font-size:10px; line-height:10px; display:table-cell; vertical-align:middle; padding:0 0 0 5px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl dt.sgold { background-color:#b4aba4; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl dt.navy { background-color:#202d4c; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl dt.brown { background-color:#6c6061; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl dt.winered { background-color:#ac3d37; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl dt.blue { background-color:#2d1da7; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox .color dl dt.white { background-color:#f5f5f5; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 { width:450px; margin:0 0 10px; padding:0 15px; display:inline-block; position:relative; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .price { font-size:12px; line-height:1.3; color:#333333; display:block; margin:0; padding:0; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .price em { font-size:28px; line-height:1.3; color:#111111; margin:0; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .price em.camp { font-size:24px; color:#ff0000; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .price.sp em { font-size:18px; line-height:1.3; color:#111111; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .price.sp em.camp { font-size:18px; color:#ff0000; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .icon{ height:18px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .icon span{ font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:12px; line-height:1.3; margin:0; padding:1px 0; width:210px; text-align:center; background:#e83619; color:#fff; display:inline-block; vertical-align:top; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .icon2{ height:18px; } #packselect #step2Area .detailBox ul.selectList.mobile_machine .product .txtbox2 .icon2 span{ font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:12px; line-height:1.3; margin:2px 0 0; padding:1px 0; width:210px; text-align:center; background:#0096ff; color:#fff; display:inline-block; vertical-align:top; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } #packselect #step2Area .detailBox ul.selectList.mobile_color { display:block; margin-bottom:2px; } #packselect #step2Area .detailBox ul.selectList.tablet label .no { font-size:14px; padding:10px 15px; } #packselect #step2Area .detailBox .tablet_acc_select, #packselect #step2Area .detailBox .tablet_acc_select .accPrice, #packselect #step2Area .detailBox .tablet_pay_select { display:none; } /*-- モバイルオプション ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.mobileoption li { position:relative; } #packselect #step2Area .detailBox ul.selectList.mobileoption > li { width:493px; margin:0 2px 2px 0; } #packselect #step2Area .detailBox ul.selectList.mobileoption > li:nth-child(2n) { margin:0 0 2px 0; } #packselect #step2Area .detailBox ul.selectList.mobileoption li label { padding:10px 0 10px 70px; overflow:hidden; zoom:1; display:block; vertical-align:middle; } #packselect #step2Area .detailBox ul.selectList.mobileoption li label .imgbox { width:100px; margin:0 10px 0 0; float:left; } #packselect #step2Area .detailBox ul.selectList.mobileoption li label .txtbox { width:250px; margin:0; float:left; } #packselect #step2Area .detailBox ul.selectList.mobileoption li label .txtbox .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:16px; margin:8px 0 0; display:block; } #packselect #step2Area .detailBox ul.selectList.mobileoption li.no label .txtbox .serviceName { font-size:14px; margin:0; } #packselect #step2Area .detailBox ul.selectList.mobileoption label .txtbox .txt { font-size:12px; line-height:1.5; color:#333333; margin:0; } #packselect #step2Area .detailBox ul.selectList.mobileoption label .price { display:inline-block; position:absolute; bottom:3px; right:10px; font-size:12px; color:#333333; } #packselect #step2Area .detailBox ul.selectList.mobileoption label .price em { font-size:16px; color:#111111; } /*-- モバイルアクセサリー専用 ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList.c2.acc li.yes label { position:relative; } #packselect #step2Area .detailBox ul.selectList.c2.acc li.yes label .imgbox { width:100px; margin:0 10px 0 0; padding:10px 0; float:left; } #packselect #step2Area .detailBox ul.selectList.c2.acc li.yes label .txtbox { width:280px; margin:0; padding:10px 0; float:left; } #packselect #step2Area .detailBox ul.selectList.c2.acc li.yes label .txtbox .serviceName { font-family:'Noto Sans Japanese Bold'; font-weight:normal; font-size:16px; margin:8px 0 5px; display:block; } #packselect #step2Area .detailBox ul.selectList.c2.acc li.yes label .txtbox .txt { font-size:12px; line-height:1.5; color:#333333; margin:0; } #packselect #step2Area .detailBox ul.selectList.c2.acc li.yes label .price { display:inline-block; position:absolute; bottom:3px; right:10px; font-size:12px; color:#333333; } #packselect #step2Area .detailBox ul.selectList.c2.acc li.yes label .price em { font-size:16px; color:#111111; } #packselect #step2Area .detailBox ul.selectList.c2.acc li.yes label .price em.camp { font-size:16px; color:#df1010; } #packselect #step2Area .detailBox ul.selectList.c2.acc > li.damy { margin:0 0 2px; background:#f8f8f8; } #packselect #step2Area .detailBox .accPrice { display:none; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#f6f6f6; margin:1px 0 3px; } #packselect #step2Area .detailBox .accPrice dl { display:block; padding:5px 15px; } #packselect #step2Area .detailBox .accPrice dl dt { display:inline-block; padding:0; margin:0; font-family:'Noto Sans Japanese Medium'; } #packselect #step2Area .detailBox .accPrice dl dd { display:inline-block; padding:0; margin:0; } #packselect #step2Area .detailBox .accPrice dl dd p { display:inline-block; padding:0; margin:0; } #packselect #step2Area .detailBox .accPrice dl dd p em{ display:inline-block; padding:0; margin:0; font-size:24px; } #packselect #step2Area .detailBox .accPrice dl dd p.camp em{ color:#df1010; background:url(/procedure/img_v1/pack_select/icon_price_arrow.png) no-repeat 0 50%; padding:0 0 0 20px; margin:0 0 0 5px; } /*-- モバイルアクセサリー利用しないを横50%にしたとき用 横100%時はコメントアウトしてください ---------------------------------------------------- */ #packselect #step2Area .tabBox > div > div ul.selectList.check.c2.acc li:nth-child(2n) { margin:0 0 2px 0!important; } #packselect #step2Area .detailBox ul.selectList.c2.mobile.acc li label { display:table-cell; vertical-align:middle; height:110px; width:481px; } /*-- 通常選択レイアウト専用設定 ---------------------------------------------------- */ #packselect #step2Area .detailBox ul.selectList li { position:relative; } #packselect #step2Area .detailBox ul.selectList.c2 > li { margin:0 0 2px; } #packselect #step2Area .detailBox ul.selectList.c2 > li:nth-child(2n-1) { margin:0 0 2px 2px; } #packselect #step2Area .detailBox ul.selectList.c2 > li:first-child { margin:0 2px 2px 0!important; } #packselect #step2Area .detailBox.pack ul.selectList.c2.phone > li:nth-child(2n-1) { margin:0 2px 2px 0; } #packselect #step2Area .detailBox.pack ul.selectList.c2.phone > li:first-child { margin:0 2px 2px 0!important; } #packselect #step2Area .detailBox.pack ul.selectList.c2.phone > li.last { margin:0 10px 0 0!important; } #packselect #step2Area .detailBox ul.selectList > li.c1 { width:994px; margin:0 0 2px!important; } #packselect #step2Area .detailBox ul.selectList.normal label { padding:0 0 0 70px; overflow:hidden; zoom:1; } #packselect #step2Area .detailBox ul.selectList.normal label .txtbox { padding:0; line-height:1.2; display:table-cell; vertical-align:middle; height:55px; } #packselect #step2Area .detailBox ul.selectList.normal label .txtbox .serviceName { font-size:14px; display:inline-block; color:#111111; } #packselect #step2Area .detailBox ul.selectList.normal label .txtbox span { font-size:12px; } #packselect #step2Area .detailBox ul.selectList.normal label .price { display:inline-block; position:absolute; bottom:3px; right:10px; font-size:12px; color:#333333; } #packselect #step2Area .detailBox ul.selectList.normal label .price em { font-size:16px; color:#111111; } #packselect #step2Area .detailBox ul.selectList.normal label .txtbox .txt { font-size:12px; margin:7px 0 0; display:inline-block; color:#333333; } #packselect #step2Area .detailBox ul.selectList li.pa3 label { padding:3px 0 3px 70px; } #packselect #step2Area .detailBox ul.selectList li.pa3 label .price { display:inline-block; position:absolute; top:5px!important; right:10px; font-size:12px; } /*-- オプション・周辺機器設定 ---------------------------------------------------- */ #packselect #step2Area .detailBox .option_body { border:2px solid #e0e0e0; padding:8px 18px 18px; margin:0 0 10px; } #packselect #step2Area .detailBox .option_body p.option_lv01 { display:block; border:2px solid #e0e0e0; height:35px; margin:12px 0 0!important; } #packselect #step2Area .detailBox .option_body p.option_lv01 span { display:block; line-height:35px; margin:0 0 0 35px; padding:0 0 0 10px; border-left:2px solid #e0e0e0; font-size:14px; font-family:'Noto Sans Japanese Bold'; cursor:pointer; } #packselect #step2Area .detailBox .option_body p.option_tv{ margin:0 0 0 0;} #packselect #step2Area .detailBox .option_body p.option_tv.close{ background:url(/procedure/img_v1/pack_select/icon_option0101.png) no-repeat 0 0;} #packselect #step2Area .detailBox .option_body p.option_tv.open{ background:url(/procedure/img_v1/pack_select/icon_option0102.png) no-repeat 0 0;} #packselect #step2Area .detailBox .option_body p.option_tv.open span{ background:#ffe5f4;} #packselect #step2Area .detailBox .option_body .opcat2 > p, #packselect #step2Area .detailBox .option_body .opcat3 > p { font-family:'Noto Sans Japanese Medium'; } #packselect #step2Area .detailBox .option_body ul.option_lv02_tv { margin:0; padding:0; display:block; border:2px solid #e0e0e0; border-top:0px; border-bottom:0px; font-size:14px;} #packselect #step2Area .detailBox .option_body ul.option_lv02_tv > li{ display:block; } #packselect #step2Area .detailBox .option_body ul.option_lv02_tv > li > p{ display:block; border-bottom:2px solid #e0e0e0; cursor:pointer; background: #ffffff; margin:0!important;} #packselect #step2Area .detailBox .option_body ul.option_lv02_tv > li.close > p > span{ display:block; background:url(/procedure/img_v1/pack_select/icon_acc_arrow1.png) no-repeat 12px 50%; padding:6px 0 6px 33px;} #packselect #step2Area .detailBox .option_body ul.option_lv02_tv > li.open > p > span{ display:block; background:url(/procedure/img_v1/pack_select/icon_acc_arrow2.png) no-repeat 12px 50%; padding:6px 0 6px 33px;} #packselect #step2Area .detailBox .option_body ul.option_lv03_tv { margin:0!important; display:none; border-top:0px; border-bottom:0px;} #packselect #step2Area .detailBox .option_body ul.option_lv03_tv > li{ display:block; } #packselect #step2Area .detailBox .option_body ul.option_lv03_tv > li.close > p{ display:block; border-bottom:2px solid #e0e0e0; cursor:pointer; background: #fff5fb; margin:0!important; } #packselect #step2Area .detailBox .option_body ul.option_lv03_tv > li.close > p > span{ display:block; background:url(/procedure/img_v1/pack_select/icon_acc_arrow1.png) no-repeat 12px 50%; padding:5px 0 5px 46px;} #packselect #step2Area .detailBox .option_body ul.option_lv03_tv > li.open > p{ display:block; border-bottom:2px solid #e0e0e0; cursor:pointer; background: #fffeef; margin:0!important; } #packselect #step2Area .detailBox .option_body ul.option_lv03_tv > li.open > p > span{ display:block; background:url(/procedure/img_v1/pack_select/icon_acc_arrow2.png) no-repeat 12px 50%; padding:5px 0 5px 46px;} #packselect #step2Area .detailBox .option_body .option_lv02_tv ul.option_lv04 li .op_name label .txtbox p.txt span { font-size:14px; color:#e4007f; font-weight:bold; } #packselect #step2Area .detailBox .option_body .option_lv02_tv ul.option_lv04 li .op_name label .txtbox p.txt_l span { font-size:14px; color:#e4007f; font-weight:bold; } #packselect #step2Area .detailBox .option_body p.option_shuhenkiki{ margin:12px 0 0 0;} #packselect #step2Area .detailBox .option_body p.option_shuhenkiki.close{ background:url(/procedure/img_v1/pack_select/icon_option0301.png) no-repeat 0 0; } #packselect #step2Area .detailBox .option_body p.option_shuhenkiki.open{ background:url(/procedure/img_v1/pack_select/icon_option0302.png) no-repeat 0 0; } #packselect #step2Area .detailBox .option_body p.option_shuhenkiki.open span{ font-size:14px; background:#e7eff7;} #packselect #step2Area .detailBox .option_body ul.option_lv04 { margin:0!important; display:none; } #packselect #step2Area .detailBox .option_body ul.option_lv04.show { margin:0!important; display:block; } #packselect #step2Area .detailBox .option_body ul.option_lv04.bor { border:2px solid #e0e0e0; border-top:0px; border-bottom:0px; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li { padding:0; display:block; border-bottom:2px solid #e0e0e0; font-size:12px; line-height:1.3; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box { display:table; width:100%; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box label { display:block; padding:0 0 0 53px; overflow:hidden; cursor:pointer; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box label.unselected, #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box label.unchecked { background:url(/procedure/img_v1/pack_select/check_s.png) no-repeat 0px 50% #fff; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box label.selected, #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box label.checked { background:url(/procedure/img_v1/pack_select/check_s_on.png) no-repeat 0px 50% #fff6dd; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_name { padding:10px 0 5px; width:740px; overflow:hidden; zoom:1; float:left; border-right:1px dotted #e0e0e0; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_name .txtbox { margin:0 0 5px 20px; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_name .txtbox p.icon { width:72px; margin:0; padding:0; float:left; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_name .txtbox p.txt { width:600px; margin:0; padding:0; float:left; line-height:1.6; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_name .txtbox p.txt_l { width:600px; margin:0; padding:0; float:left; line-height:1.6; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_name .txtbox p.txt span, #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_name .txtbox p.txt_l span { color:#e4007f; font-weight:bold; font-family:'Noto Sans Japanese Medium'; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_price { width:160px; float:right; text-align:right; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_price { display:block; margin:0;} #packselect #step2Area .detailBox .option_body ul.option_lv04 li .op_box .op_price p{ margin:0; padding:15px 15px 15px 0!important; } #packselect #step2Area .detailBox .option_body ul.option_lv04.shuhenkiki li .op_name label .txtbox p.txt_l span { font-size:14px; color:#333333; font-weight:bold; font-family:'Noto Sans Japanese Medium'; } #packselect #step2Area .detailBox .option_body ul.option_lv04 li.campArea { padding:0px 5px!important; border-bottom:2px solid #e0e0e0; background:#f6f6f6; } #packselect #step2Area .detailBox .option_body ul.option_lv04 .campArea .campinner { padding:15px 0; text-align:center; } #packselect #step2Area .detailBox .option_body ul.option_lv04 .campArea .campttl { margin:0 0 5px; font-weight:bold; color:#ff2c2c; font-size:14px; } #packselect #step2Area .detailBox .option_body ul.option_lv04 .campArea .camptxt { margin:0 0 3px; padding:0 0 0 15px; font-size:12px; line-height:1.4; position:relative; zoom:1; } #packselect #step2Area .detailBox .option_body ul.option_lv04 .campArea .campjoken { margin:0 0 7px 15px; padding:0 0 0 35px; font-size:12px; line-height:1.4; position:relative; zoom:1; } #packselect #step2Area .detailBox .option_body ul.option_lv04 .campArea .camptxt span, #packselect #step2Area .detailBox .option_body ul.option_lv04 .campArea .campjoken span { top:0; left:0; position:absolute; } /*-- タブ選択用 ---------------------------------------------------- */ #packselect #step2Area .tabSelect { width:997px; padding:0; margin:0; overflow:hidden; zoom:1; border-left:3px solid #e0e0e0; display:table; } #packselect #step2Area .tabSelect li { border-top:3px solid #e0e0e0; border-right:3px solid #e0e0e0; border-bottom:3px solid #e0e0e0; padding:5px 0 5px; margin:0; font-family:'Noto Sans Japanese Medium'; text-align:center; background:#f1f1f1; display:table-cell; cursor:pointer; width:20%; } #packselect #step2Area .tabSelect.top li.ac { border-bottom:none; background:#fff; color:#ff7800; display:table-cell; cursor:default; } #packselect #step2Area .tabSelect.bottom li.ac { border-top:none; background:#fff; color:#ff7800; display:table-cell; cursor:default; } #packselect #step2Area .tabBox { border:3px solid #e0e0e0; border-top:none; border-bottom:none; padding:9px; margin:0; } #packselect #step2Area .number01 .tabSelect { display:none; } #packselect #step2Area .number01 .tabBox { border-top:3px solid #e0e0e0; border-bottom:3px solid #e0e0e0; } #packselect #step2Area .tabBox h5.midashi{ width:901px; font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:16px; padding:10px 10px 10px 65px; margin:0 0 2px; background-color:#ebebeb; } #packselect #step2Area .detailBox h5.midashi.hisu { background:url(/procedure/img_v1/pack_select/icon_hisu.png) 15px 50% no-repeat #ebebeb!important; } #packselect #step2Area .detailBox h5.midashi.nini { background:url(/procedure/img_v1/pack_select/icon_nini.png) 15px 50% no-repeat #ebebeb; } #packselect #step2Area .detailBox h5.midashi span { font-size:65%; color:#666666; font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; } #packselect #step2Area .tabBox > div { display:none; } #packselect #step2Area .tabBox > div.tab1 { display:block; } #packselect #step2Area .tabBox > div > div ul.selectList { width:976px; } #packselect #step2Area .tabBox > div > div { display:none; } #packselect #step2Area .tabBox > div > div:first-child { display:block; } #packselect #step2Area .tabBox > div > div ul.selectList.c3 > li { width:318px; margin:0 0 0 2px; } #packselect #step2Area .tabBox > div > div ul.selectList.c3 > li:first-child { margin:0; } #packselect #step2Area .tabBox > div > div ul.selectList.c2 > li { width:481px; margin:0 0 2px; } #packselect #step2Area .tabBox > div > div ul.selectList.c2 > li:nth-child(2n-1) { margin:0 0 2px 0; } #packselect #step2Area .tabBox > div > div ul.selectList.c1 > li { width:970px; margin:0 0 2px; } #packselect #step2Area .tabBox > div > div ul.selectList > li.c1 { width:970px; margin:0 0 2px!important; } #packselect #step2Area .tabBox > div > div ul.selectList.check.c2 li:nth-child(2n) { margin:0 2px 2px 0; } #packselect #step2Area .tabBox > div > div ul.selectList li .payDetail dl dt { display:table-cell; width:154px; margin:0; padding:0; border-top:1px dashed #cdcdcd; float:left; } #packselect #step2Area .tabBox > div > div ul.selectList li .payDetail dl dd { display:table-cell; width:325px; width:; margin:0; padding:0; border-top:1px dashed #cdcdcd; float:left; border-left:1px dashed #cdcdcd; } /* ---------------------------------------------------- 申し込みボタン ---------------------------------------------------- */ #packselect #entryBtn { width:1000px; margin:0 auto 30px; text-align:center; display:none; } /* ---------------------------------------------------- 注意文 ---------------------------------------------------- */ .coutionBox { width:1000px; margin:0 auto; padding:0 0 20px; font-size:72%; color:#333333; } .coutionBox p { margin:0; padding:0 0 5px; } .coutionBox ul { margin:0 0 5px; padding:0; list-style:none; } .coutionBox ul li { margin:0; padding:0 0 3px 15px; position:relative; list-style:none; zoom:1; line-height:1.5em; } .coutionBox ul li span{ margin:0; padding:0; top:0; left:0; position:absolute; } /* ------------------------------------------------------------------ サービス選択画面 ------------------------------------------------------------------ */ #serviceSelectModal { width:914px; margin:0 auto; border:5px solid #cbd3d5; background:#fff; border-radius: 5px!important; -webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; -ms-border-radius: 5px!important; -o-border-radius: 5px!important; -moz-box-shadow: 0px 1px 5px rgba(000,000,000,0.3); -webkit-box-shadow: 0px 1px 5px rgba(000,000,000,0.3); /*display:none;*/ position:absolute; left: 0; right: 0; top:50px; z-index:15000; } #serviceSelectModal #serviceSelect.inner { width:850px; margin:0 auto; padding:20px 0; position:relative; } #serviceSelectModal #serviceSelect.inner h2 { font-size:24px; font-family:'Noto Sans Japanese Medium'; font-weight:bold; text-align:center; } #serviceSelectModal #serviceSelect.inner .serviceBox { margin:0 0 20px; padding:10px 0 0px 10px; background:#f7f7f7; overflow:hidden; zoom:1; } #serviceSelectModal #serviceSelect.inner .serviceBox h3.midashi { font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:16px; background:url(/procedure/img_v1/service_select/txt_top.png) no-repeat 0 50%; text-indent:22px; } #serviceSelectModal #serviceSelect.inner .serviceBox .service > label.unselected, #serviceSelectModal #serviceSelect.inner .serviceBox .service > label.unchecked { background:url(/procedure/img_v1/pack_select/check_ss.png) no-repeat 15px 50% #fff; } #serviceSelectModal #serviceSelect.inner .serviceBox .service > label.selected, #serviceSelectModal #serviceSelect.inner .serviceBox .service > label.checked { background:url(/procedure/img_v1/pack_select/check_ss_on.png) no-repeat 15px 50% #fff6dd; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.wimax > label.unchecked, #serviceSelectModal #serviceSelect.inner .serviceBox .service.jisin > label.unchecked { background-position:15px 50%!important; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.wimax > label.checked, #serviceSelectModal #serviceSelect.inner .serviceBox .service.jisin > label.checked { background-position:15px 50%!important; } #serviceSelectModal #serviceSelect.inner .serviceBox .service { width:409px; margin:0 10px 10px 0; padding:0; position:relative; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); float:left; position:relative; } #serviceSelectModal #serviceSelect.inner .serviceBox .service .tooltip { position:absolute; top:3px; right:3px; } #serviceSelectModal #serviceSelect.inner .serviceBox .service label { display:block; border:1px solid #c4cdcf; border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; cursor:pointer; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.tv p { height:56px; background:url(/procedure/img_v1/service_select/img_sevice_select_tv.png) no-repeat 52px 0%; } #serviceSelectModal #serviceSelect.inner .serviceBox .service label p { text-indent:-9999px; overflow:hidden; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.tv label p { height:56px; background:url(/procedure/img_v1/service_select/img_sevice_select_tv.png) no-repeat 52px 0%; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.net label p { height:56px; background:url(/procedure/img_v1/service_select/img_sevice_select_net.png) no-repeat 52px 0%; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.phone label p { height:56px; background:url(/procedure/img_v1/service_select/img_sevice_select_phone.png) no-repeat 52px 0%; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.mobile label p { height:56px; background:url(/procedure/img_v1/service_select/img_sevice_select_mobile.png) no-repeat 52px 0%; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.ele label p { height:56px; background:url(/procedure/img_v1/service_select/img_sevice_select_electric.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.wimax label p { height:40px; background:url(/procedure/img_v1/service_select/img_sevice_select_wimax.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.jisin label p { height:40px; background:url(/procedure/img_v1/service_select/img_sevice_select_jisin.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .serviceBox .service.tv.ac { margin:0 10px 0 0; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.1),inset 0px 0px 0px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.1),inset 0px 0px 0px rgba(255,255,255,0.3); } #serviceSelectModal #serviceSelect.inner .serviceBox .service.tv.ac label { display:block; border:1px solid #c4cdcf; border-bottom:0px; border-radius: 3px 3px 0 0!important; -webkit-border-radius:3px 3px 0 0!important; -moz-border-radius: 3px 3px 0 0!important; -ms-border-radius: 3px 3px 0 0!important; -o-border-radius: 3px 3px 0 0!important; cursor:pointer; height:67px; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect { width:828px; margin:0 0 10px; float:left; display:none; } #serviceSettingView1 .tvselect { display:block!important; } #serviceSettingView1 .tvttl { width:826px; height:45px; background:url(/procedure/img_v1/service_select/img_sevice_select_tv.png) no-repeat 15px -8px #fff; text-indent:-9999px; overflow:hidden; border:1px solid #c4cdcf; border-bottom:none; } #serviceSettingView4 .tvselect { display:block!important; } #serviceSettingView4 .tvttl { width:826px; height:45px; background:url(/procedure/img_v1/service_select/img_sevice_select_tv.png) no-repeat 15px -8px #fff; text-indent:-9999px; overflow:hidden; border:1px solid #c4cdcf; border-bottom:none; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl { width:826px; height:42px; display:table; border:1px solid #c4cdcf; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner { border-top:0px; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl dt { width:140px; display:table-cell; vertical-align:middle; text-align:center; background:url(/procedure/img_v1/pack_select/bg_tvselect_dt.png); } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl dd { display:table-cell; position:relative; border-left:1px solid #c4cdcf; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.ch dd { width:228px; font-family:'Noto Sans Japanese Medium'; font-size:10px; line-height:1.1; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.ch dd em { font-size:22px; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.ch dd span { padding:0 0 1px; font-size:12px; line-height:1.3; display:table-cell; vertical-align:middle; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.ch dd p { padding:0 0 0 48px; display:inline-block; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.ch label { padding:5px 0; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner dd { width:343px; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner dd.tuner_etc { display:none; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner dd.tuner_sjb p { height:42px; background:url(/procedure/img_v1/service_select/img_sevice_select_tuner_sjb.png) no-repeat 52px 50% ; text-indent:-9999px; overflow:hidden; zoom:1; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner dd.tuner_stb p { height:42px; background:url(/procedure/img_v1/service_select/img_sevice_select_tuner_stb.png) no-repeat 52px 50%; text-indent:-9999px; overflow:hidden; zoom:1; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner dd.tuner_etc p { height:42px; background:url(/procedure/img_v1/service_select/img_sevice_select_tuner_etc_s.png) no-repeat 45px 50%; text-indent:-9999px; overflow:hidden; zoom:1; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner.c3 dd { width:228px; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner.c3 dd.tuner_etc { display:block; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner.c3 dd.tuner_sjb p { height:50px; background:url(/procedure/img_v1/service_select/img_sevice_select_tuner_sjb_s.png) no-repeat 45px 50% ; text-indent:-9999px; overflow:hidden; zoom:1; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner.c3 dd.tuner_stb p { height:50px; background:url(/procedure/img_v1/service_select/img_sevice_select_tuner_stb_s.png) no-repeat 45px 50%; text-indent:-9999px; overflow:hidden; zoom:1; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner.c3 dd.tuner_etc p { height:50px; background:url(/procedure/img_v1/service_select/img_sevice_select_tuner_etc_s.png) no-repeat 45px -5px; text-indent:-9999px; overflow:hidden; zoom:1; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner.c3 dd.tuner_etc { position:relative; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl.tuner.c3 dd.tuner_etc span { position:absolute; bottom:5px; left:46px; font-size:12px; font-family:'Noto Sans Japanese Medium'; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl dd .tooltip { position:absolute; top:3px; right:3px; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl dd label { cursor:pointer; display:block; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl dd label.unselected, #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl dd label.unchecked { background:url(/procedure/img_v1/pack_select/check_ss.png) no-repeat 15px 50% #fff; } #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl dd label.selected, #serviceSelectModal #serviceSelect.inner .serviceBox .tvselect dl dd label.checked { background:url(/procedure/img_v1/pack_select/check_ss_on.png) no-repeat 15px 50% #fff6dd; } #serviceSelectModal #serviceSelect.inner .btnArea { position:relative;} #serviceSelectModal #serviceSelect.inner .btnArea .nextBtn { cursor:pointer;} #serviceSelectModal #serviceSelect.inner .btnArea .returnBtn { position:absolute; top:5px; left:20px; cursor:pointer;} #serviceSelectModal #serviceSelect.inner #campaignHeader { display:none; } #serviceSelectModal #serviceSelect.inner #campaign { display:none; } #serviceSelectModal #serviceSelect.inner .campaignBox { margin:0 0 10px; padding:10px 0 10px 10px; background:#f7f7f7; overflow:hidden; zoom:1; display:none; } #serviceSelectModal #serviceSelect.inner .campaignBox h3.midashi { font-family:'Noto Sans Japanese Medium'; font-weight:normal; font-size:16px; background:url(/procedure/img_v1/service_select/txt_top.png) no-repeat 0 50%; text-indent:22px; display:inline-block; width:100%; } #serviceSelectModal #serviceSelect.inner .campaignBox h3 em { font-size:12px; } #serviceSelectModal #serviceSelect.inner .campaignBox .tooltip { vertical-align:top; display:inline-block; } #serviceSelectModal #serviceSelect.inner .campaignBox .campaign label.unselected, #serviceSelectModal #serviceSelect.inner .campaignBox .campaign label.unchecked { background:url(/procedure/img_v1/pack_select/check_ss.png) no-repeat 15px 50% #fff; } #serviceSelectModal #serviceSelect.inner .campaignBox .campaign label.selected, #serviceSelectModal #serviceSelect.inner .campaignBox .campaign label.checked { background:url(/procedure/img_v1/pack_select/check_ss_on.png) no-repeat 15px 50% #fff6dd; } #serviceSelectModal #serviceSelect.inner .campaignBox .campaign { width:409px; margin:0 10px 0 0; padding:0; position:relative; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); float:left; position:relative; } #serviceSelectModal #serviceSelect.inner .campaignBox .campaign label { display:block; border:1px solid #c4cdcf; border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; cursor:pointer; } #serviceSelectModal #serviceSelect.inner .campaignBox .campaign label p { line-height:40px; font-family:'Noto Sans Japanese Medium'; padding:0 0 0 45px; } #serviceSelectModal #serviceSelect.inner .campaignBox .campaign label p em { position:absolute; top:10px; right:10px; font-size:10px; line-height:10px; } #serviceSelectModal #serviceSelect.inner .campaignBox .coutiontxtBox { width:828px; float:left; overflow:hidden; zoom:1; } #serviceSelectModal #serviceSelect.inner .campaignBox .coutiontxtBox p { width:385px; padding:5px 5px 5px 20px; font-size:79%; line-height:1.3; position:relative; } #serviceSelectModal #serviceSelect.inner .campaignBox .coutiontxtBox p span { position:absolute; top:5px; left:2px; } #serviceSelectModal #serviceSettingBtn { cursor:pointer; } #serviceSelectModal #closeBtn { width:67px; height:67px; cursor:pointer; position:absolute; top:-20px; right:-30px; } #serviceSelectModal #mobileConf.inner { width:850px; margin:0 auto; padding:20px 0; position:relative; display:none; } #serviceSelectModal #mobileConf.inner h2 { font-family:'Noto Sans Japanese Medium'; text-align:center; font-size:24px; } #modal-overlay{ z-index:1000; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background:#fff; opacity: 0.7; -ms-filter: "alpha( opacity=70 )"; filter:alpha( opacity=70 ); } .stepWrap { width: 750px; margin-right: auto; margin-left: auto; } /* ------------------------------------------------------------------ 料金シミュレーター ------------------------------------------------------------------ */ .area_simulator_window { position:relative; } .area_simulator_window h1{ height:75px; display:block; border-bottom:1px dotted #111111; background:url(/procedure/img_v1/area_select/icon_cal.gif) no-repeat 90px 50%; padding:5px 0 0 155px; margin:10px 0 13px 0;} .area_simulator_window h1.simtop_ttl img{ margin:0 0 0 0; } .area_simulator_window .elesimu_banner { width:672px; margin:15px auto; text-align:right; } #serviceSettingView2 .elesimu_banner { width:672px; margin:15px auto; text-align:right; } .area_simulator_window h1 span.txt01{ display:block; margin:0 0 0 0; height:32px; } .area_simulator_window h1 span.txt02{ display:block; margin:-5px 0 0 0; height:21px;} /* 住所選択 ------------------------------------------------*/ .area_simulator_window #s0101.formbox { width:512px; height:80px; margin:0 auto 10px; border:2px solid #cbd3d5; border-radius:3px;} .area_simulator_window #s0101.formbox.widFix { width:auto; margin:0 0 10px 119px;} .area_simulator_window #s0101.formbox .formttl01{ width:154px; height:80px; line-height:80px; margin:0; border-right:2px solid #cbd3d5; font-size:16px; text-indent:13px; float:left;} .area_simulator_window #s0101 .formbox_body{ width:500px; margin:0; float:left; padding:13px 0 0 0;} .area_simulator_window #s0101 .formbox_body dl{ display:block; margin:0; padding:0 0 0 17px;} .area_simulator_window #s0101 .formbox_body dl dd{ display:block; margin:0; float:left;} .area_simulator_window #s0101 .formbox_body dl dd input{ margin:0; padding:0 0 0 0; height:33px; border:1px solid #a9a9a9; font-size:18px; text-indent:5px;} .area_simulator_window #s0101 .formbox_body dl dd.pos01{ background:url(/procedure/img_v1/area_select/icon_postal.gif) no-repeat 0 50%; padding:0 0 0 27px;} .area_simulator_window #s0101 .formbox_body dl dd.pos01 input{ width:110px;} .area_simulator_window #s0101 .formbox_body dl dd.pos02{ background:url(/procedure/img_v1/area_select/icon03.gif) no-repeat 0 50%; padding:0 0 0 20px; margin:0 0 0 8px;} .area_simulator_window #s0101 .formbox_body dl dd.pos02 input{ width:135px;} .area_simulator_window p.link01{padding:0px 0 0 17px; background:url(/procedure/img_v1/area_select/icon04.gif) no-repeat 0 9px; margin:0 !important;} .area_simulator_window p.link01 a{ color:#0065bb;} .area_simulator_window .formbox_body p.link01 { margin-top:-20px;} .area_simulator_window #s0101 .formbox_body .jigyoshoname{ display:block; float:left; padding:18px 20px 0 25px; font-size:18px;} .area_simulator_window #s0101 .formbox_body .backbtn{ display:block; float:left; padding:10px 0 0 0;} .area_simulator_window #s0101 .formbox_body .backbtn input{ background:url(/procedure/img_v1/area_select/btn_search2.png) no-repeat 0 0; width:127px; height:38px; border:0px; font-size:12px; line-height:33px; cursor:pointer; } .area_simulator_window #s0102.formbox { width:665px; margin:0 auto 10px; border:2px solid #cbd3d5; border-radius:3px;} .area_simulator_window #s0102.formbox .formttl01{ width:154px; height:80px; line-height:80px; margin:0; font-size:16px; text-indent:13px; float:left;} .area_simulator_window #s0102 .formbox_body { width:500px; margin:0; float:left; padding:10px 0; border-left:2px solid #cbd3d5; } .area_simulator_window #s0102 .formbox_body .radio01 { margin:0 9px 0 11px; padding:0; float:left; width:230px; border:2px solid #cbd3d5; } .area_simulator_window #s0102 .formbox_body .radio01.mrgFix { margin:0; } .area_simulator_window #s0102 .formbox_body .radio01 label span.kodate { margin:0; padding:0; width:100%; height:56px; text-indent:-9999px; overflow:hidden; display:block; background:url(/procedure/img_v1/area_select/icon_kodate.png) no-repeat 20px 50%; } .area_simulator_window #s0102 .formbox_body .radio01 label span.kodate.withTxt { background:url(/procedure/img_v1/area_select/icon_kodate_notxt.png) no-repeat 20px 50%; display: block; height: 56px; margin: 0; text-align: center; font-size: 14px; line-height: 56px; font-weight: bold; overflow: hidden; padding: 0; width: 100%; text-indent: 0; } .area_simulator_window #s0102 .formbox_body .radio01 .txt { background-color:#e8e8e8; text-align:center; border-top:1px solid #cbd3d5; border-bottom:1px solid #cbd3d5; } .area_simulator_window #s0102 .formbox_body .radio01 .select1, .area_simulator_window #s0102 .formbox_body .radio01 .select3 { width:115px; border-right:1px solid #cbd3d5; float:left; display:block; } .area_simulator_window #s0102 .formbox_body .radio01 .select2, .area_simulator_window #s0102 .formbox_body .radio01 .select4 { width:114px; float:left; display:block; } .area_simulator_window #s0102 .formbox_body .radio01 li label { padding:5px 0 5px 26px; line-height:1.2; } .area_simulator_window #s0102 .formbox_body .radio01 li.select3 label { padding:13px 0 13px 26px; } .area_simulator_window #s0102 .formbox_body .radio02 { margin:0; padding:0; float:left; width:230px; border:2px solid #cbd3d5; } .area_simulator_window #s0102 .formbox_body .radio02.mrgFix { margin:0 9px 0 11px; } .area_simulator_window #s0102 .formbox_body .radio02 label{ margin:0; height:56px; display:block; } .area_simulator_window #s0102 .formbox_body .radio02 label span{ margin:0; padding:0; width:100%; height:56px; text-indent:-9999px; overflow:hidden; display:block; background:url(/procedure/img_v1/area_select/icon_shugo.png) no-repeat 20px 50%; } .area_simulator_window #s0102 .formbox_body .radio02 label span.withTxt{ background:url(/procedure/img_v1/area_select/icon_shugo_notxt.png) no-repeat 20px 50%; display: block; height: 56px; margin: 0; text-align: center; font-size: 14px; line-height: 56px; font-weight: bold; overflow: hidden; padding: 0; width: 100%; text-indent: 0; } .area_simulator_window #s0102 .formbox_body .radio01 .hometype1 {display:none;} .area_simulator_window #s0102 .formbox_body .radio01 .hometype1_1 {display:none;} .area_simulator_window #s0102 .radio01 .unselected { background:url(/procedure/img_v1/area_select/form_radio_off.png) no-repeat 8px 50%; display:block; padding: 0 0 0 15px; cursor:pointer; overflow:hidden; } .area_simulator_window #s0102 .radio02 .unselected { background:url(/procedure/img_v1/area_select/form_radio_off.png) no-repeat 8px 50%; display:block; padding: 0 0 0 15px; cursor:pointer; overflow:hidden; } .area_simulator_window #s0102 .radio01 .selected { background:url(/procedure/img_v1/area_select/form_radio_on.png) no-repeat 8px 50% #fff7f0; display:block; padding: 0 0 0 15px; cursor:pointer; overflow:hidden; } .area_simulator_window #s0102 .radio02 .selected { background:url(/procedure/img_v1/area_select/form_radio_on.png) no-repeat 8px 50% #fff7f0; display:block; padding: 0 0 0 15px; cursor:pointer; overflow:hidden; } .area_simulator_window .select_address_box{ width:745px; margin:0 auto; border:2px solid #cbd3d5; border-radius:4px;} .area_simulator_window .select_address_box .select_address_box_inner{ padding:20px 0 15px 15px;} .area_simulator_window .select_address_box .select_address_box_inner .area01{ width:126px; height:48px; padding:0 0 0 0; border:2px solid #cbd3d5; border-radius:4px; background-color:#f2f2f2; text-align:center; line-height:48px; float:left; margin:0 0 10px 0;} .area_simulator_window .select_address_box .select_address_box_inner ul.area01list{ display:block; width:591px; float:right;} .area_simulator_window .select_address_box .select_address_box_inner ul.area01list li{ display:block; width:88px; height:48px; padding:0 0 0 0; border:2px solid #cbd3d5; border-radius:4px; text-align:center; line-height:48px; float:left; margin:0 5px 10px 0;} .area_simulator_window .select_address_box .select_address_box_inner ul.area01list li.active{ display:block; background-color:#fff0da; color:#ff6600; font-weight:bold;} .area_simulator_window .select_address_box .select_address_box_inner ul.area01list li a{ color:#0065bb;} .select_area_foot{ clear:both; width:745px; margin:15px auto 0; } .select_area_foot .link01{ margin:0!important;} .select_area_foot .txt01{ margin:0 auto 10px;} .select_address_box01{ width:750px; margin:0 auto;} .area_simulator_window .select_address_box02{ width:750px; margin:0 auto; position:relative;} .area_simulator_window .select_address_box02 .select_city{ display:block; margin:0 auto 19px; padding:8px 10px; border:2px solid #cbd3d5; border-radius:4px; background-color:#f2f2f2; font-size:16px;} .area_simulator_window .select_address_box02 .tab{ display:block; overflow:hidden; height:41px; background:url(/procedure/img_v1/area_select/icon03.gif) repeat-x left bottom;} .area_simulator_window .select_address_box02 .tab li{ width:74px; height:41px; float:left; margin-right:1px; background:url(/procedure/img_v1/area_select/bg_taboff.gif) no-repeat 0 0; font-size:18px; line-height:36px; text-align:center; font-weight:bold; cursor: pointer} .area_simulator_window .select_address_box02 .tab li.disable{ background:url(/procedure/img_v1/area_select/bg_taboff_gray.gif) no-repeat 0 0; cursor:default;} .area_simulator_window .select_address_box02 .tab li.select{width:74px; height:41px; background:url(/procedure/img_v1/area_select/bg_tabon.gif) no-repeat 0 0;} .area_simulator_window .select_address_box02 .content{ height:200px; overflow:auto; border:2px solid #cbd3d5; border-top:0px; margin:0 0 0 0;} .area_simulator_window .select_address_box02 .content li.lv01{background:#FFF; padding:20px; } .area_simulator_window .select_address_box02 .content .clist{} .area_simulator_window .select_address_box02 .content .clist p{ background:url(/procedure/img_v1/area_select/icon05.gif) no-repeat 0 49%; padding:0 0 0 13px; font-size:16px; width:200px; float:left; margin:0 0 8px 0;} .area_simulator_window .select_address_box02 .content .clist p a{ color:#0065bb;} .area_simulator_window .select_address_box02 .hide {display:none;} .area_simulator_window .select_address_box .btn_back{ display:block; position:absolute; top:45%; left:20px; width:48px; height:48px; } .area_simulator_window .select_address_box .btn_back a{ display:block; background:url(/procedure/img_v1/area_select/btn_back.gif) no-repeat 0 0; width:48px; height:48px; text-indent:-9999px; } .area_simulator_window .select_address_box02 .btn_back{ display:block; position:absolute; top:45%; left:-60px; width:48px; height:48px; } .area_simulator_window .select_address_box02 .btn_back a{ display:block; background:url(/procedure/img_v1/area_select/btn_back.gif) no-repeat 0 0; width:48px; height:48px; text-indent:-9999px; } #area_simulator0104 .btnBox { width:740px; height:40px; margin:0 auto; position:relative; } .area_simulator_window .addSelectBox { width:100%; height:250px; overflow:auto; } .area_simulator_window .addSelectBox ul li { border-bottom:1px solid #cbd3d5; padding:10px 15px 10px 35px; background:url(/procedure/img_v1/area_select/icon04.gif) no-repeat 15px 50%; cursor:pointer; } .area_simulator_window .addSelectBox ul li:last-child { border-bottom:0px solid #cbd3d5; } .area_simulator_window .addSelectBox ul li:hover { background-color:#fff7ef; } .area_simulator_window .addSelectBox ul li p { font-size:115%; } .formbox_body #postal_warap { width: 490px; } .formbox_body #postal_warap dl { float:left; } .formbox_body #postal_warap p { float: right; text-align: center; font-size: 12px; } /* 完了 ------------------------------------------------*/ .slectAddress { width: 478px; margin: 25px auto 25px; } .slectAddress .addressTxt { display: inline-block; margin-right: 20px; } .slectAddress .reSlct { display: inline-block; } /* -- 条件選択画面 STEP2 ------------------------------------------------*/ #serviceSettingView2{ padding:20px 0 0 0;} #serviceSettingView2 .btnArea { width:570px; margin:0 auto; position:relative; } #serviceSettingView2 .formbox02{ width:530px; margin:0 auto 15px; padding:0 0 0 0; overflow:hidden; zoom:1;} #serviceSettingView2 .formbox02_l{ width:240px; height:286px; margin:0; border:2px solid #cbd3d5; border-radius:3px; float:left; background-color:#f6f6f6;} #serviceSettingView2 .formbox02_l .checkbox0201{ display:block; padding:90px 0 0 0; margin:0 0 0 0;} #serviceSettingView2 label.unselected, #serviceSettingView2 label.unchecked { background:url(/procedure/img_v1/pack_select/check_ss.png) no-repeat 15px 50% #fff; } #serviceSettingView2 label.selected, #serviceSettingView2 label.checked { background:url(/procedure/img_v1/pack_select/check_ss_on.png) no-repeat 15px 50% #fff6dd; } #serviceSettingView2 #s0201 label{ display: block; cursor: pointer; margin:0 auto; width:202px; height:89px; font-size:14px; position:relative; line-height:1.2; border:2px solid #cbd3d5; border-radius:3px; text-align:center; } #serviceSettingView2 .formbox02_l .checkbox0201 label span{ display: block; margin:23px 0 0 5px; font-size:14x; line-height:1.3; font-family:'Noto Sans Japanese Medium';} #serviceSettingView2 .formbox02_l .checkbox0201 label span strong{ font-size:18px; font-family:'Noto Sans Japanese Medium';} #serviceSettingView2 #s0202 label{ display: block; cursor: pointer; margin:0 auto; width:228px; height:45px; font-size:14px; position:relative; line-height:1.2; border:2px solid #cbd3d5; border-radius:3px; } #serviceSettingView2 .formbox02_r{ width:260px; height:286px; margin:0; border:2px solid #cbd3d5; border-radius:3px; float:right; background-color:#f6f6f6;} #serviceSettingView2 .formbox02_r p.titletxt{ display:block; border-bottom:1px solid #cbd3d5; font-size:16px; font-family:'Noto Sans Japanese Medium'; text-align:center; padding:10px 0 10px 0; background:#fff;} #serviceSettingView2 .formbox02_r ul{ display:block; padding:13px 0 0 15px; margin:0 0 0 0;} #serviceSettingView2 .formbox02_r ul li{ display:block; width:226px; height:45px; margin:0 0 11px 0;} #serviceSettingView2 .formbox02_r .tv label span{ display: block; width:228px; height:45px; background:url(/procedure/img_v1/service_select/kanyu_jcom_tv.png) no-repeat 48px 0; text-indent:-9999px; overflow:hidden;} #serviceSettingView2 .formbox02_r .net label span{ display: block; width:228px; height:45px; background:url(/procedure/img_v1/service_select/kanyu_jcom_net.png) no-repeat 48px 0; text-indent:-9999px; overflow:hidden;} #serviceSettingView2 .formbox02_r .phone label span{ display: block; width:228px; height:45px; background:url(/procedure/img_v1/service_select/kanyu_jcom_phone.png) no-repeat 48px 0; text-indent:-9999px; overflow:hidden;} #serviceSettingView2 .formbox02_r .mobile label span{ display: block; width:228px; height:45px; background:url(/procedure/img_v1/service_select/kanyu_jcom_mobile.png) no-repeat 48px 0; text-indent:-9999px; overflow:hidden;} /* ------------------------------------------------------------------ サ追変 ------------------------------------------------------------------ */ /* サービス選択 ------------------------------------------------*/ #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu .service { width:409px; margin:0 10px 10px 0; padding:0; position:relative; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); float:left; position:relative; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu .service > label.ac { background:url(/procedure/img_v1/service_select/check_ss_kanyu.png) no-repeat 15px 50% #fff6dd!important; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu .service.tv label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_tv.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu .service.net label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_net.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu .service.phone label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_phone.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu .service.mobile label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_mobile.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu .service.ele label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_electric.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu .service.tv.ac label { height:76px!important; border:1px solid #c4cdcf; border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); } /* MVNO導入前 --*/ #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu.before .service.tv, #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu.before .service.net, #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu.before .service.phone { width:270px; margin:0 10px 10px 0; padding:0; position:relative; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); float:left; position:relative; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu.before .service > label.ac { background:url(/procedure/img_v1/service_select/check_ss_kanyu.png) no-repeat 15px 50% #fff6dd!important; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu.before .service.tv label p { height:96px; background:url(/procedure/img_v1/service_select/img_sevice_select_tv_l.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu.before .service.net label p { height:96px; background:url(/procedure/img_v1/service_select/img_sevice_select_net_l.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu.before .service.phone label p { height:96px; background:url(/procedure/img_v1/service_select/img_sevice_select_phone_l.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kanyu.before .service.tv.ac label { height:96px!important; border:1px solid #c4cdcf; border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kibou .service { width:409px; margin:0 10px 10px 0; padding:0; position:relative; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); float:left; position:relative; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kibou .service > label.ac { background:url(/procedure/img_v1/service_select/check_ss_kanyu.png) no-repeat 15px 50% #fff6dd!important; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kibou .service.tv label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_tv.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kibou .service.net label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_net.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kibou .service.phone label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_phone.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kibou .service.mobile label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_mobile.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kibou .service.ele label p { height:76px; background:url(/procedure/img_v1/service_select/img_sevice_select_electric.png) no-repeat 52px 50%; } #serviceSelectModal #serviceSelect.inner .change .serviceBox.kibou .service.tv.ac label { height:76px!important; border:1px solid #c4cdcf; border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); } #serviceSelectModal #serviceSelect.inner .serviceBox .etcBox { width:409px; margin-right:10px; float:left; } #serviceSelectModal #serviceSelect.inner .serviceBox .etcBox div { position:relative; } #serviceSelectModal #serviceSelect.inner .serviceBox .etcBox div .tooltip_other { position:absolute; top:3px; right:3px; } #serviceSelectModal #serviceSelect.inner .serviceBox a.etcService { width:409px; display:block; border:1px solid #c4cdcf; border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; cursor:pointer; background:#fff; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); text-align:center; text-indent:-9999px; overflow:hidden; } #serviceSelectModal #serviceSelect.inner .serviceBox a.etcService.mobile { height:68px; background:url(/procedure/img_v1/service_select/btn_mobile_bg.png) 50% 50% no-repeat #fff; margin:0 0 10px; } #serviceSelectModal #serviceSelect.inner .serviceBox a.etcService.wimax { height:30px; background:url(/procedure/img_v1/service_select/btn_wimax_bg.png) 50% 50% no-repeat #fff; margin:0 0 6px; } #serviceSelectModal #serviceSelect.inner .serviceBox a.etcService.jisin { height:30px; background:url(/procedure/img_v1/service_select/btn_jisin_bg.png) 50% 50% no-repeat #fff; margin:0 0 10px; } #serviceSelectModal #serviceSelect.inner .change .serviceSelectNotes { margin: 8px 0 25px; padding:15px 15px; border:1px solid #e2e2e2; font-size: 14px; color: #333333; border-radius: 3px!important; } #serviceSelectModal #serviceSelect.inner .change .serviceSelectNotes .serviceNotesBold { font-weight: bold; } #serviceSelectModal #serviceSelect.inner .change .serviceSelectNotes a:link, #serviceSelectModal #serviceSelect.inner .change .serviceSelectNotes a:visited, #serviceSelectModal #serviceSelect.inner .change .serviceSelectNotes a:hover { color: #e73c22; font-weight: bold; } /* ------------------------------------------------------------------ 合計金額 ------------------------------------------------------------------ */ #footerPriceArea { position:fixed; bottom:0; margin:0; padding:0; background:ffffff; width:100%; z-index:500; display:none; } /* -- 追従エリア ------------------------------------------------*/ /* 1603 コメントアウト #footerPriceArea #simpleView { width:98%; background:#9c9c9c; padding:7px 1%; -moz-box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.2); -webkit-box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.2); pisition:relative; } #footerPriceArea #simpleView ul.priceList { min-width:1000px; width:auto!important; width:1000px; margin:0 0 3px; overflow:hidden; zoom:1; } #footerPriceArea #simpleView ul.priceList li { background:#fff; border-radius:3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; float:left; margin-right:0.25%; } #footerPriceArea #simpleView ul.priceList li.price1 { width:21.5%; } #footerPriceArea #simpleView ul.priceList li.price2 { width:21%; } #footerPriceArea #simpleView ul.priceList li.price3 { width:21%; } #footerPriceArea #simpleView ul.priceList li.price4 { width:18%; } #footerPriceArea #simpleView ul.priceList li dl { overflow:hidden; zoom:1; } #footerPriceArea #simpleView ul.priceList li dl dt { padding:5px 0 5px 8px; font-size:10px; line-height:1.2; float:left; font-family:'Noto Sans Japanese Medium'; font-weight:normal; } #footerPriceArea #simpleView ul.priceList li.price4 dl dt { padding:11px 0 5px 8px; font-size:10px; } #footerPriceArea #simpleView ul.priceList li dl dd.price { padding:5px 5px 5px 5px; font-size:12px; float:right; } #footerPriceArea #simpleView ul.priceList li dl dd.price em { font-size:24px; line-height:1.5em; color:#dd0000; padding:0 2px 0 0; } #footerPriceArea #simpleView ul.priceList li.btn { width:17.00%; background:none; margin-right:0%; float:right; } #footerPriceArea #simpleView ul.priceList li.btn a { border:2px solid #ff7a03; border-radius:3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); width:98%; margin:0; line-height:42px; text-align:center; background:url(/procedure/img_v1/pack_select/footer_entrybtn_txt.png) no-repeat 70% 50% #ff861b; text-indent:-9999px; overflow:hidden; display:block; } #footerPriceArea #simpleView ul.campaignList { min-width:1000px; width:auto!important; width:1000px; border-radius:3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; overflow:hidden; zoom:1; } #footerPriceArea #simpleView ul.campaignList li dl { width:100%; overflow:hidden; zoom:1; display:table; float:left; font-size:12px; line-height:1.2; } #footerPriceArea #simpleView ul.campaignList li dl dt { width:13%; padding:5px 0; display:table-cell; background:#ff6666; text-align:center; vertical-align:middle; color:#fff; font-family:'Noto Sans Japanese Medium'; font-weight:bold; } #footerPriceArea #simpleView ul.campaignList li dl dd { width:37%; padding:5px 0 0; display:table-cell; background:#fff; vertical-align:middle; } #footerPriceArea #simpleView ul.campaignList li dl.one dt { width:15%; padding:11px 0; display:table-cell; background:#ff6666; text-align:center; vertical-align:middle; color:#fff; font-family:'Noto Sans Japanese Medium'; font-weight:bold; } #footerPriceArea #simpleView ul.campaignList li dl.one dd { width:85%; padding:11px 0; display:table-cell; background:#fff; vertical-align:middle; } #footerPriceArea #simpleView ul.campaignList li dl dd strong, #footerPriceArea #simpleView ul.campaignList li dl dd em { font-weight:bold; color:#dd0000; } #footerPriceArea #simpleView ul.campaignList li dl dd p { border-top:1px dashed #bdbdbd; padding:5px 8px; } #footerPriceArea #simpleView ul.campaignList li dl dd p:first-child { border-top:none; padding:0 8px 5px; } */ #footerPriceArea #simpleView { min-width:990px; width:auto!important; width:99%; background:#9c9c9c; padding:7px 5px; -moz-box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.2); -webkit-box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.2); pisition:relative; } #footerPriceArea #simpleView #priceViewBtn { position:absolute; top:-37px; right:5px; z-index:10px; cursor:pointer; height:38px; width:192px; background:url(/procedure/img_v1/pack_select/btn_price_open.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; } #footerPriceArea #simpleView #priceViewBtn.open { background:url(/procedure/img_v1/pack_select/btn_price_close.png) no-repeat 0 0; } #footerPriceArea #simpleView .priceList { overflow:hidden; zoom:1; margin:0 0 5px; } #footerPriceArea #simpleView .campaignList { overflow:hidden; zoom:1; } #footerPriceArea #simpleView .priceList .mi, #footerPriceArea #simpleView .campaignList .mi { font-size:86%; text-align:center; background:#d0d0d0; font-family:'Noto Sans Japanese Medium'; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } #footerPriceArea #simpleView .priceList .priceinList li { height:66px; background:#fff; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } #footerPriceArea #simpleView .priceList .priceinList li dl { padding:5px; } #footerPriceArea #simpleView .priceList .priceinList li dl dt { margin:0; padding:0; font-size:79%; line-height:1.2; font-family:'Noto Sans Japanese Medium'; } #footerPriceArea #simpleView .priceList .priceinList li dl dd { margin:4px 0 0; padding:0; font-size:86%; text-align:right; } #footerPriceArea #simpleView .priceList .priceinList li dl dd.price em { font-size:26px; line-height:1.2em; color:#dd0000; padding:0 1px 0 0; display:inline-block; } #footerPriceArea #simpleView .priceList .priceinList li dl dd.eleprice { font-size:79%; line-height:1.2em; text-align:right; } #footerPriceArea #simpleView .priceList .priceinList li dl dd.eleprice p { padding:0; margin:0; display:inline-block; vertical-align:middle; text-align:left; } #footerPriceArea #simpleView .priceList li.month { width:32%; float:left; margin-right:2px; } #footerPriceArea #simpleView .priceList li.initial { width:49%; float:left; } #footerPriceArea #simpleView .priceList li.btn { width:18%; background:none; margin-right:0%; float:right; } #footerPriceArea #simpleView .priceList li.btn a { border:2px solid #ff7a03; border-radius:3px!important; -webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; -ms-border-radius: 5px!important; -o-border-radius: 5px!important; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3); width:98%; margin:24px 0 0; line-height:60px; text-align:center; background:url(/procedure/img_v1/pack_select/footer_entrybtn_txt.png) no-repeat 70% 50% #ff861b; text-indent:-9999px; overflow:hidden; display:block; } #footerPriceArea #simpleView .priceList li.month .mi { margin:0 1% 3px 0; } #footerPriceArea #simpleView .priceList li.month li { width:49.0%; margin-left:1%; float:left; } #footerPriceArea #simpleView .priceList li.month li:first-child { margin-left:0; } #footerPriceArea #simpleView .priceList li.initial .mi { margin:0 0 3px; } #footerPriceArea #simpleView .priceList li.initial .mi .initialTxt { font-size:10px; display:none;} #footerPriceArea #simpleView .priceList li.initial li { width:32.8%; margin-left:0.8%; float:left; } #footerPriceArea #simpleView .priceList li.initial li:first-child { margin-left:0; } #footerPriceArea #simpleView .campaignList { overflow:hidden; zoom:1; } #footerPriceArea #simpleView .campaignList dl.webtoku { width:31.74%; margin-right:0.5%; background:#fff;} #footerPriceArea #simpleView .campaignList dl.cashback { width:67.76%; } #footerPriceArea #simpleView .campaignList.one dl { width:100%; margin-right:0;} #footerPriceArea #simpleView .campaignList dl { width:100%; overflow:hidden; zoom:1; display:table; float:left; font-size:12px; line-height:1.2; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;} #footerPriceArea #simpleView .campaignList dl dt { width:75px; font-size:93%; padding:5px 0; display:table-cell; background:#ff6666; text-align:center; vertical-align:middle; color:#fff; font-family:'Noto Sans Japanese Medium'; font-weight:bold; } #footerPriceArea #simpleView .campaignList dl dd { padding:5px 0 0; display:table-cell; background:#fff; vertical-align:middle; } #footerPriceArea #simpleView .campaignList dl.cashback dd.last { border-left:1px dotted #bdbdbd; } #footerPriceArea #simpleView .campaignList dl.cashback.one dd.last { border-left:none; } #footerPriceArea #simpleView .campaignList dl dd p { padding:5px 8px; } #footerPriceArea #simpleView .campaignList dl dd p em { font-weight:bold; color:#dd0000; } /* -- 詳細表示 ------------------------------------------------*/ #footerPriceArea #detailView { min-width:1000px; width:auto!important; width:1000px; background:#fff; pisition:relative; display:none; } #footerPriceArea #detailView > div { padding:15px 0; max-height:350px; height:auto!important; height:350px; overflow:auto; overflow-y:scroll; position: relative; } #footerPriceArea #detailView .priceBox{ margin:0 auto 20px; width:996px; border:2px solid #bdbdbd; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.1); } #footerPriceArea #detailView .priceBox .priceList { width:100%; margin:0 -1px -1px 0; padding:0; overflow:hidden; zoom:1; } #footerPriceArea #detailView .priceBox .priceList li { font-size:86%; line-height:1.5; border-bottom:1px solid #cdcdcd; } #footerPriceArea #detailView .priceBox .priceList li .name { padding:8px 8px 0 8px; } #footerPriceArea #detailView .priceBox .priceList li .price { padding:0px 8px 5px 8px; text-align:right; } #footerPriceArea #detailView .priceBox .priceList li .price .normalPrice { display:inline-block; } #footerPriceArea #detailView .priceBox .priceList li .price .campaignPrice { background:url(/procedure/img_v1/pack_select/icon_price_arrow.png) no-repeat 10px 12px ; display:inline-block; padding:0 0 0 25px; } #footerPriceArea #detailView .priceBox .priceList li .price .campaignPrice em{ font-weight:bold; color:#fc4201; font-size:20px; } #footerPriceArea #detailView .priceBox .priceList li .price .campaignPrice span{ font-weight:bold; font-size:16px; } #footerPriceArea #detailView .priceBox .priceList li .price .campaignPrice span.kikan{ font-weight:bold; font-size:10px; } #footerPriceArea #detailView .priceBox .priceList li .price em{ font-size:16px; } #footerPriceArea #detailView .priceBox .priceList.detail li { width:100%; display:table; background:url(/procedure/img_v1/pack_select/bg_price_line.gif) 100% 0% repeat-y #ffffff; } #footerPriceArea #detailView .priceBox .priceList.detail li.camp { background:url(/procedure/img_v1/pack_select/bg_price_line.gif) 100% 0% repeat-y #fffdc5; } #footerPriceArea #detailView .priceBox .priceList.detail li .service { width:430px; /*border-right:1px dotted #cdcdcd;*/ display:table-cell; } #footerPriceArea #detailView .priceBox .priceList.detail li .service .price .normalPrice { vertical-align:top; padding-top:5px; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt { /*width:66.6%;*/ width:563px; display:table-cell; vertical-align:middle; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div { display:table; width:100%; border-top:1px solid #cdcdcd; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div:first-child { border-top:none; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div .detail-camp { display:table-cell; vertical-align:middle; width:363px; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div .detail-camp .campname { padding:5px 8px; font-weight:bold; border-bottom:1px dashed #cdcdcd; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div .detail-camp .camptxt { padding:5px 8px; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div .detail-camp .camptxt p { position:relative; padding:0 0 0 15px; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div .detail-camp .camptxt p span.caution { position:absolute; top:0; left:0; font-weight:normal; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div .detail-price { /*border-left:1px dashed #cdcdcd;*/ /*border-right:1px dashed #cdcdcd;*/ display:table-cell; text-align:center; vertical-align:middle; width:120px; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div .detail-period { display:table-cell; text-align:center; vertical-align:middle; width:80px; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div em { font-weight:bold; color:#fc4201; } #footerPriceArea #detailView .priceBox .priceList.detail li .detailTxt > div span { font-weight:bold; } #footerPriceArea #detailView .priceBox .priceList li .detailTxt > div .detail-price em, #footerPriceArea #detailView .priceBox .priceList li .detailTxt > div .detail-period em, #footerPriceArea #detailView .priceBox .priceList li .detailTxt > div .detail-price span, #footerPriceArea #detailView .priceBox .priceList li .detailTxt > div .detail-period span { font-size:16px; } #footerPriceArea #detailView .priceBox .priceList.camp li { width:100%; border-bottom:1px solid #cdcdcd; background:#fffdc5; display:table; } #footerPriceArea #detailView .priceBox .priceList.camp li .service { /*width:33.3%;*/ width:331px; border-right:1px dashed #cdcdcd; display:table-cell; } #footerPriceArea #detailView .priceBox .priceList.camp li .campTxt { /*width:66.6%;*/ width:662px; display:table-cell; vertical-align:middle; } #footerPriceArea #detailView .priceBox .priceList.camp li .campTxt .campname { padding:5px 8px; font-weight:bold; border-bottom:1px dashed #cdcdcd; } #footerPriceArea #detailView .priceBox .priceList.camp li .campTxt div { padding:5px 8px; } #footerPriceArea #detailView .priceBox .priceList.camp li .campTxt div em { font-weight:bold; color:#fc4201; } #footerPriceArea #detailView .priceBox .priceList.camp li .campTxt div span { font-weight:bold; } #footerPriceArea #detailView .priceBox .priceList.camp li .campTxt div p { position:relative; padding:0 0 0 15px; } #footerPriceArea #detailView .priceBox .priceList.camp li .campTxt div p span.caution { position:absolute; top:0; left:0; font-weight:normal; } #footerPriceArea #detailView .priceBox .priceList.normal li { /*width:33.25%;*/ width:331px; float:left; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; } #footerPriceArea #detailView .priceBox .priceList.normal li:first-child { border-left:none; } #footerPriceArea #detailView .priceBox .priceList.normal li:nth-child(3n) { border-right:none; width:332px; } #footerPriceArea #detailView .priceBox .priceList.normal li { /*width:33.25%;*/ width:331px; float:left; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; } #footerPriceArea #detailView .priceBox .priceList.normal li .txt { padding:5px 8px 5px 8px; border-top:1px dashed #cdcdcd; } #footerPriceArea #detailView .priceBox .priceList.normal li .txt p { position:relative; padding:0 0 0 15px; } #footerPriceArea #detailView .priceBox .priceList.normal li .txt p span.caution { position:absolute; top:0; left:0; font-weight:normal; } #footerPriceArea #detailView .priceBox .priceList.normal li .detail-price-s { margin-top:5px; } #footerPriceArea #detailView .priceBox .priceList.normal li .detail-price-s dl{ border-top:1px dashed #cdcdcd; } #footerPriceArea #detailView .priceBox .priceList.normal li .detail-price-s dl dt{ padding:5px 8px; width:104px; display:table-cell; } #footerPriceArea #detailView .priceBox .priceList.normal li .detail-price-s dl dd{ padding:5px 8px; width:194px; border-left:1px dashed #cdcdcd; display:table-cell; text-align:right; } #footerPriceArea #detailView .priceBox .priceList.normal li .detail-price-s dl dd em{ font-size:16px; font-weight:bold; display:inline-block; padding:0 1px 0 0; } #footerPriceArea #detailView .priceBox .priceList.normal li .campTxt p{ padding:0 8px; } #footerPriceArea #detailView .priceBox .priceList.normal li .campTxt p.campname{ font-weight:bold; } #footerPriceArea #detailView .priceBox .totalPriceS.service { background:#f6f6f6; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; overflow:hidden; zoom:1; } #footerPriceArea #detailView .priceBox .totalPriceS.option { background:#f6f6f6; border-top:1px solid #cdcdcd; overflow:hidden; zoom:1; } #footerPriceArea #detailView .priceBox .totalPriceS > div { width:331px; float:left; display:table; } #footerPriceArea #detailView .priceBox .totalPriceS div .txt { width:50%; display:table-cell; vertical-align:bottom; font-size:86%; line-height:30px; padding:4px 8px 0; font-family:'Noto Sans Japanese Bold'; } #footerPriceArea #detailView .priceBox .totalPriceS div .price { width:50%; display:table-cell; vertical-align:bottom; text-align:right; font-size:86%; line-height:30px; padding:2px 8px 0; } #footerPriceArea #detailView .priceBox .totalPriceS div .price em { font-size:20px; } #footerPriceArea #detailView .priceBox .elepriceBox { font-size:12px; padding:10px; } #footerPriceArea #detailView .totalPrice { margin:0 auto; width:1000px; overflow:hidden; } #footerPriceArea #detailView .totalPrice > div { border:2px solid #c1c1c1; border-bottom:0px; padding:5px 0 0; background:#fff5f5; width:380px; float:left; overflow:hidden; zoom:1; display:table; } #footerPriceArea #detailView .totalPrice div .txt { width:55%; display:table-cell; font-size:86%; color:#ea3400; line-height:30px; font-weight:bold; padding:4px 0 0 8px; } #footerPriceArea #detailView .totalPrice div .txt.l2 { line-height:15px; padding:0 0 0 8px; vertical-align:middle; } #footerPriceArea #detailView .totalPrice div .price { width:45%; display:table-cell; text-align:right; font-size:86%; line-height:30px; padding:2px 8px 0 0; } #footerPriceArea #detailView .totalPrice div .price em { font-size:30px; color:#dd0000; } #footerPriceArea #detailView .campttl { margin:0 auto; width:1000px; overflow:hidden; } #footerPriceArea #detailView .campttl > div { border:2px solid #c1c1c1; border-bottom:0px; padding:0; background:#fff5f5; width:375px; float:left; overflow:hidden; zoom:1; display:table; } #footerPriceArea #detailView .campttl div .txt { font-size:86%; color:#ea3400; line-height:30px; font-weight:bold; padding:4px 0 0 8px; } #footerPriceArea #detailView .campBox{ margin:0 auto 20px; width:996px; border:2px solid #bdbdbd; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.1); } #footerPriceArea #detailView .campBox .campList { width:100%; margin:0 -1px -1px 0; padding:0; overflow:hidden; zoom:1; } #footerPriceArea #detailView .campBox .campList li { font-size:86%; line-height:1.5; border-bottom:1px solid #cdcdcd; } #footerPriceArea #detailView .campBox .campList li dl { display:table; } #footerPriceArea #detailView .campBox .campList li dl dt { width:200px; padding:8px 10px; display:table-cell; vertical-align:middle; font-weight:bold; color:#ea3400; background:#fff; } #footerPriceArea #detailView .campBox .campList li dl dd { width:775px; border-left:1px dashed #cdcdcd; display:table-cell; vertical-align:middle; } #footerPriceArea #detailView .campBox .campList li dl dd p { padding:8px 10px; border-top:1px dashed #cdcdcd; } #footerPriceArea #detailView .campBox .campList li dl dd p:first-child { border:none; } #footerPriceArea #detailView .campBox .campList li dl dd p em{ font-weight:bold; color:#ea3400; } #footerPriceArea .cautionTxt { padding:5px 10px; font-size:12px; line-height:1.5; color:#dd0000; border-bottom:1px solid #cdcdcd; } #footerPriceArea .coutionBox { color:#000000!important; } .coutionList { } .coutionList li { position:relative; padding-left:20px; } .coutionList li span { position:absolute; top:0; left:0; } /* テスト時確認用---------------------------------------------------- #packselect #step2Area .detail-ttl{ display:block!important; } #packselect #step2Area .detailBox{ display:block!important; } ---------------------------------------------------- */