/* ------------------------------------------------------------------- base ------------------------------------------------------------------- */ html { margin: 0; padding: 0px; height: 100%; } body { width:100%; height: 100%; margin: 0 auto; padding: 0; color: #404040; /* font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/ font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-family: "MS PGothic", Osaka, "Hiragino Kaku Gothic Pro W3"; min-width:1000px; font-size: 15px; line-height:130%; background-color: #fff; } body, td, table, td, th { margin:0; padding:0; border:none; border-collapse:collapse; } .clear { clear:both; /zoom: 0; line-height:1; } a, a:visited, a:hover { text-decoration:none; color: #404040; outline:none; } a:hover { color: #909090; } :focus { -moz-outline-style: none; } h1, h2, h3, h4, h5, h6, form, input, textarea { margin: 0; padding: 0; font-weight:normal; font-size:100%; } p { margin: 0; padding: 0; line-height:170%; } img { border: none; vertical-align: bottom; } ul, ol, dl, dt, dd, li { margin: 0; padding: 0; list-style: none; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* ------------------------------------------------------------------- common ------------------------------------------------------------------- */ #all_wrap { width:100%; } .img_hover:hover { opacity: 0.7; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } /* ------------------------------------------------------------------- dummy_text ------------------------------------------------------------------- */ .dummy_text{ color:red;} /*#receipt table td a { color: #F00; } #receipt p.ato { color:red; } #receipt p.ato span { color: #404040; }*/ /*#postage table th { color:red; }*/ /* ------------------------------------------------------------------- head ------------------------------------------------------------------- */ #head_wrap { width:100%; background:url(https://img05.shop-pro.jp/PA01310/213/etc/head_back.jpg) bottom repeat-x; } #head_wrap .head { width:945px; margin:0 auto; position:relative; padding-top:62px; } #head_wrap .search_wrap { position:absolute; top: 22px; right:0; z-index: 100; } #head_wrap .search_wrap input.form_box{ background:url(https://img05.shop-pro.jp/PA01310/213/etc/head_s_back.jpg) 0 0 repeat-x; border: 1px solid #ccc; height: 17px; width: 130px;} #head_wrap .search_wrap input.submit_bt{ background:url(https://img05.shop-pro.jp/PA01310/213/etc/head_s_bt.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; width:55px; border: none; height: 19px; } #head_wrap .search_wrap input[type="submit"];hover{ background:url(https://img05.shop-pro.jp/PA01310/213/etc/head_s_bth.jpg) 0 0 repeat-x; } #head_wrap h1 { position:absolute; top:15px; left: 0px; } #head_wrap #g_navi { position:relative; height:71px; } #head_wrap #g_navi ul { float:right; } #head_wrap #g_navi li { float:left; } #head_wrap #g_navi a.logo { position:absolute; top: 5px; left:0; display:block; width:231px; height:66px; background:url(https://img05.shop-pro.jp/PA01310/213/etc/head_logo.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; } #head_wrap #g_navi li a { display:block; width:123px; height:38px; text-indent:-9999px; overflow:hidden; } #head_wrap #g_navi li { padding-top: 33px; } #head_wrap #g_navi li.g_navi3 { padding-right:10px; } #head_wrap #g_navi li.g_navi4 { padding-top:0; } #head_wrap #g_navi li.g_navi1 a { background:url(https://img05.shop-pro.jp/PA01310/213/etc/menu_bt1.jpg) 0 0 no-repeat; width:131px; } #head_wrap #g_navi li.g_navi1 a:hover, #head_wrap #g_navi li.g_navi1 a.in { background:url(https://img05.shop-pro.jp/PA01310/213/etc/menu_bt1h.jpg) 0 0 no-repeat; } #head_wrap #g_navi li.g_navi2 a { background:url(https://img05.shop-pro.jp/PA01310/213/etc/menu_bt2.jpg) 0 0 no-repeat; width:135px; } #head_wrap #g_navi li.g_navi2 a:hover, #head_wrap #g_navi li.g_navi2 a.in { background:url(https://img05.shop-pro.jp/PA01310/213/etc/menu_bt2h.jpg) 0 0 no-repeat; } #head_wrap #g_navi li.g_navi3 a { background:url(https://img05.shop-pro.jp/PA01310/213/etc/menu_bt3.jpg) 0 0 no-repeat; width:139px; } #head_wrap #g_navi li.g_navi3 a:hover, #head_wrap #g_navi li.g_navi3 a.in { background:url(https://img05.shop-pro.jp/PA01310/213/etc/menu_bt3h.jpg) 0 0 no-repeat; } #head_wrap #g_navi li.g_navi4 a { background:url(https://img05.shop-pro.jp/PA01310/213/etc/head_cart_bt.jpg) 0 0 no-repeat; width:190px; height:71px; } #head_wrap #g_navi li.g_navi4 a:hover, #head_wrap #g_navi li.g_navi4 a.in { background:url(https://img05.shop-pro.jp/PA01310/213/etc/head_cart_bth.jpg) 0 0 no-repeat; } /* copy */ #copy_wrap { width:100%; background:url(https://img05.shop-pro.jp/PA01310/213/etc/foot_back.jpg) 0 0 repeat-x; height:32px; padding-top:4px; } #copy_wrap .copy { width:945px; margin:0 auto; } #copy_wrap p { line-height: 31px; font-size: 12px; text-align:right; float:right; } /* ------------------------------------------------------------------- top ------------------------------------------------------------------- */ #top_content { background: url(https://img05.shop-pro.jp/PA01310/213/etc/main.jpg) center no-repeat; margin:0 auto; height:406px; } /* ------------------------------------------------------------------- contents ------------------------------------------------------------------- */ #content_wrap { width:100%; background: #F2F2F2; padding-top:10px; } #content { width:970px; margin:0 auto; } .notice{ width:940px; margin:0 auto; position:relative; padding:10px 0 0; color:#F00; } .notice ul{ float:right; } /* ------------------------------------------------------------------- main ------------------------------------------------------------------- */ #main { width:700px; float:right; padding: 10px 0; margin-bottom:50px; } /* ------------------------------------------------------------------- side ------------------------------------------------------------------- */ #side { width:260px; float:left; padding: 10px 0; } #side .box_top { width:252px; height:14px; margin:0 auto; background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_box1.jpg) 0 0 no-repeat; } #side .box_wrap { width: 224px; padding:0 14px; margin:0 auto; background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_box2.jpg) 0 0 repeat-y; } #side .box_wrap li { padding: 12px 5px 9px 26px; font-size: 13px; border-bottom: 1px solid #ccc; } #side .box_bottom { width:252px; height:14px; margin: 0px auto 14px; background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_box3.jpg) 0 0 no-repeat; } #side .box_category { background:url(https://img05.shop-pro.jp/PA01310/213/etc/title1.jpg) 0 0 no-repeat; padding-top:43px; border:1px solid #ccc; border-bottom:none; } #side .box_category li { background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon1.jpg) no-repeat scroll 8px 12px; } #side .box_group { background:url(https://img05.shop-pro.jp/PA01310/213/etc/title2.jpg) 0 0 no-repeat; padding-top:43px; border:1px solid #ccc; border-bottom:none; } #side .box_group li { background:url(https://img05.shop-pro.jp/PA01310/213/etc/icon2.jpg) no-repeat scroll 8px 12px; } #side .guide { background:url(https://img05.shop-pro.jp/PA01310/213/etc/title3.jpg) 0 0 no-repeat; padding-top:43px; border:1px solid #ccc; border-bottom:none; } #side .guide li { background:url(https://img05.shop-pro.jp/PA01310/213/etc/icon3.jpg) no-repeat scroll 8px 12px; } /**/ #side .cart_bt a { display:block; width:231px; height:73px; margin: 0px auto 20px; background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_cart_bt.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; } #side .cart_bt a:hover { background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_cart_bth.jpg) 0 0 no-repeat; } #side .login_bt { border:1px solid #4091ca; width:230px; margin: 0px auto 11px; background:#fff; } #side .login_bt .member_login_btn { padding: 10px 0; } #side .login_bt .member_login_btn a { display:block; width:211px; height:44px; margin:0 auto; background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_login_bt.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; } #side .login_bt .member_login_btn a:hover { background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_login_bth.jpg) 0 0 no-repeat; } #side .login_bt li.member_regist_btn { background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_login_icon.jpg) 16px 0 no-repeat; padding: 4px 0px 10px 50px; } #side .login_bt li.member_regist_btn a { color:#4091ca; } #side .login_bt li.member_regist_btn a:hover { color:#ccc; } #side .mail_magazine a { display:block; width:230px; height:59px; margin: 0px auto 23px; background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_mail_bt.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; } #side .mail_magazine a:hover { background:url(https://img05.shop-pro.jp/PA01310/213/etc/sub_mail_bth.jpg) 0 0 no-repeat; } #side .telbox { width:230px; height:134px; margin:0 auto 23px; background:url(https://img05.shop-pro.jp/PA01310/213/etc/tel.jpg) 0 0 repeat-x; text-indent:-9999px; overflow:hidden; } /* ------------------------------------------------------------------- footer ------------------------------------------------------------------- */ #footer { width: 870px; margin: 0px auto; padding:30px 0 20px; } #footer table { width:100%; } #footer table td { border-right: 1px solid #CCC; text-align:center; font-size: 12px; } #footer table td.lastlist { border-right:none; } /* ------------------------------------------------------------------- use ------------------------------------------------------------------- */ #use { line-height: 1.8; /* font-size: 13px;*/ padding-bottom: 25px; padding-top: 20px; } #use .use_box { float: left; margin: 0px 30px 45px 0px; width: 290px; } #use .use_box2 { margin-right:0px; } #use .title_under { line-height:2em; margin-bottom:3em; } #use .use_box h3 { padding:10px 10px 7px 42px; border:1px solid #49B1EB; margin-bottom:15px; font-size: 14px; font-weight: bold; } #use .use_box h3.use1 { background:url(https://img05.shop-pro.jp/PA01310/213/etc/icon8.jpg) 8px 8px no-repeat; } #use .use_box h3.use2 { background:url(https://img05.shop-pro.jp/PA01310/213/etc/icon9.jpg) 11px 9px no-repeat; } #use .use_box h3.use3 { background:url(https://img05.shop-pro.jp/PA01310/213/etc/icon10.jpg) 10px 9px no-repeat; } #use .use_box li { background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon3.jpg) no-repeat scroll 16px 4px; padding: 0 0 5px 35px; } /* ------------------------------------------------------------------- use2 ------------------------------------------------------------------- */ #use2 { line-height: 1.8; /* font-size: 13px;*/ padding-bottom: 25px; padding-top: 20px; } #use2 .title_under { line-height:2em; margin-bottom:3em; } #use2 .use_box { background: url(https://img05.shop-pro.jp/PA01310/213/etc/ar.jpg) no-repeat 23px bottom; margin-bottom:30px; *zoom: 1; } #use2 .use_box2 { background:none; margin-bottom:20px; } #use2 .step_text { float:left; width: 520px; } #use2 .use_box h3 { padding: 10px 10px 7px 17px; border:1px solid #49B1EB; margin-bottom:15px; font-size: 14px; font-weight: bold; } .step_text img { float:left; margin-right:15px; width:180px; } .step_text .right_text { float:left; width: 325px; } .step_text .right_text p { margin-bottom:1em; } #use2 .stepnam { width: 90px; height:43px; float:left; } #use2 .nam1 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/step1.jpg) no-repeat 0 0; } #use2 .nam2 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/step2.jpg) no-repeat 0 0; } #use2 .nam3 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/step3.jpg) no-repeat 0 0; } #use2 .nam4 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/step4.jpg) no-repeat 0 0; } #use2 .nam5 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/step5.jpg) no-repeat 0 0; } #use2 .nam6 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/step6.jpg) no-repeat 0 0; } /* ------------------------------------------------------------------- payment_method ------------------------------------------------------------------- */ #payment_method { line-height: 1.8; /* font-size: 13px;*/ padding-bottom: 25px; padding-top: 20px; } #payment_method .title_under { line-height:2em; margin-bottom:3em; } #payment_method h3 { padding: 10px 10px 7px 17px; border:1px solid #49B1EB; margin-bottom:15px; font-size: 14px; font-weight: bold; } #payment_method .payment_box{ margin-bottom:30px; } #payment_method .payment_text p { margin-bottom:15px; } #payment_method .payment_text { margin-bottom:15px; } #payment_method .payment_text { margin-bottom:15px; } #payment_method .payment_text .b_box{ border:1px solid #ccc; padding:20px; } #payment_method .payment_img { text-align:center; max-width:100%; height:auto; width: expression(this.width >= this.height ? "100%" : "auto"); } /* ------------------------------------------------------------------- receipt ------------------------------------------------------------------- */ #receipt { line-height: 1.8; padding-bottom: 25px; padding-top: 20px; } #receipt .title_under { line-height:2em; margin-bottom:15px; } #receipt .title_under span { font-size:15px; font-weight: bold; } #receipt .credit_box { border:1px solid #ccc; padding:20px; margin-bottom:30px; } #receipt table { margin-bottom:10px; border-right:1px solid #ccc; border-top:1px solid #ccc; width:100%; } #receipt table th { background:#F6F6F6; padding:10px 15px 10px; vertical-align:middle; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align: left; font-weight: normal; } #receipt table td { padding:10px 15px 10px; vertical-align:middle; border-left:1px solid #ccc; border-bottom:1px solid #ccc; } #receipt table tr.lasttr th { vertical-align:top; } #receipt table tr.lasttr td { vertical-align:top; } #receipt .table_under { font-size:12px; margin-bottom:30px; } /* ------------------------------------------------------------------- postage ------------------------------------------------------------------- */ #postage { line-height: 1.8; /* font-size: 13px;*/ padding-bottom: 25px; padding-top: 20px; } #postage .title_under { line-height:2em; margin-bottom:15px; } #postage table { margin-bottom:60px; border-right:1px solid #ccc; border-top:1px solid #ccc; width:100%; } #postage table th { background:#F6F6F6; padding:10px 15px 10px; vertical-align:middle; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align: left; font-weight: normal; white-space: nowrap; } #postage table td { padding:10px 15px 10px; vertical-align:middle; border-left:1px solid #ccc; border-bottom:1px solid #ccc; } #postage h3 { padding: 10px 10px 7px 17px; border:1px solid #49B1EB; margin-bottom:15px; font-size: 14px; font-weight: bold; } #postage .point1 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon6.jpg) no-repeat 4px 5px; padding-left:20px; } #postage .point2 { padding-left:20px; } #postage ul { margin-bottom:30px; } #postage li { background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon6.jpg) no-repeat scroll 4px 6px transparent; padding-left: 20px; } #postage .pointbox1 { padding-left: 20px; margin-bottom:60px; } #postage .pointbox2 { padding-left: 20px; margin-bottom:60px; } #postage .pointbox3 { padding-left: 20px; margin-bottom:60px; } #postage .point_no1 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon7_no1.jpg) no-repeat scroll 4px 4px transparent; padding-left: 25px; margin-bottom:1.5em; } #postage .point_no2 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon7_no2.jpg) no-repeat scroll 4px 4px transparent; padding-left: 25px; margin-bottom:1.5em; } #postage .point_no3 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon7_no3.jpg) no-repeat scroll 4px 4px transparent; padding-left: 25px; margin-bottom:1.5em; } #postage .point_no4 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon7_no4.jpg) no-repeat scroll 4px 4px transparent; padding-left: 25px; margin-bottom:1.5em; } #postage .point_no { padding-left: 25px; margin-bottom:1.5em; } #postage .bluepoint { color:#49B1EB; } #postage .fontsize { font-size:12px; } #postage h4 { font-size: 16px; font-weight: bold; color:#49B1EB; } #postage .pointbox4 .point_no1 { margin-bottom:0.5em; padding-left: 45px; background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon7_no1.jpg) no-repeat scroll 24px 4px transparent; } #postage .pointbox4 .point_no2 { margin-bottom:0.5em; padding-left: 45px; background: url(https://img05.shop-pro.jp/PA01310/213/etc/icon7_no2.jpg) no-repeat scroll 24px 4px transparent; } #postage .pointbox4 { background: url(https://img05.shop-pro.jp/PA01310/213/etc/image1.jpg) no-repeat scroll 380px bottom transparent; } /* ------------------------------------------------------------------- effect ------------------------------------------------------------------- */ #effect { line-height: 1.8; /* font-size: 13px;*/ padding-bottom: 25px; padding-top: 20px; } #effect h3 { padding: 10px 10px 7px 17px; border:1px solid #49B1EB; margin-bottom:15px; font-size: 14px; font-weight: bold; } #effect .effect_box{ margin-bottom:50px;} #effect .left_img{ float:left; width:220px; margin-bottom:40px;} #effect .right_text{ float:left; width: 390px; margin-bottom:50px; } #effect .right_text span{ font-size:14px; font-weight:bold; color:#49B1EB; } /* ------------------------------------------------------------------- デフォルト ------------------------------------------------------------------- */ /* ************************************************ * main * ************************************************ */ #main .box_top { width:700px; height:14px; margin:0 auto; background:url(https://img05.shop-pro.jp/PA01310/213/etc/main_box1.jpg) 0 0 no-repeat; } #main .box_wrap { width: 610px; padding: 0px 45px; margin:0 auto; background:url(https://img05.shop-pro.jp/PA01310/213/etc/main_box2.jpg) 0 0 repeat-y; } #main .box_bottom { width:700px; height:14px; margin: 0px auto 14px; background:url(https://img05.shop-pro.jp/PA01310/213/etc/main_box3.jpg) 0 0 no-repeat; } /* ************************************************ * item_box * ************************************************ */ .item_box { display: inline-block; float: left; margin: 0px 30px 45px 0px; width: 290px; vertical-align: top; text-align: left; /display:inline; /zoom:1; } .item_box .item_image { margin: 0px; text-align: center; } .item_box .item_image img.item { max-width: 100%; height:auto; *width: 100%; } .item_box .item_image a { display: block; border: solid 1px #DDD; width: 288px; height: 314px; overflow: hidden; } .item_box .item_image a:hover { border: 1px solid #45A4D9; } .item_box .item_detail { margin: 15px 0 0; } .item_box .item_detail p { line-height: 150%; font-size:15px;/* overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; */ } .item_box .item_detail p.item_name { margin-bottom: 5px; font-size: 18px; font-weight:bold; } .item_price { text-align:right; } .item_box .item_detail p.item_description { text-overflow: initial; overflow: visible; white-space: normal; } p.item_regular_price, p.item_price, p.item_discount { margin-bottom: 10px; } .box_last { margin-right: 0; } .box_small .item_box { display:inline-block; margin: 0 33px 45px 0; width: 113px; vertical-align:top; text-align: left; /display:inline; /zoom:1; } .box_small p { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; } .box_small .item_box .item_detail a { margin-bottom: 5px; /* font-size: 13px;*/ } .box_small .box_last { margin-right: 0; } .stock_error { display:none; padding:10px 0; color:#DA5858; font-weight:bold; } /* ************************************************ * Top_Page * ************************************************ */ #main #box_info p { line-height: 20px; } #main #box_free { padding: 20px; border: #aaa solid 1px; } #main #box_free p { line-height: 20px; } #main #box_news .header_block { margin-bottom: 0; } #main #box_news ul { margin-left: 0; list-style: none; } #main #box_news ul li { border-top:#ddd solid 1px; } #main #box_news ul li:first-child { border-top:none; } #main #box_news ul li div { padding: 1.6em 0 1.4em; } #main #box_news p.news_date { float: left; margin-right: 20px; width: 70px; } #main #box_news p.news_message { float: left; } /* ************************************************ * product_detail_page * ************************************************ */ h2.product_name { margin-bottom: 15px; font-size: 18px; font-weight:bold; } .product_form { margin: 0px 0px 10px; } .product_detail_area { position: relative; width: 100%; padding-top: 30px; } .product_images { display: inline-block; float: left; width: 340px; } .product_images div img { max-width: 100%; max-height: 100%; width: auto; height:auto; border: 1px solid #ddd; margin-bottom:30px; *width: 100%; } .product_images div p.detail { margin-top: 10px; line-height: 20px; } .add_cart { clear: right; float: right; overflow: hidden; width: 250px; } table.add_cart_table { margin-bottom: 10px; width: 100%; table-layout:fixed; border-top: 1px solid #ccc; } table.add_cart_table table { float:right; } table.add_cart_table th { overflow: hidden; padding: 12px 4px 12px 0; width: 35%; text-align: left; text-overflow: ellipsis; white-space: nowrap; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; border-bottom: 1px solid #ccc; } table.add_cart_table td { overflow: hidden; padding: 12px 4px 12px 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; border-bottom: 1px solid #ccc; } table.add_cart_table td input { padding: 0 4px; width: 38px; height: 26px; font-size: 15px; line-height: 26px; vertical-align: middle; } table.add_cart_table td strong.price { } table#option_tbl { margin-bottom: 20px; width: 100%; } table#option_tbl th, table#option_tbl td.none { background: whiteSmoke; } table#option_tbl th, table#option_tbl td { padding: 10px; border: 1px solid #ccc; text-align: center; } table#option_tbl th { background: whiteSmoke; } table#option_tbl td div input { margin-bottom: 5px; } ul.option_price { margin: 0 0 20px 0; } ul.option_price li { list-style-type: none; } .option_box { clear: both; width: 100%; overflow: hidden; } table td.pur_block { margin: 0 5px 0 0; width: auto; white-space: normal; } .button_area input { width: 100%; } .product_description { clear: both; margin-bottom: 20px; word-wrap: break-word; line-height: 22px; } .product_image_extra { margin-bottom: 20px; text-align: center; } .product_image_extra img.item { margin-bottom: 20px; } .product_link_area { margin: 20px 0 0; padding: 20px 0 0; border-top: #ccc solid 1px; } .product_link_area div.twitter { float: left; width: 100px; } .product_link_area div.pinterest { float: left; margin-right: 30px; } .product_link_area div.fb-like { float: left; width: 200px; } .product_link_area ul.other_link { clear: both; margin-top: 20px; margin-left: 20px; } .product_link_area ul.other_link li { margin-bottom: 10px; } .share { margin: 15px 0 0; list-style: none; } .share li { display: inline-block; float: left; margin: 0 10px 10px 0; max-width: 125px; width: expression(this.width >= this.height ? "125px" : "auto"); } .calamel-link { margin-top: 10px; } #tb_cap_tb { margin-top: 20px; } .tb { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #CCC; } #tb_stitle { margin-bottom: 20px; } .tb_date, .tb_title, .tb_body, .tb_state { margin-bottom: 5px; } /* ************************************************ * cloud_zoom * ************************************************ */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { margin:-4px; /* Set this to minus the border thickness. */ border: 4px solid #888; background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { position:absolute !important; top:0px; padding:3px; width:100%; background-color:#000; color:#fff; text-align:center; font-weight:bold; font-size:10px; font-family:Arial, Helvetica, sans-serif; } /* This is the zoom window. */ .cloud-zoom-big { overflow:hidden; border: 4px solid #45A4D9; } /* This is the loading message. */ .cloud-zoom-loading { padding:3px; border:1px solid #000; background:#222; color:white; } /* Feature section in ZoomEngine page */ .zoom-section { clear:both; width: 340px; } * html .zoom-section { display:inline; clear:both; } .zoom-small-image { float: left; margin-top: 4px; max-width: 335px; width: expression(this.width >= this.height ? "335px" : "auto"); } .zoom-small-image #wrap { position: relative; top: 0px; z-index: 9999; } .cloud-zoom { margin-bottom: 20px; } .zoom-small-image .mousetrap { position: absolute; top:0px; left:0px; z-index:999; width: 100%; } /* Feature descriptions in ZoomEngine page */ .zoom-desc { clear: left; width: 100%; } a.cloud-zoom-gallery { display: block; float: left; margin: 0px 22px 20px 0px; width: 136px; height: 150px; cursor: pointer; zoom:1; *margin: 0px 11px 20px 0px; } .zoom-tiny-image { padding: 3px; width: 100%; height: auto; border: 1px solid #ccc; background: #efefef; width:135px; } .zoom-tiny-image.selected { border: 1px solid #45A4D9; background: #45A4D9; } .zoom-tiny-image:hover { border: 1px solid #45A4D9; } a.gallery_last { margin-right: 0; } /* ************************************************ * product_option_window * ************************************************ */ #product_option { margin: 20px; padding: 20px; background: #fff; } #product_option h2 { margin-bottom: 20px; } table.table_option { margin-bottom: 20px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; } table.table_option th { padding: 10px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: #f5f5f5; } table.table_option td { padding: 10px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } /* ************************************************ * product_list_page * ************************************************ */ .sub_category_area, .sub_group_area { margin-bottom: 20px; padding: 10px 10px 0px 10px; height: 100%; border: solid 1px #ccc; } .sub_category_area div.sub_category, .sub_group_area div.sub_group { float: left; margin: 0 20px 10px 0; } .sub_category_area div.sub_category img, .sub_group_area div.sub_group img { margin-right: 10px; border: solid 1px #ccc; } /* ************************************************ * search_page * ************************************************ */ .search_result { margin: 20px 0; padding: 10px 0; background: #ddd; text-align: center; } .none { margin: 50px 0; text-align: center; } /* ************************************************ * policy * ************************************************ */ #policy { line-height: 1.8; /* font-size: 13px;*/ padding-bottom: 25px; padding-top: 20px; } #policy h2 { margin-bottom: 30px; } .policy_box, #policy_lead { margin-bottom: 30px; } .sk_box { margin-bottom: 70px; } .sk_box h3 { margin-bottom: 1em; font-size: 16px; } .sk_box table { width: 100%; border-top: 1px solid #ccc; border-collapse: separate; empty-cells:show; } .sk_box th { padding: 10px 0px 10px 15px; text-align: left; width: 210px;} .sk_box th img.poricy_img { margin-bottom: 5px; } .sk_box td { padding: 10px 15px; zoom: 1; content: ' '; } .sk_box th, .sk_box td { vertical-align: top; line-height: 1.8; position: relative; border-bottom: solid 1px #ccc; font-weight:normal; } #shipping_method { margin-top: 40px; } #shipping_method table.table { width: 100%; } #shipping_method table.table th { width: 200px; text-align: center; } /* ************************************************ * side * ************************************************ */ #side .box { clear: both; margin-bottom: 60px; border-top: solid 1px #999; border-bottom: solid 1px #999; word-wrap: break-word; position: relative; } #side .box h3 { text-align: left; font-weight: normal; font-size: 16px; } #side .box ul { margin-left: 0px; list-style: none; } #side .box ul li { border-top:#838383 dotted 1px; } #side .box ul li:first-child { border-top:none; } #side #side_nav { padding: 0; border-top: none; border-right: solid 2px #ccc; border-bottom: none; } #side #side_nav ul { margin-right: 10px; } #side #side_nav ul li { margin: 0; } #side #side_nav .nav_item { clear: both; padding: .9em 0 .9em; cursor: pointer; } #side #side_nav .nav_item .nav_icon { float: left; padding: inherit; width: 20px; height: auto; } #side #side_nav .nav_item .nav_icon img { max-width: 100%; *width: 100%; } #side #side_nav .nav_item .nav_title { float: right; text-align: right; } #side #side_nav .nav_item h3 { margin-bottom: 4px; padding: 0; border: none; text-align: right; } #side #side_nav .nav_item p { color: #999; } .box_default ul li div { position: relative; padding: 1.2em 0 1em; text-align: left; } .box_default ul li div img { border: solid #ddd 1px; } .box_default ul li div p { line-height : 1.6; } #side #box_cart { } #side #box_cart .cart_button { text-align: right; } #side #box_owner .inner { padding: 1.2em 0 1em; } #side #box_owner .owner_photo { margin: 0 0 10px; width: 100px; max-width: 100%; height: auto; border: solid #ddd 1px; *width: 100%; } #side #box_owner p.name { font-size: 14px; } #side #box_owner p.memo { font-size: 11px; line-height: 18px; } #side #box_owner p.website { padding-left: 20px; } #qr_code { padding: 20px 0; } #box_sellers .seller_box { padding: 2.2em 0; } #box_sellers li { position: relative; display: block; } #box_sellers .top_seller:before { position: absolute; top: 18px; left: -6px; content: url(https://img.shop-pro.jp/tmpl_img/67/rank1.png); } #box_sellers .rank_2:before { content: url(https://img.shop-pro.jp/tmpl_img/67/rank2.png); } #box_sellers .rank_3:before { content: url(https://img.shop-pro.jp/tmpl_img/67/rank3.png); } #box_sellers .seller_image { float: left; margin: 0 10px 0 0; width: 80px; border: solid #ddd 1px; } #box_sellers .seller_detail { float: right; width: 104px; } #box_sellers .seller_rank { margin: 0 0 10px; font-size: 12px; } #box_sellers .seller_rank > strong { font-size: 15px; } #box_sellers .seller_name { font-size: 13px; } #box_sellers .seller_teika { float: left; } #box_sellers .more_seller { display: none; } .more_btn { padding: 8px 0; border-top: solid 1px #999; text-align: center; cursor: pointer; } .updown { display: inline-block; margin: 0 3px 0 0; width: 13px; height: 8px; background: url(https://img.shop-pro.jp/tmpl_img/67/down_icon.png); background-repeat: no-repeat; } .more_up { background: url(https://img.shop-pro.jp/tmpl_img/67/up_icon.png); } /* ************************************************ * Common Elements * ************************************************ */ /* @group Common Elements */ table { border-spacing: 0; border-collapse: collapse; } table.table { margin-bottom: 20px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } table.table th { padding: 5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: #f5f5f5; } table.table td { padding: 5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .footstamp { } .footstamp span { margin: 0 5px; color: #999; } .sort { float: right; text-align: right; } .sort strong { margin-right: 5px; } .sort a { margin-right: 5px; text-decoration: underline; } .sort span { margin-right: 5px; background: #eee; text-decoration: none; font-weight: bolder; } .pager { clear: both; padding: 20px 0; text-align: center; } .pager a { margin: 15px; } .none { clear: both; margin: 50px 0; text-align: center; } .sold_out { color: #DA5858; } .to_top { float: right; clear: both; text-align: center; margin: 0 0 20px; padding: 1.3em 1em; border: solid 1px #aaa; font-size: 14px; color: #888; } .to_top:hover { text-decoration: none; color: < { $link_hover } >; border-color: < { $link_hover } >; } .tbl_calendar { margin: 20px 0; width: 100%; border: none !important; border-spacing: 0 !important; border-collapse: collapse !important; } .tbl_calendar th, .tbl_calendar td { padding: 4px !important; border-bottom: 1px solid #ccc !important; text-align: center !important; } /* @group button */ .btn { display: block; margin-top: 1em; border: none; border-radius: 0; color: #fff; text-align: center; font-weight: bold; font-size: 15px; line-height: 1; cursor: pointer; -webkit-appearance:none; } .btn:link, .btn:visited, .btn:hover, .btn:active { color: #fff; text-decoration: none; } .btn-primary { display:block; overflow:hidden; text-indent:-9999px; width:251px; height:48px; background:url(https://img05.shop-pro.jp/PA01310/213/etc/cart_bt1.jpg) bottom repeat-x; } .btn-primary:hover { background:url(https://img05.shop-pro.jp/PA01310/213/etc/cart_bt1h.jpg) bottom repeat-x; } .btn-contact { margin: 0.5em 0.3em; padding: 1.3em 0; background-color: #a0a0a0; font-weight: normal; /* font-size: 13px;*/ } .btn-quick { margin: 0.9em 0; padding: 1.3em 0; background-color: #64b4c8; /* font-size: 13px;*/ } /**/ h2.blue { background: url("https://img05.shop-pro.jp/PA01310/213/etc/title_b.jpg") scroll 0px 0px transparent; margin-bottom: 20px; line-height: 40px; padding-top: 4px; padding-left: 13px; font-weight: bold; font-size: 18px; }