@charset "utf-8"; /*-- 共通 ----*/ 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; } .mat5 { margin-top:5px !important; } .mat10 { margin-top:10px !important; } .mat15 { margin-top:15px !important; } .mab20 { margin-bottom:20px !important; } .mat30 { margin-top:30px !important; } .pat0 { padding-top:0 !important; } .tac { text-align:center !important; } .fw { font-weight:bold !important; } .fl { float:left; } .column2 #mainArea { margin-right:-250px; width:100%; } .column2 #mainWrap { float:right; width:100%; margin-left:-200px; } .column2 #main { position:relative; margin:0 10px 0 210px } .column2 #side { display:inline; float:left; width:190px; margin-left:10px; } .texttype02 { color:#660000;font-weight:bold;} #main .greenTitle { position:relative; background:#70ba2e url("/images/bg_green_r.gif") no-repeat right 0; zoom:1; } #main .greenTitle h3{ padding:5px 85px 5px 7px; font-weight:bold; color:#fff; background:url("/images/bg_green_l.gif") no-repeat; } /*-- 共通 ----*/ /*-- reset --*/ * { 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; } 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; } /*-- reset --*/ /*-- clearfix --*/ .clearfix:before,.clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; } #content:before,#content:after { content:""; display:table; } #content:after { clear:both; } #content { zoom:1; } #mainArea:before,#mainArea:after { content:""; display:table; } #mainArea:after { clear:both; } #mainArea { zoom:1; } #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; } #headMenu .first:before,#headMenu .first:after { content:""; display:table; } #headMenu .first:after { clear:both; } #headMenu .first { zoom:1; } #headMenu .last:before,#headMenu .last:after { content:""; display:table; } #headMenu .last:after { clear:both; } #headMenu .last { zoom:1; } #footer:before,#footer:after { content:""; display:table; } #footer:after { clear:both; } #footer { zoom:1; } #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; } #topicPath ul:before,#topicPath ul:after { content:""; display:table; } #topicPath ul:after { clear:both; } #topicPath ul { 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; } #dropSearch dl:before,#dropSearch dl:after { content:""; display:table; } #dropSearch dl:after { clear:both; } #dropSearch dl { zoom:1; } /*-- clearfix --*/ /*-- print --*/ body { background:none; } /*-- print --*/ /*-- ヘッダー --*/ #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:180px; 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:180px; 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-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; } #dropSearchWrap { display:none; position:absolute; z-index:9998; float:left; width:100%; height:230px; margin-left:-20px; } * html #dropSearchWrap { margin-left:0; } /*-- ヘッダー --*/ /*-- パンくず --*/ #pathWrap { margin-bottom:10px; padding:5px 10px 7px; background:#f0f8e9; } #topicPath ol { float:left; width:550px; padding:5px 0 0 5px; font-size:84%; color:#666; } #topicPath ol li { float:left; } #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 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; } /*-- 検索バー --*/ #searchBoxWrap { margin:0 10px 10px; } #searchBoxWrap .catBtn { float:left; } #searchBoxLeftS { height:36px; margin-left:200px; padding-left:3px; background:url("/images/bg_search_l_s.gif") no-repeat; } #searchBoxRightS { height:36px; padding-right:3px; background:url("/images/bg_search_r_s.gif") no-repeat right top; } #searchBoxS { position:relative; height:25px; padding:6px 7px 5px 3px; background:url("/images/bg_search_s.gif") repeat-x; } #searchBoxS .bgSelect { float:left; width:135px; position:relative; } #searchBoxS .bgSelect select { position:relative; left:0; top:0; z-index:5; width:135px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } #searchBoxS .bgSelect span { position:absolute; left:0; top:0; display:block; width:115px; height:26px; padding:0 0 0 20px; font-size:84%; color:#666; background:url("/images/bg_select_s2.gif") no-repeat; line-height:26px; } * html #searchBoxS .bgSelect span { background:none; } #searchBoxS .searchLeftS { height:25px; margin-left:138px; margin-right:322px; padding-left:18px; background:url("/images/bg_text_left.gif") no-repeat; } #searchBoxS .searchRightS { height:25px; _margin-top:-1px; padding-right:7px; background:url("/images/bg_text_right.gif") no-repeat right; } #searchBoxS .searchRightS input { width:100%; height:25px; *margin-top:-1px; border:medium none; background:url("/images/bg_text.gif") repeat-x; line-height:25px; } #searchBoxS .rightBox { float:right; width:317px; margin-top:-25px; text-align:right; } #searchBoxS .rightBox input, #searchBoxS .rightBox ul, #searchBoxS .rightBox ul li, #searchBoxS .rightBox #searchOpen { display:inline-block; /display:inline; /zoom:1; vertical-align:middle; cursor:pointer; } #searchBoxS .rightBox ul { margin-left:10px; } #searchBoxS .rightBox ul li { margin-right:10px; } /* 詳細検索 */ #dropSearchWrap { display:none; position:absolute; z-index:9998; float:left; width:100%; height:230px; margin-left:-20px; } * html #dropSearchWrap { margin-left:0; } #dropSearchRight { position:relative; top:-5px; min-width:747px; width:747px; width:auto !important; height:230px; margin-left:220px; padding-right:3px; background:url("/images/bg_option_r.gif") no-repeat right bottom; } * html #dropSearchRight { margin-left:200px; } #dropSearch { width:auto; height:180px; padding:30px 25px 20px 35px; background:url("/images/bg_option.gif") no-repeat; } #dropLeft { float:left; width:47%; } #dropRight { float:right; width:47%; } #dropSearch dl { margin-bottom:5px; } #dropSearch dt { float:left; width:75px; font-weight:bold; text-align:right; line-height:25px; } #dropSearch dt.diff { line-height:12.5px; } #dropSearch dd { margin-left:85px; } #dropSearch dd .oriText { display:block; height:25px; padding-left:7px; background:url("/images/bg_text_left_none.gif") no-repeat; } #dropSearch dd .oriText span { display:block; height:25px; padding-right:7px; background:url("/images/bg_text_right.gif") no-repeat right; } #dropSearch dd .oriText input { float:left; width:100%; height:25px; border:none medium; background:url("/images/bg_text.gif") repeat-x; line-height:25px; } #dropSearch dd .bgSelectDropRight { display:block; position:relative; height:25px; padding-right:18px; background:url("/images/bg_select_right.gif") no-repeat right; } #dropSearch dd .bgSelectDrop { display:block; height:25px; padding-left:7px; background:url("/images/bg_text_left_none.gif") no-repeat; } #dropSearch dd .bgSelectDrop select { position:absolute; left:0; top:0; z-index:5; width:100%; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } #dropSearch dd .bgSelectDrop span { position:relative; left:0; top:0; display:block; height:25px; background:url("/images/bg_text.gif") repeat-x; line-height:25px; } * html #dropSearch dd .bgSelectDropRight { background:none; } * html #dropSearch dd .bgSelectDrop { background:none; } * html #dropSearch dd .bgSelectDrop span { background:none; } #dropSearch #optionSearch { text-align:center; } #dropSearch #optionClose { margin-top:-20px; font-weight:bold; text-align:right; cursor:pointer; line-height:18px; } #dropSearch #optionClose span { margin-left:5px; line-height:18px; } #dropSearch dd li { float:left; width:48%; line-height:25px; } #dropSearch dd li .oriText { display:inline-block; /display:inline; /zoom:1; float:none; width:62%; margin-right:5px; vertical-align:middle; } /*-- 検索バー --*/ /*-- フッター --*/ .pageup { clear:both; margin-right:10px; text-align:right; max-width: 1220px; margin: 0 auto; } .pageup a { margin-right:10px; } .footdescription { background-color:#f0f8e9; margin-top:40px; } .footdescription .txtbox { position:relative; width:720px; margin:0 auto; padding:20px 0; } .footdescription .txt { width:635px; color:#36650E; font-weight:bold; line-height:1.8; } .footdescription .imgbox { position:absolute; right:0; bottom:0; } .rakuda { background-position:0 -75px; width:116px; height:102px; background-repeat:no-repeat; } #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 address {font-size:84%;color:#999;text-align:center;position: relative;top: -21px;} #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; } /*-- フッター --*/ /*-- レイアウト --*/ #search #main #mainHead { padding-bottom:10px; } #search #main #mainHead .leftBox { display:inline; float:left; width:100%; margin-right:-240px; } #search #main #mainHead .leftBoxIn { position:relative; margin-right:240px; } #search #main #mainHead .leftBoxIn .titleArea { background:#e2f1d5 url("/images/bg_titlearea01.gif") no-repeat 0 0; /zoom:1; } #search #main #mainHead .titleArea { position:relative; padding:14px 10px 12px; background:#e2f1d5; /zoom:1; } #search #main #mainHead .titleArea h2 { font-size:150%; font-weight:bold; } #search #main #mainHead .titleArea .radLT { position:absolute; left:0; top:0; font-size:1%; /zoom:1; } #search #main #mainHead .titleArea .radRT { position:absolute; right:0; _right:-1px; top:0; font-size:1%; /zoom:1; } #search #main #mainHead .titleArea .radRB { position:absolute; right:0; _right:-1px; bottom:0; font-size:1%; /zoom:1; } #search #main #mainHead .titleArea .radLB { position:absolute; left:0; bottom:0; font-size:1%; /zoom:1; } #search #main .attent {text-align:right; font-size:82%; } #search #main #mainHead .leftBox dl { padding:0 1px; border-top:1px solid #e1e1e1; } #search #main #mainHead .leftBox dl dt { float:left; padding:11px 0; color:#999; font-weight:bold;} #search #main #mainHead .leftBox dl dd { float:left; padding:8px 19px; *zoom:1; line-height:24px;} #search #main #mainHead .leftBox dl dd li { float:left; } #search #main #mainHead .leftBox dl dd li.last { margin-left:13px; padding:0 10px 0 13px; border-left:1px solid #999; } #search #main #mainHead .leftBox dl dd li.firstFc a { color:#003399; } #search #main #mainHead .leftBox dl dd li.last a { color:#003399; } #search #main #mainHead .leftBox dl dd li.activeFc { font-weight:bold; } #search #main #mainHead .leftBox dl dd.border { border-right:1px solid #e1e1e1; } #search #main #mainHead .leftBox #sortList { padding:8px 0; } #search #main #mainHead .leftBox #sortList span.active { font-weight:bold; } #search #main #mainHead .leftBox #sortList span.activeFc a { border-bottom:solid 1px;} #search #main #mainHead .rightBox { display:inline; float:right; width: 230px; background: url(/images/bg_sidebarbox_b.png) no-repeat bottom; } #search #main .resultArea { padding:5px 10px; background:#f0f8e9; font-size:14px;} #search #main .resultArea .pager { float:right; } #search #main .resultArea .pager li a { color:#fff; display:block; width:100%;} #search #main .searchOption { padding:5px 10px; background:#f4f4e8; } #search #main .searchOption .listInline { letter-spacing:-0.3em; } #search #main .searchOption .listInlineItem { display:inline-block; /display:inline; /zoom:1; margin-left:4px; vertical-align:middle; letter-spacing:normal; } #search #main .searchOption .listInlineItemLast { margin-left:15px; padding:2px 0 2px 5px; background:#fff; } #search #main .searchOption .searchOptionList { display:inline; float:left; width:515px; margin-left:-4px; line-height:1; } #search #main .searchOption dt { display:inline-block; /display:inline; margin:0 5px 0 7px; font-size:86%; color:#666; vertical-align:top; letter-spacing:normal; /zoom:1; vertical-align:middle; } #search #main .searchOption dd { display:inline-block; /display:inline; margin-right:3px; letter-spacing:normal; /zoom:1; vertical-align:middle; } #search #main .searchOption dd { display:inline-block; /display:inline; margin-right:3px; letter-spacing:normal; /zoom:1; vertical-align:middle; } #search #main .itemList li { padding:8px 0 8px; border-bottom:1px solid #e1e1e1; } #search #main .itemList li li { padding:0; border-bottom:none; } #search #main .itemList .leftBox { position:relative; float:left; width:100%; } #search #main .itemList .leftBox dd { margin:0 0 5px 40px; } #search #main .itemList .leftBox dd.delBox { position:absolute; left:0; top:0; width:24px; height:100%; margin:0; padding:2px 3px; /zoom:1; background:#F4F4E8; } #search #main .itemList .leftBox dd.delBox a { display:block; padding:5px 3px; background:#F4F4E8; /zoom:1; } #search #main .itemList .leftBox .catList { letter-spacing:-0.4em; margin:-2px 0 0 -2px; } #search #main .itemList .leftBox .rowList { margin:0; padding:0;} #search #main .itemList .leftBox .rowList li { float:left; margin-right:5px; } #search #main .itemList .leftBox .catList .catBase { display:inline-block; /display:inline; margin-right:2px; padding:3px 8px; background:#ff7500; color:#fff; font-size:86%; line-height:1; letter-spacing:normal; /zoom:1; width:31px;text-align:center; } #search #main .itemList .leftBox .subinfo { margin-top:10px; font-size:84%; margin-left:10px;} #search #main .itemList .leftBox .priceTrue, #search #main .itemList .leftBox .priceFalse { margin:0 0 0 0; letter-spacing:-0.3em; width:84px;} #search #main .itemList .leftBox .priceTrue li, #search #main .itemList .leftBox .priceFalse li { margin-right:10px; letter-spacing:normal; vertical-align:middle; } #search #main .itemList .leftBox .priceTrue .price { display:inline-block; color:red; font-size:150%; font-weight:bold; line-height:1; letter-spacing:normal; /display:inline; /zoom:1; } #search #main .itemList .leftBox .priceFalse .price { display:inline-block; color:#999999; font-size:150%; font-weight:bold; line-height:1; letter-spacing:normal; /display:inline; /zoom:1; } #search #main .itemList .leftBox .otoku { display:inline-block; margin:3px 0; font-size:86%;line-height:1; letter-spacing:normal; /display:inline; /zoom:1; } #search #main .itemList .leftBox .priceTrue .stock { display:inline-block; padding:3px 8px; font-size:86%; background:#ff9933; color:#fff; font-weight:bold; line-height:1; letter-spacing:normal; /display:inline; /zoom:1; } #search #main .itemList .leftBox .priceFalse .stock { display:inline-block; padding:3px 8px; font-size:86%; background:#999999; color:#fff; font-weight:bold; line-height:1; letter-spacing:normal; /display:inline; /zoom:1; } #search #main .itemList .leftBox .priceLink { display:inline-block; margin-left:0px; letter-spacing:normal; /display:inline; /zoom:1; } #search #main .itemList .leftBox .priceLink span { color:#76bd36; font-size:23px; vertical-align:top; line-height:17px; padding-right:2px; margin-left:10px; } #search #main .itemList .leftBox .titleBox { width:412px;height:100%;margin:0;padding-right:14px;} #search #main .itemList .leftBox .j3 { display:inline; padding:3px 8px; font-size:86%; background:#72ba30; color:#fff; line-height:1; } /* ファセット */ #search #side .sideBox dt { padding:7px 10px 5px; background:#60972E url("../images/bg_title.gif") no-repeat; color:#fff; font-weight:bold; line-height:1.2; } #search #side .sideBox dd dt { padding:7px 10px 5px 23px; background:#f0f8e9 url("../images/i_zoom.gif") no-repeat 8px 6px; color:#999; line-height:1; } #search #side .sideBox dd { padding-bottom:6px; background:url("../images/bg_sidebox_b.png") no-repeat 0 bottom; zoom:1; } #search #side .sideBox dd dd { padding:0; border:none; background:none; font-size:86%; } #search #side .sideBox .catPath { background-color:#f0f8e9; font-size:86%; } #search #side .sideBox .catPath .sideCat2 { margin-top:5px; padding-left:12px; line-height:1; } #search #side .sideBox .catPath .sideCat4 { margin-top:5px; padding-left:24px; line-height:1; } #search #side .sideBox .sideBoxIn2 { border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; zoom:1; } #search #side .sideBox .sideBoxIn2 dt span { margin-left:5px; font-size:86%; font-weight:100; } #search #side .sideBox .sideBoxIn2 dd { padding:5px 9px; } #search #side .sideBox .sideBoxIn2 li { margin-bottom:2px; } #search #side .sideBox .sideBoxIn2 .more { margin-top:5px; text-align:right; } #search #side .sideBox .sideBoxIn2 .oriText { width:53px; height:21px; padding:2px 5px; border:none medium; background:url("../images/bg_text_63.gif") no-repeat; line-height:21px; } #facet-s-viewlimit-cat, #facet-s-viewlimit-author ,#facet-s-viewlimit-maker ,#facet-s-viewlimit-size { display: none; } #facet-s-see-more-cat-close ,#facet-s-see-more-author-close ,#facet-s-see-more-maker-close ,#facet-s-see-more-size-close { display: none; } /* ページ送り */ .pager .leftBtn { float:left; margin-right:2px; cursor:pointer; } .pager .rightBtn { float:left; cursor:pointer; } .pager ol { float:left; position:relative; left:50%; } .pager ol li { float:left; width:28px; margin-right:2px; background:#999; color:#fff; font-weight:bold; text-align:center; cursor:pointer; position:relative; left:-50%; float:left; line-height:29px;} .pager ol li.active { background:#76bd37; } /* ページの先頭 */ .scrollTop { text-align:right; padding-right:10px; } .scrollTop .btn { text-decoration:none; text-align:center; background:#EEE; border:1px solid #FFF; -moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3); -webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3); padding:5px 20px; } /*-- レイアウト --*/ /*-- カート --*/ #cartBox { font-size:16px; font-weight:bold; letter-spacing:1px; } #cartBox dd { padding: 8px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #cartBox dd dd { padding: 0px 1px; border: none; background: none; } #cartBox dd li { /zoom: 1; } #cartBox li dt { float: left; width: 85px; text-align: right; } #cartBox li dd { float: right; width: 115px; text-align: right; } #cartBox li dl:after { clear: both; } #cartBox li dd strong { color: #c8417a; font-weight: bold;; } #cartBox .last { clear: both; padding-top: 4px; background: url("/images/i_balloon.gif") no-repeat 190px 0px; } #cartBox .last span { float: right; margin-bottom: 5px; color: #fff; font-size: 140%; letter-spacing: -1px; line-height: 1.2em; font-weight: bold; background: #f60; border-top: 3px solid #f60; border-bottom: 3px solid #f60; border-left: 8px solid #f60; border-right: 3px solid #f60; } #cartBox .balloon { text-align: right; padding-top: 4px; background: url("/images/i_balloon.gif") no-repeat 190px 0px; } #cartBox .balloon div { color: #fff; font-size:13px; padding: 2px 0; font-weight: normal; background: #f60; border-top: 3px solid #f60; border-bottom: 3px solid #f60; border-left: 3px solid #f60; border-right: 3px solid #f60; display: inline-block; width:204px; } #cartBox .balloon li { line-height:21px; } #cartBox .balloon a { color:#fff; } #cartBox #postage dt { float: left; width: 85px; text-align: right; font-weight: normal; font-size: 14px; } #cartBox #postage dd { float: right; width: 115px; text-align: right; } #cartBox dl:after { content: ""; display: block; clear: both; } #cartBox .postage_info { font-weight:bold; text-decoration: underline; } #cartBox #postage_special { color: #ffffff; background-color: #ff0000; padding: 3px 8px; } #cartBox .postage_j3c { text-decoration: none; font-size:10px; } #cartBox .all { padding: 12px 10px; text-align:center; padding: 11px 4px 10px 4px; text-align: center; font-weight: normal; font-size: 12px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } #cartBox .all a { color: #333; text-decoration: none; padding-left: 15px; background: url("/images/i_ar_green.gif") no-repeat 0% 50%; } #cartBox .all a:hover { text-decoration: underline; } /*-- カート --*/ /* 下部クーポン */ #btm_cpn { position:fixed; bottom:-1px; width:100%; display:none; z-index:1; } #btm_cpn .cls_btn { text-align:right; } #btm_cpn .cls_btn span { background-color:#d2d2d2; padding:3px; font-weight:bold; cursor:pointer; } .cpn_main { background-color:#e60012; width:100%; } .cpn_block { width:750px; margin:0 auto; } .cpn_block .left { float:left; width:600px; } .cpn_block .right { float:right; background:url(../images/img_f_coupon3_02.gif) no-repeat; width:150px; height:70px; } .cpn_block .right div { color:#d10001; font-size:20px; width:144px; margin-top:20px; font-weight:bold; } /* 下部クーポン */ /*-- 閲覧履歴 --*/ #history { margin-top:10px; position:relative; /zoom:1; } #history .sectionNavi { position:absolute; right:5px; top:5px; } #search #history .sectionNavi li{ display:inline; /margin-right:2px; font-size:1%; line-height:0; padding:0px; } #history .radLB { position:absolute; left:0; bottom:0; *bottom:-1px; font-size:1%; line-height:0; /zoom:1; } #history .radRB { position:absolute; right:0; *right:-1px; bottom:0; *bottom:-1px; font-size:1%; line-height:0; /zoom:1; } #history .block ul { font-size:0;} #history .block ul:nth-child(1) { border-bottom:1px solid #e5e5e5; } #history .block ul li { font-size:12px; display:inline-block; /display:inline;/*IE7*/ /zoom:1;/*IE7*/ width:20%; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } #history .block ul li:nth-child(even){ border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } #history .block dl { padding:5px 0 5px 10px; } #history .block dl dt { text-align:center; position:relative; } #history .block dl dt img { height:117px; width:81px; padding-bottom:5px; } #history .block .category { background:#e76700;color:#ffffff;font-size:84%;padding:0 3px 0 3px;margin-right:3px;float:left;vertical-align:bottom;display:block; } #history .block .through { font-size:84%; color:#666; text-decoration:line-through; } #history .block .price { margin-left:10px; font-weight:bold; color:#c8417a; } #history .block .noImage { height:60px; width:60px; margin:30px 0 27px 0; } #history .block { border:1px solid #e5e5e5; } #history .block .arLink { border-top:1px solid #e5e5e5; /zoom:1; padding:10px 0; text-align:center; /zoom:1; } #history .block .arLink a { padding-left:12px; font-weight:bold; background:url("/images/i_ar_green.gif") no-repeat 0 center; /zoom :1; } /*-- 閲覧履歴 --*/ /*-- 広告枠 --*/ #fluct { margin:50px auto; width:728px; } /*-- モーダルウインドウ --*/ #modalbox { margin:0 auto; display:none; position:absolute; z-index:1000; width:320px; height:160px; padding:10px 12px; background:#fff; border:1px solid #f5f5f5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; left:0; right:0; } #overlay { opacity:0; filter:alpha(opacity=0); position:fixed; top:0; left:0; z-index:900; width:100%; height:120%; background:#000; } #close { text-decoration:none; } .btnBasic { border-radius:5px; position:absolute; width:200px; } .btnBasic a { color:#333; text-align:center; padding:8px 5px; display:block; font-size:115%; font-weight:bold; } .basicOk { bottom:65px; left:73px; background-color:#F2F2F2; background:-webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#F2F2F2)); border:1px solid #a9a9a9; } .basicCart { bottom:10px; left:73px; background-color:#ff6b07; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffa568), to(#ff6b07)); border:1px solid #f60; } .basicCart a { color:#fff; background:url("../images/sp/i_cart_s2_x2.png") no-repeat 8px center; background-size:20px 16px; } /*-- モーダルウインドウ --*/ /*-- サジェスト --*/ .uksgst_results { padding:0px; border:1px solid WindowFrame; background-color:Window; overflow:hidden; z-index:9999; } .uksgst_results ul { width:100%; list-style-position:outside; list-style:none; padding:0; margin:0; text-align:left; } .uksgst_results iframe { display:none; display/**/:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .uksgst_results li { margin:0px; padding:2px 5px; cursor:pointer; display:block; width:100%; font:menu; font-size:12px; overflow:hidden;text-align:left; } .uksgst_over { background-color:Highlight; color:HighlightText; } /*-- サジェスト --*/ .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-pmark { background-position:-388px -228px; width:54px; height:55px; } .sprite-spicon { background-position:-48px -1px; width:8px; height:14px; margin-left:5px;} .sprite-ticon { background-position:-346px -112px; width:10px; height:13px; }