@charset "UTF-8"; #ad_sort_list_area { background-color: #E6E6E6; height: 52px; width: 789px; } #ad_sort_list_area form { padding: 11px 0; overflow:hidden; } .sort_select, .limit_select { float: left; font-size: 13px; } .sort_select { width: 394px; } .limit_select { width: 394px; } .sort_select > div { width: 280px; margin-left: 80px; } .limit_select > div { width: 305px; margin-left: 10px; } .sort_select .sort_list, .limit_select .limit_list { width: 230px; height: 30px; padding-left: 4px; color: #500000; } .limit_list, .sort_list { border: none; } #ad_pager_top { font-size: 13px; margin: 15px 0; } #ad_pager_top .page_link { float: left; margin-top: 5px; } #ad_pager_top .pager { float: right; } #ad_pager_top ul.pager li { margin-right: 0; padding: 0 16px 0 16px; height: 20px; line-height: 20px; } #ad_pager_top ul.pager li.prev { } #ad_pager_top ul.pager li.next { margin:0; padding: 0 0 0 16px; } #ad_pager_top ul.pager li a { background-color: #ffffff; border: none; color: #333333; display: block; padding: 0; } #ad_pager_top ul.pager li img { display: block; } #ad_pager_top .pager li em { font-weight: bold; padding: 0; } .side_menu_aera { margin-top: 5px; float: left; width: 181px; font-size: 12px; } .side_menu_aera a { color:#333333; } .side_menu_aera input[type="text"] { border: 1px solid #8C8984; height: 29px; line-height: 29px; font-size: 12px; padding: 0 4px 0 8px; } .side_menu_aera input[name="pl"], .side_menu_aera input[name="ph"] { width: 69%; } .side_menu_aera input[name="kw2"] { width: 100%; box-sizing: border-box; } .side_menu_aera .left_widget { border: 1px solid #888888; border-collapse: collapse; margin: 10px 0; overflow: hidden; } .side_menu_aera .left_widget > div, .side_menu_aera .left_widget.size_list_area > div.widget_title, .side_menu_aera .left_widget.size_list_area .btn_area > div { padding: 12px 10px 10px; } .side_menu_aera .left_widget.size_list_area > div, .side_menu_aera .left_widget > .rank_list_area { padding: 5px 0 0 5px; border-bottom: 1px solid #888888; } .side_menu_aera .left_widget.size_list_area > div.shoes_size_area { /* border-bottom: none;*/ } .side_menu_aera h3 { font-size: 15px; font-weight: bold; } .side_menu_aera .left_widget .widget_title { background-color: #F3F2F1; border-bottom: 1px solid #888888; } .side_menu_aera .left_widget .widget_title.cate_diseable { border-bottom: none; } .side_menu_aera .left_widget .widget_title h4 { font-size: 14px; font-weight: bold; } .side_menu_aera .left_widget.size_list_area div h5, .side_menu_aera .left_widget.size_list_area div > p { font-size: 10px; margin: 5px 0 10px; } .side_menu_aera .left_widget.size_list_area div h5 { float: left } .side_menu_aera .left_widget.size_list_area div > p { float: right; margin-right: 3px; } .side_menu_aera .left_widget li.srch_select { background-color: #7ccef4; border-color: #7ccef4; } .side_menu_aera .left_widget li.srch_select a { color: #FFF; } .side_menu_aera .left_widget li.srch_select a:hover { color: #333333; } /* sex */ .side_menu_aera .left_widget .sex_list{ padding: 0; } .side_menu_aera .left_widget .sex_list input { margin: 0 4px 0 0; } /*Safari¤À¤±¤ËŬÍѤµ¤EESS¥Ï¥Ã¥¯*/ @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .side_menu_aera .left_widget .sex_list input { position:relative; top:-1px; } .sex_list ul li{ position:relative; top:1px; height: 33px; } } .sex_list ul li input[type="checkbox"]{ width:13px; height:13px; } .sex_list ul li:last-child { border: none; height: 35px; } .sex_list ul li:first-child { height: 33px; } .sex_list ul li{ border-bottom: 1px dotted #888888; height: 34px; } .sex_list ul li a{ display: block; padding: 10px 0 10px 10px; } .sex_list ul li span, .category_list ul li span { color: #A6A29D; font-size: 10px; } .sex_list ul li.chk_select a, .sex_list ul li.chk_select a span { color: #FFF; } .brand_list ul li{ margin: 10px 0; color: #6E4246; } /* size, rank */ .side_menu_aera .left_widget ul.size_list, .side_menu_aera .left_widget ul.rank_list li { margin-bottom: 5px; } .side_menu_aera .left_widget ul.size_list li, .side_menu_aera .left_widget ul.rank_list li { display: block; float: left; padding: 0 5px 5px 0; box-sizing: border-box; } .side_menu_aera .left_widget ul.size_list li a { display: block; } .side_menu_aera .left_widget ul.size_list li img, .side_menu_aera .left_widget ul.kids_size_list li img, .side_menu_aera .left_widget ul.shoes_size_list li img, .side_menu_aera .left_widget ul.rank_list li img { width: 100%; } .side_menu_aera .left_widget ul.size_list li input, .side_menu_aera .left_widget ul.rank_list li input { left: -9999px; position: absolute; } .side_menu_aera .left_widget ul.size_list li label, .side_menu_aera .left_widget ul.rank_list li label { display: block; cursor: pointer; } .select-disabled, a:hover .select-disabled { cursor: default; opacity: 0.4; } /* clothes_size */ .side_menu_aera .left_widget ul.clothes_size_list li { width: 58px; } /* kids_size */ /* shoes_size */ .side_menu_aera .left_widget ul.kids_size_list li, .side_menu_aera .left_widget ul.shoes_size_list li { width: 25%; } /* rank */ .side_menu_aera .left_widget ul.rank_list li { width: 58px; } div.rank_list_area > .overflow-hidden p { float: right; font-size: 10px; margin: 3px 5px; } .side_menu_aera .left_widget.size_list_area > div.btn_area { border-bottom: none; padding: 0; } .side_menu_aera .left_widget .btn_area > div { margin: 0 auto; width: 111px; } .side_menu_aera .left_widget .btn_area > div > a { cursor: pointer; display: block; float: left; } .side_menu_aera .left_widget .btn_area > div > a.btn-submit { width: 47px; margin-right: 5px; } .side_menu_aera .left_widget .btn_area > div > a.btn-reset { width: 59px; } /* category */ .side_menu_aera .left_widget > div.category_list { padding: 0; } .category_list li > a { border-bottom: 1px #888888 dotted; padding: 10px; display: block; } .category_list li > a.last_cate { border-bottom: none; } .category_list > ul > li > a { padding-left: 23px; padding-right: 10px; } .category_list > ul > li > ul > li > a { padding-left: 36px; padding-right: 10px; } .category_list > ul > li > ul > li > ul > li > a { padding-left: 48px; padding-right: 10px; } .upper_cate, .selected_cate { position: relative; } .upper_cate > a, .selected_cate > a{ padding-left: 16px; font-weight: bold; background-color: #7ccef4; color: #FFF; } .upper_cate > a:before, .selected_cate > a:before { border-left: 7px solid #FFF; border-bottom: transparent 4px solid; border-top: transparent 4px solid; content: ""; margin: 0 0 0 10px; height: 0px; position: absolute; top: 12px; width: 0px; } .upper_cate > a:before, .category_list > ul > li.selected_cate > a:before { left: 2px; } .upper_cate .upper_cate > a:before{ left: 13px; } .upper_cate .selected_cate > a:before{ left: 13px; } .upper_cate .upper_cate .selected_cate > a:before { left: 27px; } .category_list .upper_cate > a span, .category_list .selected_cate > a span { font-weight: normal; color: #FFF; } .category_all_clear { border-top: 1px solid #888888; } .category_all_clear img { display: block; margin: 0 auto; } /* brand */ .side_menu_aera .left_widget > div.brand_search_area { padding: 0; } div.brand_search_area > div > p { float: right; margin: 3px 5px 2px 5px; font-size: 10px; } div.brand_search_area #brandSearch { margin: 4px 10px 10px; } div.brand_search_area #brandSearch input { max-width: 100%; line-height: 29px; border: 1px solid #8C8984; padding-left: 8px; border-radius: none; box-shadow: none; box-sizing: border-box; font-size: 12px; height: 31px; } div.brand_search_area #brandInitial { border-top: 1px dotted #888888; border-bottom: none; padding: 0; } div.brand_search_area #brandInitial > ul { overflow: hidden; margin: 5px; } div.brand_search_area #brandInitial li { height: 20px; line-height: 20px; margin: 0 5px; } div.brand_search_area #brandList { margin: 0; background-color: #FFF; padding: 0; border: 1px solid #888888; border-left: none; border-right: none; } .overflow-hidden { overflow: hidden; } div.brand_search_area > .overflow-hidden { margin: 6px 6px 0; } div.brand_search_area #brandList h4 { color: #7AC42E; padding-left: 5px; margin-bottom: 0; line-height: 40px; } div.brand_search_area #brandList ul { list-style: none; margin-left: 0; } div.brand_search_area #brandList li { line-height: 1.4; list-style: outside none none; margin-bottom: 0; padding-right: 4px; height: 70px; width: 164px; border-bottom: 1px dotted #888888; } div.brand_search_area #brandList a { color: #333333; height: 70px; display: block; text-decoration:none; } div.brand_search_area #brandList input[type="checkbox"] { display: block; float: left; height: 70px; width: 15px; margin: 0 4px 0 10px; } div.brand_search_area #brandList li label { cursor: pointer; display: block; float: right; height: 70px; width: 127px; } div.brand_search_area #brandList li label:hover { /* text-decoration: underline;*/ } div.brand_search_area #brandList li label > span { display: table-cell; height: 70px; width: 127px; vertical-align: middle; } div.brand_search_area #brandList li span > span { color: #A6A29D; font-size: 10px; } div.brand_search_area #brandList li.srch_select, div.brand_search_area #brandList li.srch_select span { color: #FFF; } .brand_search_area img, .brand_all_clear img, .price_search_area img { display: block; margin: 0 auto; } .side_menu_aera .left_widget > div.category_all_clear, .side_menu_aera .left_widget > div.brand_all_clear { padding: 10px; } /* price */ .price_search_area > div { position: relative; height: 31px; margin-bottom: 10px; } .price_search_area > div span { display: block; width: 32px; position: absolute; bottom: 0; right: 0; } .price_search_area a img, .add_kw_search_area a img { display: block; margin: 10px auto 0; cursor: pointer; } .side_menu_aera .left_widget > div.price_down, .side_menu_aera .left_widget > div.new_flg { padding-left: 10px; } .side_menu_aera .left_widget > div.price_down { border-top: 1px dotted #888888; } .side_menu_aera .left_widget > div.price_down input, .side_menu_aera .left_widget > div.new_flg input { margin: 0 4px 0 0; } .chk_select { background-color: #7ccef4; border-color: #7ccef4; } .chk_select p a { color: #FFF; } .suggest_keyword, .relation_words { font-size: 12px; margin: 8px 2px; } .suggest_keyword span, .relation_words span{ padding: 0 5px; } .suggest_keyword span a, .relation_words span a { color: #00c; text-decoration: underline; } .relation_contents { margin-bottom: 10px; } .relation_contents .relation_bunner:first-child { margin-right: 7px; } .relation_contents .relation_bunner { float: left; } .kw_result { font-size: 19px; font-weight: bold; margin: 0 0 10px; line-height: 1.2; } .kw_result span { font-size: 14px; font-weight: normal; color: #9F9F9F; } /* item_list */ .a_search.item_list .list_area .item { padding: 20px 0 10px; height: 321px; } .a_search.item_list .list_area .item_img { height: 160px; } .a_search.item_list .list_area .item_img img { display: block; margin: 0 auto 12px; } .a_search.item_list .list_area .item .item_bd, .a_search.item_list .list_area .item .item_nm, .a_search.item_list .list_area .item .item_pr { text-align: left; } .a_search.item_list .list_area .item .item_bd, .a_search.item_list .list_area .item .item_nm { overflow: hidden; } .a_search.item_list .list_area .item .item_bd { margin: 5px 12px 0; height: 32px; } .a_search.item_list .list_area .item .item_nm { height: 32px; margin: 0 12px 10px; } .a_search.item_list .list_area .item .item_pr { margin: 10px 14px 5px; font-weight: bold; color: #FF6C5D; font-size: 14px; } .a_search.item_list .list_area .item .item_pr span { font-size :10px; font-weight: normal; color: #333333; } .a_search.item_list .list_area .item .item_icn { height: 52px; } /* sidenavi input Safari hac */ @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .side_menu_aera input[type="text"] { padding: 6px; line-height: 1; height: auto!important; } } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, div.brand_search_area #brandSearch input { line-height: 1; padding: 6px; height: 31px; height: auto!important; } } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .price_search_area > form[name="price_search_form"] > div { height: 34px; margin-bottom: 10px; } }