@charset "shift_jis"; /* 全体デザイン */ * { margin: 0; padding: 0; } td,th,div,li { color: #333333; font-size: 14px; line-height: 20px; font-weight: normal; font-family: 'ＭＳ Ｐゴシック', 'Osaka'; } /* 全体レイアウト */ body { text-align: center; font-weight: normal; background: url(img/back.jpg) repeat-x #f0f8ff; background-attachment: fixed; } table#body { width: 850px; height: 100%; background: #ffffff; border-right: 20px solid #ffffff; border-left: 20px solid #ffffff; } td#head { width: 850px; height: 100%; } td#foot { width: 850px; height: 60px; } h1 { width: 850px; height: 15px; background: url(img/h1.jpg) no-repeat; color: #ddeeff; font-size: 10px; line-height: 15px; font-weight: normal; text-align: left; text-indent: 5px; } div#header { width: 850px; height: 65px; background: url(img/header.jpg) no-repeat; font-weight: normal; text-align: left; } div#header a { width: 360px; height: 50px; background: url(img/header_a.jpg) no-repeat; color: #f0f8ff; font-size: 6px; line-height: 6px; font-weight: normal; text-align: left; display: block; margin: 0 0 0 15px; text-decoration: none; } div#header a:hover { background: url(img/space.gif) repeat ;} div#menu_blue { width: 850px; height: 30px; background: #99ccff; line-height: 30px; text-align: left; } div#menu_blue ul { width: 850px; height: 30px; list-style-type: none; } div#menu_blue ul li { float: left; } .li_cart { width: 170px; height: 30px; background: url(img/p_cart_on.jpg) ; } .li_cart a { width: 170px; height: 30px; background: url(img/p_cart.jpg) ; color: #9999ff; display: block; font-size: 6px; line-height: 8px; text-decoration: none; text-align: center; } .li_cart a:hover { background: url(img/space.gif) repeat ; color: #996666; } .li_outline { width: 170px; height: 30px; background: url(img/p_outline_on.jpg) ; } .li_outline a { width: 170px; height: 30px; background: url(img/p_outline.jpg) ; color: #9999ff; display: block; font-size: 6px; line-height: 8px; text-decoration: none; text-align: center; } .li_outline a:hover { background: url(img/space.gif) repeat ; color: #996666; } .li_store { width: 170px; height: 30px; background: url(img/p_store_on.jpg) ; } .li_store a { width: 170px; height: 30px; background: url(img/p_store.jpg) ; color: #9999ff; display: block; font-size: 6px; line-height: 8px; text-decoration: none; text-align: center; } .li_store a:hover { background: url(img/space.gif) repeat ; color: #996666; } .li_sitemap { width: 170px; height: 30px; background: url(img/p_sitemap_on.jpg) ; } .li_sitemap a { width: 170px; height: 30px; background: url(img/p_sitemap.jpg) ; color: #9999ff; display: block; font-size: 6px; line-height: 8px; text-decoration: none; text-align: center; } .li_sitemap a:hover { background: url(img/space.gif) repeat ; color: #996666; } .li_mail { width: 170px; height: 30px; background: url(img/p_mail_on.jpg) ; } .li_mail a { width: 170px; height: 30px; background: url(img/p_mail.jpg) ; color: #9999ff; display: block; font-size: 6px; line-height: 8px; text-decoration: none; text-align: center; } .li_mail a:hover { background: url(img/space.gif) repeat ; color: #996666; } div#contents { width: 660px; height: 100%; margin: 10px 0 0 20px ; background-color: #ffffff; vertical-align: top; float: right; text-align: center; } h2 { width: 660px; height: 40px; margin: 0 ; background: url(img/navigation.jpg) top left repeat-x ; color: #333333; font-size: 18px; line-height: 40px; font-weight: bold; text-align: left; text-indent: 0.5em; font-family: 'ＭＳ Ｐ明朝', '細明朝体'; } h3 { width: 660px; height: 30px; margin: 0 ; background: url(img/navigation2.jpg) top left no-repeat; color: #999999; font-size: 12px; line-height: 27px; font-weight: normal; text-align: left; text-indent: 3.5em; } h3 a { text-decoration: none; border-bottom: 1px dashed; } div#footer { width: 850px; height: 60px; margin: 0 ; display: block; clear: both; } div#footer-right { width: 660px; height: auto; margin: 0 0 0 20px ; vertical-align: top; text-align: center; float: right; font-size: 12px; line-height: 18px; } div#footer-left { width: 170px; height: auto; margin: 5px 0 ; vertical-align: top; text-align: center; float: left; font-size: 12px; line-height: 18px; } /* メニュー */ div#menu { width: 170px; height: 100%; margin: 10px 0; vertical-align: top; text-align: left; float: left; } div#menu ul { width: 170px; height: auto; margin: 0 ; font-size: 14px; list-style-type: none;} div#menu li { width: 170px; height: auto; margin: 0 ; line-height: auto; } div#menu li a { width: 170px; height: auto; display: block; color: #3333ff; height: 25px; line-height: 25px; text-decoration: none; color: #333333; text-indent: 20px; } div#menu li a:hover { color: #ff3333; } div.menu_red { width: 170px; height: auto; color: #333333; line-height: 30px; font-weight: bold; display: block; background: url(img/m_r.jpg); text-align: center; margin: 0 0 8px 0; border-bottom: 2px solid #eeaaaa; } div.menu_yeallow { width: 170px; height: auto; color: #333333; line-height: 30px; font-weight: bold; display: block; background: url(img/m_y.jpg); text-align: center; margin: 0 0 8px 0; border-bottom: 2px solid #eeeeaa; } div.menu_green { width: 170px; height: auto; color: #333333; line-height: 30px; font-weight: bold; display: block; background: url(img/m_g.jpg); text-align: center; margin: 0 0 8px 0; border-bottom: 2px solid #aaeeaa; } div.menu_red ul { text-align: left; } div.menu_yeallow ul { text-align: left; } div.menu_green ul { text-align: left; } .li_shop_set { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_set a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_set a:hover { background: url(img/space.gif) repeat; } .li_shop_quilt { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_quilt a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_quilt a:hover { background: url(img/space.gif) repeat; } .li_shop_thin-quilt { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_thin-quilt a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_thin-quilt a:hover { background: url(img/space.gif) repeat; } .li_shop_mattress { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_mattress a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_mattress a:hover { background: url(img/space.gif) repeat; } .li_shop_pad { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_pad a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_pad a:hover { background: url(img/space.gif) repeat; } .li_shop_blanket { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_blanket a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_blanket a:hover { background: url(img/space.gif) repeat; } .li_shop_pillow { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_pillow a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_pillow a:hover { background: url(img/space.gif) repeat; } .li_shop_bed { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_bed a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_bed a:hover { background: url(img/space.gif) repeat; } .li_shop_junior { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_junior a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_junior a:hover { background: url(img/space.gif) repeat; } .li_shop_baby { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_baby a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_baby a:hover { background: url(img/space.gif) repeat; } .li_shop_kaimaki { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_kaimaki a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_kaimaki a:hover { background: url(img/space.gif) repeat; } .li_shop_kaimaki_b { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_kaimaki_b a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_kaimaki_b a:hover { background: url(img/space.gif) repeat; } .li_shop_kaimaki_c { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_kaimaki_c a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_kaimaki_c a:hover { background: url(img/space.gif) repeat; } .li_shop_kaimaki_f { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_kaimaki_f a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_kaimaki_f a:hover { background: url(img/space.gif) repeat; } .li_shop_kaimaki_t { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_kaimaki_t a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_kaimaki_t a:hover { background: url(img/space.gif) repeat; } .li_shop_kaimaki-cover { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_kaimaki-cover a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_kaimaki-cover a:hover { background: url(img/space.gif) repeat; } .li_shop_zabuton { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_zabuton a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_zabuton a:hover { background: url(img/space.gif) repeat; } .li_shop_zabuton5 { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_zabuton5 a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_zabuton5 a:hover { background: url(img/space.gif) repeat; } .li_shop_long-zabuton { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_long-zabuton a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_long-zabuton a:hover { background: url(img/space.gif) repeat; } .li_shop_long-zabuton-cover { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_long-zabuton-cover a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_long-zabuton-cover a:hover { background: url(img/space.gif) repeat; } .li_shop_houji-zabuton { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_houji-zabuton a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_houji-zabuton a:hover { background: url(img/space.gif) repeat; } .li_shop_cushion { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_shop_cushion a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_shop_cushion a:hover { background: url(img/space.gif) repeat; } .li_ippin { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_ippin a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_ippin a:hover { background: url(img/space.gif) repeat; } .li_long-life { width: 170px; height: 25px; background: url(img/p_r_o.jpg); } .li_long-life a { width: 170px; height: 25px; background: url(img/p_r.jpg) ; display: block; } .li_long-life a:hover { background: url(img/space.gif) repeat; } .li_order_bedclothes { width: 170px; height: 25px; background: url(img/p_y_o.jpg); } .li_order_bedclothes a { width: 170px; height: 25px; background: url(img/p_y.jpg) ; display: block; } .li_order_bedclothes a:hover { background: url(img/space.gif) repeat; } .li_order_curtain { width: 170px; height: 25px; background: url(img/p_y_o.jpg); } .li_order_curtain a { width: 170px; height: 25px; background: url(img/p_y.jpg) ; display: block; } .li_order_curtain a:hover { background: url(img/space.gif) repeat; } .li_service_uchinaoshi { width: 170px; height: 25px; background: url(img/p_g_o.jpg); } .li_service_uchinaoshi a { width: 170px; height: 25px; background: url(img/p_g.jpg) ; display: block; } .li_service_uchinaoshi a:hover { background: url(img/space.gif) repeat; } .li_service_cleaning { width: 170px; height: 25px; background: url(img/p_g_o.jpg); } .li_service_cleaning a { width: 170px; height: 25px; background: url(img/p_g.jpg) ; display: block; } .li_service_cleaning a:hover { background: url(img/space.gif) repeat; } /* デザイン */ .padding { width: 640px; margin: 0 0 0 20px; padding: 0; text-align: left; clear: both;} .f_left { width: 320px; margin: 0 0 10px 0; padding: 0; text-align: center; ; float: left; } .f_right { width: 320px; margin: 0 0 10px 0; padding: 0; text-align: center; ; float: right; } .shop_left { width: 441px; margin: 0 0 10px 0; padding: 0; text-align: center; ; float: left; } .shop_right { width: 191px; margin: 0 0 10px 0; padding: 0; text-align: center; ; float: right; } h4 { width: 660px; height: 30px; color: #333333; font-size: 16px; line-height: 30px; margin: 10px 0; text-indent: 1em; font-weight: bold; text-align: left; } .padding ul { list-style-type: circle; MARGIN: 0 0 0 25px; font-size: 12px; line-height: 18px; clear: both; } .padding ul.ul_s { list-style-type: disc; MARGIN: 0 0 0 25px; font-size: 10px; line-height: 15px; clear: both; } ol { MARGIN: 0 0 0 25px; font-size: 14px; line-height: 20px; } ol li { margin: 5px 0 0 0;} form { margin: 0; } form.cart table { background-color: #9999cc; width: 640px; margin: 10px 0;} form.cart th { background-color: #eeeeff; width: 25%; padding: 3px 5px; } form.cart th.img { background-color: #eeeeff; width: 20%; padding: 3px 5px; } form.cart td { background-color: #f8f8ff; width: auto; padding: 3px 5px; } .price { color: #FF0000; font-size: 16px; line-height: 20px; MARGIN: 0px; font-weight: bold; } div.price { MARGIN: 5px 0 0 0; text-align: right; } .small { color: #333333; font-size: 12px; line-height: 17px; MARGIN: 0px; font-weight: normal; } .red { color: #FF0000; font-weight: bold; } .blue { color: #0000FF; font-weight: bold; } .white { color: #ffffff; font-weight: bold; } .s { text-decoration: line-through; } hr { width: 660px; height: 1px; text-align: center; margin: 5px 0;} .right { text-align: right; } /* special */ div.special_head { width: 100%; margin: 10px 0 0 0 ; padding: 2px; text-align: center; font-weight: bold;} div.special_data { width: 100%; margin: 0; padding: 2px; text-align: center; } /* 商品販売関係レイアウト＆デザイン */ a.details0 { background: url(img/shop/button_details.jpg); width: 120px; height: 25px; display: block; margin: 0; padding: 0;} a.details0:hover { background: url(img/shop/button_details_on.jpg); } a.cart0 { background: url(img/shop/button_cart.jpg); width: 120px; height: 25px; display: block; margin: 0; padding: 0;} a.cart0:hover { background: url(img/shop/button_cart_on.jpg);} div.details { float: left; position: relative; left: 50px; width: 120px; height: 25px; text-align: center;} div.details a { background: url(img/shop/button_details.jpg); width: 120px; height: 25px; display: block; margin: 0; padding: 0;} div.details a:hover { background: url(img/shop/button_details_on.jpg);} div.cart { float: left; position: relative; left: 130px; width: 120px; height: 25px; text-align: center; font-size: 12px;} div.cart a { background: url(img/shop/button_cart.jpg); width: 120px; height: 25px; display: block; margin: 0; padding: 0;} div.cart a:hover { background: url(img/shop/button_cart_on.jpg);} a.outline { background: url(img/shop/button_outline.jpg); width: 120px; height: 25px; display: block; margin: 0 0 0 90px; float: left; text-align: center; font-size: 4px; line-height: 10px; vertical-align: middle; color: #ff7777; text-decoration: none;} a.outline:hover { background: url(img/shop/button_outline_on.jpg); color: #ffcccc;} a.outline:visited { color: #ff7777;} a.return { background: url(img/shop/button_return.jpg); width: 120px; height: 25px; display: block; margin: 0 90px 0 0 ; padding: 0; float: right; } a.return:hover { background: url(img/shop/button_return_on.jpg);}