#wrapper { position:relative; z-index:1; } .pankuz { margin-left:10px;margin-top:10px;text-align:left; } /*-------------------------------------- New Clear Fix --------------------------------------*/ .cf:before,.cf:after { content:""; display:table; } .cf:after{ clear:both; } .cf{ zoom:1; }/* For IE 6/7 (trigger hasLayout) */ /*-------------------------------------- Coomon Style --------------------------------------*/ /*--- フォントサイズ ---*/ .txt10 {font-size:10px;} .txt11 {font-size:11px;} /*--- リンク ---*/ #contentsbody a { color:#0066cb;text-decoration:none; } #contentsbody a:hover { color:#ea6767;text-decoration:underline; } #contentsbody a.pattention { font-size:10px; text-decoration:underline; } #contentsbody a:hover.pattention { text-decoration:none; } /*--- ポイント表記（共通） ---*/ #contentsbody ol.point { padding:5px 0px; } #contentsbody ol.point em { display: inline-block; *display: inline; *zoom: 1; padding-left:16px; font-size:10px; font-style:normal; color:#4d4d4d; background:url(/fruit/img/point/point.gif) left top no-repeat; line-height: 1.2; } #contentsbody ol.point s { font-weight:bold;font-size:12px; color: #555; } #contentsbody ol.point u { text-decoration:none; font-weight:bold; color:#d50000; font-size:11px; } #contentsbody ol.point i { font-style:normal; font-size:17px; } #contentsbody ol.point .pointup { display: inline-block; *display: inline; *zoom: 1; margin: 2px 0 0 2px; *margin-top: 4px; padding: 0 2px 0 0; } #contentsbody .p_shop_no { color:#D50000; font-size:10px; } #contentsbody .point_icon { padding:5px 0px 5px 15px; background:url(/fruit/img/point/point.gif) 0px 7px no-repeat; color:#c80000; font-style:normal; } #contentsbody .point_icon i { font-style:normal; } /*--- 余白 ---*/ #contentsbody .mT05 { margin-top:5px; } #contentsbody .mB05 { margin-bottom:5px; } #contentsbody .mB10 { margin-bottom:10px; } #contentsbody .pT10 { padding-top:10px; } #contentsbody .pB05 { padding-bottom:5px; } #contentsbody .pR05 { padding-right:5px; } .pinfo { border:1px solid #ddd;padding:5px;margin-bottom:10px;background-color:#fef5b2;text-align:center; } .arrow_red { background:url(/fruit/img/point/fmpoint.gif) 5px -585px no-repeat; padding-left:15px; display:block; } /*-------------------------------------- base --------------------------------------*/ #pointWrapper { width: 950px; margin: 0 auto; } #contentsbody{ font-family:verdana; } #pointServiceMain { float:left; width:640px; } #main { float:left; width:450px; } #area_left { float:left; width:180px; padding-right:10px; padding-bottom:40px; } #area_right { float:right; width:300px; padding:0px 0px 40px 10px; } #contentsbody .endline { border-style:solid; border-color:#FFF; border-width:1px 0px 0px 0px; position:relative; top:-1px; left:0px; } #contentsbody h1 { width:950px; margin-top:0px; font-size:11px; text-align:right; color:#666666; clear:both; overflow:hidden; font-weight:400; position:relative; top:0px; left:0px; } #contentsbody h2 { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; font-weight: bold; } #contentsbody img { vertical-align:top; } /*--- Big Banner ---*/ #pointServiceMain #camp { display: none;position: relative; width:640px; margin-bottom: 15px; } #pointServiceMain #camp img { border:none; vertical-align:bottom; } #pointServiceMain #camp .subBnr { margin-top: 8px; } #pointServiceMain #camp .subBnr ul { float: left; position: relative; left: 50%; } #pointServiceMain #camp .subBnr li { float: left; position: relative; left: -50%; margin-right:25px; /* 4枠 margin-right:5px; */ font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; font-weight: bold; font-size: 11px; } #pointServiceMain #camp .subBnr li a { display: inline-block; *display: inline; *zoom: 1; width: 140px; height:40px; padding: 2px; color: #333; border: 2px solid #ddd; background: #fff; } #pointServiceMain #camp .subBnr li a:hover { text-decoration: none; border-color: #bbb; } #pointServiceMain #camp .subBnr li a.active { border-color: #ffb000; } #pointServiceMain #camp .subBnr li a.active:before { content: ''; width: 0; height: 0; border: 5px solid transparent; border-bottom: 8px solid #ffb000; position: absolute; left: 69px; top: -12px; z-index: 2; } #pointServiceMain #camp .subBnr li img { float: left;} #pointServiceMain #camp .subBnr li span { float: left; width: 95px; padding-left:5px; line-height: 1.2; cursor: pointer; } #pointServiceMain #camp a:hover img { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; } #pointServiceMain #camp .subBnr a:hover img { opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; } /*-------------------------------------- area_left --------------------------------------*/ /*--- 注目の情報 ---*/ #pickupNewCheck { margin-bottom: 15px; padding-bottom: 5px; border: 1px solid #b7b7b7; background: #f1f1f1; } #pickupNewCheck h2 { font-size:14px; color:#333; border-top:2px solid #b7b7b7; text-align:left; padding:5px; background: #f1f1f1; } #pickupNewCheck h2.check img { margin: 0 3px 0 -5px; } #pickupNewCheck .checkItem { margin:0 auto; width:156px; padding: 0 5px; border-radius: 4px; border: 1px solid #ddd; background-color:#fff; text-align:center; } #pickupNewCheck .checkItem .oneItem { padding: 10px 0; border-bottom: 1px dotted #b3b3b3; } #pickupNewCheck .checkItem .oneItem:last-child { border-bottom:none; } #pickupNewCheck .checkItem ul { margin-bottom: 5px; } #pickupNewCheck .checkItem ol.point { margin-bottom: 5px; } #pickupNewCheck .checkItem ol.point li { text-align:center; } /*--- シェアリング＆山分け＆NewsQuiz ---*/ #event { width:168px; margin-bottom:15px; padding: 6px 6px 0px; /*border-top-width: 3px;*/ background:#e9b821; } #event .sharing, #event .yamawake, #event .news_quiz { width:158px; padding:5px; margin-bottom: 6px; border-radius: 4px; border-bottom: 1px solid #d19f0c; background:#fff; text-align:center; } #event h2 { font-size: 13px; } #event h2 img { margin-top: -6px; } #event h2 span { display: inline-block; *display: inline; *zoom: 1; width: 94px; margin: 0 0 0 4px; padding: 5px; text-align: center; color: #5b4502; border-radius: 6px; background: #f7da59; } #event .sharing .title, #event .yamawake .title, #event .news_quiz .title { margin-top: 5px; font-weight: bold; text-align: left; } #event .body { background-color:#eaeaea; border-radius: 4px; padding:5px; margin:5px 0px; font-size:10px; color:#333; text-align:left; } #event .sharing .day, #event .yamawake .day, #event .news_quiz .day { font-size:10px; color:#d50000; text-align:center; } #event .sharing .fbold, #event .yamawake .fbold, #event .news_quiz .fbold { font-weight:bold; color:#333; font-size:12px; } #event .sharing .fbold i, #event .yamawake .fbold i, #event .news_quiz .fbold i { color:#d50000; font-style:normal; } #event .sharing a:hover img, #event .yamawake a:hover img, #event .news_quiz a:hover img { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: #fff; } #event .news_quiz img { margin:3px 0 0 0; } #event .news_quiz .body { background-color:#eaeaea; border-radius: 4px; padding:5px; margin:5px 0px; font-size:12px; color:#333; text-align:left; } #event .more { margin:10px 0 0; padding-top:5px; border-top:1px dotted #b3b3b3; } #event .more a { background:url(/fruit/img/point/fmpoint.gif) no-repeat; background-position:0px -626px; padding-left:10px; float:right; } /*--- 最新情報 ---*/ #pickupNew { border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; width:178px; background-color:#f1f1f1; } #pickupNew h2 { font-size:14px; color:#333; border-top:3px solid #b7b7b7; text-align:left; padding:5px; background: #f1f1f1; } #pickupNew .new { width:162px; padding:0px 8px 8px 8px; background-color:#fff; } #pickupNew .new ul { border-bottom:1px dotted #b3b3b3; padding-top:10px; } #pickupNew .new li { margin: 3px 0; padding: 0; } #pickupNew .new li.day { background-color:#eaeaea; border-radius: 4px; padding:3px; color:#333; } #pickupNew .new li.day .txt10 { color:#e73131; font-weight:bold; margin-right:5px; } #pickupNew .new li.title { margin-top:3px; } #pickupNew .new li.icon img { margin: 0 2px 2px 0; } #pickupNew .new ol.point, #pickupNew .new ol.point li { margin: 0; padding: 0; } #pickupNew .new ol.point { *margin-top: -20px; } #pickupNew ol.point s { color:#333; } /*--- カテゴリ ---*/ #area_left .category { width:178px; margin:15px 0px; clear:both; overflow:hidden; border-top:3px solid #bcbcbc; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; } #area_left .category .ttl { background-color:#f1f1f1; color:#333; font-weight:bold; font-size:14px; text-align:left; padding:8px; } #area_left .category .cnt { width:178px; /*clear:both; overflow:hidden;*/ } #area_left .category .cnt ul { width:158px; padding:0px 10px; } #area_left .category .cnt li { background:url(/fruit/img/point/fmpoint.gif) top no-repeat; background-position:0px -580px; padding:5px 5px 5px 10px; border-bottom:1px dotted #b3b3b3; font-weight:bold; } #area_left .category .cnt li a { font-weight:normal; } /*--- 折り畳み部分を隠す ---*/ .category div.cnt { display:none;} #p_search div.cnt, #pc_searche div.cnt { display:block; } /*--- アイコン ---*/ .category a { display:block;} .category p img { margin-right:5px; } .category span { display:block; width:170px; cursor:pointer; } .category p span { background:url(/fruit/img/point/category_close.gif) right -4px no-repeat; } .category p span.open { background:url(/fruit/img/point/category_open.gif) right -4px no-repeat; } /*-------------------------------------- main --------------------------------------*/ #main h2 { background-color:#f1f1f1; border-top:4px solid #bcbcbc; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; color:#333; font-weight:bold; font-size:16px; text-align:left; padding:8px; } #main .headerIcon img { float: right; margin-top: -12px; } #main .more_find { margin-bottom: 20px; text-align:right; font-size:12px; } #main .more_find a { background:url(/fruit/img/point/fmpoint.gif) no-repeat; background-position:4px -626px; *background-position:4px -627px; padding-left: 14px; clear: both; } /*--- キーワード検索 ---*/ #searchService { width:448px; /*overflow:hidden; float:left;*/ margin-bottom:20px; border-top:3px solid #b7b7b7; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; background:#f1f1f1; } #searchService form { width:430px; padding:10px 15px; /*float:left; clear:left; overflow:hidden;*/ } #searchService form .keyword { width:300px; height: 22px; padding:2px 5px; *line-height: 1.5; border:1px solid #999; float:left; font-size: 16px; } #searchService form button { float:left; /*background:url(/fruit/img/point/fmpoint.gif) top no-repeat; background-position:0px -415px;*/ width:100px; height:28px; margin:0 0px 0px 6px; display:block; cursor:pointer; font-weight:bold; color:#333; text-align: center; } #searchService .popular { width:430px; padding:0 15px 10px; } #searchService .popular span { display:inline-block; *display: inline; *zoom: 1; margin: 1px 3px; } #searchService .popular #banner_item5 { display:inline; } /*--- 商品検索(goodskeywords.cssのスタイル上書き） ---*/ #goodsKeywords { margin: 0 0 20px!important; } #goodsKeywords .keywordsSearch { padding: 0 12px 10px!important; } #goodsKeywords .keywordsSearch .keyword { width: 328px!important; height: 22px!important; padding: 2px 5px; font-size: 16px; *line-height: 1.2; border: 1px solid #999; } #goodsKeywords .keywordsSearch button { width: 72px; margin: 0 0 0 6px; height: 28px; font-weight: bold; color:#333; cursor:pointer; } /*--- 100%還元 ---*/ #main h2.area_point100perHead{ margin-bottom: 0 0 1px 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; font-size: 37px; font-weight: bold; line-height: 0.9; color: #fff; border-radius: 4px; border: none; } #area_point100 { margin-top: 1px; padding: 10px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #e9b821; } #area_point100 .area_point100Inner { padding: 10px; border-radius: 4px; border-bottom: 1px solid #d19f0c; background: #fff; } #area_point100 a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; } #area_point100 .cdTimer { margin-bottom: 10px; padding: 10px 0; text-align: center; border-radius: 4px; background: #333; } #area_point100 .cdTimer #timer_desc { display: inline-block; display: inline; *zoom: 1; margin-right: 5px; padding:5px 0px 0px 0px; font-size: 18px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; font-weight:bold; color: #fff; } #area_point100 .cdTimer #timer_display { color: #fcc214; font-weight:bold; font-size:28px; } #area_point100 .afFrame dt { margin-bottom: 10px; font-size: 18px; font-weight: bold; text-align: center; *line-height: 1.2; } #area_point100 .afFrame dd.afBnr { float: left; margin: 0 10px 5px 0; text-align: center; } #area_point100 .afFrame dd.afDetail { display: inline; margin-bottom: 5px; } #area_point100 .afFrame dd.toSvDetail { text-align: center; } #area_point100 ol.point { margin: 10px 0; text-align: center; clear: both; } #area_point100 ol.point li { text-align:center; margin:0px auto; display:inline; } #area_point100 ol.point em { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px 0 0; font-size: 12px; background-position: 0 2px; } #area_point100 ol.point .pointup { margin: 4px 0 0 4px; *margin-top: 8px; } #area_point100 ol.pUp li { display:block; } #area_point100 ol.point p { display:inline; } #area_point100 ol.point s { font-size:18px; } #area_point100 ol.point u { font-size:18px; } #area_point100 ol.point i { font-size:22px; } /*--- パワープッシュ ---*/ #area_powerPush { margin-bottom: 20px; padding: 5px; border: 1px solid #b7b7b7; border-top: none; background: #f1f1f1; } #area_powerPush .area_powerPushInner { padding: 5px 5px 10px; border: 1px solid #ddd; background: #fff; border-radius: 4px; } #area_powerPush .ppText { width: 416px; margin-top : 10px; padding: 0 5px 2px; border-bottom: 1px dotted #b7b7b7; } #area_powerPush span.pushTxt { float: left; width: 320px; } #area_powerPush span.pushTxt br { display: none; } #area_powerPush span.point_icon { float: right; margin-top: 0; padding-top: 0; font-weight: bold; color:#d50000; background-position: left 3px; } #area_powerPush span.point_icon i { font-style: normal; font-size:17px; } /*--- “高額”ポイントでドンドン貯めよう！ ---*/ #area_high .area_high_rectangle { margin: 10px 0 5px; padding: 5px; border-radius: 6px; /*border-bottom: 1px solid #de9c06;*/ background: #e9b821; } #area_high .area_high_rectangleInner { padding: 5px; border-radius: 4px; border-bottom: 1px solid #de9c06; background: #fff; } #area_high .area_high_rectangle .txtPointUp { margin-bottom: 5px; padding: 4px; text-align: center; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; font-size: 16px; font-weight: bold; color: #fff; border-radius: 4px; background: #de9c06; } #area_high .area_high_rectangle ul { float: left; width: 300px; } #area_high .area_high_rectangle dl { float: right; width: 125px; padding-top: 20px; overflow: hidden; background: #fff; } #area_high .area_high_rectangle dt { margin-bottom: 10px; font-size: 14px; font-weight: bold; } #area_high .area_high_rectangle dd li { margin-top: 5px; } #area_high .area_high_rectangle ol.point li { margin-bottom: 5px; } #area_high .area_high_rectangle ol.point s { font-size: 14px; } #area_high .area_high_rectangle ol.point i { font-size: 18px; } #area_high #banner_item { width:450px; float:left; border-bottom:1px dotted #b7b7b7; padding:10px 0px; } #area_high #banner_item dt { float:left; width:120px; margin-top: 5px; padding-right:10px; } #area_high #banner_item dd { float:left; width:320px; text-align:left; } #area_high #banner_item .title { display: block; margin-bottom: 5px; font-size:14px; font-weight:bold; } #area_high #banner_item ol.point { margin-bottom: 2px; } #area_high #banner_item ol.point em { display: block; margin-bottom: 2px; line-height: 1.2; } #area_high #banner_item ol.point p { display:inline; } #area_high #banner_item dd span br { display: none; } /*--- 期間限定！ポイントアップ ---*/ #area_pointup #banner_item3 { float:left; padding:12px 0px; border-bottom:1px dotted #b7b7b7; } #area_pointup #banner_item3 ul { float:left; width:138px; padding:0px 6px; } #area_pointup #banner_item3 li { text-align:center; } /*--- ショッピングでポイントGET！ ---*/ #shoppingInfo { overflow: hidden; } #shoppingInfo h2 { margin-bottom: 10px; } #shoppingInfo #banner_item3 { float:left; padding:12px 0px; border-bottom:1px dotted #b7b7b7; } #shoppingInfo #banner_item3:last-child { border-bottom:0; } #shoppingInfo #banner_item3 ul { float:left; width:138px; padding:0px 6px; } #shoppingInfo #banner_item3 li { text-align:center; } /*--- 旧ショッピングでポイントGET！ ---*/ #shoppingInfo { clear: both; } #shoppingInfo h2 { margin-bottom: 10px; } #shoppingInfo .shoppingInfoInner { margin-bottom: 20px; padding: 20px 15px 15px; border: 1px solid #b7b7b7; border-top: none; background: #fff; } #shoppingInfo ul.shoppingInfoNav { border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #b7b7b7; border-bottom: none; } #shoppingInfo ul.shoppingInfoNav li { float: left; width: 89px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; font-size: 13px; font-weight: bold; text-align: center; line-height: 1.2; cursor: pointer; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; } #shoppingInfo ul.shoppingInfoNav li span { display: block; height: 30px; margin: 2px 2px 0; padding-top: 10px; color: #999; border-top-left-radius: 2px; border-top-right-radius: 2px; background: #f1f1f1; } #shoppingInfo ul.shoppingInfoNav li.last { width: 88px; border-right: none; } #shoppingInfo ul.shoppingInfoNav li.selected { border-bottom: none; } #shoppingInfo ul.shoppingInfoNav li.selected span { height: 31px; color: #fff; background: #b7cc43 /*#ffb000*/; } #shoppingInfo .txtLetsShopping { position: relative; margin: 0 auto 10px; padding: 10px 0; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; font-weight: bold; font-size: 14px; text-align: center; line-height: 1.2; color: #fff; border-radius: 8px; background: #b7cc43; } #shoppingInfo .txtLetsShopping:after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top: 8px solid #b7cc43; position: absolute; left: /*204px*/ 75px; top: 36px; z-index: 2; } #shoppingInfo #recommendShop .shopBnr { display: none; margin-bottom: 15px; padding: 0 20px; } #shoppingInfo #recommendShop ul.bnrImage { float: left; text-align: center; } #shoppingInfo #recommendShop dl { float: right; width: 230px; margin-top: 10px; padding-left: 10px; text-align: center; } #shoppingInfo #recommendShop dl dt { margin-bottom: 10px; font-size: 14px; font-weight: bold; line-height: 1.2; } #shoppingInfo #recommendShop dl ol.point { padding: 0; } #shoppingInfo #recommendShop dl ol.point li { margin-bottom: 5px; } #shoppingInfo #recommendShop dl ol.point p { display: inline-block; *display: inline; *zoom: 1; } #shoppingInfo #recommendShop dl ol.point s { font-size: 16px; } #shoppingInfo #recommendShop dl ol.point .pointup { margin-top: 3px; *margin-top: 8px; } #shoppingInfo #recommendShop dl ol.point u { font-size: 16px; } #shoppingInfo #recommendShop dl ol.point i { font-size: 22px; } #shoppingInfo #shopCategory { padding: 10px 0 10px 14px; border-radius: 4px; border: 1px solid #ddd; background: #f1f1f1; /*この枠の横幅は418px（ボーダー含む）*/ } #shoppingInfo #shopCategory .shopList { display: none; } #shoppingInfo #shopCategory .shopList p { float: left; width: 120px; margin: 0 14px 10px 0; } #shoppingInfo #shopCategory .shopList p a { text-decoration: underline; } #shoppingInfo #shopCategory .more_find { display: none; margin: 10px 10px 0 0; padding-top: 5px; border-top: 1px solid #ddd; } /*--- キャンペーン・特集情報 ---*/ #campaignArea { margin-bottom: 50px } #campaignArea h2 { margin:0px 0px 5px; } #campaignArea .subArea { width:450px; border-bottom:1px dotted #999; margin:5px 0px; padding-bottom:8px; float:left; overflow:hidden; } #campaignArea dl { width:225px; float:left; } #campaignArea dt { float:left; padding-right:5px; } #campaignArea dt img { border:1px solid #ccc; padding:2px; } #campaignArea dt a:hover img { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: #fff; } #campaignArea dd { float:left; width:145px; } #campaignArea dd a { font-size:13px; line-height:24px; } .campaignEndline { border-style:solid; border-color:#FFF; border-width:1px 0px 0px 0px; position:relative; top:-6px; left:0px; } /* IE7 huck */ .campaignEndline { /* IE7 */ *top:-1px; } /*-------------------------------------- area_right --------------------------------------*/ #area_right span.point_icon { background:url(/fruit/img/point/point_icon.gif) no-repeat;background-position:-10px -300px; font-size: 11px; line-height: 12px; padding: 1px 0 2px 15px; vertical-align: middle; } #area_right .fontred { font-size:12px; font-weight:bold; color:#d10000; } #area_right h2 { background-color:#f1f1f1; border-top:3px solid #bcbcbc; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; color:#333; font-weight:bold; font-size:14px; width:282px; text-align:left; padding:8px; } #area_right .rectangle { margin:0px auto 15px; color:#4d4d4d; font-size:12px; width:300px; clear:both; text-align:center; } #area_right .rectangle ul { margin:0px auto; text-align:center; } #area_right .rectangle ol.point { margin-top: 1px; *margin-top: -13px; padding: 2px 0; border-bottom: 1px solid #ddd; background: #f1f1f1; } #area_right .rectangle ol.point li{ text-align:center; margin:0px auto;} #area_right .rectangle ol.point em { margin-bottom: 2px; } #area_right .rectangle ol.point .pointup{ *margin-top: 2px; } #area_right .rectangle ol.point u { text-decoration:none;color:#d50000; font-size:11px;} #area_right .rectangle ol.point i { font-size:14px;} #area_right .rectangle ol.point p { display:inline; } /*--- 右カラム 各種共通箇所設定 ---*/ #area_right .endnear, #area_right .newpoint, #area_right .news { width:300px; margin:10px 0px; text-align:left; } #area_right .endnear .cnt, #area_right .newpoint .cnt, #area_right .news .cnt { border:1px solid #B3B3B3; border-top:0px; } #area_right .endnear ul, #area_right .newpoint ul, #area_right .news ul { padding: 0px; } #area_right .endnear li, #area_right .newpoint li { border-bottom: 1px dotted #B3B3B3; padding: 5px; } #area_right .endnear li:after, #area_right .newpoint li:after, #area_right .news li:after { clear: both; content: ""; display: block; } #area_right .endnear ul li a, #area_right .newpoint ul li a { display: block; float: left; font-style: normal; margin: 0 10px 0 0; width: 184px; } #area_right .rectangle span.point_icon, #area_right .endnear span.point_icon, #area_right .newpoint span.point_icon { background:url(/fruit/img/point/point.gif) left center no-repeat; padding-left:18px; display: block; float: right; margin-top: 2px; width: 65px; } #area_right .endnear i, #area_right .newpoint i { font-size:12px; text-decoration:none; margin-left:3px; color:#d10000; font-style:normal; } #area_right .more_find { padding: 10px 10px 10px 0; text-align: right; } #area_right .more_find a { background:url(/fruit/img/point/fmpoint.gif) no-repeat; background-position:4px -626px; *background-position:4px -627px; padding-left: 14px; } #area_right .banner { margin:15px 0px; text-align:left; } /*--- お知らせ ---*/ #area_right .news { margin-bottom: 15px; } #area_right .news li { border-bottom: 1px dotted #B3B3B3; padding: 5px; clear:both; overflow:hidden; width:288px; } #area_right .news .day { float:left; color:#666; padding-left:5px; width:85px; } #area_right .news ul li a { display: block; float: left; font-style: normal; padding: 0 0px 0 0px; width: 194px; } /*--- Bingo ---*/ #area_right .bingo_sub_txt { margin:5px 0 0 0; padding:10px; background:#eaeaea; border-radius:5px; } /*--- 簡単・無料でポイント貯めよう ---*/ #area_right .area_easy { margin-bottom: 15px; padding-top: 10px; border: 1px solid #b7b7b7; border-top: none; } #area_right .area_easy dl { margin: 0 10px 20px; } #area_right .area_easy dt { margin-bottom: 5px; } #area_right .area_easy dd.serviceBnr { float: left; width: 120px; } #area_right .area_easy dd.serviceDetail { float: right; width: 148px; } #area_right .area_easy .more_find { border-top: 1px solid #ddd; } /*--- 新着ポイント情報 ---*/ #area_right .newpoint { margin-bottom: 15px; } /*--- ランキング ---*/ #area_right .siteranking { margin:15px 0px 0px 0px; } #area_right .siteranking h2 { background:#f1f1f1 url(/fruit/img/point/point_icon.gif) 0px -495px no-repeat; width:240px; padding:8px 8px 8px 50px; } #area_right .siteranking .list td { background:#FFFFFF; padding:5px; text-align:center; } #area_right .siteranking .list table { background-color:#b3b3b3; } #area_right .siteranking .list em { background:none; padding-left:0px; } #area_right .siteranking .list u { background:url(/fruit/img/point/point.gif) left 1px no-repeat; *background-position: left 7px; padding: 2px 0 0 14px; } #area_right .siteranking ol.point .pointup { display: none; } .insert_shop_point.default { margin:3px 0px; } .totalperiod { text-align:right; font-size:10px; color:#666666; display:block; margin-top:5px; margin-right:5px; width:295px; } /*--- インタレストマッチ ---*/ /* #im{margin:0px auto;width:280px; white-space: normal ; text-align:left;} */ .ex_ydn_text_pc_side { border:0; padding:0px; margin:10px 0; } .ex_ydn_text_pc_side a:hover { background-color:#feffcb; } .ex_ydn_text_pc_side dl { margin:0px; padding:0px; } .ex_ydn_text_pc_side dt.title { background-image:none; padding-left:0px; text-decoration:underline; } .ex_ydn_text_pc_side dt { font-size:14px; font-weight:normal; line-height:17px; text-decoration:none; } .ex_ydn_text_pc_side dd { font-size:12px; line-height:17px; text-decoration:none; } .ex_ydn_text_pc_side dd.site { font-size:10px; } /*--- 最近見たサイト ---*/ #area_site { margin-bottom:20px;} #area_site h2 { margin-bottom:10px;} #new_check_box { width:454px; padding:8px; background:#d8d8d8; margin-bottom:10px; clear:both;} #new_check_box ul{ padding:15px 20px; margin:0px; } * html #new_check_box ul{ padding:0px 20px; margin:0px; } #new_check_box li{ width:120px; text-align:center; float:left; font-size:12px; margin:0px; padding:0px; } #index #new_check_box li{ width:130px; margin:0 0 0 10px; } #new_check_box #btn_l{ float:left; position:relative; top:40px; left:-8px; margin:0px; padding:0px; } #new_check_box #btn_r{ float:right; position:relative; top:40px; right:-8px;margin:0px; padding:0px; } #new_check_box #btn_l img,#new_check_box #btn_r img{ border:none; } #new_check_box li img{ margin-bottom:3px; padding:1px; border:1px solid #cdcdcf; } #new_check_box .cnt { background:#FFFFFF; border:1px solid #b6b6b6; } /*--- no js_script ---*/ #no_js_script { padding:10px; width:100%; text-align:center; background:#fdf9cc; } .no_js_script_text { text-align:left; width:600px; line-height:18px; margin:0px auto; font-size:12px; } .no_js_script_title_text { font-weight:bold; font-size:16px; line-height:24px; } /*--- Wpoint ---*/ #main_list .wpointO { background:url(/fruit/img/point/fmpoint.gif) no-repeat; background-position:-947px -127px; padding-left:40px; float:right; width:300px; } #main_list .wpointT { border-top:1px dotted #666666; background:url(/fruit/img/point/fmpoint.gif) no-repeat; background-position:-947px -220px; padding-left:40px; float:right; width:300px; } #main_detail .wpointO { background:url(/fruit/img/point/fmpoint.gif) -947px -120px no-repeat; padding-left:40px; } #main_detail .wpointT { border-top:1px dotted #666666; background:url(/fruit/img/point/fmpoint.gif) -947px -215px no-repeat; padding-left: 40px; margin-top:10px; } /*--- right_info ---*/ .right_info{ margin-top: 15px; padding:5px; border:1px solid #b3b3b3; text-align:left; } /*-------------------------------------- ad --------------------------------------*/ /*------ modal window ------*/ #modal { position:fixed; z-index:9999; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* 300x250 ver */ #modal #modalBody { position:fixed; z-index:9998; background:#fff; width:700px; height:330px; margin-left:-360px; left:50%; top:20%; border-radius:20px; text-align:center; padding:20px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.4); } /* big banner ver #modal #modalBody_big { position:fixed; z-index:9998; background:#fff; width:700px; height:310px; margin-left:-330px; left:50%; top:25%; border-radius:20px; text-align:center; padding-top:20px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.4); } */ #modal #modalBody_big { position:fixed; z-index:9998; background:#fff; width:740px; height:600px; margin-left:-330px; left:50%; top:10%; border-radius:20px; text-align:center; padding-top:20px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.4); } #modal .title { font-size:22px; line-height:30px; font-weight:bold; margin-bottom:10px; } #modal .bnr:hover { opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.80; } #modal .btn { position:absolute; bottom:0px; left:0px; background:#02c8c8; text-align:center; font-weight:bold; font-size:18px; color:#fff; display:block; width:100%; border-radius:0px 0px 20px 20px; padding:15px 0px; } #modal .btn:hover { background:#22dede; } #modal #modalBK { position:fixed; top:0px; left:0px; z-index:9997; height:100%; width:100%; background:#000; opacity:0.2; filter:alpha(opacity=20); -moz-opacity:0.20; } #modal #close { width:30px; height:30px; cursor:pointer; position:absolute; top:-10px; right:-10px; } /*------ overlay ------*/ #overlay { width:100%; display:none; position:fixed; left:0; bottom:0; z-index:1000; } #overlay .overlayBody { height:110px; } #overlay .overlayBody .overBg { position:absolute; left:0; width:100%; height:110px; background:#000; opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; } /* big banner ver */ #overlay .overlayBody_big { height:220px; } #overlay .overlayBody_big .overBg { position:absolute; left:0; width:100%; height:220px; background:#000; opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; } #overlay .overBody { position:relative; top:7px; z-index:2; text-align:center; width:950px; margin:0px auto; /* point ver */ background:#fff; border-radius:10px; padding:5px 0px; } #overlay a img:hover { opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.80; } #overlay #close { position:absolute; top:0px;/* right:40px; */ /* point ver */ right:0px; z-index:10; width:25px; height:25px; cursor:pointer; } /*------ floater ------*/ @-webkit-keyframes navi{from{-webkit-transform:translateY(2px)}to{-webkit-transform:translateY(-2px)}} /* Chrome */ @-moz-keyframes navi{from{-moz-transform:translateY(2px)}to{-moz-transform:translateY(-2px)}} /* firefox */ @keyframes navi{from{transform:translateY(2px)}to{transform:translateY(-2px)}} #floater { position:fixed; bottom:10px; right:5px; z-index:2; -webkit-animation-name:navi; /* Chrome */ -moz-animation-name:navi; /* firefox */ animation-name:navi; -webkit-animation-duration:0.5s; /* Chrome */ -moz-animation-duration:0.5s; /* firefox */ animation-duration:0.5s; -webkit-animation-direction:alternate; /* Chrome */ -moz-animation-direction:alternate; /* firefox */ animation-direction:alternate; -webkit-animation-iteration-count:infinite; /* Chrome */ -moz-animation-iteration-count:infinite; /* firefox */ animation-iteration-count:infinite; } /*--- ポイント表記（共通） ---*/ #modal ol.point, #overlay ol.point { font-family:Verdana; } /* modal */#modal ol.point { padding:5px 0px; } /* overlay */#overlay .overlayBody ol.point { padding:5px 0px; width:180px; height:80px; float:right; margin:5px 20px 0px 0px; text-align:left; } /* overlay_big */#overlay .overlayBody_big ol.point { padding:5px 0px; width:250px; height:80px; float:right; margin:35px 40px 0px 0px; text-align:left; } /* modal */#modal ol.point em { display: inline-block; *display: inline; *zoom: 1; padding-left:16px; font-size:10px; font-style:normal; color:#4d4d4d; background:url(/fruit/img/point/point.gif) left top no-repeat; line-height: 1.2; } /* overlay */#overlay .overlayBody ol.point em { display: inline-block; *display: inline; *zoom: 1; padding-left:16px; font-size:12px; border:1px solid #F90; border-radius:4px; margin-bottom:5px; font-style:normal; color:#d50000; width:170px; text-align:center; background:#FF6; line-height: 1.2; } /* overlay_big */#overlay .overlayBody_big ol.point em { display: inline-block; *display: inline; *zoom: 1; padding-left:16px; font-size:18px; border:1px solid #F90; border-radius:4px; margin-bottom:10px; font-style:normal; color:#d50000; width:230px; text-align:center; background:#FF6; line-height: 1.2; } #modal ol.point s, #overlay ol.point s { font-weight:bold; font-size:16px; color:#555; } #modal ol.point u, #overlay ol.point u { text-decoration:none; font-weight:bold; color:#d50000; font-size:14px; } #modal ol.point i { font-style:normal; font-size:22px; } #overlay ol.point i { font-style:normal; font-size:30px; line-height:34px; } /* modal */#modal ol.point p { display:inline; } /* overlay */#overlay .overlayBody ol.point p { display:block; } /* overlay_big */#overlay .overlayBody_big ol.point p { display:inline; } #modal ol.point .pointup, #overlay ol.point .pointup { display: inline-block; *display: inline; *zoom: 1; margin: 2px 0 0 2px; *margin-top: 4px; padding: 0 2px 0 0; } #modal .p_shop_no, #overlay .p_shop_no { color:#D50000; font-size:10px; } #modal .point_icon, #overlay .point_icon { padding:5px 0px 5px 15px; background:url(/fruit/img/point/point.gif) 0px 7px no-repeat; color:#c80000; font-style:normal; } #modal .point_icon i, #overlay .point_icon i { font-style:normal; } /*---------- modal -------------*/ .modal { position:fixed; z-index:9999; } .modal .modalwindow { display:none; position:fixed; z-index:9998; margin-left:-330px; left:50%; top:10%; } .modal .modalBody { display:none; background:#fff;overflow:auto; height:450px; width:650px; border-radius:5px; text-align:center; padding:20px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.4); } .modal .btn { position:absolute; top:-10px; right:-5px; z-index:9999; background:#333; border:4px solid #ddd; text-align:center; font-weight:bold; font-size:18px; color:#ddd; display:block; width:18px; border-radius:18px; padding:0px 0px 3px 0px; cursor:pointer; font-family:verdana; } .modal .btn:hover { background:#999; color:#fff; text-decoration:none; } /* .modal .btn { position:absolute; top:-10px; right:-10px; z-index:9999; background:#eaeaea; border:3px solid #CCC; text-align:center; font-weight:bold; font-size:25px; color:#999; display:block; width:30px; border-radius:30px; padding:8px 0px; cursor:pointer; } .modal .btn:hover { background:#999; color:#fff; text-decoration:none; } */ .modal h3 { font-size:20px; border-bottom:2px dotted #CCC; padding-bottom:5px; margin-bottom:5px; } .modal p { font-size:14px; margin:5px 0px; line-height:20px; } .modal dl { text-align:left; margin:10px 0px; } .modal dt { font-size:14px; font-weight:bold; display:inline; border-radius:5px; background:#c7e6f8; padding:0px 4px; } .modal dd { margin:5px 0px 10px 0px; font-size:13px; line-height:18px; } .modal .start_btn { margin-top:20px; } .modal .modalBK { display:none; position:fixed; top:0px; left:0px; z-index:9997; height:100%; width:100%; background:#000; opacity:0.2; filter:alpha(opacity=20); -moz-opacity:0.20; /* ie 8 */ -ms-filter: "alpha(opacity=20)"; zoom:1; } /*---------- jack -------------*/ .jack_area { width:950px; margin:0px auto; font-family: メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif; } .jack_inner { position:relative; height:130px; } .jack_left { position:absolute; top:0px; left:-140px; background:#BF0000; width:130px; height:730px; text-align:center; } .jack_center { position:absolute; top:0px; left: 0; background:#BF0000; width: 950px; height:90px; padding:15px 0px; text-align:center; } .jack_center p { color:#fff; font-size:24px; line-height:24px; font-weight:bold; margin-bottom:5px; } .jack_center li { display:inline; } .jack_right { position:absolute; top:0px; right:-140px; background:#BF0000; width:130px; height:730px; text-align:center; }