/*--------------------------------------------- Reset Style ---------------------------------------------*/ * { margin:0; padding:0; font-size:100%; } html { color:#333; background-color:#fff; overflow-y:scroll; } body { font-family:"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size:12px; line-height:1.5; height:100%; text-align:center; } img { border:none; vertical-align:bottom; } div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td { margin:0; padding:0; } address, th, caption, em, strong { font-style:normal; font-weight:normal; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0; padding:0; } input, select, textarea { font-size:100%; font-family:inherit; font-weight:inherit; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; font-size:100%; font-size:inherit; } a { overflow:hidden; outline:none; } a:link { color:#0748a1; text-decoration:none; } a:visited { color:#0748a1; text-decoration:none; } a:hover, a:active { color:#0066cc; text-decoration:underline; } /*--------------------------------------------- clearfix Style ---------------------------------------------*/ .clearfix:before,.clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; } /* layout ---------------------------------------------*/ #content:before,#content:after { content:""; display:table; } #content:after { clear:both; } #content { zoom:1; } /* header ---------------------------------------------*/ #header:before,#header:after { content:""; display:table; } #header:after { clear:both; } #header { zoom:1; } #headMenu:before,#headMenu:after { content:""; display:table; } #headMenu:after { clear:both; } #headMenu { zoom:1; } /* footer ---------------------------------------------*/ #footer:before,#footer:after { content:""; display:table; } #footer:after { clear:both; } #footer { zoom:1; } /* common ---------------------------------------------*/ #topicPath:before,#topicPath:after { content:""; display:table; } #topicPath:after { clear:both; } #topicPath { zoom:1; } #topicPath ol:before,#topicPath ol:after { content:""; display:table; } #topicPath ol:after { clear:both; } #topicPath ol { zoom:1; } #footerMenu:before,#footerMenu:after { content:""; display:table; } #footerMenu:after { clear:both; } #footerMenu { zoom:1; } #footerMenu dl:before,#footerMenu dl:after { content:""; display:table; } #footerMenu dl:after { clear:both; } #footerMenu dl { zoom:1; } #otherLink:before,#otherLink:after { content:""; display:table; } #otherLink:after { clear:both; } #otherLink { zoom:1; } /*--------------------------------------------- Common Style ---------------------------------------------*/ .clearfix { *zoom:1; } .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } /* float ---------------------------------------------*/ .fl { float:left !important; } .fr { float:right !important; } /* margin ---------------------------------------------*/ .m0 { margin:0px !important; } .mat5 { margin-top:5px !important; } .mat10 { margin-top:10px !important; } .mat15 { margin-top:15px !important; } .mat20 { margin-top:20px !important; } .mat25 { margin-top:25px !important; } .mat30 { margin-top:30px !important; } .mat40 { margin-top:40px !important; } .mab40 { margin-bottom:40px !important; } .mar5 { margin-right:5px !important; } .mar20 { margin-right:20px !important; } .mal5 { margin-left:5px !important; } .mal10 { margin-left:10px !important; } .mal20 { margin-left:20px !important; } /* padding ---------------------------------------------*/ .p20 { padding:20px !important; } .p30 { padding:30px !important; } .pat5 { padding-top:5px !important; } .pat10 { padding-top:10px !important; } .pat20 { padding-top:20px !important; } .pat30 { padding-top:30px !important; } .par10 { padding-right:10px !important;} .pab5 { padding-bottom:5px !important; } .pab10 { padding-bottom:10px !important; } .pab15 { padding-bottom:15px !important; } .pab20 { padding-bottom:20px !important; } .pal0 { padding-left:0px !important; } .pal10 { padding-left:10px !important; } .pal20 { padding-left:20px !important; } /* font-weight ---------------------------------------------*/ .fw { font-weight:bold !important; } /* text-align ---------------------------------------------*/ .tal { text-align:left !important; } .tac { text-align:center !important; } .tar { text-align:right !important; } .bld { font-weight:bold; } .cRed { color:#c00; } .red { color:#c00; } .f_pink { color: #e5004f !important;} .w184 { width:184px; } .w210 { width:210px; } .w910 { width:910px; } .mAu { margin:0 auto; } .boGray1 { border:1px solid #e5e5e5; } .borGray1 { border-right:1px solid #e5e5e5; } .bolGray1 { border-left:1px solid #e5e5e5; } .bolLightBrown5 { border-left:5px solid #e9e4d5; } .borLightBrown5 { border-right:5px solid #e9e4d5; } .botLightBrown5 { border-top:5px solid #e9e4d5; } .borLightBrown4 { border-right:5px solid #e9e4d5; } .bgLightBrown { background-color:#e9e4d5; } .fs10 { font-size:84%; } .block { border: 1px solid #e5e5e5; border-radius: 0 0 4px 4px; } .fs18 {font-size:18px;} .fs48 {font-size:48px; font-family: "Noto Sans";} .commonCmp .mod-social { float:right; padding-top:8px; } .commonCmp .mod-social li { float:left; margin-right:5px; } .commonCmp #main { font-size:117%; } .commonCmp .mAu { margin:0 auto; } .commonCmp .f12 { font-size:86%; } .commonCmp .f16 { font-size:115%; } .commonCmp .mod-floatunit li { float:left; } .commonCmp .box950Btm { padding-bottom:3px; background:url("../images/box_btm950.gif") no-repeat bottom; *zoom:1; } .commonCmp .boxYellowTop { padding-top:3px; background:url("../images/bg_lightyellowbox_top.gif") no-repeat; *zoom:1; } .commonCmp .boxYellowBtm { padding-bottom:3px; background:url("../images/bg_lightyellowbox_btm.gif") no-repeat bottom; *zoom:1; } .commonCmp .mod-link-arred { color:#000; font-weight:bold; } /* head /------------------------------------------*/ #headBox { position:relative; float:left; width:60%; margin-top:6px; } #headMenu { float:right; width:40%; margin-top:12px; font-size:1%; } #headBox h1 { margin-top:10px; margin-left:240px; font-size:84%; } /*--------------------------------------------- campaign - module ---------------------------------------------*/ body { min-width:970px; } * html body { border-left:970px solid #fff; zoom:1; } #wrap { clear:both; margin:0 auto; text-align:left; } * html #wrap { position:relative; margin-left:-970px; zoom:1; } #content { border-top:2px solid #0c6d0e; } .fix950 { width:950px; margin:0 auto; } #header { margin:0 10px; padding-bottom:7px; } #header .last a { font-weight:bold; color:#FFFFFF; letter-spacing:0.5px; border-radius:4px; display:block; } #header .last a:hover { text-decoration:none; } #header .sell a {width: 88px;padding:0;font-size:12px;line-height: 26px;background-color:#e8848e;border-top:1px solid #f7d6da;border-right:1px solid #c18b90;border-bottom:1px solid #925259;border-left:1px solid #f7d6da;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f1b5bb), to(#e8848e));background:-moz-linear-gradient(top, #f1b5bb, #e8848e);background:-ms-linear-gradient(top, #f1b5bb, #e8848e);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1b5bb', endColorstr='#e8848e', GradientType=0)";text-align: center;} #header .buy a {width: 90px;padding: 0px 5px 0px 0px;line-height: 26px;font-size: 12px;background-color:#70b92d;border-top:1px solid #d0e8b9;border-right:1px solid #739e4b;border-bottom:1px solid #527136;border-left:1px solid #a9d580;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a9d580), to(#70b92d));background:-moz-linear-gradient(top, #a9d580, #70b92d);background:-ms-linear-gradient(top, #a9d580, #70b92d);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d580', endColorstr='#70b92d', GradientType=0)";box-sizing:border-box;text-align: right;} @-moz-document url-prefix() { #header .last .buy a{ padding: 0px 3px 0px 0px !important; }} #header .cart a {box-sizing:border-box;width:90px;padding: 0px 0px 0px 25px;font-size: 12px;line-height: 26px;background-color:#ff6b07;border-top:1px solid #ffcead;border-right:1px solid #b78563;border-bottom:1px solid #926a4e;border-left:1px solid #ffa76b;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffa568), to(#ff6b07));background:-moz-linear-gradient(top, #ffa568, #ff6b07);background:-ms-linear-gradient(top, #ffa568, #ff6b07);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa568', endColorstr='#ff6b07', GradientType=0)";} #header .cart a #cartTotalNum {width: 33px;display: inline-block;text-align: center;font-size: 13px;line-height: 16px;height: 16px;position: absolute;top: 6px;} #headBox {position:relative;float:left;width: 45%;margin-top:6px;} #headBox #logo { float:left;padding-top:5px; } #headBox #tPoint { position:absolute; top:0; left:230px; font-size:1%; } #headBox #tPoint a { display:block; margin-bottom:3px; } #headBox #feefree { position:absolute; top:0; left:386px; font-size:1%; } #headBox h1 { margin-top:45px; margin-left:230px; font-size:84%; } #headMenu {float:right;width: 55%;margin-top:12px;font-size:1%;} #headMenu li a:hover{ opacity:0.8; } #headMenu .first {width:auto !important;float: right;margin-right: 1px;} #headMenu .first li { float:left; display:inline; margin-left:12px; /zoom:1; } @-moz-document url-prefix() {#headMenu .first li { margin-left:14px !important;}} #headMenu .first li.boxfree { margin-left:0; } #headMenu .last {clear:both;width: auto;float: right;margin-top:8px;} #headMenu .last li {float:left;display:inline;margin-left: 4px; /zoom:1;position:relative;} #headMenu .last li.sell { margin-left:0; } #headMenu #favoArea { position:relative; } #headMenu #favoArea img { position:relative; z-index:1; } /*#headMenu #favoArea span { position:absolute; left:85px; top:5px; color:#fff; z-index:2; font-size:10px; }*/ #headMenu #arriveArea { position:relative; } #headMenu #arriveArea img { position:relative; z-index:1; } /*headMenu #arriveArea span { position:absolute; left:85px; top:5px; color:#fff; z-index:2; font-size:10px; }*/ #headMenu #cartArea { position:relative; } #headMenu #cartArea img { position:relative; z-index:1; } /*#headMenu #cartArea span { position:absolute; left:56px; top:5px; color:#fff; z-index:2; font-size:10px; }*/ /*#headMenu .badger-outter { background: #fff; border: 1px solid#ccc; min-width: 20px; height: 24px; border-radius: 28px; -moz-border-radius: 28px; -webkit-border-radius: 28px; box-shadow: 0px 1px 5px#ccc; -moz-box-shadow: 0px 1px 5px#ccc; -webkit-box-shadow: 0px 1px 5px#ccc; float: left; z-index: 9999; }*/ #headMenu .badger-inner { min-width: 20px; height: 20px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; background: #f13c31; background: -moz-linear-gradient(100%100%90deg,#f13c31,#f79690); background: -webkit-gradient(linear,0%0%,0%100%,from(#f79690),to(#f13c31)); background: -webkit-linear-gradient(#f79690,#f13c31); background: -o-linear-gradient(#f79690,#f13c31); margin: 2px; z-index: 99999; position: absolute; top: -11px; right: -4px; } #headMenu .badger-text { font-size: 13px; } #headMenu .badger-badge { color: #fff; margin: 0; text-align: center; text-shadow: 0px-1px 1px#e01b0f; font-weight: normal; z-index: 999999; line-height: 20px; } .pageup { clear:both; margin-right:10px; text-align:right; max-width: 1220px; margin: 0 auto; } .pageup a { margin-right:10px; } #footer { margin-top:40px; } #footer .bo1 { border-top:1px solid #e5e5e5; } #footerMenuWrap { position:relative; margin:0 10px; } * html #footerMenuWrap { zoom:1; } #footerMenu { margin:0 auto; padding:20px 30px; border:1px solid #e5e5e5; max-width:1138px; } #footerMenuWrap #footerLT { position:absolute; left:0; top:0; font-size:1%; } #footerMenuWrap #footerRB { position:absolute; right:0; bottom:0; font-size:1%; } #footerMenuWrap #footerLB { position:absolute; left:0; bottom:0; font-size:1%; } #footerMenu dl dt { font-weight:bold; color:#666; text-align:left; } #footerMenu dl dt span { color:#ccc; } #footerMenu dl.buy { float:left; width:75%; border-right:1px solid #e5e5e5; } #footerMenu dl.buy dd { float:left; width:33%; text-align:left; } #footerMenu dl.sell { float:right; width:20%; text-align:left; } #otherLink:before,#otherLink:after { content:""; display:table; } #otherLink:after { clear:both; } #otherLink { zoom:1; } #otherLink { margin:0 10px; padding:1em 0; text-align:center; } #otherLink li { display:inline-block; /display:inline; /zoom:1; padding:0 1em; line-height:1.1; border-right:1px solid #939393; } #otherLink li.last { border-right:0; } #copyrightWrap {padding: 33px 10px 0px;max-width: 1200px;margin: 0 auto;margin-bottom: -4px;} #copyrightWrap .first { float:left;margin-right:6px; } #copyrightWrap a { text-decoration:underline; } #copyrightWrap a:hover { text-decoration:none; } #footLogo {float:left;margin-top: -20px;} #copyrightWrap #group { float:right; } #copyrightWrap #group li { float:left; margin-right:28px; } #copyrightWrap #group li.last { margin-right:5px; } #copyrightWrap #safety { margin:0; } #copyrightWrap #safety li { float:left; margin-right:5px; } #copyrightWrap #safety li.first {margin-top: -20px;} #copyrightWrap #safety li.even {margin-top: -20px;margin-right: 16px;} #copyrightWrap #safety li.last {font-size:84%;padding-bottom: 26px;margin-top: -2px;} #copyrightWrap #safety li.last a { float: none; } #copyrightWrap #safety .norton img { height:68px; width:94px; margin-top:-7px; } #copyrightWrap address {font-size:84%;color:#999;text-align:center;position: relative; top:-10px;} #pathWrap { margin-bottom:10px; padding:5px 10px 7px; background:#f0f8e9; } #topicPath { } #topicPath ol { float:left; width:550px; padding:5px 0 0 5px; font-size:84%; color:#666; } #topicPath ol li { float:left; } #topicPath ol li.firstChild { padding-left:16px; background:url("/images/i_home.gif") no-repeat 0 center; } #topicPath ol li a { display:block; padding:0 13px 0 7px; background:url("/images/i_path.gif") no-repeat right center; } #topicPath ol li em { display:block; padding-left:7px; font-weight:bold; } #topicPath #login { float:right; width:390px; font-size:92%; } #topicPath #login p { float:left; width:210px; margin:5px 17px 0 0; font-weight:bold; text-align:right; } #topicPath #login img { vertical-align:top; } #topicPath ul { float:right; margin-top:5px; } #topicPath ul li { float:left; margin-right:14px; } #topicPath ul li.name { font-weight:bold; } #topicPath ul li.last { margin-right:0; line-height:14px; margin-top:2px; } #topicPath ul li a { font-weight:bold; vertical-align:top; } #topicPath ul li span { font-size:18px;line-height:13px;padding-right:1px; } #topicPath ul li a:visited { color:#333; } #topicPath ul li a:link { color:#333; } #topicPath .tpoint { margin-left:10px; padding-top:5px; padding-left:14px; font-size:11px; line-height:0; } #topicPath .tpoint span { color:red; font-size:11px; padding-left:3px; } #topicPath .topicCampaign { font-weight:700; color:#ff0000; } #topicPath .topicCampaign a { overflow:hidden; outline:none; background-image :none; padding:0;} #topicPath .topicCampaign a:link { color:#ff0000; text-decoration:none; } #topicPath .topicCampaign a:visited { color:#ff0000; text-decoration:none; } #topicPath .topicCampaign a:hover, #topicPath .topicCampaign a:active { color:#ff0000; text-decoration:underline; } #main { font-size:14px; } #main #mainConv { text-align:center; background-color:#fdf9e9; background-repeat:no-repeat; padding-top:20px; padding-bottom:1px; } #main #mainBtm { position:relative; width:950px; height:152px; padding-top:35px; margin-top:20px; text-align:center; background:url("../images/bg_simple_process.gif") no-repeat left top; } #main #mainBtm .couponNum { position:absolute;top:86px; left:430px; font-weight:600; color:#c00; font-size:158%; } .subjectR { height: 33px; padding-right: 2px; background: url("/campaign/new/images/bg_subject_r.gif") no-repeat right; } .subjectL { height: 33px; padding-left: 2px; background: url("/campaign/new/images/bg_subject_l.gif") no-repeat; } .subject { height: 33px; background: url("/campaign/new/images/bg_subject.gif") repeat-x; } .subject { height:33px; background:url("../images/bg_subject.gif") repeat-x; } .subject h3 { line-height:33px; color:#FFFFFF; } .tabNav { position:relative; top:3px; z-index:3; margin-left:5px; border-bottom:3px solid #fff; } .tabNav li { float:left; margin-right:5px; } .tabNav a { display:block; width:184px; height:65px; text-indent:100%; white-space:nowrap; overflow:hidden; } .tabNav .tabBtn1 a { background:url("../images/tab_game.png") no-repeat; } .tabNav .tabBtn2 a { background:url("../images/tab_dvd.png") no-repeat; } .tabNav .tabBtn3 a { background:url("../images/tab_cd.png") no-repeat; } .tabNav .tabBtn4 a { background:url("../images/tab_comic.png") no-repeat; } .tabNav .tabBtn5 a { background:url("../images/tab_book.png") no-repeat; } .tabNav .tabBtn1 a:hover { background-image:url("../images/tab_game_on.png"); } .tabNav .tabBtn2 a:hover { background-image:url("../images/tab_dvd_on.png"); } .tabNav .tabBtn3 a:hover { background-image:url("../images/tab_cd_on.png"); } .tabNav .tabBtn4 a:hover { background-image:url("../images/tab_comic_on.png"); } .tabNav .tabBtn5 a:hover { background-image:url("../images/tab_book_on.png"); } .tabNav .tabBtn1 a.active, .tabNav .tabBtn1 a:hover.active { background-image:url("../images/tab_game_cr.png"); } .tabNav .tabBtn2 a.active, .tabNav .tabBtn2 a:hover.active { background-image:url("../images/tab_dvd_cr.png"); } .tabNav .tabBtn3 a.active, .tabNav .tabBtn3 a:hover.active { background-image:url("../images/tab_cd_cr.png"); } .tabNav .tabBtn4 a.active, .tabNav .tabBtn4 a:hover.active { background-image:url("../images/tab_comic_cr.png"); } .tabNav .tabBtn5 a.active, .tabNav .tabBtn5 a:hover.active { background-image:url("../images/tab_book_cr.png"); } .tab { position:relative; z-index:4; border-top:3px solid #d91e00; } .bgBall30 { padding-top:27px; background:url("../../../images/limited/p_balloon_30up.gif") no-repeat center 0; } #delivery dl { position:relative; margin-top:20px; background:#e7808a; } #delivery dt { position:absolute; z-index:1; top:-15px; width:100%; text-align:center; } #delivery dd { padding:30px 10px 10px; color:#fff; } #delivery li { *width:230px; } #delivery #balSlip { position:absolute; z-index:2; top:-63px; right:-21px; } .convBox { width:950px; height:292px; margin-top:20px; padding-top:120px; text-align:center; z-index:10; background:url("/campaign/new/images/bg_ribbon.gif") center top no-repeat; zoom:1; } .convBox .convBtm { z-index:99; position:relative; width:950px; height:150px; margin-top:5px; text-align:center; left:-20px; } .convBox .convBtm .couponNum { position:absolute; top:56px; left:430px; font-weight:600; color:#c00; font-size:158%; } .convBox2 { width:950px; height:400px; margin-top:20px; padding-top:120px; text-align:center; z-index:10; background:url("/campaign/new/images/bg_ribbon_3500.gif") center top no-repeat; zoom:1; } .convBox2 .convBtm { z-index:99; position:relative; width:950px; height:150px; margin-top:5px; text-align:center; left:-20px; } .convBox2 .convBtm .couponNum { position:absolute; top:56px; left:430px; font-weight:600; color:#c00; font-size:158%; } #privilege3 { position:relative; } .commonCmp .mAuto { margin:0 auto !important; } .commonCmp .mod-floatunit li { float:left; } .mod-box-eco { width:795px; padding:15px; margin:20px auto 0; border:4px solid #e5e5e5; } .mod-box-eco dt { font-size:114%; font-weight:600; color:#600; } .mod-box-eco dd { font-size:12px; } #listAnc { position:relative; z-index:2; } #listAnc li { display:inline; float:left; width:186px; margin-left:5px; } #listAnc li.firstChild { margin-left:0; } #listAnc a { display:block; height:59px; padding-top:25px; background:url("/campaign/new/images/bg_anc.gif") no-repeat; color:#333; text-align:center; } #listAnc li.dif a { height:74px; padding-top:15px; } #listAnc a:hover { background:url("/campaign/new/images/bg_anc_on.gif") no-repeat; text-decoration:none; } #example { background:url("/campaign/new/images/arrow_btm.gif") center bottom no-repeat; padding-bottom:50px; } #example .mod-sideunit { margin:0px 0 0 -10px; } #example .mod-sideunit li { margin-left:9px; text-align:center; display:inline-block; letter-spacing:normal; } #example .exampleBtm { padding:20px 0 20px 2px; border-left:5px solid #cecece; border-right:5px solid #cecece; border-bottom:5px solid #cecece; } #sendFree { background:#f9f9f9; padding:40px 0; } #sendFree .broderBox { width:660px; margin:auto; padding:30px; background:#fff; border:4px solid #e5e5e5; } #sendFree .broderBox dl { background:url("/campaign/new/images/i_eco.gif") right center no-repeat; } #sendFree .broderBox dt { font-size:115%; margin-bottom:10px; font-weight:600; color:#660000; } #sendFree .broderBox dd { width:570px; } #averageData { position:relative; z-index:2; } #averageData #bordBox { background:#ffffea url("/campaign/images/limited/p_board_box2.jpg") no-repeat 740px 10px; padding-right:20px; padding-bottom:20px; padding-left:20px; border-right-width:4px; border-bottom-width:4px; border-left-width:4px; border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-right-color:#e5e5e5; border-bottom-color:#e5e5e5; border-left-color:#e5e5e5; } #averageData #bordBox .photoInfo { width:450px; margin-left:300px; } #averageData #bordBox .photo { float:left; width:290px; } #averageData #bordBox .photoHead { color:#660000; font-size:117%; font-weight:600; } #averageData #bordBox .photoCnt { margin-top:10px; font-size:86%; } #averageData #bordBox .photoInfoList { margin-top:10px; } #averageData #bordBox .photoInfoList li { margin-left:1em; text-indent:-1em; } #averageData #Cardboard { position:absolute; top:-8px; left:40px; } #averageData #Ribon { position:absolute; top:6px; left:760px;} #pointBox { *zoom:1; height:65px; margin:10px 0 0 0; border:1px solid #70ba2d; background:#fff; width:410px;} #pointBox:before, #pointBox:after { content:""; display:table; } #pointBox:after { clear:both; } #pointBox dt { float:left; } #pointBox dd { margin:5px 0 0 90px; } #pointBox li { padding-left:10px; background:url("/campaign/new/images/i_rd_green.gif") no-repeat left 0 top 5px; color:#70ba2d; font-weight:600; } #attention2 .attentList { padding:20px 60px 20px 110px; background:url("/campaign/new/images/bg_exclamation.gif") no-repeat 30px 20px; font-size:86%; *zoom:1; } #attention2 .attentList li { padding-left:17px; background:url("/campaign/new/images/i_rd.gif") no-repeat left 0.5em; line-height:1.75; } .whyTop { width:910px; margin:20px auto 0; padding-top:5px; background:url("/campaign/new/images/whyframetop.gif") no-repeat; } .whyBtm { padding-bottom:30px; background:url("/campaign/new/images/whyframebtm.gif") no-repeat 0 bottom; } .why { padding:26px 190px 0 42px; border-right:2px solid #cf3a22; border-left:2px solid #cf3a22; } .why dl { padding:9px 0 0 66px; background:url("/campaign/new/images/bg_exclamation.gif") no-repeat; } .why dt { margin-bottom:15px; } #telNumBox { position:relative; margin-top:10px; } #telNumBox .box { padding:20px 20px 40px; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background:#faf8f3; } #telNumBox #camel { position:absolute; right:20px; bottom:0; } #outline .box { position:relative; } #outline #outlineImg { position:absolute; top:0; right:0; } #outline .box table { width:910px; margin:0 auto; } #outline .box th { padding:12px; background:#f1f1f1 url("../images/line_table.gif") repeat-x 0 bottom; vertical-align:top; font-weight:bold; text-align:left; } #outline .box td { padding:12px; background:white url("../images/line_table.gif") repeat-x 0 bottom; } #outline .box td .fwB { font-weight:bold; } #outline .box td em { font-weight:bold; color:#e77e89; } #outline .box td .attent { color:#ae0007; } #outline .box td ul { list-style:none; } #outline #outlineImg { position:absolute; top:0; right:0; } .attentList { padding:20px 0 20px 110px; background:url("../images/bg_exclamation.gif") no-repeat 30px 50%; font-size:86%; *zoom:1; } #kindOk { position:relative; } #kindOk #kindOkBall { position:absolute; left:24px; top:-53px; } #kindOk h4 { background:#ae0007; color:#fff; font-weight:bold; text-align:center; line-height:41px; } #kindOk #kindOkList { *zoom:1; margin-left:-2px; } #kindOk #kindOkList:before, #kindOk #kindOkList:after { content:""; display:table; } #kindOk #kindOkList:after { clear:both; } #kindOk #kindOkList .kindOkListItem { display:inline; float:left; width:226px; margin-left:2px; background:#fdf6f7; } #kindOk #kindOkList .kindOkListItem dd { padding:10px; } #kindNg h4 { background:#666; color:#fff; font-weight:bold; text-align:center; line-height:41px; } #kindNg #kindNgList { *zoom:1; margin-left:-2px; } #kindNg #kindNgList:before, #kindNg #kindNgList:after { content:""; display:table; } #kindNg #kindNgList:after { clear:both; } #kindNg #kindNgList .kindNgListItem { display:inline; float:left; width:226px; margin-left:2px; background:#f8f8f8; } #kindNg #kindNgList .kindNgListItem dd { padding:10px; } #kindAttent { margin:2px 0 0 0; padding:25px 0 20px 120px; background:#fbebec url("../images/bg_exclamation.gif") no-repeat 44px 20px; font-weight:bold; } .mod-list-rd li { padding-left:12px; background:url("../images/i_rd_black.png") no-repeat left 0.5em; } #userVoiceBox { padding:20px 0 30px 0; background:url("../images/bg_voice_body.jpg") left top; } *:first-child+html #userVoiceBox { padding-bottom:20px; } .voiceList { padding-left:113px; } .voiceList li { width:215px; min-height:280px; height:auto !important; height:280px; float:left; margin:0 40px 11px 0; padding-bottom:10px; } *:first-child+html .voiceList li { margin-top:10px; } .voiceList li { background:#fff url("../images/bg_memo_btm.gif") no-repeat left bottom; } .voiceList li .memoTop { background:url("../images/bg_memo_top.gif") no-repeat left top; } .voiceList li .memo { position:relative; padding:13px; } .voiceList li .memo .deco1 { position:absolute; left:10px; top:15px; } .voiceList li .memo .deco2 { position:absolute; right:10px; top:11px; } .voiceList li .memo p { font-size:12px; } .voiceList li .age { padding:20px 0 0 41px; font-weight:bold; color:#987152; } .voiceList li .voiceDate { margin-top:12px; padding:3px 8px; font-size:84%; color:#fff; } .voiceList li.cBook .voiceDate { background:#45547a; } .voiceList li .voiceDate dt { float:left; } .voiceList li .voiceDate dd { float:right; font-size:9px; } .voiceList li .satisfaction { margin:7px 0 0 4px; } .voiceList li .satisfaction dt { float:left; clear:both; } .voiceList li .satisfaction dd { margin-left:70px; } .voiceList li .satisfaction dd img { vertical-align:top; } .voiceList li .message { margin-top:5px; padding:0 3px; line-height:2; background:url("../images/bg_memo_line.gif") repeat-y left top; } .smile-eco .detail{ background-color:#f2f2f2; padding-bottom:30px!important; } .smile-eco .detail .winning{ background-color:#fff; border:1px solid #5fb22e; width:730px; margin:auto; } .smile-eco .detail .winning .img-box{ float:left; margin-right:20px; } .smile-eco .detail .winning .txt-box{ overflow:hidden; } .smile-eco .detail .winning .txt-box .eco-link{ background:#333; display:inline-block; color:#FFF!important; padding:10px; } .smile-eco .detail .winning .txt-box .eco-link>span{ padding:5px; padding-left:20px; background:url("../images/i_eco_ar.gif") no-repeat left center; } .gr_link { color:#76bd36; font-size:18px; vertical-align:top; line-height:18px; padding-right:2px; } .rd_link { color:#ab2628; font-size:18px; vertical-align:top; line-height:18px; padding-right:2px; } .sprite { background:url("../../../images/sprite.png") no-repeat; background-size:auto; display:inline-block; } .sprite-logo { background-position:0 -300px; width:155px; height:57px; } .sprite-tpoint { background-position:0px -130px; width:198px; height:21px; } .sprite-j3c { background-position:0px -112px; width:198px; height:19px; } .sprite-boxfree { background-position:-360px -112px; width:94px; height:11px; } .sprite-beginner { background-position:-73px -257px; width:91px; height:13px; } .sprite-qa { background-position:-74px -284px; width:81px; height:13px;margin-right: 2px; } .sprite-sitemap { background-position:-72px -270px; width:80px; height:13px; } .sprite-corp { background-position:-155px -284px; width:61px; height:13px; } .sprite-mypage {background-position: -395px -283px;width: 13px;height:20px;position:absolute;top: 5px;left: 7px;} .sprite-arrivemail {background-position: -408px -282px;width: 15px;height: 15px;position:absolute;top: 6px;left: 6px;} .sprite-favorite {background-position: -423px -283px;width: 12px;height: 13px;position:absolute;top: 7px;left: 7px;} .sprite-cart {background-position: -435px -284px;width: 16px;height:13px;margin:0 0 0 1px;position: absolute;top: 7px;left: 3px;} .sprite-comicicon { background-position:-185px 0px; width:15px; height:13px; margin-right:5px; } .sprite-seticon { background-position:-155px 0px; width:15px; height:12px; margin-right:5px; } .sprite-bookicon { background-position:-244px 0px; width:15px; height:15px; margin-right:5px; } .sprite-cdicon { background-position:-215px 0px; width:15px; height:14px; margin-right:5px; } .sprite-dvdicon { background-position:-125px 1px; width:15px; height:15px; margin-right:5px; } .sprite-gameicon { background-position:-95px 1px; width:15px; height:13px; margin-right:5px; } .sprite-sellicon { background-position:-324px 0px; width:20px; height:19px; margin-right:5px; vertical-align:sub; } .sprite-comic-onicon{ background-position:-170px 0px; width:15px; height:12px; margin-right:3px; } .sprite-set-onicon { background-position:-140px 0px; width:15px; height:12px; margin-right:3px; } .sprite-book-onicon { background-position:-229px 0px; width:15px; height:15px; margin-right:3px; } .sprite-cd-onicon { background-position:-200px 0px; width:15px; height:14px; margin-right:3px; } .sprite-dvd-onicon { background-position:-110px 1px; width:15px; height:15px; margin-right:3px; } .sprite-game-onicon { background-position:-80px 1px; width:15px; height:13px; margin-right:3px; } .sprite-2015rank { background-position:-350px -22px; width:35px; height:35px; } .sprite-2015gp { background-position:-70px -22px; width:35px; height:35px; } .sprite-honya { background-position:-175px -22px; width:35px; height:35px; } .sprite-book100 { background-position:-245px -22px; width:35px; height:35px; } .sprite-manga { background-position:-140px -22px; width:35px; height:35px; } .sprite-label { background-position:-272px -241px; width:35px; height:35px; } .sprite-new { background-position:-35px -22px; width:35px; height:35px; } .sprite-obi { background-position:-105px -22px; width:35px; height:35px; } .sprite-set { background-position:-210px -22px; width:35px; height:35px; } .sprite-anime { background-position:-315px -22px; width:35px; height:35px; } .sprite-bl { background-position:-280px -22px; width:35px; height:35px; } .sprite-bungaku { background-position:-0px -22px; width:35px; height:35px; } .sprite-door { background-position:-345px -1px; width:15px; height:15px; margin-left:5px; } .sprite-discas { background-position:0px -57px; width:190px; height:55px; } .sprite-tsutaya { background-position:-190px -57px; width:190px; height:55px; } .sprite-bingo { background-position:-216px -241px; width:56px; height:56px; } .sprite-spicon { background-position:-48px -1px; width:8px; height:14px; margin-left:5px;} .sprite-smile { background-position:-0px -194px; width:216px; height:63px; } .sprite-amount { background-position:-385px -0px; width:68px; height:111px; } .sprite-begicon { background-position:-416px -124px; width:32px; height:56px; } .sprite-ticon { background-position:-346px -112px; width:10px; height:13px; } .sprite-coupon { background-position:-325px -241px; width:52px; height:54px; } .sprite-pmark { background-position: -388px -228px; width: 54px; height: 55px; } .sprite-ewaste { background-position:-42px -256px; width:29px; height:38px; position:absolute; right:6px; top:-5px; } .sprite-renet { background-position:-222px -176px; width:194px; height:32px; } .sprite-sell { background-position:-222px -140px; width:132px; height:35px; } .sprite-free { background-position:-0px -256px; width:39px; height:41px; position:absolute; right:9px; top:-7px; } .sprite-tvicon { background-position:-285px 0px; width:20px; height:19px; } .sprite-shopping { background-position:-222px -211px; width:127px; height:26px; } .sprite-crown { background-position:-259px -0px; width:26px; height:22px; margin:0 5px 0 10px; vertical-align:bottom; } .sprite-zoom { background-position:-57px -0px; width:11px; height:12px; margin:0 5px; } .sprite-topscroll { background-position:-306px 0px; width:18px; height:18px; } /* form ---------------------------------------------*/ .uas { font-size:80%; line-height:140%; } .uam { font-size:85%; line-height:140%; } .texttype11 { color:#660000; } .paragraphblock03 { padding:8px 12px; } .texttype04 { font-weight:bold; } .texttype30 { color: #FF0000; font-weight:bold; } .ualabs { font-size:14px; line-height:15px; } .uasabs { font-size:11px; line-height:12px; } .texttype01 { color:#cc0000; font-weight:bold; } .tabletype01 { border-top:1px solid #7792d5;border-left:1px solid #7792d5; } .tabletype02 { border-top:1px solid #cccccc;border-left:1px solid #cccccc; } .tabletype03 { border:1px solid #cccccc; } .tabletype04 { border:1px solid #7792d5; } .tabletype05 { border-top:1px solid #cccccc; } .tabletype06 { border-top:1px solid #8fc31f;border-left:1px solid #8fc31f; } .celltype01 { border-right:1px solid #7792d5;border-bottom:1px solid #7792d5; } .celltype03 { border-bottom:1px solid #7792d5; } .celltype04 { border:1px solid #7792d5; } .celltype05 { border-right:1px solid #7792d5; } .celltype06 { border-right:1px solid #7792d5;border-bottom:1px solid #7792d5;border-left:1px solid #7792d5; } .celltype08 { border-right:1px solid #cccccc;border-bottom:1px solid #cccccc; } .celltype18 { border-top:1px solid #7792d5;border-right:1px solid #7792d5;border-left:1px solid #7792d5; } .cellcontent01 { background:#f5f5f5;text-align:right;padding:16px;font-weight:bold;width:185px; } .cellcontent02 { padding:12px; } .cellcontent01e { background:#f5f5f5;padding:6px 6px 0px 6px;width:185px; } .cellcontent02e { color:#cc0000;font-weight:bold;padding:6px 6px 0px 6px; } .cellcontent02el { text-align:left;color:#cc0000;font-weight:bold;padding:6px 6px 0px 6px; } .cellcontent03 { background:#f5f5f5;text-align:right;padding:16px 16px;font-weight:bold;width:185px; } .cellcontent04 { padding:10px 6px 6px 6px; } .cellcontent05 { background:#f5f5f5;text-align:right;padding:6px;font-weight:bold;width:185px; } .cellcontent06 { background:#f5f5f5;text-align:center;padding:6px 3px;font-weight:bold; } .cellcontent07 { text-align:center;padding:6px 3px; } .cellcontent08 { text-align:center;padding:6px 3px;font-weight:bold; } .cellcontent09 { text-align:center;padding:6px 3px;color:#cc0000; } .cellcontent10 { padding:6px 10px;color:#cc0000; } .cellcontent11 { padding:6px 0px; } .cellcontent12 { background:#f5f5f5;padding:6px;width:170px; } .cellcontent13 { padding:6px 3px; } .cellcontent14 { background:#f5f5f5;text-align:right;padding:6px;font-weight:bold;width:120px; } .cellcontent15 { padding:10px 6px 6px 6px; } .cellcontent16 { background:#f5f5f5;text-align:right;padding:16px 16px 0 16px;font-weight:bold;width:185px; } .formbg01 { background:#eaf1ff; } .formbg02 { background:#7792d5; } .formbg03 { background:#d0ddfe; } .formbg_normal { background:#ffffff; } .formarea { width:520px; } #formbody input[type=text] { border:#696969 1px solid; color:#000000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:4px; font-size:1.3em; font-family:Arial, sans-serif; margin:0 0 7px; } #formbody input[type=checkbox] { width:24px; height:24px; -moz-transform-origin: right bottom; -moz-transform: scale(1.5, 1.5); vertical-align: middle; } #formbody input[type=radio] { width:24px; height:24px; -moz-transform-origin: right bottom; -moz-transform: scale(1.5, 1.5); vertical-align: middle; } #formbody select { padding:5px; font-size:14px; margin-right:10px; } .arLink { display: inline-block; padding: 0 0 0 17px; background: url("../images/i_ar_green_s.png") no-repeat left center; color: #333; /* .formnot { background-color:#e0e0e0; } .formerror { background-color:#ffff99!important; } */ /* #formbody input[type="radio"] { position:relative; -webkit-appearance:button; appearance:button; -webkit-box-sizing:border-box; box-sizing:border-box; width:22px; height:22px; content:""; background-color:#FFFFFF; border:1px solid #999999; -webkit-border-radius:22px; border-radius:22px; -webkit-box-shadow:inset 4px 4px 10px rgba(0,0,0,0.2); box-shadow:inset 4px 4px 10px rgba(0,0,0,0.2); vertical-align:middle; cursor:pointer; } #formbody input[type="radio"]:checked:after { display:block; position:absolute; top:5px; left:5px; content:""; width:10px; height:10px; background:#606060; -webkit-border-radius:10px; border-radius:10px; } */