/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* --- Reset Start --- --- 各ブラウザ間の表示を統一する為の記述です --- */ /* default property reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {margin:0px; padding:0px;} table {border-collapse:collapse; border-spacing:0px;} fieldset,img {border:0px;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0px;} body * {line-height:1.22em; word-break:break-all;} /* line-height:1.22em;について */ /* 各フォントサイズ毎に行間を算出する指定です。 この指定を削除すると、全体の行間は統一される為、 見た目のレイアウトが変更される場合があります。 */ /* --- Reset End --- */ body { font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:170%; margin:0px; padding:0px; text-align:center; font-size:13px; color:#333333; } img { vertical-align:bottom; } .bold { font-weight:bold; } .cell_mar { margin:0px 5px 0px 15px; } a:link {color:#000000;text-decoration:none;} a:visited {color:#000000;text-decoration:none;} a:active {color:#000000;text-decoration:none;} a:hover {color:#ee0000;text-decoration:none;} div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { /*margin:40px 0px 15px 0px;*/ margin:20px 0px 15px 0px; } .title { width:950px; /*height:130px;*/ height:50px; font-weight:bold; text-align:center; /*margin-bottom:15px;*/ margin-bottom:10px; color:#0000cc; font-size:22px; } .title a {color:#0000cc;} .title a:link {color:#0000cc; text-decoration:none;} .title a:visited {color:#0000cc; text-decoration:none;} .title a:active {color:#0000cc; text-decoration:none;} .title a:hover {color:#0000cc; text-decoration:none;} #gbn { margin-bottom:15px; } #gbn1 {width:97px;} #gbn2 {width:64px;} #gbn3 {width:74px;} #gbn4 {width:42px;} #gbn5 {width:89px;} #gbn6 {width:88px;} #gbn7 {width:42px;} #gbn8 {width:130px;text-align:right;} #gbn9 {} #gbn9_form { padding-left:20px; } .gbn9_form_select { width:206px; margin-bottom:5px; } .gbn9_form_input { width:140px; margin-right:5px; } .menu_1 { width:950px; height:150px; padding:0px 15px 0px 0px; margin:0px; line-height:0em; text-align:right; font-size:10px; } .menu_1 img{ vertical-align:top; } .menu_1 a {color:#FFFFFF; text-decoration:none;} .menu_1 a:link {color:#FFFFFF; text-decoration:none;} .menu_1 a:visited {color:#FFFFFF; text-decoration:none;} .menu_1 a:active {color:#FFFFFF; text-decoration:none;} .menu_1 a:hover {color:#FFFFFF; text-decoration:none;} #linkSpacer{ margin:0px 5px 0px 5px; } /* ************************************************ * 左側メニュー * ************************************************ */ #side_area { padding-right:29px; text-align:left; } table.sidemenu { width:195px; margin-bottom:25px; color:#333333; } .side_title { width:195px; height:33px; margin-bottom:10px; } .side_text { text-align:center; padding:5px 10px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg.gif) 0px 0px repeat-y; line-height:1.2em; } .side_text_members, .side_text_cart { display:block; text-align:center; padding-top:10px; } .side_text ul li{ padding-bottom:10px; } .side_text ul li img{ vertical-align:middle; } .side_cat_bottom { width:195px; height:2px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg03.gif) 0px 0px no-repeat; } .side_bottom { display:block; width:195px; height:2px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg03.gif) 0px 0px no-repeat; } .st_contents { overflow:hidden; width:175px; text-align:left; } .side_text a {color:#000000; text-decoration:none;} .side_text a:link {color:#000000; text-decoration:none;} .side_text a:visited {color:#000000; text-decoration:none;} .side_text a:active {color:#000000; text-decoration:none;} .side_text a:hover {color:#ee0000; text-decoration:none;} #manager_name { margin:5px 0px; font-weight:bold; text-align:center; } div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } /* ------------------------------------- * 商品カテゴリーエリア背景色 * ------------------------------------- */ .side_cat_bg { margin-bottom:25px; } .side_cat_text { width:195px; background:#FFFFFF; overflow:hidden; } .side_cat_text_group { width:195px; background:#FFFFFF; overflow:hidden; } .side_cat_text .st_contents { border-top:1px #e6e6e6 solid; } .side_cat_text_group .st_contents { border-top:1px #e6e6e6 dotted; } .side_cat_text .st_contents, .side_cat_text_group .st_contents{ padding:10px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg.gif) 0px 0px repeat-y; } .side_cat_text .st_contents a, .side_cat_text_group .st_contents a { background:transparent url(https://img.shop-pro.jp/tmpl_img/31/rs_m_rect.gif) 0px 3px no-repeat; padding-left:15px; } .side_cat_img { padding:10px 0px 0px; } .side_cat_text a,.side_cat_text_group a {color:#000000; text-decoration:none;} .side_cat_text a:link ,.side_cat_text_group a:link {color:#000000; text-decoration:none;} .side_cat_text a:visited,.side_cat_text_group a:visited {color:#000000; text-decoration:none;} .side_cat_text a:active,.side_cat_text_group a:active {color:#000000; text-decoration:none;} .side_cat_text a:hover,.side_cat_text_group a:hover {color:#ee0000; text-decoration:none;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { width:175px; overflow:hidden; margin:3px 0px 3px 0px; padding:5px; font-size:10px; border-left:3px solid #6699CC; border-right:3px solid #6699CC; } .incart_name { text-align:left; } .subtotal { padding:5px 0; } .stotal { text-align:right; } .total { padding:5px 0; border-top:1px dotted #C3C3C3; text-align:right; margin:0; } .postage { border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; padding:5px 0; } .postage li { margin:5px 0; color:red; text-align:left; } .viewcart { padding:5px 0; text-align:center; } /* ------------------------------------- * 会員専用ページ * ------------------------------------- */ #btn_members_login, #btn_members_logout, #btn_members_signup{ text-align:center; } #btn_members_signup span, #btn_members_logout span { display:block; font-size:10px; line-height:1.1em; padding:8px 0px 3px; text-align:center; } /* ------------------------------------- * 商品検索 * ------------------------------------- */ .side_form_select { width:175px; margin-bottom:5px; } .side_form_input { width:120px; margin-right:5px; } /* ************************************************ * フッターメニュー * ************************************************ */ #footer #copy{ border-top:1px #e6e6e6 solid; width:950px; text-align:center; padding-top:30px; margin:30px 0px; color:#999999;; } #footer a {color:#000000; text-decoration:none;} #footer a:link {color:#000000; text-decoration:none;} #footer a:visited {color:#000000; text-decoration:none;} #footer a:active {color:#000000; text-decoration:none;} #footer a:hover {color:#ee0000; text-decoration:none;} /* ************************************************ * コンテンツ共通 * ************************************************ */ .main_title { width:726px; padding-bottom:15px; } /* ------------------------------------- * 会員専用価格の表示 トップページ用 * ------------------------------------- */ .regular_price_top { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_top { padding:0px; margin:0px; font-size:14px; color:#ff0000; } .discount_rate_top { padding:0px; margin:0px; color:#333333; } .common_image img{ margin-bottom:15px; display:block; } /* ------------------------------------- * コンテンツ下部 決済・配送方法指定 * ------------------------------------- */ #shop_info { margin-top:60px; } #shop_info_pay .tit, #shop_info_deli .tit { } #shop_info .cont { padding:15px 20px; } #shop_info_pay {background:transparent url(https://img.shop-pro.jp/tmpl_img/31/shop_info_pay_bg.gif) 0px 0px repeat-y;} #shop_info_deli {background:transparent url(https://img.shop-pro.jp/tmpl_img/31/shop_info_deli_bg.gif) 0px 0px repeat-y;} #right_pay_deli_bg { height:2px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/right-pay_deli_bg.gif) 0px 0px no-repeat; width:726px; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_block { width:726px; height:7em; overflow:auto; margin:0px 0px 30px; border:#e5e5e5 solid 1px; } .info_title { font-weight:bold; margin:0px 0px 10px; padding:15px 15px 0px; } .info_text { padding:0px 15px 15px; color:#333333; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { text-align:left; color:#333333; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示 並び順を変更(商品一覧) * ------------------------------------- */ .sort_01 { width:726px; height:28px; color: #333333; background:#e7e7e7; margin-bottom:1px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited { text-decoration:underline; color:#0000cc; } .sort_01 a:active, .sort_01 a:hover { text-decoration:underline; color:#ee0000; } /* 会員専用価格の表示 商品一覧用 */ .regular_price_all { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_all { padding:0px; margin:0px; font-size:14px; color:#ff0000; } .discount_rate_all { padding:0px; margin:0px; color:#333333; } /* ------------------------------------- * 一覧表示 並び順を変更(商品検索結果) * ------------------------------------- */ .sort_02 { width:726px; height:28px; color:#333333; background:#e7e7e7; margin-bottom:1px; } .sort_02 a, .sort_02 a:link, .sort_02 a:visited { text-decoration:underline; color:#0000cc; } .sort_02 a:active, .sort_02 a:hover { text-decoration:underline; color:#ee0000; } /* 会員専用価格の表示 商品検索結果用 */ .regular_price_search { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_search { padding:0px; margin:0px; font-size:14px; color:#ff0000; } .discount_rate_search { padding:0px; margin:0px; color:#333333; } /* ------------------------------------- * 一覧表示 商品数と表示数 * ------------------------------------- */ .pagenavi { width:726px; height:28px; background:#e7e7e7; margin-bottom:15px; } .pagenavi a { color:#000000; text-decoration:underline; } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list { float:left; width:181px; text-align:center; margin:0px; } .product_item { text-align:center; padding:0px 0px 50px; } .product_item img { border:1px solid #999999; } /*****/ .product_list_saree { float:left; width:319px; text-align:center; margin:10px; } .product_item_saree { text-align:center; padding:0px 5px 5px; } .product_item_saree img { border:1px solid #999999; } /*********/ .product_item .name { margin:10px 0px 0px; color:#333333; } .product_item .name img{ vertical-align:middle; } .product_item .price { margin:5px 0px 0px; font-weight:bold; } .product_item .expl { color:#333333; line-height:120%; text-align:left; margin:5px 0px; } .product_list a {color:#000000; text-decoration:none;} .product_list a:link {color:#000000; text-decoration:none;} .product_list a:visited {color:#000000; text-decoration:none;} .product_list a:active {color:#000000; text-decoration:none;} .product_list a:hover {color:#ee0000; text-decoration:none;} /* ------------------------------------- * ぱんくずリスト * ------------------------------------- */ .footstamp { width:726px; color:#000000; margin-bottom:15px; } .footstamp a {color:#0000cc; text-decoration:none;} .footstamp a:link {color:#0000cc; text-decoration:none;} .footstamp a:visited {color:#0000cc; text-decoration:none;} .footstamp a:active {color:#0000cc; text-decoration:none;} .footstamp a:hover {color:#ee0000; text-decoration:none;} .txt-f10 { font-size:10px; } .footstamp img { vertical-align:middle; } /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { padding-top:20px; text-align:center; } /* ------------------------------------- * 最近チェックした商品 * ------------------------------------- */ .ci_main_title { border-bottom: 2px solid #D3D3D3; font-weight: bolder; margin-top: 30px; padding-bottom: 5px; text-align: left; } .checkitem_list { float:left; margin: 15px 0; padding: 0 9px 0 12px; width: 100px; } .checkitem .price { font-weight:bold; } .checkitem .ci_img { width:98px; margin-bottom:3px; border:1px solid #999999; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ .detail_cont { width:726px; } .detail_img_block { width:405px; float:left; } .detail_txt_block { width:294px; float:right; text-align:left; } .detail_img_block img { border:1px solid #999999; } .product_name { font-size:18px; font-weight:bold; margin-bottom:10px; /*background:transparent url(https://img02.shop-pro.jp/PA01127/624/etc/%C0%FE.gif?) no-repeat center bottom;*/ border-bottom: 2px dotted #990000; /*border-left: 4px solid #990000;*/ line-height: 2em; } .expl_block { margin-bottom:30px; } .detail_img { margin-bottom:20px; } .detail_other { width:405px; } .detail_other .sub { width:135px; float:left; } .detail_other .sub img { width: 120px; } .detail_txt_block table.table { width:294px; border-left:#e7e7e7 solid 1px; border-top:#e7e7e7 solid 1px; margin-bottom:20px; } .detail_txt_block table.table td.tit, .detail_txt_block table.table td.cont { padding:15px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; } .detail_txt_block table.table td.tit { width:100px; } .sk_link_other { margin-bottom:20px; } .txt_option { margin-bottom:20px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_option.gif) 0px 3px no-repeat; padding-left:15px; } .txt_back { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_back.gif) 0px 0px no-repeat; padding-left:22px; } .txt_tell { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_tell.gif) 0px 3px no-repeat; padding-left:22px; } .txt_inq { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_inq.gif) 0px 0px no-repeat; padding-left:22px; } .txt_review { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_review.gif) 0px 0px no-repeat; padding-left:22px; } .txt_reviewpost { margin-bottom:20px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_post.gif) 0px 0px no-repeat; padding-left:22px; } /* オプションリンク */ .txt-optionLink { margin-bottom:20px; } .rs_pd_cart_btn { margin-bottom:10px; } .btn_quick { } /* 会員専用価格の表示 商品詳細用 */ .regular_price_detail { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_detail { padding:0px; margin:0px; font-size:14px; color:#ff0000; font-weight:bold; } .discount_rate_detail { padding:0px; margin:0px; color:#333333; } p#sk_link_other { text-align:center; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin:65px 0px 0px; } #together .tog_main_title { margin:0px 0px 15px; } #together .together_list { margin:0px 3px; float:left; width:175px; } #together .together_list img { border:1px solid #999999; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin:30px 0px 15px; } #trackback .tb_main_title { font-weight:bold; margin:0px 0px 5px; } #trackback .tb_url { padding:6px 8px; border:1px solid #e7e7e7; } #trackback .tb { } #trackback .tb_date { padding:10px 0px; } #trackback .tb_title { padding:0px 0px 10px; } #trackback .tb_body { line-height:150%; padding:10px 0px; border-top:1px dotted #e7e7e7; border-bottom:1px dotted #e7e7e7; } #trackback .tb_state { padding:0px; } /* ************************************************ * 商品オプションページ * ************************************************ */ #Option .main_title { margin:15px auto; padding:5px 0px; background:#e7e7e7; height:auto; width:564px; } #Option .main_title .cont { padding:0px 5px; } #Option .option_table { width:564px; margin-bottom:5px; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; } #Option .option_cell1 { text-align:left; font-weight:normal; padding:5px 5px 5px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #Option .option_cell2 { text-align:left; padding:5px; background-color:#FFFFFF; padding:2px 6px 2px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #Option .option_cell3 { text-align:left; padding:5px; background-color:#FFFFFF; padding:2px 10px 2px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } div#Option table.main_title td{ text-align:left; } /* 会員専用価格の表示 オプション用 */ .regular_price_stock { padding:0px; margin:0px; text-decoration:line-through; color:#333333; } .price_detail_stock { padding:0px; margin:0px; } .discount_rate_stock { padding:0px; margin:0px; color:#333333; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .payment_img { width:30px; height:30px; margin:3px; } #ShopKeeper { width:726px; margin-bottom:15px; color:#333333; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; } #ShopKeeper th { width:200px; overflow:hidden; padding:10px; font-weight:normal; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #ShopKeeper td { padding:10px; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #ShopKeeper td table th, #ShopKeeper td table td, #ShopKeeper td table, #ShopKeeper td table { border-right:none; border-top:none; border-left:none; border-bottom:none; } #ShopKeeper th img, #ShopKeeper td img { vertical-align:middle; } /* 検索結果 */ .txt-search { padding:5px 10px; background:#e7e7e7; border-bottom:1px solid #FFFFFF; } .txt-hitNum { margin-bottom:15px; padding:5px 10px; background:#e7e7e7; } .txt-search strong, .txt-hitNum strong { font-weight:bold; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { margin-bottom:15px; color:#333333; } .pe_title { padding-top:15px; color:#333333; border-top:1px solid #eaeaea; } .pe_note { line-height:150%; margin:5px 5px 20px 30px; } /* ************************************************ * float解除 * ************************************************ */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac */ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* ------------------------------------- * 商品オプション 表形式 * ------------------------------------- */ #option_tbl { border-collapse:collapse; margin:10px auto 10px; border-top:1px solid #ccc; border-left:1px solid #ccc; width:100%; } #option_tbl th{ padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } #option_tbl td input{ float:none; margin:0 0 5px; width:auto; } #option_tbl th, #option_tbl td.none { background:#eee; } #option_tbl td { padding:5px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } .stock_zero { color:red; } /*====================================================================== *********************************************************************** * * * ↓追加項目 *********************************************************************** ======================================================================*/ .footer { width:100%; text-align:center; clear:left; } /* ************************************************ * ページ下部お買い物ガイドテーブル定義 * ************************************************ */ .colortable table{ width:900; border:1px dashed #D3D3D3; background: #D3D3D3; border-collapse:separate; border-spacing:5px; text-align:left; } .colortable td{ background: #ffffff; border:1px dashed #D3D3D3; padding:5px; width:730px; } .colortable th{ border:1px dashed #ffffff; background: #D3D3D3; padding:5px; width:170px; } .colortable img.shiharai{ width:50px; margin-left:2px; } /*====================================================================== *********************************************************************** * ↑フッター * * ↓フリーページ *********************************************************************** ======================================================================*/ /*ラクリヤブランドストーリー*/ .waku1top{ background: #ffffff url(https://img02.shop-pro.jp/PA01127/624/etc/waku-1top.jpg) no-repeat; height:50px; } .waku1mid{ background: #ffffff url(https://img02.shop-pro.jp/PA01127/624/etc/waku-1mid.jpg); padding:0px 30px; } .waku1bot{ background: #ffffff url(https://img02.shop-pro.jp/PA01127/624/etc/waku-1bottom.jpg) no-repeat; height:50px; } /* start: clearfix ------------------------------ */ #container:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } #container { display:inline-table; } /* Hides from Mac IE \*/ * html #container { height:1px; } #container { display:block; } /* */ /* end: clearfix ------------------------------ */ /* start: clearfix ------------------------------ */ .wrapper:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } .wrapper { display:inline-table; } /* Hides from Mac IE \*/ * html .wrapper { height:1px; } .wrapper { display:block; } /* */ /* end: clearfix ------------------------------ */ /* ************************************************ * 旅行アドバイス * ************************************************ */ .advice{ border:2px dashed #be6e6b; background: #ffffff url(https://img02.shop-pro.jp/PA01127/624/etc/face-a.jpg) no-repeat; margin:0px 0px 20px; } .advice p{ padding:10px; } .advice h4{ font-weight:bold; font-size:large; padding:20px 10px 0px 100px; height:100px; } /* ************************************************ * ラクリヤについて * ************************************************ */ .ownersintroa{ width:260px; /*padding:10px;*/ float:left; } .ownersintrot{ width:260px; /*padding:10px;*/ float:right; } .ownersintroat{ clear:both; width:540px; text-align:center; margin-bottom:30px; /*padding:10px;*/ } .waku2point{ background: #ffffff url(https://img02.shop-pro.jp/PA01127/624/etc/waku-2point.jpg) no-repeat; padding:0px 0px 0px 70px; height:22px; color:#045ced; font-weight:bold; } .waku2mid{ background: #ffffff url(https://img02.shop-pro.jp/PA01127/624/etc/waku-2mid.jpg); padding:0px 0px 10px 70px; } /* ************************************************ * トップ広告 * ************************************************ */ table.topadv td{ padding:10px; } table.topblogs td{ padding:17px; } /* ************************************************ * Lightbox * ************************************************ */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox img{ width: auto; height: auto; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0; } #hoverNav a{ outline: none; } #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } /* #prevLink:hover, #prevLink:visited:hover { background: url(http://tomi-ya.com/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://tomi-ya.com/nextlabel.gif) right 15% no-repeat; } */ #prevLink{ background: url(http://tomi-ya.com/prevlabel.gif) left 100% no-repeat; } #nextLink{ background: url(http://tomi-ya.com/nextlabel.gif) right 100% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*フリーページ*/ div#stp img{ border:solid 1px #ccc; padding:4px; margin-bottom:30px; } div#stp h1 { font-size: 120%; padding-left: 10px; padding-right: 40px; background: #D1483E; /*url(img/taprobane-yaricopy.png) right no-repeat;*/ line-height: 40px; height: 40px; overflow: hidden; color: #FFFFFF; margin-bottom: 10px; font-weight:bold; /*角丸*/ /* ▼CSS3 */ border-top-right-radius: 30px; /* 右上 */ border-bottom-left-radius: 30px; /* 左下 */ /* ▼Safari,Chrome */ -webkit-border-top-right-radius: 30px; /* 右上 */ -webkit-border-bottom-left-radius: 30px; /* 左下 */ /* ▼Firefox */ -moz-border-radius-topright: 30px; /* 右上 */ -moz-border-radius-bottomleft: 30px; /* 左下 */ } /*==========スリランカリンク集==========*/ div#slksk h1 { font-size: 120%; padding-left: 10px; padding-right: 40px; background: #D1483E; /*url(img/taprobane-yaricopy.png) right no-repeat;*/ line-height: 40px; height: 40px; overflow: hidden; color: #FFFFFF; margin-bottom: 10px; font-weight:bold; /*角丸*/ /* ▼CSS3 */ border-top-right-radius: 30px; /* 右上 */ border-bottom-left-radius: 30px; /* 左下 */ /* ▼Safari,Chrome */ -webkit-border-top-right-radius: 30px; /* 右上 */ -webkit-border-bottom-left-radius: 30px; /* 左下 */ /* ▼Firefox */ -moz-border-radius-topright: 30px; /* 右上 */ -moz-border-radius-bottomleft: 30px; /* 左下 */ } div#slksk h2 { border-bottom: 2px dotted #990000; margin: 5px 0px 5px 0px; padding: 1px 0px 1px 10px; border-left: 4px solid #990000; font-weight:bold; line-height: 2em; } /* --- リストエリア --- */ ul.thumbnail { width: 700px; /* リストエリアの幅 */ margin: 0; padding: 0; /*border-bottom: 1px #990000 dotted; リストエリアの上境界線 */ list-style-type: none; } /* --- リスト項目 --- */ ul.thumbnail li { padding: 20px 15px; /* リスト項目のパディング(上下、左右) */ border-top: 1px #808080 dotted; /*リスト項目の下改め上境界線 */ } /* --- 項目内容 --- */ ul.thumbnail dl { width: 100%; margin: 0; } /* --- 写真エリア --- */ ul.thumbnail dt.photo { width: 140px; /* 写真エリアの幅 */ float: left; } ul.thumbnail dt.photo img { border: 1px #808080 solid; /* 写真の境界線 */ } /* --- キャプションエリア --- */ ul.thumbnail dt.title, ul.thumbnail dd { } /* --- タイトルエリア --- */ ul.thumbnail dt.title { margin-bottom: 5px; /* タイトルエリアの下マージン */ line-height: 120%; } /* --- コメントエリア --- */ ul.thumbnail dd { line-height: 150%; margin-top: 15px; } /* --- clearfix --- */ .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearFix { min-height: 1px; } /*==========オーナーのコメント==========*/ .owners { height: auto; overflow: auto; float:left buttom; padding:10px; padding-left:60px; margin:10px; border: #FF8C00 3px dashed; background-image: url("https://img02.shop-pro.jp/PA01127/624/etc/zou2_normal.jpg"); background-repeat: no-repeat; background-position: 0% 20%; } /*==========ラクリヤとはのページ、写真右。==========*/ div#lklyth h1 { font-size: 120%; padding-left: 10px; padding-right: 40px; background: #ff8c00; /*url(img/taprobane-yaricopy.png) right no-repeat;*/ line-height: 40px; height: 40px; overflow: hidden; color: #FFFFFF; margin-bottom: 10px; font-weight:bold; /*角丸*/ /* ▼CSS3 */ border-top-right-radius: 30px; /* 右上 */ border-bottom-left-radius: 30px; /* 左下 */ /* ▼Safari,Chrome */ -webkit-border-top-right-radius: 30px; /* 右上 */ -webkit-border-bottom-left-radius: 30px; /* 左下 */ /* ▼Firefox */ -moz-border-radius-topright: 30px; /* 右上 */ -moz-border-radius-bottomleft: 30px; /* 左下 */ } div#lklyth h2 { border-bottom: 2px dotted #d2691e; margin: 5px 0px 5px 0px; padding: 1px 0px 1px 10px; border-left: 4px solid #d2691e; font-weight:bold; line-height: 2em; } ul.thumbnail_l { width: 700px; /* リストエリアの幅 */ margin: 0; padding: 0; list-style-type: none; } /* --- リスト項目 --- */ ul.thumbnail_l li { padding: 0px 0px 5px 5px; /* リスト項目のパディング(上下、左右) */ } /* --- 項目内容 --- */ ul.thumbnail_l dl { width: 100%; margin: 0; } /* --- 写真エリア (フチありにする)--- */ ul.thumbnail_l dt.photo { width: 200px; /* 写真エリアの幅 */ float: right; } ul.thumbnail_l dt.photo img { padding:10px; background-color:#ffffff; border-color:#dddddd #aaaaaa #aaaaaa #dddddd; border-width:1px; border-style:solid; margin:5px; } /* --- コメントエリア --- */ ul.thumbnail_l dd { line-height: 150%; margin-top: 5px; } /*==============ラクリヤメンバー等、横並びの写真リスト(キャプション付き)==================*/ /* --- リストエリア --- */ ul.thumbnail_2 { width: 100%; /* リストエリアの幅 */ /*min-width: 660px; リストエリアの最小幅(不要な場合は削除) */ margin: 0; padding: 20px 0 0; /* リストエリアのパディング(上、左右、下) */ list-style-type: none; } /* --- リスト項目 --- */ ul.thumbnail_2 li { width: 33.3%; /* 項目の幅 */ float: left; } /* --- 項目内容 --- */ ul.thumbnail_2 dl { width: 200px; /* 内容の幅 */ margin: 0 auto; /* 内容のセンタリング */ /*font-size: 80%;*/ } /* --- 写真エリア --- */ ul.thumbnail_2 dt { /* height: 102px; */ /* 写真エリアの高さ(dt要素の高さを指定する場合) */ margin-bottom: 5px; /* 写真エリアの下マージン */ } ul.thumbnail_2 dt img { /*border: 1px #808080 solid; 写真の境界線 */ width: 150px; } /* --- キャプションエリア --- */ ul.thumbnail_2 dd { margin: 0 0 3px; /* キャプションエリアのマージン(上、左右、下) */ height: 10em; /* キャプションエリアの高さ */ line-height: 120%; } /*========= 枠付きの写真 ==========*/ .double-border{ padding:10px; background-color:#ffffff; border-color:#dddddd #aaaaaa #aaaaaa #dddddd; border-width:1px; border-style:solid; margin:10px; } /*==============ラクリヤ活動写真等、横並びの写真リスト枠付き(キャプション付き)==================*/ /* --- リストエリア --- */ ul.thumbnail_l2 { width: 100%; /* リストエリアの幅 */ /*min-width: 660px; リストエリアの最小幅(不要な場合は削除) */ margin: 0; padding: 20px 0 0; /* リストエリアのパディング(上、左右、下) */ list-style-type: none; } /* --- リスト項目 --- */ ul.thumbnail_l2 li { width: 33.3%; /* 項目の幅 */ float: left; } /* --- 項目内容 --- */ ul.thumbnail_l2 dl { width: 200px; /* 内容の幅 */ margin: 0 auto; /* 内容のセンタリング */ /*font-size: 80%;*/ } /* --- 写真エリア --- */ ul.thumbnail_l2 dt { /* height: 102px; */ /* 写真エリアの高さ(dt要素の高さを指定する場合) */ margin-bottom: 5px; /* 写真エリアの下マージン */ } ul.thumbnail_l2 dt img { padding:5px; background-color:#ffffff; border-color:#dddddd #aaaaaa #aaaaaa #dddddd; border-width:1px; border-style:solid; margin:5px; width: 200px; } /* --- キャプションエリア --- */ ul.thumbnail_l2 dd { margin: 0 0 3px; /* キャプションエリアのマージン(上、左右、下) */ height: 3em; /* キャプションエリアの高さ */ line-height: 120%; } /*==========ラクリヤのサイト紹介ページ等ヘディング==========*/ div#lklyth2 h1 { font-size: 120%; padding-left: 10px; padding-right: 40px; background: #666600; /*url(img/taprobane-yaricopy.png) right no-repeat;*/ line-height: 40px; height: 40px; overflow: hidden; color: #FFFFFF; margin-bottom: 10px; font-weight:bold; /*角丸*/ /* ▼CSS3 */ border-top-right-radius: 30px; /* 右上 */ border-bottom-left-radius: 30px; /* 左下 */ /* ▼Safari,Chrome */ -webkit-border-top-right-radius: 30px; /* 右上 */ -webkit-border-bottom-left-radius: 30px; /* 左下 */ /* ▼Firefox */ -moz-border-radius-topright: 30px; /* 右上 */ -moz-border-radius-bottomleft: 30px; /* 左下 */ } div#lklyth2 h2 { border-bottom: 2px dotted #669900; margin: 5px 0px 5px 0px; padding: 1px 0px 1px 10px; border-left: 4px solid #669900; font-weight:bold; line-height: 2em; } /*==========商品詳細ページ==========*/ .syousai { height: auto; overflow: auto; border: #3d6aa7 1px solid; } .syousai h1{ font-size: 120%; padding-left: 10px; padding-right: 40px; background: #3d6aa7; line-height: 40px; height: 40px; overflow: hidden; color: #FFFFFF; font-weight:bold; } .syousai h2 { border-bottom: 1px dotted #3d6aa7; margin: 5px 0px 5px 0px; padding: 1px 0px 1px 10px; border-left: 6px solid #3d6aa7; border-right: 6px solid #3d6aa7; font-size: 120%; font-weight:bold; color: #3d6aa7; line-height: 2em; } .syousai .txt{ margin: 10px; } /*==============商品詳細の横並びの写真リスト枠付き(キャプション付き)(未使用)==================*/ /* --- リストエリア --- */ ul.syouaiphotos { width: 100%; /* リストエリアの幅 */ margin: 0; padding: 5px 0 0; /* リストエリアのパディング(上、左右、下) */ list-style-type: none; } /* --- リスト項目 --- */ ul.syouaiphotos li { width: 33.3%; /* 項目の幅 */ float: left; } /* --- 項目内容 --- */ ul.syouaiphotos dl { width: 230px; /* 内容の幅 */ margin: 0 auto; /* 内容のセンタリング */ } /* --- 写真エリア --- */ ul.syouaiphotos dt { margin-bottom: 5px; /* 写真エリアの下マージン */ } ul.syouaiphotos dt img { padding:5px; background-color:#ffffff; border-color:#dddddd #aaaaaa #aaaaaa #dddddd; border-width:1px; border-style:solid; /*margin:5px;*/ width:220px; } /* --- キャプションエリア --- */ ul.syouaiphotos dd { margin: 0 0 3px; /* キャプションエリアのマージン(上、左右、下) */ height: 3em; /* キャプションエリアの高さ */ } /*==============商品詳細説明テーブル==================*/ .mydetail table{ width:720px; border:#bdbdbd solid 1px;; margin:0px 5px 0px; } .mydetail td.tit{ padding:5px; border:#bdbdbd solid 1px; width:100px; background:#efefef; } .mydetail td.cont{ padding:5px 10px; border:#bdbdbd solid 1px; } div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } a:hover img { -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); } /*==============スリランカ料理マップ==================*/ /* --- リストエリア --- */ ul.thumbnail_map { width: 100%; /* リストエリアの幅 */ margin: 0; padding: 0 0 0; /* リストエリアのパディング(上、左右、下) */ list-style-type: none; /*background-color: #dedede*/ } /* --- リスト項目 --- */ ul.thumbnail_map li { width: 33.3%; /* 項目の幅 */ float: left; /*background-color: #000000;*/ padding: 10px 0px 10px; } /* --- 項目内容 --- */ ul.thumbnail_map dl { width: 220px; /* 内容の幅 */ margin: 0 auto; /* 内容のセンタリング */ font-size: 100%; background-color: #efefef; } /* --- 写真エリア --- */ ul.thumbnail_map dt { padding: 10px 30px 0px; } ul.thumbnail_map dt img { border: 1px #808080 solid; /* 写真の境界線 */ } /* --- キャプションエリア --- */ ul.thumbnail_map dd { margin: 0 0 3px; /* キャプションエリアのマージン(上、左右、下) */ height: 15em; /* キャプションエリアの高さ */ line-height: 120%; padding: 10px 10px; } div#currymap h1 { font-size: 120%; margin-top: 10px; padding-left: 10px; padding-right: 40px; background: #ff8c00; /*url(img/taprobane-yaricopy.png) right no-repeat;*/ line-height: 40px; height: 40px; overflow: hidden; color: #FFFFFF; margin-bottom: 10px; font-weight:bold; /*角丸*/ /* ▼CSS3 */ border-top-right-radius: 30px; /* 右上 */ border-bottom-left-radius: 30px; /* 左下 */ /* ▼Safari,Chrome */ -webkit-border-top-right-radius: 30px; /* 右上 */ -webkit-border-bottom-left-radius: 30px; /* 左下 */ /* ▼Firefox */ -moz-border-radius-topright: 30px; /* 右上 */ -moz-border-radius-bottomleft: 30px; /* 左下 */ } /* ------------------------------------- * 商品オプション 表形式 * ------------------------------------- */ #option_tbl { border-collapse:collapse; margin:10px auto 10px; border-top:1px solid #ccc; border-left:1px solid #ccc; width:100%; } #option_tbl th{ padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } #option_tbl td input{ float:none; margin:0 0 5px; width:auto; } #option_tbl th, #option_tbl td.none { background:#eee; } #option_tbl td { padding:5px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } .stock_zero { color:red; }