/* ショップ部分に適用されるCSSです。 written by nakamura 2006 */ /*基本========================================================================================*/ body{color:#333;/*text-align:center;*/margin:0;padding:0;min-width:1120px !important;} a{color:#0A6;} /*レイアウト========================================================================================*/ #shop #container{width:750px;text-align:left;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:0;} #shop-v #container{/*text-align:left;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:0;} #basket #container{width:750px;/*text-align:left;*/margin-bottom:20px;margin-left:auto;margin-right:auto;padding:0;} #shop #navi{width:194px;float:left;text-align:center;} #shop-v #navi{width:850px;/*text-align:left;*/margin-left:auto;margin-right:auto;padding:0;margin-bottom:15px;} #shop #main{width:540px;float:right;/*text-align:left;*/padding:0;} #shop-v #main{/*text-align:left;*/margin-left:auto;margin-right:auto;} #basket #main{text-align:left;} p.view_sp{color:#fff;text-align:center;line-height: 1.5em;padding: 20px 5px;background: #666;} p.view_sp a{color:#fff;text-decoration:underline;} p.view_pc{color:#666;text-align:center;line-height: 1.5em;padding: 10px 5px;font-size: 12px;background:#F6F6F6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} p.view_pc a{color:#666;text-decoration:underline;} /*ナビゲーション（上）========================================================================================*/ #shop-navi-v{text-align:center;margin:0 auto 20px;} #shop-navi-v ul{text-align:center;list-style:none;margin:0;padding:0;height: 50px;} #shop-navi-v ul.link_none{margin-left:53px;} #shop-navi-v li{display:block;overflow:hidden;width:106px;height:50px;float:left;margin:0;} #shop-navi-v li a{display:block;height:50px;overflow:hidden;padding-top:50px;} #shop-navi-v li.shoptop a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) 0 0 no-repeat;} #shop-navi-v li.infocnt a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -106px 0 no-repeat;} #shop-navi-v li.infodel a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -212px 0 no-repeat;} #shop-navi-v li.magazine a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -318px 0 no-repeat;} #shop-navi-v li.affiliate a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -424px 0 no-repeat;} #shop-navi-v li.infoprivacy a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -530px 0 no-repeat;} #shop-navi-v li.inforule a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -636px 0 no-repeat;} #shop-navi-v li.links a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -742px 0 no-repeat;} #shop-navi-v li.shopqr a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -848px 0 no-repeat;} #shop-navi-v li.shoptop{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) 0 -50px no-repeat;} #shop-navi-v li.infocnt{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -106px -50px no-repeat;} #shop-navi-v li.infodel{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -212px -50px no-repeat;} #shop-navi-v li.magazine{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -318px -50px no-repeat;} #shop-navi-v li.affiliate{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -424px -50px no-repeat;} #shop-navi-v li.infoprivacy{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -530px -50px no-repeat;} #shop-navi-v li.inforule{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -636px -50px no-repeat;} #shop-navi-v li.links{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -742px -50px no-repeat;} #shop-navi-v li.shopqr{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop_v.png) -848px -50px no-repeat;} /*ナビゲーション（横）========================================================================================*/ #shop-navi{text-align:left;margin:10px auto;} #shop-navi ul{text-align:left;list-style:none;margin:0;padding:0;} #shop-navi li{display:block;overflow:hidden;width:194px;height:40px;margin:0;padding:0;} #shop-navi li a{display:block;height:40px;overflow:hidden;padding-top:40px;} #shop-navi li.shoptop{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 0 no-repeat;} #shop-navi li.inforule{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 -40px no-repeat;} #shop-navi li.infodel{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 -80px no-repeat;} #shop-navi li.infoprivacy{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 -120px no-repeat;} #shop-navi li.infocnt{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 -160px no-repeat;} #shop-navi li.magazine{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 -200px no-repeat;} #shop-navi li.affiliate{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 -240px no-repeat;} #shop-navi li.link{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 -280px no-repeat;} #shop-navi li.shopqr{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) 0 -320px no-repeat;} #shop-navi li.shoptop a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px 0 no-repeat;} #shop-navi li.inforule a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px -40px no-repeat;} #shop-navi li.infodel a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px -80px no-repeat;} #shop-navi li.infoprivacy a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px -120px no-repeat;} #shop-navi li.infocnt a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px -160px no-repeat;} #shop-navi li.magazine a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px -200px no-repeat;} #shop-navi li.affiliate a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px -240px no-repeat;} #shop-navi li.link a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px -280px no-repeat;} #shop-navi li.shopqr a:hover{background:url(http://image.store-mix.com/i/ko-bai/r_navi-shop.png) -194px -320px no-repeat;} /*ロゴ画像========================================================================================*/ #billboard{clear:both;margin:15px 0;} /*パンくず========================================================================================*/ #shop #bread{width:790px;color:#333;font-size:14px;line-height:100%;text-align:left;margin-bottom:12px;background:#E3E3E3;} #shop-v #bread{width:850px;color:#333;font-size:14px;line-height:100%;text-align:left;margin-top:16px;margin-bottom:12px;background:#E3E3E3;} #bread a{display:inline-block;color:#fff;padding:10px;text-decoration:underline;background:#333;margin-right:-4px;border-right:1px solid #fc0;} #bread a:hover{background:#fc0;color:#333;border-right:1px solid #fc0;} #bread strong{display:inline-block;padding:10px;color:#333;background:#fc0;} #bread td{color:#333;font-size:14px;line-height:100%;} /*パンくず２========================================================================================*/ .categoryBread{font-size:14px;text-align:left;margin:5px 3px;} /*検索========================================================================================*/ #shop #search-block{margin-bottom:10px;width:192px;border:1px solid #999;} #shop #search-inner{text-align:center;padding:10px;} #shop .search-word{font-size:16px;display:block;width:100%;height:28px;margin-top:10px;margin-bottom:0;background:#e3e3e3;border:1px solid #999;padding:4px;} #shop-v .search-word{font-size:16px;width:300px;background:#e3e3e3;border:1px solid #999;border-right:none;padding:4px;height:28px;vertical-align:middle;} #search-block span{font-weight:bold;font-size:14px;} #shop #search-block span{display:block;text-align:left;font-weight:bold;font-size:14px;} #shop .search-select{display:block;margin-top:6px;margin-bottom:2px;} #shop .search-option-title{color:#fff;font-weight:bold;text-align:center;margin-top:6px;padding:3px;background:#666;} #shop-v .search-option-title{display:inline;font-weight:bold;} #shop .search-option{text-align:center;padding:6px;background:#fff;} #shop-v .search-option{display:inline;margin-right:4px;} #shop #navi .search-submit{margin:6px auto 0;} #shop-v .search-submit{vertical-align:middle;} /*メニュー========================================================================================*/ #shop #category{text-align:left;margin-bottom:10px;width:192px;border:1px solid #999;padding-bottom:10px;} #shop #category .head{padding:10px;} #shop #category .mid{font-size:14px;line-height:120%;text-align:left;padding:0 8px;} #shop #category h3{color:#333;font-size:14px;text-align:left;margin:0;} #shop #category ul{padding:0;margin:0;} #shop #category li{list-style:none;margin:0;padding:5px 0 5px 14px;background:url(http://image.store-mix.com/i/common/arrow-right_orange.gif) 2px 11px no-repeat;} #shop #category a{color:#000;font-size:14px;font-weight:bold;line-height:100%;} #shop #category a:hover {color:#99cc33;background:#fff;} #shop-v #category{text-align:left;padding:0 30px;} #shop-v #category .head{text-align:left;padding-bottom:5px;} .category_name{width:790px;} #shop-v.category_name{width:850px;} .category_name .categoryTitle{color:#333;font-size:18px;text-align:left;margin:0;padding:8px 5px 5px;} .categoryTitle img{margin-right:5px;vertical-align:bottom} .categoryTitle span{font-size:12px} #shop-v #category_box .categoryTitle{display:inline;color:#333;font-size:18px;text-align:left;margin:0;} #shop-v #category_box.categoryTitle img{vertical-align:-10px;margin-left:3px;margin-right:3px;} #shop-v #category_box.categoryTitle strong{color:#F06;margin-right:4px;} #shop-v #category_box {width:100%;} #shop-v #category_box .head{padding-bottom:10px;border-bottom: 1px solid #999;} #shop-v #category_box .mid{padding-top: 11px;width:100%;} #shop-v #category_box table{width:100%;border-collapse:collapse;border-spacing:0;cellspacing:0;} #shop-v #category_box td{width:25%;vertical-align:top;border: 1px solid #000;background: #fff;} #shop-v #category_box td span{display:block;padding:0;} #shop-v #category_box td a{display:block;color:#333;font-size:14px;font-weight:bold;text-decoration:none;line-height:1.2em;padding: 8px;background: #fff;} #shop-v #category_box td a img{margin-right:5px;vertical-align:bottom;} #shop-v #category_box td a:hover{display:block;color:#fff;background: #000;} #shop-v #category_box td:hover{background: #000;} #shop-v #category_box td:hover a{color:#fff;background: #000;} #shop-v #category_box .highHierarchy{display:none;} .categoryDivideLine{height:1px;border:none;background:#999;margin:20px 0;} /*バスケットの中身========================================================================================*/ #shop #side-basket{text-align:left;margin-bottom:10px;} #shop #side-basket .head{padding:15px 5px 5px 25px;background:url(http://image.store-mix.com/i/image_br2/ko-bai/side-basket_top.gif) top left no-repeat;} #shop #side-basket .mid{font-size:13px;line-height:120%;text-align:left;padding:0 8px;background:url(http://image.store-mix.com/i/image_br2/ko-bai/side-basket_mid.gif) top left repeat-y;} #shop #side-basket .foot{height:10px;overflow:hidden;background:url(http://image.store-mix.com/i/image_br2/ko-bai/side-basket_btm.gif) top left no-repeat;} #shop #side-basket h3{color:#333;font-size:14px;text-align:left;margin:0;} #side-basket ul{margin:0;padding:0;} #side-basket li{list-style:none;line-height:130%;margin:0 0 4px;padding:0 0 4px;border-bottom:1px dashed #CCC;} .sidecart-total{font-size:13px;text-align:right;} .sidecart-item,.sidecart-amount{color:#00C;font-weight:bold;} /*サイドナビゲーション========================================================================================*/ #shop #navibtn1 img{display:block;margin:10px auto;} #shop #navibtn2 img{display:block;margin:15px auto;} /*ソートメニュー========================================================================================*/ .r_sort_box{background:#eee;text-align:center;padding:15px 0;border-bottom:1px solid #999;} .r_sort_box table{margin:0 auto;} .sort-navi{text-align:left;} /*商品詳細========================================================================================*/ .orhtmlTable{margin-top:1em;margin-bottom:1em;} #shop-v .orhtmlTable td{font-size:12pt;} .orhtmlTable td.orhtmlTd{width:790px;font-size:13px;overflow:hidden;} #shop-v .orhtmlTable td.orhtmlTd{width:850px;} .textbox{ margin:1em 0; text-align: left; } .textbox td{ margin:1em 0; text-align: left; } #shop-v .textbox{width:850px;text-align:left;margin-left:auto;margin-right:auto;} .content-box{border:1px solid #9C6;margin:1em 0;} .content-box h4{color:#363;font-size:16px;margin:0;padding:6px;border-top:1px solid #FFF;border-left:1px solid #FFF;border-bottom:1px solid #9D6;background-color:#AE7;} .content-box h4 img{margin-right:5px;vertical-align:-2px;} .content-box p{font-size:13px;line-height:150%;margin:10px;padding:0;} .content-box ul{list-style:none;margin:10px;padding:0;} .content-box li{list-style:none;font-size:13px;line-height:150%;margin:0;padding:0;padding-left:12px;background:url(http://image.store-mix.com/i/common/arrow-right_orange.gif) 0 6px no-repeat;} #shop-v .textbox #r_category_block{width:846px;border:1px solid #999;padding-bottom:20px} #shop #r_category_block{width:786px;border:1px solid #999;padding-bottom:20px;margin-bottom:20px;} #shop .product_spec_block{width:738px;*width:790px;border:1px solid #999;background:#eee;padding:20px 25px;margin-bottom:15px;} #shop .product_comment_block{width:738px;*width:790px;border:1px solid #999;background:#eee;padding:20px 25px;margin-bottom:15px;} #shop-v .product_spec_block{width:798px;*width:850px;border:1px solid #999;background:#eee;padding:20px 25px;margin-bottom:15px;} #shop-v .product_comment_block{width:798px;*width:850px;border:1px solid #999;background:#eee;padding:20px 25px;margin-bottom:15px;} #shop .product_spec_block .subtitle, #shop .product_comment_block .subtitle, #shop-v .product_spec_block .subtitle, #shop-v .product_comment_block .subtitle{width:100%;background:none;border-bottom:1px solid #999;margin:0;height:auto;} .product_spec_block .subtitle h3, .product_comment_block .subtitle h3 {width:100%;padding:0 0 10px 0;} .product_spec_block .pblock_table, .product_comment_block .pblock_table {border-top:1px solid #fff;width:100%;padding-top: 10px;} /*ボタン========================================================================================*/ .box-btn{margin:1em 0;text-align:center;} .box-btn img{margin:0 10px;} /*エラー========================================================================================*/ .error{color:red;font-size:13px;font-weight:bold;line-height:130%;margin:12px 10px;padding:10px;border:2px solid red;background:#FCC;} /*メッセージ========================================================================================*/ .message{color:#09F;font-size:13px;font-weight:bold;line-height:130%;margin:12px 10px;padding:10px;border:2px solid #6CF;background:#CEF;} /*見出し========================================================================================*/ .tit{margin:20px 0;} /*大見出し========================================================================================*/ #shop .subtitle{height:43px;margin:0 auto 15px;background:url(http://image.store-mix.com/i/image_br2/ko-bai/subtitle-bg.gif) top left no-repeat;} #shop-v .subtitle{height:43px;width:750px;margin:0 auto 15px;background:url(http://image.store-mix.com/i/image_br2/ko-bai/subtitle-v-bg.gif) top left no-repeat;} .subtitle h1,.subtitle h3{color:#333;font-size:16px;text-align:left;margin:0;padding:11px 5px 0 20px;border:none;} /*商品一覧表示========================================================================================*/ /*ページ数表示========================================================================================*/ div.paging{ clear:both; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:2; margin:0px 0 15px; vertical-align: top; } div.paging p{line-height: 45px;} div.paging a{font-size:16px;color:#333;background-color:#fff;text-decoration:none;margin:0;padding:8px 10px;background-position:bottom;border:1px solid #000;margin-left:-1px;} div.paging a:hover{font-size:16px;color:#fff;background-image:none;background-color:#000;border:1px solid #000;margin-left:-1px;} div.paging span.current_page{font-size:16px;padding:8px 10px;color:#fff;border:1px solid #000;margin-left:-1px;background:#000;} div.paging span.disabled{font-size:16x;padding:8px 10px;color:#adaaad;border:1px solid #000;margin-left:-1px;} /*写真+テキスト表示========================================================================================*/ .pLists{ text-align: center; width: 750px; *width:786px; padding: 15px 20px 0; } #shop-v .pLists{ text-align: center; width: 800px; padding: 15px 20px 0; } .pLists .pLists_table{ width:750px; *width:746px; } #shop-v .pLists .pLists_table{ width:800px; } .pLists_table a{color:#333;} .pList{ width:183px; overflow:hidden; float:left; text-align:center; word-break:break-all; margin:0; padding:0; position:relative; } #shop-v .pList{width:199px;*width:195px;margin:0;} .pLists td{ margin: 0px; padding: 0px; vertical-align: top; } .pListList{ position:absolute; bottom:10px; } #shop-v .pList .inner{padding:0 30px;} #shop-v .pList div{margin:0 5px 4px;} .pListImg{ width:151px; margin:0 0 4px; overflow:hidden; padding: 0px; } .pListImg td{width:150px;height:150px;text-align:center;border:1px solid #CCC;background:#FFF;vertical-align: middle;} .pListCopy {width:151px;margin-bottom:7px;line-height: 1.2em;font-size:14px;} .pListCopy a{color:#333;font-size: 14px;} .pListCopy a:hover{color:#9c3;background:#fff;} .pListData{ text-align:center; margin: 0px; padding: 0px; } .users{ font-size: 12px; line-height: 100%; } /*テキスト表示========================================================================================*/ .search-result-table th{font-size:13px;font-weight:bold;padding:4px;} .search-result-table td{font-size:13px;line-height:130%;padding:10px 6px;line-height:130%;} .search-result-table a{font-size:14px;font-weight:bold;} .search-result-table .price{color:red;font-weight:bold;} .search-result-table .discription{color:#777;} .search-result-table .lineA{background:#efa;} .search-result-table .lineB{background:#fff;} /*検索エラーページ========================================================================================*/ table.search-errormsg{margin:40px auto;} .search-errormsg td{color:#060;font-size:16px;font-weight:bold;} .search-hint{width:520px;margin:20px auto;text-align:left;} .search-hint .head{height:38px;overflow:hidden;background:url(http://image.store-mix.com/i/common/search-hint_top.gif) no-repeat;} .search-hint .mid{color:#633;font-size:13px;line-height:140%;text-align:left;padding:10px 20px;background:url(http://image.store-mix.com/i/common/search-hint_mid.gif) repeat-y;} .search-hint .mid h3{color:#F30;font-size:13px;font-weight:bold;line-height:100%;text-align:left;margin:0;padding:5px 0 5px 16px;background:url(http://image.store-mix.com/i/common/search-hint_mark.gif) 0 5px no-repeat;} .search-hint .foot{height:12px;overflow:hidden;background:url(http://image.store-mix.com/i/common/search-hint_btm.gif) no-repeat;} /*共通HTML========================================================================================*/ #shop #common-area{text-align:left;margin:10px 0 15px;padding:10px;background:#fff;border:6px solid #ff6;font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;} #shop-v #common-area{margin:10px 0 15px;} #shop-v #common-area td{padding:10px;background:#fff;border:6px solid #ff6;font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;} #common-area h2{color:#000;font-size:20px;font-weight:700;padding:6px 10px 4px;background: url(http://image.store-mix.com/i/ko-bai/bg_stripe.png);} #common-area p{font-size:14px;line-height:140%;margin:0;padding:16px 10px 6px;} /*商品一覧での通常価格*/ .price1-s{color:#333;font-family:"arial",sans-serif;font-size:25px;font-weight:bold;line-height:100%;} /*商品一覧での税込価格など*/ .price2-s{color:#666;font-family:"arial",sans-serif;font-size:14px;font-weight:normal;line-height:100%;} /*商品一覧での特別価格*/ .price3-s{color:#F09;font-family:"arial",sans-serif;font-size:25px;font-weight:bold;line-height:100%;} /*リンクページ========================================================================================*/ .linkCategories{margin:10px 0 20px;background:url(http://image.store-mix.com/i/ko-bai/links-box_btm.gif) left bottom no-repeat;} .linkCategories table{width:100%;background:url(http://image.store-mix.com/i/ko-bai/links-box_top.gif) left top no-repeat;} .linkCategories td{width:25%;padding:7px 5px;background:#FFF;} .linkCategories td a{color:#009;font-size:14px;padding-left:10px;background:url(http://image.store-mix.com/i/ko-bai/links-box_arrow_blue.gif) left 50% no-repeat;} .linkCategories td.current{background:#06C;} .linkCategories td.current a{color:#FFF;font-weight:bold;background:url(http://image.store-mix.com/i/ko-bai/links-box_arrow_white.gif) left 50% no-repeat;} .links{margin:0;} .links h3{color:#333;font-size:16px;font-weight:bold;margin:0 50px;padding:20px 0 20px 48px;background:url(http://image.store-mix.com/i/ko-bai/category-icon.gif) left 50% no-repeat;} .links dl{float:left;text-align:left;padding:10px 90px 30px 100px;} .links dt.title{width:550px;font-size:14px;font-weight:bold;margin:15px 0 5px;padding:0;} .links dd.comment{width:550px;color:#666;font-size:13px;margin:2px 0;padding:0;} .links dd.url{width:550px;color:#F90;font-size:11px;margin:2px 0;padding:0;} .links #heightDiv{float:right;width:1px;height:700px;} /*フッター========================================================================================*/ #pagebtm{font-size:11px;line-height:100%;margin:40px 0 20px;} #pagebtm_lft{width:50%;float:left;} #pagebtm_rht{width:50%;text-align:right;float:left;} /*メルマガ========================================================================================*/ .magBox{margin-bottom:20px;} .mag1 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_mag1.gif) left top no-repeat;} .mag2 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_mag2.gif) left top no-repeat;} .mag3 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_mag3.gif) left top no-repeat;} .magBox h4 span{display:block;color:#FFFFFF;font-size:18px;font-weight:bold;padding:10px 10px 10px 58px;} .mag1 .content,.mag2 .content{padding:20px 20px;background:url(http://image.store-mix.com/i/ko-bai/mag_bg.gif) left bottom no-repeat;} .mag3 .content{padding:20px 20px;background:url(http://image.store-mix.com/i/ko-bai/mag_bg2.gif) left bottom no-repeat;} .mag1 .description,.mag2 .description{color:#334433;line-height:1.5;padding:15px 20px;border-left:3px solid #66CC00;border-right:3px solid #66CC00;background:#EEFF99;} .mag3 .description{color:#663333;line-height:1.5;padding:15px 20px;border-left:3px solid #FF3333;border-right:3px solid #FF3333;background:#FFCCCC;} .magBox .description p{margin:0;} /*ショップにメール========================================================================================*/ .mailBox{margin-bottom:20px;} .mail1 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_infocnt.gif) left top no-repeat;} .mailBox h4 span{display:block;color:#FFFFFF;font-size:18px;font-weight:bold;padding:10px 10px 10px 58px;} .mailBox .content{border-left:3px solid #66CC00;border-right:3px solid #66CC00;} .mailBox .inline{padding:5px 20px;} .mailBox .bottom{padding:0px; background-image:url(http://image.store-mix.com/i/ko-bai/shop_sub_bg.gif); background-repeat:no-repeat; background-position:left bottom; height:15px ;} .mail1 .description{color:color:#334433;line-height:1.5;padding:15px 20px;border-left:3px solid #66CC00;border-right:3px solid #66CC00;background:#EEFF99;} .maillBox .description p{margin:0;} .maillBox .inline p{margin:0;} /*会社概要========================================================================================*/ .ruleBox{margin-bottom:20px;} .rule1 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_rule1.gif) left top no-repeat;} .rule2 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_rule2.gif) left top no-repeat;} .rule3 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_rule3.gif) left top no-repeat;} .ruleBox h4 span{display:block;color:#FFFFFF;font-size:18px;font-weight:bold;padding:10px 10px 10px 58px;} .ruleBox .content{border-left:3px solid #66CC00;border-right:3px solid #66CC00;} .ruleBox .inline{padding:5px 20px;} .ruleBox .bottom{padding:0px; background-image:url(http://image.store-mix.com/i/ko-bai/shop_sub_bg.gif); background-repeat:no-repeat; background-position:left bottom; height:15px ;} .rule1 .description{color:color:#334433;line-height:1.5;padding:15px 20px;border-left:3px solid #66CC00;border-right:3px solid #66CC00;background:#EEFF99;} .rulelBox .description p{margin:0;} .rulelBox .inline p{margin:0;} /*送料・決済について========================================================================================*/ .delBox{margin-bottom:20px;} .del1 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_del1.gif) left top no-repeat;} .del2 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_del2.gif) left top no-repeat;} .del3 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_del3.gif) left top no-repeat;} .del4 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_del4.gif) left top no-repeat;} .del5 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_del5.gif) left top no-repeat;} .del6 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_del6.gif) left top no-repeat;} .del7 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_del7.gif) left top no-repeat;} .del8 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_del8.gif) left top no-repeat;} .delBox h4 span{display:block;color:#FFFFFF;font-size:18px;font-weight:bold;padding:10px 10px 10px 58px;} .delBox .content{border-left:3px solid #66CC00;border-right:3px solid #66CC00;} .delBox .inline{padding:5px 20px;} .delBox .bottom{padding:0px; background-image:url(http://image.store-mix.com/i/ko-bai/shop_sub_bg.gif); background-repeat:no-repeat; background-position:left bottom; height:15px ;} .del1 .description{color:color:#334433;line-height:1.5;padding:15px 20px;border-left:3px solid #66CC00;border-right:3px solid #66CC00;background:#EEFF99;} .dellBox .description p{margin:0;} .dellBox .inline p{margin:0;} /*プライバシーポリシー========================================================================================*/ .priBox{margin-bottom:20px;} .pri1 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_infoprivacy.gif) left top no-repeat;} .priBox h4 span{display:block;color:#FFFFFF;font-size:18px;font-weight:bold;padding:10px 10px 10px 58px;} .priBox .content{border-left:3px solid #66CC00;border-right:3px solid #66CC00;} .priBox .inline{padding:5px 20px;} .priBox .bottom{padding:0px; background-image:url(http://image.store-mix.com/i/ko-bai/shop_sub_bg.gif); background-repeat:no-repeat; background-position:left bottom; height:15px ;} .pri1 .description{color:color:#334433;line-height:1.5;padding:15px 20px;border-left:3px solid #66CC00;border-right:3px solid #66CC00;background:#EEFF99;} .prilBox .description p{margin:0;} .prilBox .inline p{margin:0;} /*販売に協力する========================================================================================*/ .afBox{margin-bottom:20px;} .af1 h4{background:url(http://image.store-mix.com/i/ko-bai/sub_infoaf.gif) left top no-repeat;} .afBox h4 span{display:block;color:#FFFFFF;font-size:18px;font-weight:bold;padding:10px 10px 10px 58px;} .afBox .content{border-left:3px solid #66CC00;border-right:3px solid #66CC00;} .afBox .inline{padding:5px 20px;} .afBox .bottom{padding:0px; background-image:url(http://image.store-mix.com/i/ko-bai/shop_sub_bg.gif); background-repeat:no-repeat; background-position:left bottom; height:15px ;} .af1 .description{color:color:#334433;line-height:1.5;padding:15px 20px;border-left:3px solid #66CC00;border-right:3px solid #66CC00;background:#EEFF99;} .aflBox .description p{margin:0;} .aflBox .inline p{margin:0;} /*ショップページ内リスト========================================================================================*/ .content ul{list-style:none;margin:10px;padding:0;} .content li{list-style:none;font-size:13px;line-height:150%;margin:0;padding:0;padding-left:12px;background:url(http://image.store-mix.com/i/common/arrow-right_orange.gif) 0 6px no-repeat;} /*body { background: url(null) fixed; }*/ #fixedElement { position: fixed; top: 100px; right: 0px; width: 110px; position: expression('absolute'); top: expression(documentElement.scrollTop + 100 + 'px'); right: expression(documentElement.scrollLeft + 0 + 'px'); } #fixedElement ul { width: 110px; background-image: url(../../image/ko-bai/pick_bg.gif); text-align: left; line-height: 100%; list-style-type:none; margin: 0px; padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-repeat: no-repeat; } #fixedElement ul li { width: 80px; text-align: left; padding-top: 10px; margin: 0px; line-height: 100%; padding-left: 20px; } #fixedElement a { color: #0000ff; } #fixedElement ul li img { width: 80px; } #fixedElement .las { width: 110px; background-image: url(../../image/ko-bai/pick_foot_bg.gif); background-repeat: no-repeat; margin: 0px; padding: 0px; text-indent: -10000px; } /*ショップヘッダーテスト========================================================================================*/ #header_global {min-width:1000px;} * html #header_global { width:expression(document.body.clientWidth < 1000? "1000px" : "auto"); } #product-topword {background: #F9F9F9;border-bottom: 1px solid #EEE;color: #666;text-align: left;font-size: 11px;margin:0;padding:5px;} #topword {background: #F9F9F9;border-bottom: 1px solid #EEE;color: #666;text-align: left;font-size: 11px;font-weight:normal;margin:0;padding:5px;} #footer_global { position:relative;width: 100%; min-width: 1060px; padding:0;background:#000;font-size:12px;line-height:100%; color:#fff;font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;} #footer_global ul,#footer_global p{margin:0;padding:0;} #footer_global p.copyright { position:absolute; top:5px;left:0;} #footer_global .footer_menu{padding:13px 5px 11px;} #footer_global .footer_menu ul{text-align:right;} #footer_global .other_service{padding:0 5px 8px;} #footer_global .other_service .webshark{font-size:11px;color:#999;text-align:center;padding:18px 0 4px;} #footer_global .other_service ul{text-align:center;} #footer_global ul li{display:inline;} #footer_global .footer_menu li{padding-left:13px;} #footer_global .footer_menu li a { text-decoration: none; color: #ffffff; } #footer_global .footer_menu li a:hover { text-decoration: underline; } #footer_global .other_service ul li{font-size:11px;color:#999;padding-right:0;} #footer_global .other_service ul li a{font-size:11px;color:#999;text-decoration: none;} #footer_global .other_service ul li a:hover { text-decoration: underline; } #footer_global p.pagetop { position: absolute; bottom: 0; right: 130px; } #footer_global p.pagetop a { display: block; background-color: #b6d45a; color: #ffffff; padding: 5px 10px; font-size: 12px; text-decoration: none; } #footer_global p.pagetop a:hover { background-color: #99cc33; } #header_global { position: relative; } #header_global #titleLogo { padding: 0; height: 60px; margin: 45px 0 14px 0; background: #e8e00f; position: relative; } #header_global #title { position: absolute; top: -39px; left: 10px; width: 200px; height: 88px; } #header_global #title a { display: block; width: 100%; } #header_global #title a img { width: 100%; height: auto; } #header_global h2 { width: 100%; background: #f9f9f9; border-bottom: 1px solid #eeeeee; color: #666666; text-align: left; font-size: 11px; font-weight: normal; position: absolute; top: 0; left: 0; z-index: 9999; } #header_global h2 span { display: block; padding: 5px 5px; } #loginStatus { position: absolute; top: 5px; right: 5px; color: #191919; text-align: right; font-size: 11px; font-weight: normal; position: absolute; z-index: 9999; font-weight: bold; } #loginStatus span { display: inline-block; } #header_global #loginMenu { position: absolute; top: 2px; right: 10px; } #header_global #loginMenu ul { width: 360px; position: absolute; top: 43px; right: 0; } #header_global #loginMenu ul li { float: left; overflow: hidden; height: 60px; } #header_global #loginMenu ul li a { display: block; width: 120px; height: 0; padding-top: 60px; overflow: hidden; backgrond-repeat: no-repeat; background-position: 0 0; } #header_global #loginMenu ul li.header_myroom a { background-image: url(http://image.store-mix.com/index_new/header/header_myroom.png); } #header_global #loginMenu ul li.header_basket a { background-image: url(http://image.store-mix.com/index_new/header/header_basket.png); } #header_global #loginMenu ul li.header_keep a { background-image: url(http://image.store-mix.com/index_new/header/header_keep.png); } #header_global #loginMenu ul li a:hover { background-color: #99cc33; } #header_global #smartHeadMenu { display: none; } #header_global #searchBox { position: absolute; top: 52px; right: 370px; padding: 0 70px 0 45px; background: url(http://image.store-mix.com/index_new/header/header_search_icon.png) 0 0 no-repeat; } #header_global #searchBox form{height:40px;} #header_global #searchBox input[type="text"] { width: 320px; padding: 9px; height: 100%; font-size: 20px; font-weight: bold; background: #ffffff; border: 1px solid #ffffff; } #header_global #searchBox .inputText { *width: 320px; *padding: 9px; *height: 100%; *font-size: 20px; *font-weight: bold; *background: #ffffff; *border: 1px solid #ffffff; } .socialBlock_top { position:relative; overflow:hidden; } .socialBlock_top ul { position:relative; left:45%; *left:50%; float:left; } .socialBlock_top li { position:relative; left:-50%; float:left; list-style: none; } .order_other_pid{margin-top:0;margin-bottom: 20px;} #shop-v .order_other_pid{width:850px;margin: 0 auto 20px;} #shop .order_other_pid .subtitle,#shop-v .order_other_pid .subtitle, #shop .chk_pid .subtitle,#shop-v .chk_pid .subtitle {height:auto;background:none;margin:0;width:auto;} #shop .order_other_pid .subtitle h3,#shop-v .order_other_pid .subtitle h3{padding:8px 10px;font-size:16px;background: #eee;border: 1px solid #999;border-top:none;} #shop .chk_pid .subtitle h3,#shop-v .chk_pid .subtitle h3{padding:8px 10px;font-size:16px;background: #eee;border: 1px solid #999;} #shop .order_other_pid .p_title,#shop-v .order_other_pid .p_title, #shop .chk_pid .p_title,#shop-v .chk_pid .p_title {line-height: 1.3em;width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;} #shop .order_other_pid .p_title a,#shop-v .order_other_pid .p_title a, #shop .chk_pid .p_title a,#shop-v .chk_pid .p_title a {color:#333;font-size:11px;} #shop .order_other_pid .price1-s,#shop-v .order_other_pid .price1-s, #shop .chk_pid .price1-s,#shop-v .chk_pid .price1-s {font-size:16px;color: #d60000;} #shop .order_other_pid .p_title a:hover,#shop-v .order_other_pid .p_title a:hover, #shop .chk_pid .p_title a:hover,#shop-v .chk_pid .p_title a:hover{color:#9c3;} a.prev { background: url("http://image.store-mix.com/i/ko-bai/arrow_prev.png") 0 0 no-repeat; display: block; width: 46px; height: 46px; position: absolute; left: 15px; top: 75px; } a.next { background: url("http://image.store-mix.com/i/ko-bai/arrow_next.png") 0 0 no-repeat; display: block; width: 46px; height: 46px; position: absolute; right: 15px; top: 75px; } a.prev span, a.next span { display: none; } .clearfix { clear: both; float: none; } .image_carousel { padding: 5px 0; position: relative; height:180px; border:1px solid #999; border-top:none; } .chk_pid .image_carousel { height:160px; } .caroufredsel_wrapper { margin: 0 auto!important; text-align:center!important; } .image_carousel .carousel_product { background-color: white; display: block; float: left; margin: 0; padding: 4px; text-align: center; width: 120px; } .carousel_product .pListImg {width: 121px;} .carousel_product .pListImg td {width: 120px; height:120px;} .carousel_product .p_img { max-height: 110px; max-width: 110px; _width: expression(this.offsetWidth > 110 ? "110px" : auto); _height: expression(this.offsetHeight > 110 ? "110px" : auto); padding: 4px; } .carousel_product p { line-height: 130%; margin: 0; padding: 0; } .list_3less { text-align: center; margin: 0 auto; padding: 10px 0; border:1px solid #999; border-top:none; } .list_3less .carousel_product { background-color: white; margin: 0; padding: 4px; text-align: center; width: 120px; display: inline-block; /display: inline; } .globalBannerArea {position:absolute; right:10px;top:7px;}