/********************************************************************/ /* 大外 */ #container { width: 860px; background-color: #FFFFFF; font-size: 1.1em; letter-spacing: 0.05em; padding: 0 10px;}/* 12pxから変更 210928 letter-spacing追加 211027*/ /********************************************************************/ /* ヘッダー */ /* ヘッダー下ライン */ #bline { background-color: #99cc33; width: 860px; height: 10px; /* background-image: url(img/bline_bg.gif); */ /* background-repeat: repeat-x; */ margin: 0px; padding: 0px; } /********************************************************************/ /* キャッチコピー */ #copy { width: auto; background-color: #f8f8f8; margin: 0px; padding: 5px; font-size: 14px; color: #222; font-weight: normal; }/* 12pxから変更 210928 */ #copy h1 {color: #606060; font-size: 13px;} /* リンク色 */ #copy A:link { color: #FFFFFF; font-size: 13px; }/* 12px 210928 */ #copy A:active { color: #FFFFFF; font-size: 13px; }/* 12px 210928 */ #copy A:visited { color: #FFFFFF; font-size: 13px; }/* 12px 210928 */ #copy A:hover { color: #FFFFFF; font-size: 13px; }/* 12px 210928 */ /********************************************************************/ /* ショップロゴ画像の場合使用 */ .shoplogo { width: 850px; height: 130px; float: left; /* position: absolute; */ top: 8px; left: 9px; } /* .shoplogo a { height: 60px } */ .shoplogo A { display: block; width: 850px; /*275px*/ height: 130px;/*122px*/ background-image: url(image/css/header_bg3900.png); /* バックグランド指定 */ /* background-image: url(image/top_bnr/top_logo121206.png); */ /* ロゴリンク画像をバックグランド指定する場合 */ } .shoplogo a:link { display: block } /* ショップロゴテキストの場合使用 */ .shoptext { width: 340px; margin: 10px 0px 0px 5px; float: left; } /********************************************************************/ /* サブナビゲーション */ .subnavi { display: none; width: 420px; height: 30px; background-image: url(image/css/sub_navi_bg.gif); padding: 10px 10px 5px 10px; margin: 15px 0px 0px 0px; /* 元 up15px */ float: left; text-align: center; color: #FFFFFF; font-size: 12px; } /* リンク色 */ .subnavi A:link { font-size: 13px; color: #FFFFFF; }/* 12px 210928 */ .subnavi A:active { font-size: 13px; color: #FFFFFF; }/* 12px 210928 */ .subnavi A:visited { font-size: 13px; color: #FFFFFF; }/* 12px 210928 */ .subnavi A:hover { font-size: 13px; color: #FFFFFF; }/* 12px 210928 */ /* ご利用案内アイコン　 ※アイコンサイズ横15px×縦15px ※アイコン系はalignでなく左マージンで右にあわせる */ .subicon01 { height: 15px; background-image: url(image/css/icon01.gif); background-repeat: no-repeat; background-position: left center; padding-left: 17px; } /* お問い合わせアイコン　 ※アイコンサイズ横15px×縦15px */ .subicon02 { height: 15px; background-image: url(image/css/icon02.gif); background-repeat: no-repeat; background-position: left center; padding-left: 17px; padding-right: 10px; } /* その他順行系アイコン　 ※アイコンサイズ横15px×縦15px */ .subicon03 { height: 15px; background-image: url(image/css/icon03.gif); background-repeat: no-repeat; background-position: left center; padding-left: 17px; } /* 画面を閉じるアイコン　 ※アイコンサイズ横15px×縦15px */ .subicon04 { height: 15px; background-image: url(img/icon_winclose.gif); background-repeat: no-repeat; background-position: left center; padding-left: 17px; } /********************************************************************/ /* 横幅ボックス */ /* 左、右用枠160 */ .side_box { width: 150px; margin: 5px 5px; padding: 0px; } /* 中央用枠160 */ .center_box { width: 500px; margin: 5px 0px 20px; padding: 0px; } /********************************************************************/ /* 左領域 */ /* カテゴリ一覧 */ /* カテゴリ一覧タイトル　 ※背景画像横160px、縦は設定、空白は高さ指定 */ .category_title { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg01.png); background-repeat: no-repeat; } /* カテゴリ一覧部分 */ .category_list { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px; padding: 5px 0px 5px; color: #333333; } /*　親カテゴリの色※特集も共通 */ .mcategory A:link { color: #333333; } .mcategory A:active { color: #333333; } .mcategory A:visited { color: #333333; } .mcategory A:hover { color: #666666; } /********************************************************************/ /* 特集 */ /* タイトル　 ※背景画像横160px、縦は設定、空白は高さ指定 */ .pickup_category_title { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg01.png); background-repeat: no-repeat; display: none; } /* 内容 */ .pickup_category_list { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px; padding: 5px 0px 5px; color: #333333; display: none; } /********************************************************************/ /* ナビゲーション　 ※背景画像横160px、縦は設定、空白は高さ指定 */ .navi { width: auto; margin: 0px; padding: 0px; } /* リンク色 */ .navi A:link { color: #FFFFFF; } .navi A:active { color: #FFFFFF; } .navi A:visited { color: #FFFFFF; } .navi A:hover { color: #FFFFFF; } /* ショップ通信 */ .shop { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg02.png); background-repeat: no-repeat; } /* 店長日記 */ .diary { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg02.png); background-repeat: no-repeat; } /* リンク集 */ .link { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg02.png); background-repeat: no-repeat; } /* 掲示板 */ .bbs { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg02.png); } /* フリー */ .free_menu { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg02.png); background-repeat: no-repeat; } /* yahooオークション */ .yahoo { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg02.png); background-repeat: no-repeat; } /* 楽天オークション */ .rakuten { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg02.png); background-repeat: no-repeat; } /* ビッダーズオークション */ .bidders { width: auto; height: 23px; margin: 0px 0px 1px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg02.png); background-repeat: no-repeat; } /* オークションリンク文字サイズ */ .yahoo A:link { font-size: 10px; } .yahoo A:active { font-size: 10px; } .yahoo A:visited { font-size: 10px; } .yahoo A:hover { font-size: 10px; } .rakuten A:link { font-size: 10px; } .rakuten A:active { font-size: 10px; } .rakuten A:visited { font-size: 10px; } .rakuten A:hover { font-size: 10px; } .bidders A:link { font-size: 10px; } .bidders A:active { font-size: 10px; } .bidders A:visited { font-size: 10px; } .bidders A:hover { font-size: 10px; } /********************************************************************/ /* ショッピングカート */ /* カートタイトル　 ※背景画像横160px、縦は設定、空白は高さ指定 */ .shopc_title { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg01.png); background-repeat: no-repeat; } /* カートの中身大枠 */ .shopc_list { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px; padding: 5px 0px 5px; color: #666666; } .shopc_list .price { background-image: none; } /* カートの中身タイトル　 ※アイコンサイズ横25px×縦20px */ .shopc_in_title { width: auto; height: 30px; margin: 0px; padding-left: 30px; padding-top: 8px; background-image: url(/data/nissyo/image/common/icon_cart.gif); background-repeat: no-repeat; background-position: left; } /* カートの中身商品リスト */ .shopc_in { width: auto; background-image: url(img/secline.gif); background-position: bottom; background-repeat: repeat-x; margin: 4px; padding: 5px 5px 8px; font-size: 14px; }/* 12px 211027 */ /* レジに行く */ .shopc_go { width: auto; margin: 0px; padding: 5px; } .shipping_day { text-decoration: underline; color: #c00; } /********************************************************************/ /* メインコンテンツ領域 */ /* メイン写真 */ #photo { width: 700px; height: 140px; margin: 0px; padding: 0px; } /* 左td */ #lefttd { width: 160px; /* background-image: url(img/left_td_bg.gif); */ padding: 0px; margin: 0px; } /* 中央td */ #centertd { width: 500px; padding: 5px 20px 15px 20px; margin: 0px; } /* 右td */ #righttd { width: 160px; /* background-image: url(img/right_td_bg.gif); */ /* border-top: 1px solid #E0DFE3; */ /* border-bottom: 1px solid #E0DFE3; */ padding: 0px 0px 15px 0px; margin: 0px; } /* 内部ページtd */ #pagetd { background-color: #FFFFFF; } /* 写真影 */ .photo_line_80 { width: 80px; height: auto; padding: 0px; margin: 0px; } .photo_line_140 { width: 140px; height: auto; padding: 0px; margin: 0px; } .photo_line_250 { width: 250px; height: auto; padding: 0px; margin: 0px; } .photo_line { width: auto; height: auto; background-color: #FFFFFF; margin: 0px; } /* リンク用枠※買い物かご等の下ボタン枠 */ .link_bot_box { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; padding: 5px; margin: 5px 200px 5px 200px; text-align: center; } /* トップテーブル幅 */ .auto { width: 100%; } /********************************************************************/ /* Welcome */ /* 大枠上　 ※背景画像横490px、縦は設定、空白は高さ指定 */ .welcome_top { width: auto; background-image: url(img/welcome_top_bg.gif); margin: 0px; padding: 15px 5px 5px 20px; color: #333333; } /* 大枠中 */ .welcome_middle { width: auto; background-image: url(img/welcome_middle_bg.gif); margin: 0px; padding: 5px 20px 5px; } /* 大枠下 */ .welcome_bottom { width: auto; height: 20px; background-image: url(img/welcome_bottom_bg.gif); margin: 0px; } #righttd .welcome_top { padding: 10px 5px; background-image: none; } #righttd .welcome_middle { padding: 10px 5px; background-image: none; background-color: #FFFFFF; border: 1px solid #E0DFE3; } #righttd .welcome_bottom { padding: 0px; background-image: none; } /* 写真 */ .photo_welcome { width: auto; margin: 0px 10px 0px 0px; padding: 0px; float: left; } /********************************************************************/ /* 最新情報 */ /* 大枠上　 ※背景画像横490px、縦は設定、空白は高さ指定 */ .whatnew_top { width: auto; height: 25px; border-bottom: 3px solid #E3E3E3; margin: 0px 5px 0px 0px; padding: 5px 0px 0px; font-size: 14px; font-weight: bold; color: #333333; } /* 大枠中 */ .whatnew_middle { width: auto; margin: 0px 5px 0px 0px; padding: 5px 0px 0px; color: #666666; } .whatnew_middle li { font-size: 12px; padding: 5px; background-image: url(img/secline.gif); background-position: bottom; background-repeat: repeat-x; } .whatnew_middle li a { font-size: 13px; } .whatnew_middle li a::before { content: "\A"; white-space: pre;}/* お知らせ日付改行 */ #righttd .whatnew_top { margin: 0px 5px 0px 5px; } /* 大枠下 */ .whatnew_bottom { width: auto; margin: 0px 5px 0px 0px; padding: 0px; } /********************************************************************/ /* 商品関連レイアウト */ /* スタイル1　中央上 */ /* 大枠上 ※背景画像横490px、縦は設定、空白は高さ指定 */ .style1_top { width: auto; height: 27px; background-image: url(image/css/top_title_bg.gif); margin: 0px; padding: 13px 0px 0px 20px; font-size: 14px; color: #FFFFFF; } /* 大枠中 */ .style1_middle { width: 480px; background-image: url(image/css/top_middle_bg.gif); margin: 0px; padding: 10px; } /* 大枠下 */ .style1_bottom { width: auto; height: 15px; background-image: url(image/css/top_bottom_bg.gif); margin: 0px; padding: 0px; } /* コピー */ .style1_copy { width: auto; margin: 0px; font-size: 13px; }/* 10pxから変更 210928 */ /* 各テーブル枠上　 ※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */ .style1_table_top { width: auto; margin: 5px 0px 0px; padding: 0px; } /* 各テーブル枠中 */ .style1_table_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px; padding: 10px; } /* 各テーブル枠下 */ .style1_table_bottom { width: auto; margin: 0px; padding: 0px; } /* テーブル */ .style1_table { width: 458px; margin: 0px; padding: 0px; } /* 写真 */ .style1_photo { width: auto; margin: 0px 5px 0px 0px; padding: 0px; } /* 説明 */ .style1_text { width: auto; background-image: url(img/text_bg.gif); margin: 0px; padding: 5px; font-size: 1.0em; } /* 商品名 */ .item_name { font-size: 14px; color: #3370D6; font-weight: bold; } .item_name img { margin:0 2px; } /* 価格 */ .price { font-size: 13px; color: #e60000; background-image: url(img/secline.gif); background-position: bottom; background-repeat: repeat-x; padding-bottom: 5px; font-weight: bold; }/* f-size 12pxから変更 210928 */ /* 価格大 */ .priceb { font-size: 16px; color: #e60000; font-weight: bold; margin-top: 8px; } /* 価格のみ少し大きく 211026 */ #pricech { font-size: 1.3em; } #b_pricech { font-size: 1.3em; } /* 在庫ありなし */ .stock { color: #666666 } /* バリエーション背景色 211109 */ .variation_item { padding: 8px 0px; background-color: #f5f5f5; } /********************************************************************/ /* スタイル2　中央下 */ /* 大枠上 ※背景画像横490px、縦は設定、空白は高さ指定 */ .style2_top { width: auto; height: 27px; background-image: url(image/css/top_title_bg.gif); margin: 0px; padding: 13px 0px 0px 20px; font-size: 14px; color: #FFFFFF; } /* 大枠中 */ .style2_middle { width: 480px; background-image: url(image/css/top_middle_bg.gif); margin: 0px; padding: 10px; } /* 大枠下 */ .style2_bottom { width: auto; height: 15px; background-image: url(image/css/top_bottom_bg.gif); margin: 0px; padding: 0px; } /*　コピー　*/ .style2_copy { width: auto; margin: 0px; padding: 0px; font-size: 10px; } /* 各テーブル枠上　 ※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */ .style2_table_top { width: auto; margin: 5px 0px 0px; padding: 0px; } /* 各テーブル枠中 */ .style2_table_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px; padding: 10px; } /* 各テーブル枠下 */ .style2_table_bottom { width: auto; margin: 0px; padding: 0px; } /* テーブル */ .style2_table { width: 458px; margin: 0px; padding: 0px; } /* 写真 */ .style2_photo { width: auto; margin: 0px 5px 0px 0px; padding: 0px; } /* 説明 */ .style2_text { width: auto; background-image: url(img/text_bg.gif); margin: 0px; padding: 5px; font-size: 10px; } /* 2-5位テーブル */ .style2_rank_table { width: 458px; padding: 0px; } /* 2-5位テーブルの各ｔｄ */ .style2_rank_table td { width: 114px; } /* 2-5位セル */ .style2_rank { width: auto; margin: 0px 1px 0px 1px; padding: 4px; font-size: 10px; } /* 2-5位写真 */ .style2_rank_photo { width: 80px; margin: 0px 12px; padding: 0px; } /* 2-5位説明 */ .style2_rank_text { width: 80px; margin: 0px 12px; padding: 0px; font-size: 10px; } /* 1位テキスト */ .rank1 { font-size: 14px; width: auto; color: #b8860b; font-weight: bold; }/* size12px #3373D9 */ /* 2-5位テキスト */ .rank2-5 { font-size: 14px; color: #2bb32b; font-weight: bold; }/* size12px #3373D9 */ /********************************************************************/ /* 右領域 */ /* スタイル3 */ /* 大枠上 ※背景画像横160px、縦は設定、空白は高さ指定 */ .style3_top { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 10px; background-image: url(image/css/menu_bg02.png); } /* 大枠中 */ .style3_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px; padding: 5px; } /* 大枠下 */ .style3_bottom { width: auto; margin: 0px; } /* コピー */ .style3_copy { width: auto; margin: 0px; padding: 2px; font-size: 12px; font-weight: bold; text-align: center; color: #666666; } /* テーブル */ .style3_table { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin-top: 5px; padding: 5px; } /* 写真 */ .style3_photo { width: 80px; margin: 0px; padding: 0px 18px; } /* 説明 */ .style3_text { width: auto; margin: 5px 0px 0px; padding: 3px; font-size: 12px; } /********************************************************************/ /* メルマガ */ /* 大枠上 ※背景画像横160px、縦は設定、空白は高さ指定 */ .melmaga_top { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 10px; background-image: url(image/css/menu_bg01.png); background-repeat: no-repeat; } /* 大枠中 */ .melmaga_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px; padding: 5px; } /* 大枠下 */ .melmaga_bottom { width: auto; margin: 0px; } /* 内容 */ .mdata { font-size: 10px; line-height: 140%; margin: 0px 5px 0px 5px; } /********************************************************************/ /* 店長日記 */ /* 大枠上 ※背景画像横160px、縦は設定、空白は高さ指定 */ .tdiary_top { width: auto; height: 23px; margin: 0px 0px 5px; padding: 7px 0px 0px 15px; background-image: url(image/css/menu_bg01.png); background-repeat: no-repeat; } /* 大枠中 */ .tdiary_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px; padding: 5px; } /* 大枠下 */ .tdiary_bottom { width: auto; margin: 0px; } /* 写真 */ .tphoto { width: 60px; float: left; margin: 0px 0px 0px 1px; padding: 0px; } /* プロフィール */ .tdata { width: 60px; float: left; margin: 0px 0px 0px 5px; padding: 0px; font-size: 10px; } /* プロフィールタイトル */ .ttitle { margin: 0px; padding: 0px; color: #996666; } /* コメント */ .tcom { margin: 0px 5px; padding: 5px; background-color: #FFFFFF; font-size: 10px; } /**********************************/ /* 第二階層 */ /* 第二階層パンクズ下大枠 */ #pagemain { width: 670px; margin: 0px; padding: 0px 15px 15px; } /* 第二階層パンクズ */ #pan { padding: 15px; width: auto; color: #999999; } /* 第二階層タイトル ※背景画像横670px、縦は設定(15px以上)、空白は高さ指定 */ .ptitle { width: 650px; height: 27px; background-image: url(image/css/page_title_bg.gif); margin-top: 5px; padding: 13px 0px 0px 20px; font-size: 15px; color: #FFFFFF; } /* 第二階層中 */ .pmiddle { width: 660px; background-image: url(image/css/page_middle_bg.gif); margin: 0px; padding: 15px 5px 5px; } /* 第二階層下 */ .pbottom { width: 660px; height: 25px; background-image: url(image/css/page_bottom_bg.gif); margin: 0px; padding: 5px 5px 0px; } /* カートに入れる・お問い合わせボタン枠 */ .item_bot_box { margin: 0px; background-color: #FFF; padding-top: 5px; padding-bottom: 10px; color: #999999; } .item_bot_box2 { background-color: #FFFFFF; border-top: 1px solid #E0DFE3; border-bottom: 1px solid #E0DFE3; margin: 5px 0px 0px; padding: 10px 5px; } /********************************************************************/ /* 商品一覧ページ */ /* 商品一覧タイトル　 ※アイコンサイズ横35px×縦35px */ .list_name { width: 245px; height: auto; background-image: url(image/css/icon_sub_title01.gif); background-repeat: no-repeat; margin: 0px; padding: 5px 0px 0px 25px; font-size: 14px; font-weight: bold; float: left; color: #333333; } /* ソート */ .list_soat { width: 300px; margin-left: 330px; padding: 5px 0px 0px 15px; font-size: 12px; } /* 商品数 */ .list_count { width: auto; border-top: 1px solid #E0DFE3; margin: 0px 10px 5px; padding: 5px 0px 0px 5px; } /* 各テーブル枠上　 ※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */ .list_table_top { width: auto; margin: 10px 10px 0px; padding: 0px; } /* 各テーブル枠中 */ .list_table_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px 10px 0px 10px; padding: 10px; } /* 各テーブル枠下 */ .list_table_bottom { width: auto; margin: 0px 10px 0px 10px; padding: 0px; } /* 商品一覧テーブル */ .list_item_table { width: 618px; margin: 0px; padding: 0px; } /********************************************************************/ /* 商品詳細ページ */ /* テーブル枠上　 ※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */ .detail_table_top { width: auto; background-color: #FFFFFF; border-top: 1px solid #E0DFE3; border-left: 1px solid #E0DFE3; border-right: 1px solid #E0DFE3; padding: 0px; margin: 10px 10px 0px 10px; } /* テーブル枠中 */ .detail_table_middle { width: auto; background-color: #FFFFFF; border-left: 1px solid #E0DFE3; border-right: 1px solid #E0DFE3; padding: 10px; margin: 0px 10px 0px 10px; } /* テーブル枠下 */ .detail_table_bottom { width: auto; background-color: #FFFFFF; border-bottom: 1px solid #E0DFE3; border-left: 1px solid #E0DFE3; border-right: 1px solid #E0DFE3; padding: 0px; margin: 0px 10px 10px 10px; } /* 商品詳細テーブル */ .detail_item_table { width: 618px; margin: 0px; padding: 0px; } /* 商品詳細商品説明 */ .detail_item_text { width: auto /* 600px */; background-color: #FFFFFF; /*旧 #F5F5F5; _NO__DOTCOMMA__AFTER__*/ border: 1px solid #E0DFE3; margin: 0px 0px 5px 0px; padding: 5px; font-size: 15px; line-height: 1.6; }/* 12px->13px 210903 13px->14px 211015 14px->16px 220316 */ /* ネコポス注意書 */ #nkposbn{padding: 10px 10px;} p.nkpos { margin: 10px 0; padding: 8px; font-size: 0.95em; line-height: 1.4; background-color: #ffe; } /* 商品詳細サブタイトル ※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */ .detail_sub_title { width: auto; height: 22px; margin: 10px 0px 5px 0px; padding: 8px 0px 0px 15px; font-size: 14px; font-weight: bold; color: #000; } /* background-image: url(image/css/top_title_bg.gif); */ /* 詳細説明 */ .detail_sub_table { width: 618px; margin: 0px; padding: 0px; } /* 他の写真 */ .detail_sub_table02 { width: 618px; margin: 0px; padding: 5px 0px 0px; } /* 詳細説明テキスト */ .detail_sub_text { width: auto; background-color: #ffffe6; /*元 #F5F5F5; _NO__DOTCOMMA__AFTER__*/ border: 1px solid #E0DFE3; margin: 0px; padding: 5px; font-size: 1.2em; line-height: 140%; } /* 他の写真サブセル */ .sub_item { width: auto; background-color: #FFFFFF; /*元 #F5F5F5; _NO__DOTCOMMA__AFTER__*/ border: 1px solid #E0DFE3; margin: 0px 5px 5px; padding: 5px; font-size: 12px; line-height: 140%; } /* セル幅 */ .detail_sub_table02 td { width: 200px; } /* 他の商品写真 */ .sub_item_photo { width: auto; height: auto; margin: 5px 20px 5px 20px; padding: 0px; } /********************************************************************/ /* 内部ページのテーブル　※ptitle～pbottomの内側で使用 */ /* 内部ページの上　 ※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */ .page_table_top { width: auto; height: 23px; background-image: url(image/css/sub_menu_bg01.gif); background-repeat: no-repeat; margin: 10px 20px 5px; padding: 7px 5px 0px 15px; font-size: 14px; color: #FFFFFF; } /* 内部ページの中 */ .page_table_middle { width: 600px; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px 20px 0px 20px; padding: 5px 10px 10px; } /* 内部ページの下 */ .page_table_bottom { width: auto; margin: 0px 20px 0px 20px; padding: 5px; } /* 内部ページの上※デザイン違い かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */ .page_table2_top { width: auto; height: 23px; background-image: url(image/css/sub_menu_bg01.gif); margin: 10px 20px 5px; padding: 7px 5px 0px 15px; font-size: 14px; color: #FFFFFF; } /* 内部ページの中 */ .page_table2_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px 20px 0px 20px; padding: 5px 10px 10px; } /* 内部ページの下 */ .page_table2_bottom { width: auto; margin: 0px 20px 0px 20px; padding: 5px; } /* 内部ページbbs用 背景画像横幅522px　middleボーダー設定なしの場合520px */ .page_table3_top { width: auto; height: 23px; background-image: url(img/sub_menu_bg03.gif); margin: 10px 20px 5px; padding: 7px 5px 0px 15px; font-size: 14px; color: #FFFFFF; } /* 内部ページの中 */ .page_table3_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px 20px 0px 20px; padding: 5px 10px 10px; } /* 内部ページの下 */ .page_table3_bottom { width: auto; margin: 0px 20px 0px 20px; padding: 5px; } /* 内部ページサブ上　 ※アイコンサイズ横35px×縦35px */ .page_sub_top { width: auto; height: 25px; background-image: url(image/css/icon_sub_title01.gif); background-repeat: no-repeat; border-bottom: 1px solid #E0DFE3; margin: 10px 0px 5px; padding: 5px 0px 0px 20px; font-size: 14px; font-weight: bold; color: #555555; } /* 内部ページサブ上　 ※アイコンサイズ横35px×縦35px ご利用案内で使用 */ .page_sub2_top { width: auto; height: 25px; background-image: url(image/css/icon_sub_title01.gif); background-repeat: no-repeat; border-bottom: 1px solid #E0DFE3; margin: 10px 0px 5px; padding: 5px 0px 0px 20px; font-size: 14px; font-weight: bold; color: #555555; } /* 内部テーブルフレーム */ .table_fream { width: 598px; } /********************************************************************/ /* カートの中身 */ /* カートの中身テーブル */ .cart_table { width: 598px; margin-bottom: 5px; } /* カートの中身テーブル　 ※配置がそのテーブル内で最も下の場合 */ .cart_table_bottom { width: 598px; margin: 0px; padding: 0px; } /* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */ .point_box { width: auto; background-color: #FFFFFF; /*元 #F5F5F5; _NO__DOTCOMMA__AFTER__*/ border: 1px solid #E0DFE3; margin: 5px 5px 0px 5px; padding: 10px; font-size: 14px; line-height: 150%; } .point_box2 { width: auto; margin: 0px 5px 8px 5px; padding: 5px; font-size: 14px; line-height: 150%; } .point_box3 { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 10px; padding: 5px; text-align: center; font-size: 14px; line-height: 150%; } /* エラーボックス */ .error_box { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 5px 40px 0px 40px; padding: 10px; font-size: 12px; line-height: 140%; } /* エラーテキスト */ .error_text { color: #FF6600; font-weight: bold; } /* テーブルパティング　 ※各項目divに設定 */ .box_padding { padding: 2px; } /* カート金額 */ .cart_price_box { /*width: 150px; */ padding: 5px; text-align: right; border-bottom: 1px solid #E2DDCF; } /* カートステップテーブル */ .cart_step_table { width: auto; margin-left: 5px; } /* カートステップ ※現ページはcheck 画像サイズ横幅160px */ .cart_step_1 { width: auto; background-color: #FFFFFF; border-top: 1px solid #EFEEF2; border-left: 1px solid #EFEEF2; border-right: 1px solid #EFEEF2; border-bottom: 1px solid #EFEEF2; padding: 5px; color: #999999; } .cart_step_2 { width: auto; background-color: #FFFFFF; border-top: 1px solid #EFEEF2; border-right: 1px solid #EFEEF2; border-bottom: 1px solid #EFEEF2; padding: 5px; color: #999999; } .cart_step_3 { width: auto; background-color: #FFFFFF; border-top: 1px solid #EFEEF2; border-right: 1px solid #EFEEF2; border-bottom: 1px solid #EFEEF2; padding: 5px; color: #999999; } .cart_step_4 { width: auto; background-color: #FFFFFF; border-top: 1px solid #EFEEF2; border-right: 1px solid #EFEEF2; border-bottom: 1px solid #EFEEF2; padding: 5px; color: #999999; } .cart_step_1_check { width: auto; background-color: #666666; border-top: 1px solid #EFEEF2; border-left: 1px solid #EFEEF2; border-right: 1px solid #EFEEF2; border-bottom: 1px solid #EFEEF2; padding: 5px; color: #FFFFFF; font-weight: bold; } .cart_step_2_check { width: auto; background-color: #666666; border-top: 1px solid #EFEEF2; border-left: 1px solid #EFEEF2; border-right: 1px solid #EFEEF2; border-bottom: 1px solid #EFEEF2; padding: 5px; color: #FFFFFF; font-weight: bold; } .cart_step_3_check { width: auto; background-color: #666666; border-top: 1px solid #EFEEF2; border-left: 1px solid #EFEEF2; border-right: 1px solid #EFEEF2; border-bottom: 1px solid #EFEEF2; padding: 5px; color: #FFFFFF; font-weight: bold; } .cart_step_4_check { width: auto; background-color: #666666; border-top: 1px solid #EFEEF2; border-left: 1px solid #EFEEF2; border-right: 1px solid #EFEEF2; border-bottom: 1px solid #EFEEF2; padding: 5px; color: #FFFFFF; font-weight: bold; } /* 内容確認用テキスト */ .bottom_check { width: 610px; text-align: center; margin: 10px 20px 0px; padding: 5px; font-size: 14px; color: #CC0000; } /* フォーム系td背景 */ .td_color1 { background-color: #aaaaaa; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 5px; color: #FFFFFF; } .td_color2 { background-color: #F5F5F5; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 5px; } .td_color3 { background-color: #e0e0e0; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 5px; } /********************************************************************/ /* 店長日記・最新ニュース */ /* 各テーブル枠上　 ※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */ .tdiary_news_table_top { width: auto; height: 23px; background-image: url(image/css/sub_menu_bg01.gif); margin: 10px 20px 5px; padding: 7px 5px 0px 15px; font-size: 14px; color: #FFFFFF; } /* 各テーブル枠中 */ .tdiary_news_table_middle { width: auto; background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 0px 20px 5px 20px; padding: 0px 10px 10px; } /* 各テーブル枠下 */ .tdiary_news_table_bottom { width: auto; margin: 0px 20px 0px 20px; padding: 0px; } /* テーブル */ .tdiary_news_table { width: 598px; margin: 0px; padding: 0px; } /* テキスト部分 */ .tdiary_news_text { width: auto; font-size: 14px; margin: 10px 0px 0px 0px; padding: 10px; } /* 写真部分 */ .tdiary_news_photo { width: auto; padding: 0px; margin: 10px 0px; } /********************************************************************/ /* リンク集・ショップのご案内 */ /* td左 */ .td_link_shop1 { width: 150px; background-color: #f5f5f5; /*元 #F5F5F5; _NO__DOTCOMMA__AFTER__ #ccff99より変更221021*/ border-bottom: 1px solid #FFFFFF; padding: 5px; } /* td右 */ .td_link_shop2 { width: auto; border-bottom: 1px solid #E0DFE3; padding: 1px; } /* 大枠 */ .link_shop { background-color: #FFFFFF; border: 1px solid #E0DFE3; margin: 10px 5px 10px 5px; padding: 10px 10px 0px 10px; } /* テーブル */ .link_shop_table { width: 628px; margin: 0px; } /* ショップタイトル項目 */ .shop_title { width: auto; height: 25px; background-image: url(image/css/icon_sub_title01.gif); background-repeat: no-repeat; margin-bottom: 5px; padding: 5px 0px 0px 25px; font-size: 14px; font-weight: bold; } /* リンクタイトル項目 */ .link_title { width: auto; margin-bottom: 5px; padding: 9px 0px 0px 15px; } /* テキスト部分 */ .shop_link_text { width: auto; margin: 0px; padding: 10px; } /********************************************************************/ /* ご利用ガイド */ .guide_text { width: auto; margin: 0px; padding: 0px 10px 5px 10px; } /********************************************************************/ /* フッター */ #footer { padding: 0; margin: 0px; font-size: 13px; text-align: center; color: #FFFFFF; }/* 12pxから変更 210928 */ #footer .footerImg { margin: 0; padding: 80px 0px 0px; height: 80px; background-image: url("image/css/footer_bg201201.png"); background-color: #99cc33; background-repeat: no-repeat; } #footerwrap { width: 810px; height: auto; background-color: #FFe; margin: 15px auto 10px;/* border-top: #360 1px solid; border-right: #9d9 1px solid; border-bottom: #FFF 1px solid; border-left: #060 1px solid;*/ overflow: auto; } #footerwrap { color: #000; text-align: left; padding: 10px; } #footerwrap .fwrapLeft { width: 384px; float: left; border-right: #EAE3A5 1px solid; padding-right: 15px; } #footerwrap .fwrapRight { width: 385px; float: right; padding-right: 5px; } #footerwrap h3 { color: #000; text-align: center; font-size: 140%; font-weight: bold; margin: 0 auto 0.5em; } #footerwrap h5 { margin: 0 0 0.5em; border-bottom: #99cc33 3px solid; /*background-color: #ad5; */padding: 5px 5px; font-size: 16px;} #footerwrap h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; } #footerwrap p { margin: 0.5em 0 1em; padding: 0 1em 0 1em; line-height: 1.4; } #footerwrap ul { line-height: 1.4; margin: 7px 0; } #footerwrap p.tel { font-size: 18px; font-weight: bold; margin: 0; } /* おちゃのこ */ /* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」 ※上記の文言は必須項目ですので、削除する事は許可されていません。 */ #ochanoko { background-color: #FFFFFF; padding: 5px 15px 5px 0px; } /********************************************************************/ /* ウィンドウを閉じる */ .win_close { padding-left: 10px; } /********************************************************************/ /* 掲示板 */ /* 大枠上　 ※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */ .bbs_table_top { width: auto; background-color: #FFFFFF; border-top: 1px solid #E0DFE3; border-left: 1px solid #E0DFE3; border-right: 1px solid #E0DFE3; margin: 20px 20px 0px 20px; padding: 5px; } /* 大枠中 */ .bbs_table_middle { width: auto; background-color: #FFFFFF; border-left: 1px solid #E0DFE3; border-right: 1px solid #E0DFE3; margin: 0px 20px 0px 20px; padding: 10px; } /* 大枠下 */ .bbs_table_bottom { width: auto; background-color: #FFFFFF; border-bottom: 1px solid #E0DFE3; border-left: 1px solid #E0DFE3; border-right: 1px solid #E0DFE3; margin: 0px 20px 20px 20px; padding: 5px; } /* テーブル小 */ .bbs_table_stop { width: 500px; margin-left: 50px; padding: 0px; } /* テーブル小 */ .bbs_table_s { width: 500px; margin: 0px; padding: 0px; } /* テーブル */ .bbs_table { width: 598px; margin: 0px; padding: 0px; } /* tdカラー */ .bbs_td_color1 { width: 20px; background-color: #3366CC; padding: 5px; color: #FFFFFF; } .bbs_td_color2 { background-color: #E0DFE3; padding: 5px; } .bbs_td_color3 { width: 30px; background-color: #E0DFE3; padding: 5px; } /* テキスト */ .bbs_text { width: auto; background-color: #FFFFFF; /*元 #F5F5F5; _NO__DOTCOMMA__AFTER__*/ border: 1px solid #E0DFE3; margin: 5px 5px 15px 5px; padding: 10px; } /* ページ送り */ .sec_line_top { width: auto; text-align: right; margin: 10px 20px 0px; padding: 5px; border-top: 1px solid #E0DFE3; border-bottom: 1px solid #E0DFE3; } /********************************************************************/ input, select, textarea { background-color: #FFFFDD; margin: 0 5px 10px; padding: 3px; font-size:1.0em;} /* フォームボタン強調 */ .bot_b input, .shopc_in .changeinput, .shopc_in .deleteinput, .bbs_page_body .postinput, .bbs_page_body .resetinput, .bbs_page_body .searchinput, .bbs_page_body .replyinput, .bbs_page_body .sendinput, .bbs_page_body .changeinput, .td_color2 .changeinput, .td_color2 .deleteinput { padding: 2px; background-color: #FFFFFF; background-image: url(image/css/cart_btn.gif); font-weight: bold; color: #000000; border: none;/* 211027 */ } /* ======================================= button Elements ======================================= */ /* レビューコンテンツ設定 */ .review_contents .detail_cart_box .bot_b input { display: block; cursor: pointer; text-indent: 0px!Important; border: none; background-color: transparent; } #reviewForm .link_bot_box .bot_b input#edit { display: block; cursor: pointer; text-indent: 0px!Important; border: none; background-color: transparent; } #reviewForm .link_bot_box .bot_b input#commit { display: block; cursor: pointer; text-indent: -9999px; border: none; background-color: transparent; background-image: url(image/01_button/post.png); width: 70px; height: 25px; } /* 商品ページ共通設定 */ .detail_cart_box .bot_b input { display: block; cursor: pointer; text-indent: -9999px; border: none; background-color: transparent; } /* カートに入れるボタン */ .detail_cart_box .bot_b .cartaddinput { width: 220px; height: 40px; background-image: url(image/01_button/add_cart.png); float: left; margin-right: 10px; } /* お問い合わせボタン */ .detail_cart_box .bot_b .inquiryinput { width: 120px; height: 40px; background-image: url(image/01_button/inquiry.png); float: left; margin-right: 8px; } /* お気に入りボタン 211027 */ .detail_cart_box .bot_b .favoriteinput { width: 150px; height: 40px; background-image: url(image/01_button/favorites.png); float: left; margin-right: 8px; } /* 変更するボタン */ .detail_cart_box .bot_b .editinput { width: 120px; height: 40px; background-image: url(image/01_button/change_d.png); float: left; margin-right: 10px; text-indent: -9999px!important; } /* 区切り線非表示の場合 */ .detail_cart_box .sec_linel, .detail_cart_box .sec_line2{ display: none; } /* ボタン画像設定 */ /* 共通設定 */ .member .bot_b input, .mobile .bot_b input, .subnavi .bot_b input, .melmaga_middle .bot_b input, .shopc_go .bot_b input, .shopc_in .changeinput, .shopc_in .deleteinput, .sideForm .bot_b input /* サイドフォーム部分 */ { display: block; cursor: pointer; text-indent: -9999px; border: none; background-color: transparent; } /* ログイン */ .member .logininput { width: 70px; height: 25px; background-image: url(image/01_button/login.png); } /* ログアウト */ .member .logoutinput { width: 80px; height: 25px; background-image: url(image/01_button/logout.png); } /* レジに進む */ .shopc_go .registerinput { width: 90px; height: 25px; background-image: url(image/01_button/register.png); } /* 検索 */ .subnavi .searchinput { width: 40px; height: 23px; background-image: url(image/01_button/search.png); } .subnavi .bot_b input { display: inline; } /* 検索サイドメニュー */ .sideForm .searchinput { width: 60px; height: 23px; background-image: url(image/01_button/search.png); } .sideForm .bot_b input { display: inline; } /* 送信 */ .mobile .sendinput { width: 40px; height: 25px; background-image: url(image/01_button/send.png); } /* 登録 */ .melmaga_middle .entryinput { width: 40px; height: 25px; background-image: url(image/01_button/entry.png); } /* 解除 */ .melmaga_middle .deleteinput { width: 40px; height: 25px; background-image: url(image/01_button/delete.png); } /* 変更：カートの中身 */ .shopc_in .changeinput { width: 40px; height: 25px; background-image: url(image/01_button/change.png); margin-right: 10px; float: left; } /* 削除：カートの中身 */ .shopc_in .deleteinput { width: 40px; height: 25px; background-image: url(image/01_button/delete_s.png); float: left; } /* ボタン画像設定 */ /* 商品一覧共通設定 */ .list_item_table .bot_b .cartaddinput, .list_item_table .bot_b .detailinput, .list_item_table .bot_b .inquiryinput, .other_item .bot_b .text-11 { display: block; cursor: pointer; text-indent: -9999px; border: none; background-color: transparent; } .link_bot_box .bot_b input.inquiryinput, .point_box3 .bot_b input.inquiryinput{text-indent: 0;} /* カートに入れるボタン */ .list_item_table .bot_b .cartaddinput { width: 130px; height: 25px; background-image: url(image/01_button/add_carts.png); float: left; margin-right: 10px; } /* 詳細を見るボタン */ .list_item_table .bot_b .detailinput { width: 110px; height: 25px; background-image: url(image/01_button/detail.png); float: left; margin-right: 10px; } /* お問い合わせボタン */ .list_item_table .bot_b .inquiryinput { width: 110px; height: 25px; background-image: url(image/01_button/inquirys.png); float: left; } /* 関連商品カートに入れる */ .other_item .bot_b .text-11 { width: 100px; height: 25px; background-image: url(image/01_button/add_carts_other.png); } /* 区切り線非表示の場合 */ .list_item_table .sec_linel, .list_item_table .sec_liner { display: none; } /* ボタン画像設定 */ /* 共通設定 */ .bbs_table_s .postinput, .bbs_table_s .resetinput, .bbs_table_s .changeinput, .bbs_table_s .searchinput, .bbs_td_color3 .replyinput, .point_box3 .sendinput { display: block; cursor: pointer; text-indent: -9999px; border: none; background-color: transparent; } /* 投稿するボタン */ .bbs_table_s .postinput { width: 70px; height: 25px; background-image: url(image/01_button/post.png); float: left; margin-right: 10px; } /* リセットボタン */ .bbs_table_s .resetinput { width: 70px; height: 25px; background-image: url(image/01_button/reset.png); float: left; } /* 修正ボタン */ .bbs_table_s .changeinput { width: 70px; height: 25px; background-image: url(image/01_button/change_bs.png); float: left; margin-right: 10px; } /* 検索するボタン */ .bbs_table_s .searchinput { width: 70px; height: 25px; background-image: url(image/01_button/search_b.png); display: inline; } /* 返信するボタン */ .bbs_td_color3 .replyinput { width: 40px; height: 25px; background-image: url(image/01_button/reply.png); } /* 送信するボタン */ .point_box3 .sendinput { width: 40px; height: 25px; background-image: url(image/01_button/send.png); display: inline; } /* ボタン画像設定 */ /* 共通設定 */ .link_bot_box .bot_b input, .point_box .bot_b input, .point_box3 .bot_b input, .td_color1 .bot_b input, .td_color2 .bot_b .changeinput, .td_color2 .bot_b .deleteinput, .td_color2 .bot_b .detailinput, .td_color2 .changeinput, .td_color2 .deleteinput, .td_color3 .bot_b .reflectinput { display: block; cursor: pointer; text-indent: -9999px; border: none; background-color: transparent; } /*　ボタン表示幅設定区切り線非表示 */ .link_bot_box .bot_b { width: 130px; margin-left: auto; margin-right: auto; } ※↓下記は非表示にしない場合に使用 /*　ボタン表示幅設定区切り線表示 */ .link_bot_box .bot_b { width: 145px; margin-left: auto; margin-right: auto; } /* レジに進む */ .link_bot_box .bot_b .registerinput { width: 90px; height: 25px; background-image: url(image/01_button/register.png); } /* ログイン */ .point_box .bot_b .logininput { width: 70px; height: 25px; background-image: url(image/01_button/login.png); } /* 次へ */ .link_bot_box .bot_b .nextinput { width: 50px; height: 25px; background-image: url(image/01_button/next.png); float: left; } /* 戻る */ .link_bot_box .bot_b .backinput { width: 50px; height: 25px; background-image: url(image/01_button/back.png); float: left; margin-right: 5px; } /* 複数のお届け先に送る */ .point_box3 .bot_b .senderinput, .point_box3 .bot_b .shippinginput { width: 160px; height: 25px; background-image: url(image/01_button/sender_n.png); } /* 確認画面へ */ .link_bot_box .bot_b .checkinput { width: 80px; height: 25px; background-image: url(image/01_button/check.png); } /* 登録する */ .link_bot_box .bot_b .entryinput { width: 70px; height: 25px; background-image: url(image/01_button/entry_b.png); float: left; } /* 変更する */ .link_bot_box .bot_b .changeinput { width: 70px; height: 25px; background-image: url(image/01_button/change_b.png); float: left; } /* 送信する */ .link_bot_box .bot_b .sendinput { width: 70px; height: 25px; background-image: url(image/01_button/send_b.png); float: left; } /* 削除する */ .point_box3 .bot_b .deleteinput, .link_bot_box .bot_b .deleteinput { width: 70px; height: 25px; background-image: url(image/01_button/delete_b.png); } /* 反映する */ .td_color3 .bot_b .reflectinput { width: 70px; height: 25px; background-image: url(image/01_button/reflect.png); } /* 購入する */ .link_bot_box .bot_b .buyinput { width: 70px; height: 25px; background-image: url(image/01_button/buy.png); float: left; } /* 決済する */ .link_bot_box .bot_b .paymentinput { width: 70px; height: 25px; background-image: url(image/01_button/payment.png); float: left; } /* 変更 */ .td_color2 .bot_b .changeinput { width: 40px; height: 25px; background-image: url(image/01_button/change.png); float: left; margin-right: 10px; } /* 削除 */ .td_color2 .bot_b .deleteinput { width: 40px; height: 25px; background-image: url(image/01_button/delete_s.png); float: left; } /* 変更：テーブル内 */ .td_color2 .changeinput { width: 40px; height: 25px; background-image: url(image/01_button/change.png); display: inline; } /* 削除：テーブル内 */ .td_color2 .deleteinput { width: 40px; height: 25px; background-image: url(image/01_button/delete_s.png); } /* 詳細 */ .td_color2 .bot_b .detailinput { width: 50px; height: 25px; background-image: url(image/01_button/detail_s.png); } /* トップへ戻る */ .link_bot_box .bot_b .backtopinput { width: 90px; height: 25px; background-image: url(image/01_button/backtop.png); } /* マイページトップへ戻る */ .link_bot_box .bot_b .backmypageinput { width: 150px; height: 25px; background-image: url(image/01_button/backmypage.png); } /* 購入履歴一覧へ戻る */ .link_bot_box .bot_b .backlistinput { width: 130px; height: 25px; background-image: url(image/01_button/backlist.png); } /*一覧へ戻る */ .link_bot_box .bot_b .backshippinglistinput { width: 90px; height: 25px; background-image: url(image/01_button/backshippinglist.png); } /* 画面を閉じる */ .link_bot_box .bot_b .wincloseinput { width: 90px; height: 25px; background-image: url(image/01_button/winclose.png); } /* はい */ .link_bot_box .deleteyinput { width: 50px; height: 25px; background-image: url(image/01_button/deletey.png); float: left; margin-right: 10px; } /* いいえ */ .link_bot_box .deleteninput { width: 50px; height: 25px; background-image: url(image/01_button/deleten.png); float: left; } /* 区切り線非表示の場合 */ .link_bot_box .sec_linel { display: none; } /* 区切り線表示の場合 .link_bot_box .sec_linel { display: block; float: left; } */ /* 特殊設定 */ /* ボタン配置ボックス */ .link_bot_box { width: 250px; margin-left: auto; margin-right: auto; } /* 最下部ボタン1つ配置用 */ #inputimage input { float: none; margin-left: auto; margin-right: auto; } /* ログインカートステップ2用 */ .point_box .bot_b .logininput { display: inline; } /* 商品数量変更画面(PC) */ input.cart_item_cancel_btn { padding: 2px!Important; background-color: #ddd!Important; background-image: none!Important; color: #000!Important; text-indent: 0px!Important; width: 90px!Important; margin: 5px auto 5px!Important; } input.cart_item_change_btn { padding: 2px 7px!Important; background-color: #FFFFFF!Important; background-image: url(image/css/cart_btn.gif)!Important; color: #000!Important; text-indent: 0px!Important; width: 100px!Important; margin: 0 auto 5px!Important; } /* お届け先を追加中央寄せ用 */ .point_box3 .bot_b .shippinginput { margin-left: auto; margin-right: auto; } /* 削除するカートステップ2用 */ .point_box3 .bot_b .deleteinput { display: inline; } /* 共通設定 */ .point_box .bot_b .default_bot_b input { display: block; cursor: pointer; text-indent: -9999px; border: none; background-color: transparent; } /* カートステップ1　ボタン中央配置 */ .cart_member_box .default_bot_b input { float: none; margin-left: auto; margin-right: auto; } /* 会員登録して購入 */ .point_box .bot_b .default_bot_b .memberregisterinput { width: 110px; height: 25px; background-image: url(image/01_button/remember.png); } /* 会員登録せずに購入 */ .point_box .bot_b .default_bot_b .nonmemberregisterinput { width: 120px; height: 25px; background-image: url(image/01_button/vimember.png); } /* 送り主登録/変更 */ .point_box .bot_b .default_bot_b .sendereditinput { display: inline; width: 110px; height: 25px; background-image: url(image/01_button/sender.png); } /* お届け先登録/変更 */ .point_box .bot_b .default_bot_b .shippingeditinput { display: inline; width: 120px; /* width: 210px; */ height: 25px; background-image: url(image/01_button/crecipient.png); /* background-image: url(image/01_button/crecipient_long.png); */ float: right; } /* 新規登録はこちら */ .point_box .bot_b .shippingregisterinput { display: block; text-indent: -9999px; width: 110px; height: 25px; background-image: url(image/01_button/regist_re.png); } /********************************************************************/ /* image/css/bg2.gif */ /* HTMLタグ要素 */ body { background-image: linear-gradient(180deg, #F0F0EE 23.96%, rgba(255, 255, 255, 0) 100%);background-repeat: no-repeat;background-size: auto 560px;/* background-color: #f7f6f5; */ margin: 0px; padding: 0px; font-size: 14px; color: #222; line-height: 140%; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}/* 12px 210928 */ A:link { text-decoration: underline; font-size: 13px; color: #262699; line-height: 140%; }/* 12px 210928 */ /* A:active { text-decoration: underline; font-size: 12px; color: #3333CC; line-height: 140%; } */ /* A:visited { text-decoration: underline; font-size: 12px; color: #3333CC; line-height: 140%; } */ /* A:hover { text-decoration: none; font-size: 12px; color: #297acc; line-height: 140%; } */ h1 { margin: 0px; padding: 0px; font-size: 100%; font-weight: normal; } h2 { margin: 0px; padding: 0px; font-size: 100%; font-weight: normal; } h3 { font-size: 14px; color: #FFFFFF; margin: 0px; padding: 0px; }/* 12px 210928 14px 211027 */ ul { list-style-type: none; list-style-position: outside; margin:5px 0 0 0; padding: 0px 3px; } strong { font-weight: bold; }/* normal 211027 */ img { border: none; } /* ナビゲーション用リストアイコン 注意：リストのため画像位置が上にずれる */ .category_list li { padding-bottom: 5px; list-style-image: url(image/css/icon_arrow01.gif); } .category_list ul ul li { padding-bottom: 5px; list-style-image: url(image/css/icon_arrow02.gif); } /* 特集用リストアイコン 注意：リストのため画像位置が上にずれる */ .pickup_category_list li { padding-bottom: 5px; list-style-image: url(image/css/icon_arrow01.gif); } li { padding-bottom: 5px; font-size: 14px; line-height: 140%; }/* 12px 211124 */ form { margin: 0px; padding: 0px; display: inline; } /********************************************************************/ /* 回り込み回避用スタイル */ .clear-both { clear: both; height: 1px; font-size: 1px; text-align: center; overflow: hidden; visibility: hidden; } .clearB { clear: both; } .clearL { clear: left; } .clearR { clear: right; } /********************************************************************/ /* フォント装飾関連（全般） */ /* 下線 */ .text-underline { text-decoration: underline; } /* 下線マーカー */ .text-uline_y {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}/* 220316追加 */ /* ボールド */ .text-bold { font-weight: bold;} /* ノーマル */ .text-normal { font-weight: normal; } /* ボールド大 */ .text-bold-b { font-weight: bold; font-size: 1.2em;}/* 220322 */ /* パンクズ現ページ */ .thispage { color: #333333; } /* リンク文字かご関連 */ .text-link-bot-b { font-size: 14px; } /* サイズ小用 */ .text-11 { font-size: 0.85em; }/* 220322 * /* サイズ大用 */ .text-14 { font-size: 1.2em; }/* 220322 * /* ショップロゴ用 */ .text-18 { font-size: 20px; font-weight: bold; line-height: normal; } /* 掲示板テキスト用カラー */ .bbs_color { color: #333333; } /* 商品リンクテキスト */ div.link-p{width: 100%;text-align: center;margin-bottom: 10px;} /* 区切り線 */ hr { border-top: 1px solid #E0DFE3;} /* 文字カラー */ .txt_red { color: #cc0000;} .txt_blue { color: #003399; } .txt_green { color: #006600; } .txt_orange { color: #ed6d35; } .txt_org { color: #eb4e00;} div#itemStyle p.catch { font-weight: bold; color: #2472b3; /* font-size: 1.25em; */ padding-left: 0.8em; } .bgblk{ margin: 10px ; padding: 3px 5px; font-size: 1.25em; font-weight: bold; background-color: #000; color: #FFF;　} /* 背景 */ .extin { background: #CC0000; } /**** くらし館オリジナル ***************************/ /* くらし館コラムcss */ .column h2 { border-left-width: 5px; border-left-style: solid; border-left-color: #3399FF; height: 24px; font-size: 16px; text-indent: 1em; border-bottom-width: 1px; border-bottom-color: #3399FF; border-bottom-style: solid; width: 100%; padding-top: 5px; } .column p { text-indent: 1em; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; font-style: normal; line-height: 170%; } .column ol { list-style-type: decimal; background-color: #CCFFCC; margin-left: 10px; width: 500px; list-style-position: outside; border: thin double #00CC00; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 30px; font-weight: bold; } .column li { margin-bottom: 10px; } .caption_a { font-size: 10px; margin-left: 5px; } /* 企業・自治会案内ページ */ .co_contents p { line-height: 140%; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; text-indent: 1em; margin-bottom: 12px; margin-top: 10px; } .co_contents .co_contents1 { float: right; margin-left: 3px; } .co_contents { margin-left: 20px; width: 600px; } .co_contents h2 { font-size: 16px; border-bottom-width: 1px; border-left-width: 4px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #339933; border-left-color: #339933; padding-top: 5px; padding-left: 5px; padding-bottom: 3px; margin-bottom: 5px; } .co_contents h3 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; line-height: 140%; font-weight: bold; text-indent: 1em; color: #000000; margin-bottom: 2em; letter-spacing: 1px; } .co_contents li { font-size: 16px; line-height: 140%; font-weight: bold; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-style: normal; color: #009900; list-style-type: none; border-left-width: 5px; border-left-style: solid; margin-bottom: 10px; padding-left: 10px; padding-top: 5px; } .co_contents table { font-size: 12px; line-height: 120%; vertical-align: baseline; border: medium double #009900; margin-left: 10px; } .co_contents table td { vertical-align: top; } .co_caption { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 10px; font-style: normal; } /* 自治会ページ　ここまで */ /*　カテゴリページ内のトップ紹介スペース */ .good { background-color: #FFFFFF; padding: 5px; } .good img { height: 200px; width: 200px; float: right; margin-left: 10px; margin-top: 10px; } .good ul { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; font-weight: bold; line-height: 140%; } .good p { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; line-height: 140%; } .good li { line-height: 130% } .good h2 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 18px; font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: #FF6600; padding-left: 5px; } .influ_h4 { font-size: 18px; border-color: #0066FF; border-left-width: 5px; border-left-style: solid; padding: 5px; } .influ_cmd_h4 { border-left-width: 5px; border-left-style: solid; padding: 5px; border-bottom-style: solid; border-top-color: #0066FF; border-right-color: #0066FF; border-bottom-color: #0066FF; border-left-color: #0066FF; border-bottom-width: 1px; margin-bottom: 10px; font-size: 16px; } .c_exp h5 { font-size: 14px } .c_exp p { font-size: 12px; line-height: 140%; font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif; } .c_exp { margin-bottom: 15px } .influ_fin { font-size: 16px; line-height: 140%; margin: 10px; } .Etiq { background-color: #FFFFFF; border: 3px double #3399FF; margin: 5px; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .Etiq h4 { font-size: 18px; border-left-width: 5px; border-left-style: solid; border-left-color: #0066ff; padding: 5px; } .Etiq ul { background-color: #003399; padding: 10px; margin: 0px; list-style-type: disc; color: #FFFFFF; } .Etiq li { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 20px; } /* e-shop tagwalk用 */ #tagwalkv { border-collapse: collapse; border: 2px #ff9933 outset; } #tagwalkvt { background-color: #ff9933; text-align : center; border-bottom: 1px solid #999999; } #tagwalkvc { padding: 3px; background-color: #ffffff; line-height: 110%; 　text-align: left; } #tagwalkvc a { color: #0000ff; font-size : 10px; text-decoration: underline; padding: 3px; } #tagwalkvc a:hover { font-size : 10px; color: #0000ff; text-decoration: underline; background: #ffff66; } /* 消棒RESCUE用 */ #ex_res_item h3 { color: #000000; font-size: 16px; border-bottom: 1px solid #CC0000; border-left: 10px solid #CC0000; padding: 5px; margin: 30px 0px 15px; } #ex_res_item .feature ul { padding-top: 0px 10px 5px 30px; color: #CC0000; font-weight: bold; font-size: 16px; list-style-type: square; } #ex_res_item .feature ul li ul { list-style-type: none; padding-bottom: 10px; font-weight: normal; color: #000000; font-size: 12px; padding-left: 10px; width: 85%; } /************************************************************/ /* 商品ページ用 */ #item_p h4 { color : #FFFFFF; background-color: #339933; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 15px; margin-top: 5px; margin-bottom: 0px; text-indent: 0em; } #item_p h5 { color : #FFFFFF; background-color: #FF6600; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; font-size: 13px; margin-top: 10px; margin-bottom: 10px; text-indent: 0em; } #item_p .dealing p { line-height: 1.5; padding: 0 10px; color: #000000; margin-bottom: 0px; } #item_p .dealing { background-color: #FFFFFF; border-top: #339933 solid 0px; border-right: #339933 solid 1px; border-bottom: #339933 solid 1px; border-left: #339933 solid 1px; } #item_p .dealing li { line-height: 1.2em; } #item_p .dealing ul { margin: 0px; color: #000000; font-weight: normal; } #item_p .spec table { font-size: 12px; border-collapse: collapse; table-layout: auto; color: #333333; padding: 3px; margin: 10px; } #item_p .pr_img { height: 300px; width: 570px; background-color: #CCCCCC; margin: 10px; } .item_name { font-size: 16px; color: #333333; line-height: 1.5em; margin-bottom: 0px; } #spec_table .h { border: 1px solid #666666; padding-left: 0.5em; } #item_p .dealing .pack_photo { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; } #spec_table .ht { background: #666666; color: #FFFFFF; } #spec_table .h01 { width: 30%; border: 1px solid #666666; padding-left: 0.5em; } #spec_table .h02 { width: 70%; border: 1px solid #666666; padding-left: 0.5em; } #item_p ul { padding-right: 20px; padding-left: 30px; font-weight: bold; } #item_p h4 { color: #FFFFFF; background-color: #339933; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 15px; margin-top: 5px; margin-bottom: 10px; text-indent: 0em; } #item_p .item_img { float: left; height: 200px; width: 200px; border: 1px solid #999999; } .off { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; line-height: 1em; font-weight: bold; vertical-align: bottom; } /* ##################################### 商品ページ用 20090411 ###################################### */ /* コンテンツセット */ .center_box2 { margin: 0 0 20px 0; padding: 0px; } .center_box3 { margin: 10px 20px; padding: 0px; } /* スペース　高さ10px */ .space10 { clear: both; height: 10px; } /* スペース　高さ20px */ .space20 { clear: both; height: 20px; } /* 注意書きインデント20210317追加 */ p.indnt_ast{ padding-left: 2em!important; text-indent: -1em;} /* ------------ 商品ページ＞タイトル関連 ----------- */ /* 大項目　タイトル */ .h4_pcTTL { background-image: url(image/common/h4_backimg.gif); background-repeat: repeat-x; background-color: #d3d3d3; border: solid 1px #999999; padding: 5px 10px; font-size: 15px; color: #333333; margin: 10px 0; text-indent: 0em; } .h4_pcTTLB { background-color: #6495ed; padding: 5px 10px; font-size: 15px; color: #ffffff; margin-bottom: 30px; text-indent: 0em; } .h4_2 { color : #FFFFFF; background-color: #cc0000; padding: 5px 10px; font-size: 15px; font-weight: bold; text-indent: 0em; } /* 中項目　グレー塗り枠 */ .TTL_grey { height: 20px; margin-bottom: 10px; background-color: #f5f5f5; padding: 10px 5px; vertical-align: bottom; border: solid 3px #c0c0c0; } /* 中項目　アイコン+テキストセット */ .TTL_icontxt { height: 20px; margin-bottom: 10px; background-color: #f5f5f5; padding: 10px 0; vertical-align: bottom; } /* 中項目　アイコン+テキストセット ＞ 左アイコンdiv */ .TTL_icontxtI { float: left; padding: 0 10px; } /* 中項目　アイコン+テキストセット ＞ 右テキストdiv */ .TTL_icontxtT { font-size: 15px; font-weight: bold; } .txt10 { font-size: 10px; } .txt11 { font-size: 11px; } .txt12 { font-size: 12px; } .txt13 { font-size: 13px; }/* 追加210928 */ /* ---------- 商品ページ＞コンテンツ関連 --------- */ /* タイトル下コンテンツ */ .pc_sub { margin-bottom: 20px; border: solid 0px #cc0000; } /* コンテンツ先頭在庫状況 */ .pc_stock { float: left; width: 370px; font-size: 17px; font-weight: bold; color: #cc0000; } /* 割引率表示　枠 */ .pc_off { float: right; width: 100px; padding: 3px; margin: 0; background: #cc0000; text-align: center; vertical-align: text-middle; } /* 割引率表示　テキスト */ .pc_offT { font-size: 14px; font-weight: bold; color: #ffffff; } .pc_name { font-size: 18px; color: #333333; font-weight: bold; } /* 火災警報器　けむり */ .pc_kemuri { float: left; height: 40px; background-color: #888888; color: #ffffff; padding: 5px; font-size: 13px; font-weight: bold; text-align: center; margin-right: 10px; } /* 火災警報器　ねつ */ .pc_netsu { float: left; height: 40px; background-color: #FF9900; color: #ffffff; padding: 5px; font-size: 13px; font-weight: bold; text-align: center; margin-right: 10px; } /* 火災警報器　音声 */ .pc_onsei { float: left; border: solid 2px #000000; height: 40px; padding: 3px; font-weight: bold; margin-right: 10px; } /* 火災警報器　ブザー */ .pc_buser { float: left; border: solid 2px #888888; height: 40px; padding: 3px; font-weight: bold; margin-right: 10px; } /* 商品ページ在庫切れなど先頭alert */ .pc_alert { font-size: 18px; color: #CC0000; line-height: 1.5; font-weight: bold; text-align: center; padding: 10px; border: solid 2px #CC0000; margin-bottom: 15px; } /* 商品ページ先頭センタリングコピー */ .pc_copy { font-size: 18px; line-height: 1.5; font-weight: bold; text-align: center; margin-bottom: 15px; } /* 法人団体大口見積 */ .pc_biz { float: left; height: 40px; background-color: #6495ed; color: #ffffff; padding: 5px; font-size: 13px; font-weight: bold; text-align: center; margin-right: 10px; } /*消火器種別 */ .pc_fire { float: left; height: 40px; background-color: #CC0000; color: #ffffff; padding: 5px; font-size: 13px; font-weight: bold; text-align: center; margin-right: 10px; } /* カートに入れる、ページの先頭に戻る */ .btt { float: right; font-size: 17px; font-weight: bold; } /* 火災警報器　各種検定アイコンの右マージン */ .pc_kikaku { float: left; margin-right: 10px; } /* お買い物のチェックポイント　ビッグコピー */ .pc_copyL { font-size: 16px; font-weight: bold; } /* 右寄せ　別ページテキストリンクdiv */ .pc_linkR { margin-top: 10px; text-align: right; font-weight: bold; font-size: 18px; padding: 0 15px; } /* コンテンツ　左画像200pxの左画像div */ .pc_imgL { float: left; width: 200px; } /* コンテンツ　左画像200pxの右テキストdiv */ .pc_imgLT { margin-left: 200px; padding: 10px; } /* コンテンツ　右画像200pxの左テキスト270div */ .pc_imgR { float: left; width: 60%; padding: 10px; } /* コンテンツ　右画像200pxの右画像200div */ .pc_imgRT { width: 200px; float: right; } /* コンテンツ　右画像200pxの左テキストwidth40% div */ .pc_imgR40 { float: left; width: 45%; padding: 0px 10px 10px; } /* コンテンツ　右画像300pxの右画像300div */ .pc_imgRT300 { width: 300px; float: right; 　　　　margin-right: 5px; } .txt_bold { font-weight: bold; } /* 送料無料icon */ .icon_track {vertical-align: bottom;} /* ↑商品ページ用ここまで */ /* トップページ用（バナーなど）　*/ .top_imgL { float: left; width: 245px; } .top_imgR { float: right; width: 245px; } .top_imgL img,.top_imgR img { margin: 3px 0; } .txt10 { font-size: 10px; } .top_bnr img { border: 0px; } .top_bnr a img { border: none; margin-bottom: 5px; } /* トップページ用（バナーなど）ここまで　*/ /* オレア　アスファ関連 */ .comparison { margin: 0 0 0 1em; } .comparison p { margin: 0px 0px 10px; text-indent: 1em; line-height: 1.4; } .comparison h5 { font-size: 14px; margin: 0px 0px 1em; } #asfa_deo .a { width: 7em; text-align: left; } #asfa_deo .c { width: 2em; text-align: center; } #asfa_head_img { margin: 0 auto; width: 570px; } #asfa_feat { font-size: 14px; line-height: 1.4; padding: 0 1em; text-indent: 1em; } #asfa_feat p { margin: 0; } #asfa_feat strong { color: #0033FF; } #asfa_head_img .asfa_h_text { padding: 0 1em; margin: 0; text-align: left; } /* アスファ関連ここまで　*/ /* eco alumi */ #alumi_point { padding-left: 15px; background-image: #FFF url(image/css/white_bg.gif) 20px bottom no-repeat; } #alumi_point .p1 { width: 30%; margin-right: 25px; float: left; background-color: #eee;/* background-image: url(image/css/alumi_p1_bg.gif); background-repeat: repeat-y; */ } #alumi_point .p2 { width: 30%; margin-right: 25px; float: left; background-color: #eee;/* background-image: url(image/css/alumi_p2_bg.gif); background-repeat: repeat-y; */ } #alumi_point .p3 { width: 30%; float: left; background-color: #eee;/* background-image: url(image/css/alumi_p3_bg.gif); background-repeat: repeat-y; */ } #alumi_point p { margin: 0; padding: 0.5em; } /*　SAT紹介ページ　一部テーブル修正用 */ .sat_info1 td { padding: 5px; } .sat_info2 td { padding: 5px; } /* 商品ページ詳細用 --------------------- -----------------------------------201112 */ #itemStyle { width: 100%; font-size: 100%; color:#333;} #itemStyle p { font-size: 100%; margin: 5px 10px; /*padding-right: 1.0em; padding-left: 1.0em; */line-height:140%; } #itemStyle h3 { font-size: 140%; margin: 20px 10px 15px; color: #000; line-height: 1.4; padding-bottom: 5px; border-bottom: 2px dotted #a1cce6; } #itemStyle .catch { font-size: 140%; line-height: 1.4; font-weight: bold; color: #FF6600; margin-bottom:0.5em; padding: 0 0 0 1em;} #itemStyle .notice_p{font-size:165%; line-height:1.4; font-weight:bold; color:#e30071;margin-bottom:0.5em; padding:0 0 0 1em;} #itemStyle h4 { font-size: 125%; line-height:150%; margin: 20px 0; padding: 3px 0 3px 10px; border-left: 10px solid #ccc; border-bottom: 1px solid #ccc; background-color:#eee; clear: both; } #itemStyle a {font-size: 100%;} #itemStyle h5 { clear: both; font-size: 125%; margin: 1em 0.5em; padding: 3px 5px; } #itemStyle h6 { clear: both; font-size: 110%; margin: 10px 1em 10px 1em; padding: 0 0 3px 0; } #itemStyle .attention { color: #c00; font-weight: bold; } #itemStyle img { display: block; margin: 0 auto 5px; border: 0; } #itemStyle div.clear-b { text-align: center; } #itemStyle .clear-b img { display: inline; text-align: center; } #itemStyle img.mg0 { margin: 0 auto;} #itemStyle ul { margin:1em; } #itemStyle ol { font-size: 108%; padding-right: 1.5em; line-height: 140%; } #itemStyle li { font-size: 108%; padding-right: 1.5em; line-height: 140%; } #itemStyle table { border-collapse: collapse; border: 1px solid #bcbcbc; margin: 5px auto 10px; /*font-size: 90%;*/line-height: 1.4; width: 95%; } #itemStyle th { /*white-space: nowrap; */background-color: #8e8e8e; color: #fff; padding: 5px; } #itemStyle td { padding: 5px; border: 1px solid #bcbcbc; } #itemStyle table.nb_tbl td { border: 0; text-align: center; } #itemStyle .tdLeft { width: 25%; } #itemStyle table.pana { border: none; padding: 0px; } #itemStyle table.pana tr { vertical-align: top; } #itemStyle table.pana td { border: none; padding: 0px; } #itemStyle table.nb_tbl { border: 0; } #itemStyle .itemLeft { margin: 0em 1em 1em 0.8em; float: left; width: auto; } #itemStyle .itemRight { margin: 0em 0 1em 1em; float: right; width: auto; } #itemStyle dl { margin-left: 5px; padding: 1.5em;} #itemStyle dt, dd { margin: 0; } #itemStyle dt:before {content: "●"; } #itemStyle dt { font-weight: bold; font-size: 120%;} #itemStyle dd { margin: 0.3em 1em 1em 1em; } #itemStyle table.foodMenu { width: 590px; background-color: #fff; } #itemStyle table.foodMenu { border-collapse:collapse; } #itemStyle table.foodMenu th { background-color: #666; border: solid 1px #666; } #itemStyle table.foodMenu td { border: solid 1px #666; padding: 5px;} #itemStyle table.foodMenu td.r1 { text-align: center; } #itemStyle table.foodMenu td.r2 { text-align: left; } #itemStyle table.foodMenu td.r3 { text-align: right; } #itemStyle table.foodMenu td.kcal { text-align: right; } #itemStyle table.foodMenu colgroup.r1 { text-align: center; width: 15%;} #itemStyle table.foodMenu colgroup.r2 { text-align: left; width: 60%;} #itemStyle table.foodMenu colgroup.r3 { text-align: right; width: 25%;} #itemStyle .txt_jiafine { color: #0080c0;} #itemStyle table.jiafine_usage th { background-color: #0080c0; border: solid 1px #0080c0; } #itemStyle table.jiafine_usage td { border: solid 1px #0080c0; padding: 5px;} #itemStyle .txt_mark_y { background: linear-gradient(transparent 0%, #f6ff5f 0%); } #itemStyle .txt_red { color: #cc0000; } #itemStyle .txt_bold { font-weight: bold; } /* 商品ページ詳細用ここまで */ /* 商品ページ内　告知用パーツ --------------------- -----------------------------------201112 */ #infoAlert { width: 90%; padding: 10px; margin: 25px auto 25px; border: 2px solid #c00; overflow: hidden; } #infoAlert .Alert { float: left; width: 85%; } #infoAlert .alertMark { width: 75px; float: left; margin-right: 5px; } #infoAlert h5 { color: #c00; font-weight: bold; font-size: 14px; line-height: 24px; margin: 10px 0 15px 10px; } #infoAlert p { font-weight: normal; color: #000; font-size: 12px; margin: 0; line-height: 1.5; clear: both; } /* 商品ページ内　告知用パーツ ここまで */ /*　カレンダー用 */ #Cal { width: 160px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; margin: 10px auto 10px; } #Cal h5 { font-size: 14px; margin: 0 0 5px; } #Cal p { text-align: left; margin: 0 10px; line-height: 1.4; } #Cal table { border-collapse: collapse; border: #F30 1px solid; text-align: center; width: 140px; font-size: 12px; margin: 0 auto 7px; } #Cal td { border: #F30 1px solid; } #Cal th { background-color: #F99; color: #000; font-size: 14px; padding: 4px 0px; } #Cal .holiday { background-color: #F99; } #Cal .sunday { color: red; } #Cal .saturday { color: blue; } /* カレンダー用ここまで */ /* フリーページ基本 */ #FreePage { margin-left: 20px; margin-bottom: 20px; width: 670px; } /* サイトマップ */ #sitemap {margin-bottom: 20px; border-bottom:1px dotted #666;} #sitemap { font-size: 120%; line-height:1.4; } #sitemap h2 {font-size:130%; background-color: #eee; padding:5px 5px; border-left: #666 7px solid; font-weight:bold;} #sitemap h3 { color: #000; border-left: 7px solid #F60; border-bottom: 1px dotted #666; margin: 10px 0 20px; font-size: 100%; padding: 5px; } /* よくある質問ページ 　*/ #QA { font-size: 120%; line-height:1.4; } #QA h2 { color: #000; } #QA h3 { color: #000; border-left: 10px solid #666; border-bottom: 1px dotted #666; margin: 10px 0; font-size: 130%; padding: 7px; } #QA h3.head { border-left: 10px solid #39c; border-bottom: 1px solid #39c; background-color: #0066cc; color: #fff; } #QA ul li { font-size:100%; line-height: 1.2; margin-bottom:0.5em; } #QA li a { font-size:100%; line-height: 1.2; } #QA .faq { width: 95%; border: 1px dotted #999; margin: 20px auto; padding: 5px; background-color: #eee; } #QA .faq h4 { color: #000; border-left: 10px solid #666; border-bottom: 1px solid #666; margin: 10px 0; font-size: 130%; padding: 7px; background-color: #fff; } #QA .faq p { padding: 0.5em 1em; line-height: 1.5; } #QA a:link { font-size: 100%; } #QA p.goTOP { text-align: right; padding: 0; font-size: 90%:} #QA .qa-list { width: 310px; float: left; margin-right: 15px; margin-bottom: 30px; } #QA hr { clear: both; } /* よくある質問ページ ここまで 　*/ /* 検索フォーム 2020-06-26 */ .sideForm { padding: 10px; text-align: center; background-color: #fff; width: 128px; border: 1px solid #ccc; margin: 20px 5px 0px 5px; height: auto; } /* 検索フォーム　ここまで */ /* レフトメニューTOP */ ul#sideTopMenu { list-style-type: none; margin: 5px 5px 0px; padding: 0; width: 150px; } ul#sideTopMenu li { margin: 0px; padding: 0; width: 150px; height: 34px; text-indent: -9999px; } ul#sideTopMenu li.depa_top { height: 70px; background-image: url("image/css/depa_top.png"); } ul#sideTopMenu li.depa_top a { display: block; height: 70px; } ul#sideTopMenu li.homeMenu { background-image: url("image/css/home_menu.png"); } ul#sideTopMenu li.guideMenu { background-image: url("image/css/guide_menu.png"); } ul#sideTopMenu li.faqMenu { background-image: url("image/css/faq_menu.png"); } ul#sideTopMenu li.contactMenu { background-image: url("image/css/info_menu.png"); } ul#sideTopMenu li.cartMenu { background-image: url("image/css/cart_menu.png"); } ul#sideTopMenu li.registarMenu { background-image: url("image/css/registar.png"); } ul#sideTopMenu li.loginMenu { background-image: url("image/css/login.png"); height: 35px; } ul#sideTopMenu li.searchMenu { background-image: url("image/css/search_menu.png"); height: 35px; } ul#sideTopMenu li a { display: block; height: 34px; } ul#sideTopMenu li.homeMenu a:hover { background-image: url("image/css/home_menu_hover.png"); } ul#sideTopMenu li.guideMenu a:hover { background-image: url("image/css/guide_menu_hover.png") ;} ul#sideTopMenu li.faqMenu a:hover { background-image: url("image/css/faq_menu_hover.png"); } ul#sideTopMenu li.contactMenu a:hover { background-image: url("image/css/info_menu_hover.png"); } ul#sideTopMenu li.cartMenu a:hover { background-image: url("image/css/cart_menu_hover.png"); } ul#sideTopMenu li.registarMenu a:hover { background-image: url("image/css/registar_hover.png"); } ul#sideTopMenu li.loginMenu a:hover { background-image: url("image/css/login_hover.png"); } .noneDisplay { display: none; } /* レフトメニューTOP ここまで */ /* サブカテゴリー　左余白 */ .category_list ul ul { padding-left: 10px; } /* .category_list ul ul li a:link { color: #333; } .category_list ul ul li a:active { color: #333; } .category_list ul ul li a:visited { color: #333; } .category_list ul ul li a:hover { color: #666; } */ /* 企業・団体様向けページ */ #co_group { width: 660px; margin-left: 10px; } #co_group p { margin: 0 0 0 0; padding: 0 33px; } #co_group p.lead { margin: 0 0 30px 0; padding: 0 30px; font-size: 22px; line-height: 1.3; text-align: center; } #co_group a img { border: none; } #co_group h2, #co_group h3 { text-align: center; margin-bottom: 20px; } #co_group h4 { text-align: center; margin: 40px 0; } #co_group h5 { margin: 0; padding: 0; } #co_group ul { list-style-type: none; width: 590px; margin: 0 0 0 45px; padding: 0; } #co_group ol { list-style-type: none; width: 609px; margin: 0 0 30px 26px; padding: 0; } #co_group ul li { display: block; float: left; margin-right: 20px; margin-bottom: 15px; width: 275px; } #co_group ul li.end { display: block; float: left; margin-right: 20px; margin-bottom: 25px; margin-left: 145px; } #co_group .estimate { width: 571px; margin: 50px 0 30px 46px; padding: 0; } #co_group .estimate p { margin: 0 0 10px 0; padding: 0px; } /* 企業・団体様向けページここまで */ /* 総合案内ページ */ #floorinfo { width: 664px; margin-left: 10px; } #floorinfo h2 { margin-bottom: 30px; } #floorinfo .floorR01 { width: 664px; height: 107px; background-image: url(image/floor_info_img/floor_info_r018k.png); background-repeat: no-repeat; } #floorinfo .floorR02 { width: 664px; height: 92px; background-image: url(image/floor_info_img/floor_info_r02.png); background-repeat: no-repeat; } #floorinfo .floorR03 { width: 664px; height: 113px; background-image: url(image/floor_info_img/floor_info_r03.png); background-repeat: no-repeat; } #floorinfo .floor9f { width: 664px; height: 130px; background-image: url(image/floor_info_img/floor_info_9f.png); background-repeat: no-repeat; } #floorinfo .floor8f { width: 664px; height: 130px; background-image: url(image/floor_info_img/floor_info_8f.png); background-repeat: no-repeat; } #floorinfo .floor7f { width: 664px; height: 130px; background-image: url(image/floor_info_img/floor_info_7f.png); background-repeat: no-repeat; } #floorinfo .floor6f { width: 664px; height: 130px; background-image: url(image/floor_info_img/floor_info_6f.png); background-repeat: no-repeat; } #floorinfo .floor5f { width: 664px; height: 130px; background-image: url(image/floor_info_img/floor_info_5f.png); background-repeat: no-repeat; } #floorinfo .floor4f { width: 664px; height: 129px; background-image: url(image/floor_info_img/floor_info_4f.png); background-repeat: no-repeat; } #floorinfo .floor3f { width: 664px; height: 129px; background-image: url(image/floor_info_img/floor_info_3f.png); background-repeat: no-repeat; } #floorinfo .floor2f { width: 664px; height: 129px; background-image: url(image/floor_info_img/floor_info_2f.png); background-repeat: no-repeat; } #floorinfo .floor1f { width: 664px; height: 129px; background-image: url(image/floor_info_img/floor_info_1f.png); background-repeat: no-repeat; } #floorinfo .floorb1 { width: 664px; height: 129px; background-image: url(image/floor_info_img/floor_info_b1.png); background-repeat: no-repeat; } #floorinfo .floorb2 { width: 664px; height: 128px; background-image: url(image/floor_info_img/floor_info_b2.png); background-repeat: no-repeat; } #floorinfo .floorb3 { width: 664px; height: 130px; background-image: url(image/floor_info_img/floor_info_b3.png); background-repeat: no-repeat; } #floorinfo ul { list-style-type: none; width: 290px; padding: 20px 0 20px; margin: 0 0 0 240px; } #floorinfo .floor1f ul { width: 380px; } #floorinfo ul li { display: inline; margin-right: 1.3em; font-size: 15px; } #floorinfo ul li a { font-size: 15px; line-height: 1.7; } #floorinfo a img { border: none; } /* 総合案内ページ　ここまで */ /* 会員制限に伴う追加項目 */ .visitor_price { font-size: 12px; color: #666666; } .point { font-size: 12px; } /* 特別会員登録用ページ説明 */ #registerInfo h3 { font-size: 240%; color: #000; padding: 7px; margin-bottom: 20px; text-align: center; } #registerInfo h4 { clear: both; font-size: 150%; margin: 20px 0 20px 0; border-left: 7px solid #666; border-bottom: 2px solid #666; padding: 5px 0 5px 10px; background-color: #fff; } #registerInfo p { margin: 0; padding: 0 0 0 10px; font-size: 110%; line-height: 1.4; } #registerInfo p.atten { margin: 0 0 0 10px; padding: 10px; font-size: 120%; line-height: 1.4; border: 1px solid #c00; } #registerInfo p.go_regist { margin: 0 auto; width: 250px; text-align: center; } #registerInfo img.itemLeft { float: left; width: 350px; margin-right: 15px; margin-bottom: 40px; } /* 特別会員登録用ページ説明ここまで　 */ /* カテゴリー説明用 */ .category .point_box3 { background-color: #ffffff; border: none; } /* カテゴリー説明用ここまで */ /* hover image */ a:hover img{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; } /* /hover image */ /* rightSide banner */ #rightSide img { margin-bottom: 5px; } /* topページインフォ用 */ #top_info { font-size:120%; line-height:1.6; border:#c00 2px solid; margin:0 0 10px;} #top_info h4{font-size: 150%; text-align:center; margin:0.5em auto 0; text-decoration:underline;} #top_info p {margin:1.5em; padding:0;} /* 企業向けページ201212 */ #BizPage { width: 650px; margin-left: 30px; margin-bottom: 50px; } #BizPage h2, h3, h4, p { margin:0; padding:0; } #BizPage .bizHead { margin-left: 43px; } #BizPage .bizHead h3 { margin-bottom: 40px; } #BizPage .bizHead p { margin-bottom: 20px; } #BizPage .reasonHead { margin-bottom: 20px; overflow:hidden; } #BizPage .reason { margin-top: 30px; background:url(image/BizPage/rs_back_img.png) repeat-y; overflow:hidden; } #BizPage .reasonBody { padding-left: 43px; /* background:url(image/BizPage/reason_back_img_s1.png) repeat-y; */ padding-bottom: 15px; } #BizPage h2.reasonTitle { margin-left: 18px; } #BizPage .reasonHead ul { list-style:none; margin:0 0 0 18px; padding:0; } #BizPage .reasonHead li { display:block; float:left; margin-right: 20px; } #BizPage .reasonHead li a img { display:none; } #BizPage .reasonHead li.r1 a{ display:block; width: 194px; height: 136px; background-image:url(image/BizPage/rs_01btn_s1.png); background-repeat:no-repeat; } #BizPage .reasonHead li.r2 a{ display:block; width: 194px; height: 136px; background-image:url(image/BizPage/rs_02btn_s1.png); background-repeat:no-repeat; } #BizPage .reasonHead li.r3 a{ display:block; width: 194px; height: 136px; background-image:url(image/BizPage/rs_03btn_s1.png); background-repeat:no-repeat; } #BizPage li.end { float:left; margin:0; } #BizPage .reasonHead li.r1 a:hover{ background-image:url(image/BizPage/rs_01btn_s2.png); background-repeat:no-repeat; } #BizPage .reasonHead li.r2 a:hover{ background-image:url(image/BizPage/rs_02btn_s2.png); background-repeat:no-repeat; } #BizPage .reasonHead li.r3 a:hover{ background-image:url(image/BizPage/rs_03btn_s2.png); background-repeat:no-repeat; } #BizPage h4 { margin:20px 0 10px 10px; } #BizPage .problem { /* margin:0 0 40px 0; */ } #BizPage .reason p { margin-left: 10px; margin-bottom: 40px; font-size: 160%; } #BizPage p.text { line-height:1.4; text-align:center; } #BizPage p.button { margin:10px 0 5px 5px; } #BizPage p.adviser { margin:0px 0 30px 100px; } #BizPage p.adviser img { margin:0 50px 0 0; } /* ----------- オーダーメイド個別設定 ----------------- */ #b_order_5_item .optional_item,#order_5_item .optional_item,#order_5_item .text-bold,#b_order_5_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_5_item .order_checklist,#order_5_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_18_item .optional_item,#order_18_item .optional_item,#order_18_item .text-bold,#b_order_18_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_18_item .order_checklist,#order_18_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_19_item .optional_item,#order_19_item .optional_item,#order_19_item .text-bold,#b_order_19_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_19_item .order_checklist,#order_19_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_20_item .optional_item,#order_20_item .optional_item,#order_20_item .text-bold,#b_order_20_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_20_item .order_checklist,#order_20_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_22_item .optional_item,#order_22_item .optional_item,#order_22_item .text-bold,#b_order_22_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_22_item .order_checklist,#order_22_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_33_item .optional_item,#order_33_item .optional_item,#order_33_item .text-bold,#b_order_33_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_33_item .order_checklist,#order_33_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_34_item .optional_item,#order_34_item .optional_item,#order_34_item .text-bold,#b_order_34_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_34_item .order_checklist,#order_34_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_29_item .optional_item,#order_29_item .optional_item,#order_29_item .text-bold,#b_order_29_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_29_item .order_checklist,#order_29_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_28_item .optional_item,#order_28_item .optional_item,#order_28_item .text-bold,#b_order_28_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_28_item .order_checklist,#order_28_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_30_item .optional_item,#order_30_item .optional_item,#order_30_item .text-bold,#b_order_30_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_30_item .order_checklist,#order_30_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_58_item .optional_item,#order_58_item .optional_item,#order_58_item .text-bold,#b_order_58_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_58_item .order_checklist,#order_58_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_38_item .optional_item,#order_38_item .optional_item,#order_38_item .text-bold,#b_order_38_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_38_item .order_checklist,#order_38_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_61_item .optional_item,#order_61_item .optional_item,#order_61_item .text-bold,#b_order_61_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_61_item .order_checklist,#order_61_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_66_item .optional_item,#order_66_item .optional_item,#order_66_item .text-bold,#b_order_66_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_66_item .order_checklist,#order_66_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_67_item .optional_item,#order_67_item .optional_item,#order_67_item .text-bold,#b_order_67_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_67_item .order_checklist,#order_67_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_69_item .optional_item,#order_69_item .optional_item,#order_69_item .text-bold,#b_order_69_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_69_item .order_checklist,#order_69_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_81_item .optional_item,#order_81_item .optional_item,#order_81_item .text-bold,#b_order_81_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_81_item .order_checklist,#order_81_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_73_item .optional_item,#order_73_item .optional_item,#order_73_item .text-bold,#b_order_73_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_73_item .order_checklist,#order_73_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_90_item .optional_item,#order_90_item .optional_item,#order_90_item .text-bold,#b_order_90_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_90_item .order_checklist,#order_90_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_77_item .optional_item,#order_77_item .optional_item,#order_77_item .text-bold,#b_order_77_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_77_item .order_checklist,#order_77_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_94_item .optional_item,#order_94_item .optional_item,#order_94_item .text-bold,#b_order_94_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_94_item .order_checklist,#order_94_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_108_item .optional_item,#order_108_item .optional_item,#order_108_item .text-bold,#b_order_108_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_108_item .order_checklist,#order_108_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_111_item .optional_item,#order_111_item .optional_item,#order_111_item .text-bold,#b_order_111_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_111_item .order_checklist,#order_111_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_118_item .optional_item,#order_118_item .optional_item,#order_118_item .text-bold,#b_order_118_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_118_item .order_checklist,#order_118_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_121_item .optional_item,#order_121_item .optional_item,#order_121_item .text-bold,#b_order_121_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_121_item .order_checklist,#order_121_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_123_item .optional_item,#order_123_item .optional_item,#order_123_item .text-bold,#b_order_123_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_123_item .order_checklist,#order_123_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_134_item .optional_item,#order_134_item .optional_item,#order_134_item .text-bold,#b_order_134_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_134_item .order_checklist,#order_134_item .order_checklist {color: #c00; }　/* チェック項目 */ #b_order_142_item .optional_item,#order_142_item .optional_item,#order_142_item .text-bold,#b_order_142_item .text-bold { display: none; } /* 任意の文字消し */ #b_order_142_item .order_checklist,#order_142_item .order_checklist {color: #c00; }　/* チェック項目 */ /* オーダーメイド設定　消火器引取希望・地域選択部分個別指定指定　*/ #order_75_item,#order_76_item,#order_80_item,#order_88_item,#order_91_item, #order_78_item,#order_93_item,#order_79_item,#order_83_item,#order_84_item, #order_85_item,#order_86_item,#order_82_item, #b_order_75_item,#b_order_76_item,#b_order_80_item,#b_order_88_item,#b_order_91_item, #b_order_78_item,#b_order_93_item,#b_order_79_item,#b_order_83_item,#b_order_84_item, #b_order_85_item,#b_order_86_item,#b_order_82_item {font-size: 100% !Important; } #order_75_item span.text-bold,#order_76_item span.text-bold,#order_80_item span.text-bold,#order_88_item span.text-bold,#order_91_item span.text-bold, #order_78_item span.text-bold,#order_93_item span.text-bold,#order_79_item span.text-bold,#order_83_item span.text-bold,#order_84_item span.text-bold, #order_85_item span.text-bold,#order_86_item span.text-bold,#order_82_item span.text-bold, #b_order_75_item span.text-bold,#b_order_76_item span.text-bold,#b_order_80_item span.text-bold,#b_order_88_item span.text-bold,#b_order_91_item span.text-bold, #b_order_78_item span.text-bold,#b_order_93_item span.text-bold,#b_order_79_item span.text-bold,#b_order_83_item span.text-bold,#b_order_84_item span.text-bold, #b_order_85_item span.text-bold,#b_order_86_item span.text-bold,#b_order_82_item span.text-bold {font-size: 120% !Important; } select#cart_addcustom_75,select#cart_addcustom_76,select#cart_addcustom_80,select#cart_addcustom_88,select#cart_addcustom_91, select#cart_addcustom_78,select#cart_addcustom_93,select#cart_addcustom_79,select#cart_addcustom_83,select#cart_addcustom_84, select#cart_addcustom_85,select#cart_addcustom_86,select#cart_addcustom_82, select#b_cart_addcustom_75,select#b_cart_addcustom_76,select#b_cart_addcustom_80,select#b_cart_addcustom_88,select#b_cart_addcustom_91, select#b_cart_addcustom_78,select#b_cart_addcustom_93,select#b_cart_addcustom_79,select#b_cart_addcustom_83,select#b_cart_addcustom_84, select#b_cart_addcustom_85,select#b_cart_addcustom_86,select#b_cart_addcustom_82 {font-size: 120% !Important; } /* NDC自動車用キャンペーンページ*/ #ndc_cp201308 { margin-top: 10px; } #ndc_cp201308 img { border: none; } #ndc_cp201308 h2 { margin: 0; padding: 0; } #ndc_cp201308 .ndc_list { margin: 0 0 25px 0; width: 630px; height: 324px; background-image: url("image/NDC_CP201308/ndc_cp_extin.png"); background-repeat: no-repeat; background-position:top left; } #ndc_cp201308 .ndc_list ul { position: relative; top: 283px; left: 6px; list-style:none; } #ndc_cp201308 .ndc_list ul li { display: inline; margin-right: 16px; } #ndc_cp201308 p { margin: 0 0 20px 0; } #ndc_cp201308 p.qa { margin-bottom: 20px; } #ndc_cp201308 .cp_object { margin-left: 20px; } /**** 商品ページ部分 *****/ .page_ndcCP { background-color: #36F; padding: 0.5em; text-align: center; color: #fff; font-size: 120%; font-weight: bold; } /* NDC自動車用キャンペーンページ*/ /* 敬老の日キャンペーン */ #group-page { width: 630px; } #group-page h2 { margin: 0 0 10px 0; padding: 0;} #group-page p { font-size: 16px; ling-height: 1.4; margin-bottom: 20px;} #group-page a { font-size: 16px; ling-height: 1.4; } #group-page .lead { font-size: 16px; line-height: 1.4; text-align: center; margin-bottom: 20px; } #group-page .fdma_info h3 { margin: 5px 0 10px 0; } #group-page .fdma_info { font-size: 14px; line-height: 1.5; } #group-page .fdma_info a { font-size: 14px; line-height: 1.5; } #group-page .itemRight { float: right; } #group-page #point {} #group-page #point h3 { clear:both; margin-bottom: 20px;} #group-page #point p { line-height: 1.4; margin-bottom: 20px;} #group-page .point1 { background-image:url(image/keirouCP/RFAD_illust01.png); background-repeat:no-repeat; background-position:right; } #group-page .point2 { background-image:url(image/keirouCP/RFAD_illust02.png); background-repeat:no-repeat; background-position:right;} #group-page .point3 { background-image:url(image/keirouCP/RFAD_illust03.png); background-repeat:no-repeat; background-position:right; } /* NDC10型蓄圧式消火器キャンペーンページ*/ #ndc_cp201311 { margin-top: 10px; margin-left: 10px;} #ndc_cp201311 a { border: none; } #ndc_cp201311 img { border: none; } #ndc_cp201311 h2 { margin: 0; padding: 0; } #ndc_cp201311 h3 { margin: 0 0 30px; padding: 0; } #ndc_cp201311 p.cp_extin_info { margin:20px 0px 30px; } #ndc_cp201311 p.guide_button { text-align: center; margin: 20px 0px 35px; } /* // NDC10型蓄圧式消火器キャンペーンページ*/ /* グループページ共通 */ #GroupPage,#GroupPage p { margin:0; padding: 0; } #GroupPage img, #GroupPage a { bodrder: none; } /* グループページ共通ここまで */ .hatsuta-Kitty { background-image: url("image/HK1_img/hk1_bg_img.png"); background-repeat: repeat; } /* */ /* .slideShow ------------------------- */ .slideShow { margin: 0 auto; text-align: left; display: none; } /* .mainView ------------------------- */ .slideShow .mainView { width: 100%; position: relative; overflow: hidden; } .slideShow .mainView ul { width: 100%; overflow: hidden; position: relative; } .slideShow .mainView ul li { top: 0; left: 0; width: 100%; position: absolute; } .slideShow .mainView ul li img { width: 100%; } /* .thumbNail ------------------------- */ .slideShow .thumbNail { width: 100%; overflow: hidden; } .slideShow .thumbNail ul { width: 110%; } .slideShow .thumbNail ul li { float: left; display: inline; overflow: hidden; cursor: pointer; } .slideShow .thumbNail ul li img { width: 100%; } .slideShow .thumbNail ul li.active { filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; } /* sideNavi ------------------------- */ .slideShow .mainView .btnPrev, .slideShow .mainView .btnNext { top: 0; width: 5%; height: 100%; position: absolute; z-index: 100; } .slideShow .mainView .btnPrev { left: 0; background: #ccc url(../img/btnPrev.png) no-repeat center center; } .slideShow .mainView .btnNext { right: 0; background: #ccc url(../img/btnNext.png) no-repeat center center; } /* ======================================= ClearFixElements ======================================= */ .slideShow ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; } .slideShow ul { display: inline-block; overflow: hidden; } /* ticker ====== .ticker { margin: 0 auto; padding: 0px; width: auto; /* text-align: left; */ /* border: #ccc 1px solid; */ position: relative; overflow: hidden; } .ticker ul { width: 100%; position: relative; } .ticker ul li { width: 100%; display: none; } /* ======================================= 　消火器の選び方ガイドページ ======================================= */ #extin_selection_guide {margin: 0 0 20px 0; padding: 0; color:#333;} #extin_selection_guide img {boder:none;} #extin_selection_guide a {boder:none;} #extin_selection_guide #selection {margin: 0 0 15px 0; overflow:hidden;} #extin_selection_guide .biz {width:330px; float:left;} #extin_selection_guide .house {width:330px; float:right;} #extin_selection_guide h2 {margin-bottom: 10px;} #extin_selection_guide h3 {margin: 30px 0px 10px; clear:both; color:#333; font-weight:normal;} #extin_selection_guide p {font-size: 14px; line-height:1.5; padding-left: 1em; margin:20px 0px;} #extin_selection_guide ul {margin:0; padding:0;} #extin_selection_guide li {display:block; list-style:none;} #extin_selection_guide ul#biz,ul#house {margin: 20px 0px 20px 10px; overflow:hidden;} #extin_selection_guide ul#biz li.dryc {width:650px; margin-bottom: 10px;} #extin_selection_guide ul#biz li.other {width:212px; float:left; margin-right: 7px; margin-bottom:10px;} #extin_selection_guide ul#house li.kitchen {width:650px; clear: both;} #extin_selection_guide ul#house li.other {width:320px; float:left; margin-right: 10px; margin-bottom:10px;} /* ======================================== サイド縦帯バナー ========================================= */ #tate_left { left: 0px; } #tate_right { right: 0px; } #tate_right a { display: block; min-height: 100%; width: 110px; 　　　　　　/* 画像の横幅 */ visibility: visible; height: 7000px; text-indent:-9999px; } #tate_left a { display: block; min-height: 100%; width: 170px; 　　　　　　/* 画像の横幅 */ visibility: visible; height: 7000px; text-indent:-9999px; } #tate_right { position: absolute; width: 110px; 　　　　　 /* 画像の横幅 */ min-height:100%; visibility: visible; display: block; } #tate_left { position: absolute; width: 170px; 　　　　　 /* 画像の横幅 */ min-height:100%; visibility: visible; display: block; } /*********************** 左縦バナー設定 ************************/ .tateobi1 { background: url(https://www.kurashi-kan.jp/data/nissyo/image/00_SALE/seasonbn/shipfree_12n.gif) repeat-y scroll; /* background: url(https://www.kurashi-kan.jp/data/nissyo/image/00_SALE/seasonbn/cp/tatebn_cp2505.gif) repeat-y scroll;*/ min-height: 100%; height: 8000px; top: 0px; z-index: auto; visibility: visible; } /*********************** 右縦バナー設定 ************************/ .tateobi2 { /* background: url(https://www.kurashi-kan.jp/data/nissyo/image/00_SALE/seasonbn/cp/tatebn_monitorcp.gif) repeat-y scroll; */ background: url(https://www.kurashi-kan.jp/data/nissyo/image/00_SALE/seasonbn/shipfree_12n.gif) repeat-y scroll; min-height: 100%; height: 8000px; top: 0px; z-index: auto; visibility: visible; } @media screen and (max-width: 1220px) { #tate_left, #tate_right { visibility: hidden; } } /*********************** サイドカテゴリーメニュー ***********************/ div#SideCatMenu { margin-left: 5px; padding: 0px; } div#categoryTitle { margin-bottom: 5px; } ul#menu a { text-decoration: none;/* underline 211117 */ } ul#menu, ul.sub_menu{ list-style:none; margin:0; padding:0; } ul#menu { width:150px; margin:0px; /* border:1px solid #e5e4e6; */ border-bottom:none; } ul#menu li{ padding-bottom: 5px; } ul#menu.main_menu li { padding: 0px; margin-bottom:2px } .main_menu{ background:#eee; color:#000; font-size:11pt; font-weight:bold; padding:0px 0px 0; margin:-2px 0 0 0px; cursor:pointer; width:150px; height:40px; /* border:1px solid #e5e4e6; */ } .sub_menu li{ background:#eee; padding: 10px 0px 10px 7px; border:1px solid #cbcacc;/* #e5e4e6 211117 */ font-size:12px; font-weight:bold; width:141px; height: auto;; margin:-1px 0 0 0px; } .sub_menu li a{ color:#003300;/* #33c 211117 */ font-size: 13.5px; display:block; text-decoration: none; } .sub_menu li a:hover{ color:#008000; } /*********************** カート数量欄 ***********************/ #quantity_item span.text-bold { font-size: 16px; } #quantity_item span#purchase_qty input{ font-size: 16px; height: 20px; } #b_pricech2, #pricech2 { font-size: 24px; } /* ヘッダ下お知らせ */ div.newnotice{ /* width: 100%; */ height: auto; border: 1px solid #ccc; padding: 8px 0px; margin: 5px 0; text-align: center; color: #333; font-weight: bold; border-radius: 10px; /* 角丸 */ } div.newnotice a{ font-size: 1.1em; text-decoration: none; } div.notice-long{ height: auto; border: 1px solid #FFF9C0; padding: 10px; margin: 5px 0; text-align: left; color: #333; background-color: #FFFFDD; border-radius: 10px; /* 角丸 */ } div.notice-long span{ color: #CD0030; font-weight: bold; } div.notice-long p{ font-size: 0.9em; padding-top: 10px; } /************* ホース回収NEW **************/ #hosek{ width: 100%; font-size: 14px; line-height: 1.4;} #hosek img{ margin: 5px 5px 15px;} #hosek ul{ background-color: #f8f8f8; padding: 0 0 15px; list-style: none;} #hosek ul img{ margin: 0 0 20px;} #hosek li{ position: relative; padding: 0px 0px 0px 5.5em;} #hosek li::before { position: absolute; top: 50%; left: 4em; transform: translateY(-50%); width: 0px; height: 0px; border: 0.8em solid transparent; border-left: 1.0em solid #3388dd; content: ""; } #hosek p.subttl{ font-size: 2.0em; font-weight: bold; padding-top: 30px; border-top: solid 2px #dedede;} #hosek p.about{ font-size: 1.2em; font-weight: bold; padding: 0.25em 0.5em; margin: 0.5em 0;} #hosek p.bd-gr{ border-left: solid 8px #088233;} #hosek p.bd-bg{ border-left: solid 8px #00adac;} #hosek A:link{ font-size: 2.0em; font-weight: bold; text-decoration: none; line-height: 1.8; } .colbl,A:link.colbl{ color: #0063b7;} .colgr,A:link.colgr{ color: #088233;} .colbg,A:link.colbg{ color: #00adac;} /************* 消火器引取NEW **************/ #hktrbn{ padding: 10px 10px 20px; } #hktrbn img{ float: left; margin: 5px; } /************* セキカワ商品 NDCスプリンクラーヘッド **************/ #itemStyle .skkw p, #itemStyle .sphead p{ color: #2e4099; font-size: 1.5em; font-weight: bold; padding: 0 10px;margin: 15px 0 0;} .skkw span.t_nvy, .sphead span.t_nvy{ color: #2e4099; font-size: 1.2em; margin: 10px;} #itemStyle div.series{text-align: right; margin: 10px;} /* ***レフトナビカレンダー数字テキスト*** */ .side_box .cal_day { font-size: 75%; } /************* 忌避剤 販売実績 **************/ #itemStyle div.jskarea p { position: absolute; top: 35%; left: 40%; font-size: 40px; } #itemStyle div.jskarea h5 { margin: 0; padding: 0; } div.sekouarea2 { display: inline-block; border-bottom:1px solid #E0DFE3; } .sekouarea2 div { display: inline-block; width: 50%; float: left; } div#itemStyle .sekouarea2 div img{ max-width: 100%; height: auto; width /***/:auto; } div#itemStyle div.jsktable table{ width: 90%; overflow: hidden; border-collapse: collapse; border-spacing: 0; border: 0!important; font-size: 0.9em; margin: 10px auto; } div#itemStyle div.jsktable tr:nth-child(odd) { background-color: #f7f7df; } /*** tsuita ***/ #itemStyle div.tsuita p { font-size: 110%; color:#162466; line-height: 150%; padding-top:10px; } /* YouTube表示 */ .youtube_player{ margin:20px auto; width: 85%; aspect-ratio: 16 / 9; } .youtube_player iframe { width: 100%; height: 100%; } /* 避けテクジェルリンクバナー block解除 */ #itemStyle div.jelbn img{ display: inline-block; margin-top:8px; } div.jelbn{ margin:15px auto; text-align: center; } /* 10型消火器バリエーションバナー */ /* TOPとカテゴリページ */ div#extin10_cmnbn{ margin-bottom: 10px; } div#extin10_cmnbn div{ float:left; display:block; } div#extin10_cmnbn div img{ float:left; } /* 商品ページ */ p.areattl{font-size: 1.5em;line-height: 1.4;text-align: center;color: #FFF;background-color: #4394e6;padding:5px 0 3px;margin-bottom:10px;letter-spacing: 0.05em;}