@charset "Shift_JIS"; body {background:url(/common/img/header/bg_header.gif) repeat-x;} * {zoom:1;} /* ========================================================================== structure =========================================================================== */ #containers {width:950px;margin:15px auto 0;position:relative;z-index:100;} #containers:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #containerSide {width:200px; *180px; float:left;} #containerMain {width:725px;float:right;} /* ========================================================================== header (h_) =========================================================================== */ #header_cont {width:950px;margin:0 auto 10px;padding-top:10px;position:relative;z-index:900;} #h_Left {width:530px;float:left;} #h_Left_inner {width:542px;position:relative;top:16px;left:0;} #h_Right {width:405px;float:right;} #h_Right_inner {width:405px;} #h_Left p {height:32px;color:#999;font-size:77%;} #h_Ci,#h_Ci a,#h_sub,#h_utility ul,#h_basket .h_gobasket a,#h_basket,#h_basket .inner,#h_basket .btmcurve,#h_basket .h_viewbasket, #h_basket .h_viewbasket a,#h_member,#h_login,#h_mypage,#h_basket_cont,#h_shop,#h_inquiry,#h_logout {background:url(/common/img/header/sp_header.gif) no-repeat;} #h_Ci {width:233px;float:left;position:relative;} #h_Ci a {display:block;width:164px;height:61px;} #h_Ci .season{position:absolute;right:0px;top:0px;width:69px;height:61px;background-color:#ffffff;} #h_sub {width:280px;height:41px;float:right;background: none;overflow:hidden;position:absolute;left:282px;top:13px;} #h_sub .li01 {width:92px;height:41px;background:url(/common/img/header/sp_header.gif) no-repeat;background-position:-810px -50px;float:right;overflow:hidden;position:absolute;left:0px;top:0px; cursor: pointer;} #h_sub .li02 {width:77px;height:41px;background:url(/common/img/header/sp_header.gif) no-repeat;background-position:-902px -50px;float:right;overflow:hidden;position:absolute;left:96px;top:0px; cursor: pointer;} #h_sub .li03 {width:77px;height:41px;background:url(/common/img/header/sp_header.gif) no-repeat;background-position:-979px -50px;float:right;overflow:hidden;position:absolute;left:177px;top:0px; cursor: pointer;} /*#h_sub.cosme_tel {width:172px;height:61px;background-position:-166px 0;float:right;overflow:hidden;position:absolute;left:359px;top:0px;}*/ /*#h_sub li.li01 a {display:block;width:182px;height:43px;background-position:-1302px -61px;}*/ /*#h_sub li.li01 a:hover {background:url(/common/img/header/sp_header.gif) no-repeat;background-position:-1302px -61px;border:0px solid;}*/ /*border:0px solid;が入ると、IE6でマウスオーバー表示*/ #h_sub.cosme_tel li.li01 a:hover {background:none;} #h_sub li.li01 a {display:block;width:92px;height:41px;} #h_sub li.li02 a {display:block;width:77px;height:41px;} #h_sub li.li03 a {display:block;width:77px;height:41px;} #h_utility,#h_status,#h_basket {width:405px;} #h_utility:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #h_utility ul {width:290px;height:16px;background-position:0 -69px;float:right;} #h_utility li {float:left;} #h_utility li.li01 a {display:block;width:88px;height:16px;} #h_utility li.li02 a {display:block;width:114px;height:16px;} #h_utility li.li03 a {display:block;width:75px;height:16px;} #h_utility ul.h_utility_02 {width:408px;height:16px;float:right;background-position:-952px -210px;} #h_utility ul.h_utility_02 li {float:left;} #h_utility ul.h_utility_02 li.li01 a {display:block;width:87px;height:16px;} #h_utility ul.h_utility_02 li.li02 a {display:block;width:110px;height:16px;} #h_utility ul.h_utility_02 li.li03 a {display:block;width:71px;height:16px;} #h_utility ul.h_utility_02 li.li04 a {display:block;width:57px;height:16px;} #h_utility ul.h_utility_02 li.li05 a {display:block;width:80px;height:16px;} /* ========================================================================== serch_word =========================================================================== */ .serch_word {padding:10px;} .serch_word p {background:url(/common/img/header/tx_search.png) no-repeat;text-indent:-9999px;} .serch_word ul .search_l {width:180px; height:20px; float:left; vertical-align:top;} .serch_word ul .search_r {width:40px; float:left; margin:1px 0 0 5px;} #h_utility ul.h_utility_02 li.li05 ul.h_utility-children-list {position: absolute;right:0px; z-index: 1000; display: none;background-image:none;width:100px;height:auto; border:1px solid #bac7ba;border-bottom:0px solid;background-color:#ffffff; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); } #h_utility ul.h_utility_02 li.li05 ul.h_utility-children-list li {border-bottom:1px solid #bac7ba;float:none; font-size:83%;} #h_utility ul.h_utility_02 li.li05 ul.h_utility-children-list li a{display:block;width:auto;height:auto;padding:5px 8px;} #h_utility ul.h_utility_02 li.li05 ul.h_utility-children-list li a:hover{background-color:#f4ffe0;} /*#h_utility ul.h_utility_02 li.li05:hover ul.h_utility-children-list{ display: block;} ここは、CSSのみでマウスオーバー表示する場合に使います。（現状使いません）*/ /*.seach_top_m{margin-top:14px;}*/ /* ========================================================================== #h_status =========================================================================== */ #h_status {width:405px;} #h_status ul {margin-top:15px;width:405px;} #h_status ul:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #h_status li {float:right;} #h_status li.posRight {float:right;margin-right:0;} #h_corp {height:20px;margin-top:25px;float:right;} #h_corp li {margin-left:8px;float:left;} #h_shop {display:block;width:107px;height:21px;background-position:-810px -163px;} #h_inquiry {display:block;width:107px;height:21px;background-position:-810px -184px;} /* 150218 ヘッダー追加 */ #h_inquiry.button_inquiry {display:block;width:148px;height:35px;background-position:-920px -163px} /* /150218 ヘッダー追加 */ #h_welcome {padding-right:10px;padding-top:5px;} #h_member,#h_login {display:block;width:87px;height:25px;margin-right:3px;} #h_logout {display:block;width:87px;height:25px;} #h_mypage {display:block;width:126px;height:25px;margin-right:3px;} #h_member {background-position:-810px -99px;} #h_login {background-position:-902px -99px;} #h_mypage {background-position:-993px -99px;} #h_logout {background-position:-1122px -99px;} #h_basket {margin-top:5px;position:relative;padding-top:4px;background-position:0 -120px;} #h_basket .inner {width:405px;min-height:36px;height:auto !important;height:36px;background-position:-405px 0;} #h_basket .btmcurve {position:absolute;bottom:0;left:0;z-index:2;height:6px;width:405px;background-position:0 -129px;overflow:hidden;} #h_basket p {width:190px;margin-left:85px;} #h_basket p span {color:#cc3333;font-size:77%;} #h_basket p span span {padding:0 0.2em;font-weight:bold;font-size:116%;} #h_basket p.h_noitem {width:auto;padding:0.5em 0;} #h_basket .h_viewbasket {position:absolute;top:0;left:0;z-index:1;width:70px;height:39px;background-position:0 -136px;} #h_basket .h_viewbasket a {display:block;width:70px;height:39px;background-position:0 -136px;} #h_basket .h_viewbasket a.cur {display:block;width:70px;height:39px;background-position:-70px -136px;} #h_basket .h_viewbasket a:hover {display:block;width:70px;height:39px;background-position:-140px -136px;} #h_basket .h_gobasket a {position:absolute;top:7px;right:7px;z-index:1;display:block;width:112px;height:27px;background-position:-292px -66px;} #h_basket .h_gobasket a:hover {background-position:-292px -93px;} #h_basket_cont {display:none;position:absolute;top:39px;left:0;z-index:999;padding-bottom:53px;background-position:left bottom;} #h_basket_cont_inner {position:relative;width:383px;padding:10px;border:1px solid #bac7ba; border-style:none solid;background-color:#fffef3; background-image:none;} #h_bascket_container { width:383px;height:300px;overflow:auto;} #h_bascket_container .h_basket_unit { width:353px; padding:10px 0;border-bottom:1px dotted #cccccc;} .h_basket_unit .h_basket_unit_inner {width:353px;} .h_basket_unit .h_basket_unit_inner:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .h_basket_unit .item {width:73px;float:left;} .h_basket_unit ul {width:280px;float:right;} .h_basket_unit .itemName {} .h_basket_unit .itemName span.fcFrozen {font-weight:bold;color:#028aff;font-size:100%;} .h_basket_unit .price {margin-top:0.5em;} .h_basket_unit .score {float:left;font-weight:bold;margin-top:0.5em;} .h_basket_unit .subtotal {float:right;font-weight:bold;margin-top:0.5em;} .h_basket_unit .banner {margin-top:10px;} #h_basket_close {position:absolute;bottom:-21px;left:56px;} #h_basket_close a {display:block;width:100px;height:21px;} /* お気に入り追加ボタン */ .entryFav{font-size: 16px !important;font-weight: bold;margin-left: 10px;vertical-align: top;} /* お気に入り追加ボタンここまで */ /* Header Modify CSS ------------------------------*/ /* ヘッダコンテンツの切り分け */ #header_cont.threeLines #header_cont_top {height:30px;} #header_cont.threeLines #header_cont_top .header_cont_left {float:left;width:530px;} #header_cont.threeLines #header_cont_middle {clear:both;} #header_cont.threeLines #header_cont_middle .header_cont_left {float:left;padding-left:350px;padding-top:4px;} #header_cont.threeLines #header_cont_bottom .header_cont_left {float:left;width:530px;} #header_cont.threeLines #header_cont_top .header_cont_right, #header_cont.threeLines #header_cont_middle .header_cont_right, #header_cont.threeLines #header_cont_bottom .header_cont_right {float:right;width:405px;} /* ヘッダコンテンツの各エリア位置調整 */ #header_cont.threeLines #h_Left_inner{float:none;position:relative;top:0;left:0;} #header_cont.threeLines #h_Ci{position:absolute;top:-11px;} #header_cont.threeLines #h_sub{top:5px;} #header_cont.threeLines #h_status ul {margin-top:0;} #header_cont.threeLines #h_status ul li.h_welcome {float:left;width:305px;} #header_cont.threeLines #tagline p{color:#999;font-size:77%;} #header_cont.threeLines .header_cont_dlvdate {width: 612px; padding: 2px 2px 2px 4px; margin: -6px 0 6px; font-size:13px; background: #FFFFDF; float:right; overflow: hidden; zoom:1;} /* __clear__ */ #header_cont:after,#h_utility:after,#h_Left_inner:after,#h_Right_inner:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} /* ========================================================================== grobal navigation =========================================================================== */ #gnav_cont {margin-top:15px;background-color:#cae893;} #gnav_cont:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #gnav {width:950px;height:40px;margin:0 auto; background:url(/common/img/header/sp_gnav.gif) no-repeat;} #gnav li {float:left;} #gnav li a {display:block;width:190px;height:40px;background:url(/common/img/header/sp_gnav.gif) no-repeat 0 40px;} #gnav li.li01 a:hover {background-position:0 -40px;} #gnav li.li02 a:hover {background-position:-190px -40px;} #gnav li.li03 a:hover {background-position:-380px -40px;} #gnav li.li04 a:hover {background-position:-570px -40px;} #gnav li.li05 a:hover {background-position:-760px -40px;} #gnav li.li01 a.cur {background-position:0 -80px;} #gnav li.li02 a.cur {background-position:-190px -80px;} #gnav li.li03 a.cur {background-position:-380px -80px;} #gnav li.li04 a.cur {background-position:-570px -80px;} #gnav li.li05 a.cur {background-position:-760px -80px;} /* ========================================================================== grobal navigation 検索ウインドウ付 =========================================================================== */ #gnav_cont_search {background:url(/common/img/header/img_gnavi_bg.gif) repeat-x left bottom;height:60px;} #gnav_cont_search:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #gnav_serch {width:950px;height:60px;margin:0 auto; background:url(/common/img/header/img_gnavi_search_bg.png) no-repeat;} #gnav_serch li {float:left;} /* グローバルナビ 各項目毎設定 */ gnav_serch li {background: url(/common/img/header/img_gnavi_search_bg.png) no-repeat 0 60px;} #gnav_serch li a {display:block; height:60px; background:url(/common/img/header/img_gnavi_search_bg.png) no-repeat 0 60px;} #gnav_serch li.li01 {width: 78px !important;} #gnav_serch li.li02 {width: 108px !important;} #gnav_serch li.li03 {width: 100px !important;} #gnav_serch li.li04 {width: 152px !important;} #gnav_serch li.li05 {width: 110px !important;} #gnav_serch li.li06 {width: 154px !important;} #gnav_serch li.li07 {width: 247px !important;} /* TOP */ #gnav_serch li.li01 a{width: 78px;} #gnav_serch li.li02 a {width: 108px;} /* 健康食品 */ #gnav_serch li.li03 a {width: 100px;} /* 化粧品 */ #gnav_serch li.li04 a {width: 152px;} /* はちみつ・自然食品 */ #gnav_serch li.li05 a {width: 110px;} /* 商品一覧 */ #gnav_serch li.li06 a {width: 154px;} /* 山田養蜂場について */ #gnav_serch li.li07 a {width: 248px;} /* サイト内検索 */ #gnav_serch li.li01 a:hover, #gnav_serch li.li01:hover {background-position:0 -60px;} #gnav_serch li.li02 a:hover, #gnav_serch li.li02:hover{background-position:-78px -60px;} #gnav_serch li.li03 a:hover, #gnav_serch li.li03:hover{background-position:-186px -60px;} #gnav_serch li.li04 a:hover, #gnav_serch li.li04:hover {background-position:-286px -60px;} #gnav_serch li.li05 a:hover, #gnav_serch li.li05:hover {background-position:-438px -60px;} #gnav_serch li.li06 a:hover, #gnav_serch li.li06:hover {background-position:-548px -60px;} #gnav_serch li.li01 a.cur {background-position:0 -120px;} #gnav_serch li.li02 a.cur {background-position:-78px -120px;} #gnav_serch li.li03 a.cur {background-position:-186px -120px;} #gnav_serch li.li04 a.cur {background-position:-286px -120px;} #gnav_serch li.li05 a.cur {background-position:-438px -120px;} #gnav_serch li.li06 a.cur {background-position:-548px -120px;} /* 子要素リスト */ #gnav_serch li ul.gnav-children-list {position: absolute; z-index: 1000; display: none; border: 1px solid #cae893; border-bottom: none; width: 178px;} #gnav_serch li:hover ul.gnav-children-list {display: block;} #gnav_serch li ul.gnav-children-list li {border-bottom: 1px solid #cae893; float:none; background: #ffffff; width: 178px;} #gnav_serch li ul.gnav-children-list li a {text-decoration: none; height: 30px; line-height: 30px; width: 158px; display: block; padding: 0 10px;} #gnav_serch li ul.gnav-children-list li a:hover {background: #ffffff;} #gnav_serch li.li02 ul.gnav-children-list a {background: #ffefe2;} #gnav_serch li.li03 ul.gnav-children-list a {background: #ffffca;} #gnav_serch li.li04 ul.gnav-children-list a {background: #ffefd3;} #gnav_serch li.li05 ul.gnav-children-list a {background: #eaf3bd;} /* ========================================================================== keyword 注目キーワード =========================================================================== */ #keyword {background:url(/common/img/header/img_keyword_bg.png) repeat-x left bottom;height:35px;} #keyword_main {width:850px;height:40px;margin:0 auto; background:url(/common/img/header/ic_keyword.png) no-repeat 10px 5px; padding:0 0 0 128px; overflow:hidden; *height:35px;} #keyword_main li {float:left; line-height:28px; margin-right:15px;} /* ========================================================================== keyword_search 注目キーワード 検索結果 =========================================================================== */ #keyword_search {height:10px;} #keyword_search_main {height:35px;margin:0 auto; background:url(/common/img/header/ic_keyword.png) no-repeat 10px 5px; padding:0 0 0 128px; width:595px; overflow:hidden;} /* forIE7 */ *:first-child+html #keyword_search_main {background:url(/common/img/header/ic_keyword.png) no-repeat 10px 5px; padding:0 0 0 128px; width:720px;} #keyword_search_main li {float:left; line-height:28px; margin-right:15px;} /* ========================================================================== #s_menu2 .honey 注目キーワード 検索結果 スライドメニュー =========================================================================== */ #s_menu2 .honey {border-left:1px solid #d79607;border-right:1px solid #d79607;border-bottom:1px solid #d79607;background-color:#ffe4bb;padding:4px 4px 1px;color:#444444;margin-bottom:10px; border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */ } #s_menu2 .honey ul{display:none;margin:0;padding:0;} #s_menu2 .honey ul li{border-top:1px solid #efd2a6;margin:0;background-color:#ffffff;} #s_menu2 .honey ul li a{background:url(/common/img/side/honey/lnv_honey_arrow.gif) no-repeat 9px center;padding:5px 5px 5px 20px;display:block;} #s_menu2 .honey ul li a:hover{background-color:#fff9dc !important;} #s_menu2 .honey ul li a.curr{color:#333; background:url(/common/img/side/honey/lnv_honey_arrow2.gif) no-repeat 7px center;background-color:#ffefd3 !important;} #s_menu2 .honey .cat1{border:1px solid #e4be84;background:url(/common/img/side/honey/lnv_honey_bk1.gif) repeat-x;margin-bottom:3px;} #s_menu2 .honey .cat1CurF{background:url(/common/img/side/honey/lnv_honey_bk2.gif) repeat-x !important;} #s_menu2 .honey .cat1Cur{background:url(/common/img/side/honey/lnv_honey_bk2.gif) repeat-x !important;} #s_menu2 .honey .cat1 span{display:block;padding:12px 6px 12px 20px;font-weight:bold;cursor: pointer;background:url(/common/img/side/honey/lnv_honey_arrow_l.gif) no-repeat 5px center;color:#8c5f0b;} #s_menu2 .honey .cat2{border:1px solid #e4be84;margin-bottom:3px;background-color:#ffffff;} #s_menu2 .honey .cat2 a{background:url(/common/img/side/honey/lnv_honey_arrow.gif) no-repeat 9px center;padding:5px 5px 5px 20px;display:block;} #s_menu2 .honey .cat2 a:hover{background-color:#fff9dc!important;} #s_menu2 .honey .cat2 a.curr{font-weight:bold;background:url(/common/img/side//honey/lnv_honey_arrow2.gif) no-repeat 7px center;background-color:#ffefd3 !important;} #s_menu2 .honey .ov{background:url(/common/img/side/honey/lnv_honey_arrow_b.gif) no-repeat 5px center !important;} /*-------------------------- cosme ---------------------------*/ #s_menu2 .cosme {border-left:1px solid #eec44e;border-right:1px solid #eec44e;border-bottom:1px solid #eec44e;padding:4px 4px 1px;color:#444444; border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */ } #s_menu2 .cosme ul{display:none;margin:0;padding:0;} #s_menu2 .cosme ul li{border-top:1px solid #efd2a6;margin:0;background-color:#ffffff;} #s_menu2 .cosme ul li a{background:url(/common/img/side/cosme/lnv_cosme_arrow.gif) no-repeat 9px center;padding:5px 5px 5px 20px;display:block;} #s_menu2 .cosme ul li a:hover{background-color:#fff9dc;} #s_menu2 .cosme ul li a.curr{background-color:#fff9dc;} #s_menu2 .cosme .cat1{border:1px solid #e4be84;background:url(/common/img/side/cosme/lnv_cosme_bk1.gif) repeat-x;margin-bottom:3px;} #s_menu2 .cosme .cat1CurF{background:url(/common/img/side/cosme/lnv_cosme_bk2.gif) repeat-x !important;} #s_menu2 .cosme .cat1Cur{background:url(/common/img/side/cosme/lnv_cosme_bk2.gif) repeat-x !important;} #s_menu2 .cosme .cat1 span{display:block;padding:12px 6px 12px 20px;font-weight:bold;cursor: pointer;background:url(/common/img/side/cosme/lnv_cosme_arrow_l.gif) no-repeat 5px center;} #s_menu2 .cosme .cat2{border:1px solid #e4be84;margin-bottom:3px;background:url(/common/img/side/cosme/lnv_cosme_bk1.gif) repeat-x;} #s_menu2 .cosme .cat2Cur{background:url(/common/img/side/cosme/lnv_cosme_bk2.gif) repeat-x !important;} #s_menu2 .cosme .cat2 a{background:url(/common/img/side/cosme/lnv_cosme_arrow.gif) no-repeat 9px center;padding:5px 5px 5px 20px;display:block;} #s_menu2 .cosme .cat2 a.curr{font-weight:bold;background:url(/common/img/side/cosme/lnv_cosme_arrow2.gif) no-repeat 7px center;background-color:#fef6c6 !important;} #s_menu2 .cosme .ov{background:url(/common/img/side/cosme/lnv_cosme_arrow_b.gif) no-repeat 5px center !important;} #s_menu3 a, #s_menu3 span { display: block;} #s_menu3 { margin-bottom: 10px; background-position: right bottom; background-repeat: repeat-y; } #s_menu3 li{list-style-type:none;} /* ========================================================================== footer (f_) =========================================================================== */ /* sprite */ #f_sitemenu,#f_sitemenu p,#f_health,#f_natural,#f_honey,#f_about {background:url(/common/img/footer/f_sitemenu.gif) no-repeat;} #f_sitemenu li,#f_keyword li,#f_multilang li,#f_copyright li {background:url(/common/img/footer/f_lines.gif) repeat-y;white-space:nowrap;} #footner_cont {;margin:30px auto;} /* recently items */ #f_recentlyItems {width:950px;margin:0 auto;} #f_recentlyItems ul {margin-top:15px;} #f_recentlyItems li {float:left;width:150px;margin-left:10px;text-align:center;} #f_recentlyItems li.first {margin-left:0;} #f_recentlyItems li a {display:block;width:150px;} #f_recentlyItems li img {display:block;margin-bottom:10px;} /* recommended banner */ #f_recommendedBanner {width:570px;margin:0 auto;} #f_recommendedBanner {margin-top:50px;} #f_recommendedBanner li {float:left;margin-left:15px;} #f_recommendedBanner li.first {margin-left:0;} /* site menu */ #f_sitemenu {width:950px;margin:30px auto 0;padding-bottom:4px;background-position:left bottom;font-size:85%;} #f_sitemenu .inner {padding-bottom:10px;background-color:#f7f7f7;} #f_sitemenu p {height:29px;background-position:left top;} #f_sitemenu dl {width:920px;margin:15px 0 0 15px;} #f_sitemenu dt {width:135px;height:13px;margin-top:10px;} #f_sitemenu dd {zoom:1;margin:-13px 0 0 145px;} #f_sitemenu dt a {width:135px;height:13px;display:block;} #f_health {background-position:0 -30px;} #f_natural {background-position:-136px -30px;} #f_honey {background-position:-272px -30px;} #f_about {background-position:-408px -30px;} #f_sitemenu li {float:left;padding-left:20px;} #f_sitemenu li.first {padding-left:0;background:none;} /* keyword */ #f_keyword {width:950px;margin:30px auto 0;font-size:93%;} #f_keyword li {float:left;margin-bottom:5px;padding:0 7px 0 15px;background-position:0 -107px;background-repeat:no-repeat ;} /* solutions */ #f_solutions {width:710px;margin:40px auto 0;text-align:center;overflow:hidden;} #f_solutions li {float:left;text-align:center;} #f_solutions_etrade {width:150px;padding-top:5px;} #f_solutions_cybertrust {width:130px;} #f_solutions_jadma {width:150px;padding-top:20px;} #f_solutions_ost {width:150px;padding-top:15px;} #f_solutions_piip {width:130px;padding-top:0px;} /* multi language */ #f_multilang {width:950px;margin:40px auto 0;text-align:center;font-size:85%;} #f_multilang li {display:inline;padding-left:20px;} #f_multilang li.first {padding-left:0;background:none;} /* seasonbar for copyright */ #f_seasonbar{margin-top:10px;text-align:center;} #f_season_spring{background:url(/common/img/footer/bg_season_repeat_spring.gif) repeat-x;} #f_season_summer{background:url(/common/img/footer/bg_season_repeat_summer.gif) repeat-x;} #f_season_autumn{background:url(/common/img/footer/bg_season_repeat_autumn.gif) repeat-x;} #f_season_winter{background:url(/common/img/footer/bg_season_repeat_winter.gif) repeat-x;} /* copyright */ #f_copyright {font-size:85%;width:950px;margin:10px auto 0;height:5px;position:relative;} #f_copyright ul {position:absolute;left:0;top:-40px;width:950px;} #f_copyright ul:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #f_copyright li {padding-left:15px;float:left;font-size:85%;background-position:0 -200px;letter-spacing:0.1em;} #f_copyright li.first {padding-left:0;background:none;} #f_copyright li.copyright {float:right;background:none;} /* __clear__ */ #footner_cont:after,#f_keyword:after,#f_sitemenu ul:after,#f_recommendedBanner:after,#f_recentlyItems:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} /* totop */ .footer_totop {width:950px;margin:10px auto 0;font-size:93%;background:url(/common/img/icn_arrow_top.gif) no-repeat left bottom;padding-left:30px;background-position:15px 5px;} /* ========================================================================== side (s_) =========================================================================== */ /* -------------------------------------------------------------- menu -------------------------------------------------------------- */ /* banner */ #s_banner,#s_banner li {margin-bottom:5px;} #s_banner { margin-bottom:10px;letter-spacing:-1em;} #s_banner li {letter-spacing:normal;} #s_banner a {display:block;} /* ranking */ #s_ranking,#s_ranking .inner,#s_ranking .title,#s_ranking li {background:url(/cosme/res/img/side/sprite_side_ranking.gif) no-repeat;} #s_ranking {padding-bottom:15px;margin-bottom:10px;background-position:0 bottom;} #s_ranking .inner {background-position:-200px 0;background-repeat:repeat-y;} #s_ranking .title {width:200px;height:52px;text-indent:-9999px;} #s_ranking ol {width:166px;margin-left:17px;padding-left:0;} #s_ranking li {list-style:none;margin-top:15px;} #s_ranking li a {width:166px;display:block;} #s_ranking li a:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #s_ranking li img {display:block;float:left;border:1px solid #ccc;width:60px;height:60px;} #s_ranking li span {display:block;float:right;width:90px;margin-top:25px;cursor:pointer;} #s_ranking li.no1 {background-position:-400px 0;margin-top:0;} #s_ranking li.no2 {background-position:-570px 0;} #s_ranking li.no3 {background-position:-740px 0;} #s_ranking li.no4 {background-position:-910px 0;} #s_ranking li.no5 {background-position:-1080px 0;} /* guide */ #s_guide {position:relative; width:950px; height:205px; margin:0 auto;border: 1px solid #cccccc;margin-top: 25px;background:url(../img/footer/s_guide_bg_slice.gif) repeat-x; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} #s_guide ul{ border-right:solid 1px #a9bc89; margin-top:20px; height:140px;} #s_guide .last{border-right:none;} #s_guide .s_guide_title, #s_guide_tel, #s_guide_mob, #s_guide_car, #s_guide_pay, #s_guide .more a,#s_guide_guide a{background: url('/common/img/footer/sprite_side_guide_001_20160826_2018.gif') no-repeat;} #s_guide .s_guide_title {background-position: 0px 0px;width:179px;height:20px;text-indent:-9999px;} #s_guide .more a {background-position: -221px -143px;width:77px;height:13px;position:absolute;top:180px;text-indent:-9999px;} #s_guide_tel {background-position: 0px -28px;width:222px;height:86px; margin-right:20px;text-indent:-9999px;} #s_guide_mob {background-position: 0px -121px;width:144px;height:82px; margin-right:20px;text-indent:-9999px;} #s_guide_car {background-position: 0px -213px;width:283px;height:95px; margin-right:20px;text-indent:-9999px;} #s_guide_pay {background-position: -222px -25px;width:122px;height:117px; margin-right:20px;text-indent:-9999px;} #s_guide_guide a {background-position: -222px 0px;position:absolute;top:0px;left:840px;text-indent:-9999px;width:98px;height:15px;} #s_guide_tel_txt{position:absolute;top:118px;left:91px;} #s_guide_num_txt{position:absolute;top:80px;left:325px;width:80px;height:50px;} #s_guide ul li a{ } #s_guide_tel_more a{margin-left:147px;} #s_guide_num_more a{margin-left:77px;} #s_guide_car_more a{margin-left:201px;} #s_guide_pay_more a{margin-left:85px;} /* btn */ .s_btn {margin-bottom:10px;letter-spacing:-1em;} .s_btn li {width:20px;letter-spacing:normal;margin-bottom:10px;} .s_btn a {display:block;} /* -------------------------------------------------------------- facebook -------------------------------------------------------------- */ #s_facebooklikebox {border: 1px solid #cccccc;overflow: hidden;} #s_facebooklikebox .ttl {background-color: #3b599a;overflow: hidden;} #s_facebooklikebox .ttl span {color: #fff;display: block;padding: 7px;font-size: 90%;} #s_facebooklikebox_full {} /* -------------------------------------------------------------- CM サイド用 -------------------------------------------------------------- */ /*トップ*/ .cmbox1{position:relative;width:264px;height:259px;} .cmbox1 .base{position:absolute;left:0px;top:0px;} .cmbox1 video{position:absolute;left:10px;top:78px;border:1px solid #a2b87c;} .cmbox1 .flash{*position:absolute;*left:9px;*top:78px;*border:1px solid #a2b87c;} .cmbox1 .flash{position:absolute\9;left:9px\9;top:78px\9;border:1px solid #a2b87c\9;} /*健康食品トップ*/ .cmbox2{position:relative;width:200px;height:222px;} .cmbox2 .base{position:absolute;left:0px;top:0px;} .cmbox2 video{position:absolute;left:10px;top:78px;border:1px solid #a2b87c;} .cmbox2 .flash{*position:absolute;*left:9px;*top:78px;*border:1px solid #a2b87c;} .cmbox2 .flash{position:absolute\9;left:9px\9;top:78px\9;border:1px solid #a2b87c\9;} /* -------------------------------------------------------------- 検索条件 -------------------------------------------------------------- */ /* conditional_search */ #conditional_search,#conditional_search .inner,#conditional_search .title {background:url(/common/img/sprite_sidenav_search.png) no-repeat;} #conditional_search .inner {background-position:-200px 0;background-repeat:repeat-y;padding:10px 0 0;} #conditional_search {padding-bottom:15px;margin-bottom:10px;background-position:0 bottom;} #conditional_search .title {height:51px;text-indent:-9999px;} #conditional_search .inner p {margin:0 15px 10px;} #conditional_search .inner ul {width:190px; margin:0 auto;} #conditional_search .inner li {display:block;line-height:1.8;cursor:pointer;} #conditional_search li div {padding:0 15px 0 20px;} #conditional_search li {background:url(/common/img/icn_arrow.gif) no-repeat 10px center;margin-top:0;line-height:1.8;display:block;} #conditional_search li a:hover {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;color:#fff;} #conditional_search .inner ul .active {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;color:#fff;} #conditional_search .inner ul .active a {color:#fff; text-decoration:none;} #conditional_search .narabikae {display:block;background:url(/common/img/sprite_sidenav_search.png) no-repeat;background-position:-410px 0;margin-top:0; text-indent:-9999px;} #conditional_search .category {display:block;background:url(/common/img/sprite_sidenav_search.png) no-repeat;background-position:-590px 0;margin-top:15px; text-indent:-9999px;} #conditional_search .nedan {display:block;background:url(/common/img/sprite_sidenav_search.png) no-repeat;background-position:-790px 0;margin-top:15px; text-indent:-9999px;} /* -------------------------------------------------------------- 絞込み検索 -------------------------------------------------------------- */ /* narrow_search */ #narrow_search,#narrow_search .inner,#narrow_search .title {background:url(/common/img/side_nav_narrow_search_bg.png) no-repeat;} #narrow_search .inner {background-position:-200px 0;background-repeat:repeat-y;padding:10px 0 0;} #narrow_search {padding-bottom:15px;margin-bottom:10px;background-position:0 bottom;} #narrow_search .title {height:51px;text-indent:-9999px;} #narrow_search .inner p {margin:0 15px 5px;} #narrow_search .inner ul {width:190px; margin:0 auto;} #narrow_search .inner li {display:block;line-height:1.4;cursor:pointer;} #narrow_search li.item {background:url(/common/img/icn_arrow_item.png) no-repeat 10px center;margin-top:0;line-height:2.0;display:block;} #narrow_search li.item.active {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;} #narrow_search li.item.active a {color:#fff; text-decoration:none;} #narrow_search li.item a:hover {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;color:#fff;} #narrow_search li.recipi {background:url(/common/img/icn_arrow_recipi.png) no-repeat 10px center;margin-top:0;line-height:2.0;display:block;} #narrow_search li.recipi.active {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;} #narrow_search li.recipi.active a {color:#fff; text-decoration:none;} #narrow_search li.recipi a:hover {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;color:#fff;} #narrow_search li.faq {background:url(/common/img/icn_arrow_faq.png) no-repeat 10px center;margin-top:0;line-height:2.0;display:block;} #narrow_search li.faq.active {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;} #narrow_search li.faq.active a {color:#fff; text-decoration:none;} #narrow_search li.faq a:hover {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;color:#fff;} #narrow_search li.info {background:url(/common/img/icn_arrow_info.png) no-repeat 10px center;margin-top:0;line-height:2.0;display:block;} #narrow_search li.info.active {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;} #narrow_search li.info.active a {color:#fff; text-decoration:none;} #narrow_search li.info a:hover {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;color:#fff;} #narrow_search li.shop {background:url(/common/img/icn_arrow_shop.png) no-repeat 10px center;margin-top:0;line-height:2.0;display:block;} #narrow_search li.shop.active {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;} #narrow_search li.shop.active a {color:#fff; text-decoration:none;} #narrow_search li.shop a:hover {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;color:#fff;} #narrow_search li.review {background:url(/common/img/icn_arrow_review.png) no-repeat 10px center;margin-top:0;line-height:2.0;display:block;} #narrow_search li.review.active {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;} #narrow_search li.review.active a {color:#fff; text-decoration:none;} #narrow_search li.review a:hover {display:block;background:url(/common/img/icn_arrow_wh.png) no-repeat 10px center #33712e;color:#fff;} #narrow_search li div {padding:0 15px 0 20px;} /* -------------------------------------------------------------- 便利な検索の使い方 -------------------------------------------------------------- */ /* howto_search */ #howto_search,#howto_search .inner,#howto_search .title {background:url(/common/img/side_nav_howto_bg.png) no-repeat; *width:200px;} #howto_search .inner {background-position:-200px 0;background-repeat:repeat-y;padding:10px 15px 0;} #howto_search {padding-bottom:15px;margin-bottom:10px;background-position:0 bottom; *float:left;} #howto_search .title {height:51px;text-indent:-9999px;} #howto_search .inner p {margin-bottom:5px; *width:170px;} #howto_search .inner li {display:block;line-height:1.4; *width:170px;} #howto_search .inner li a {background:url(/common/img/h3_line_orange.gif) no-repeat left center; padding-left:10px; margin-left:5px;line-height:1.6;} /* -------------------------------------------------------------- 注目キーワード -------------------------------------------------------------- */ /* hotkeyword_search */ #hotkeyword_search,#hotkeyword_search .inner,#hotkeyword_search .title {background:url(/common/img/side_nav_keyword_bg.png) no-repeat;} #hotkeyword_search .inner {background-position:-200px 0;background-repeat:repeat-y;padding:10px 15px 0;} #hotkeyword_search {padding-bottom:15px;margin-bottom:10px;background-position:0 bottom;} #hotkeyword_search .title {height:51px;text-indent:-9999px;} #hotkeyword_search .inner li {display:inline;margin-right:10px;line-height:2.0;} /* -------------------------------------------------------------- ランキング -------------------------------------------------------------- */ /* rankig_search */ #rankig_search,#rankig_search .inner,#rankig_search .title,#rankig_search li {background:url(/common/img/sprite_sidenav_ranking.png) no-repeat;} #rankig_search {padding-bottom:15px;margin-bottom:10px;background-position:0 bottom;} #rankig_search .inner {background-position:-200px 0;background-repeat:repeat-y;} #rankig_search .title {width:200px;height:52px;text-indent:-9999px;} #rankig_search ol {width:166px;margin-left:17px;padding-left:0;} #rankig_search li {list-style:none;margin-top:15px;} #rankig_search li a {width:166px;display:block;} #rankig_search li a:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #rankig_search li img {display:block;float:left;border:1px solid #ccc;width:60px;height:60px;} #rankig_search li span {display:block;float:right;width:90px;margin-top:25px;cursor:pointer;} #rankig_search li.no1 {background-position:-400px 0;margin-top:0;} .rank_cat_kenko {display:block;background:url(/common/img/sprite_sidenav_ranking.png) no-repeat;background-position:-570px 0;margin-top:0; text-indent:-9999px;} .rank_cat_cosme {display:block;background:url(/common/img/sprite_sidenav_ranking.png) no-repeat;background-position:-740px 0;margin-top:15px; text-indent:-9999px;} .rank_cat_honey {display:block;background:url(/common/img/sprite_sidenav_ranking.png) no-repeat;background-position:-910px 0;margin-top:15px; text-indent:-9999px;} /* ========================================================================== contents parts =========================================================================== */ /* topicpath */ #topicPath {margin-bottom:10px;} #topicPath li {display:inline;} #topicPath li a {margin-right:0.5em;} /* topicpath in h1 */ #topicPath_h1 {margin-bottom:10px;} #topicPath_h1 h1 {display:inline;} #topicPath_h1 a {margin-right:0.5em;} /* information */ #notificationBlock {width:950px;margin:15px auto 0; padding:5px; border:1px solid #CC3333;} /* information2 */ #notificationBlock2 {width:950px;margin:15px auto 0; padding:5px; border:1px solid #7f7f7f;} /* lead */ p.lead {margin-top:10px; clear:both;} /* -------------------------------------------------------------- headings -------------------------------------------------------------- */ .h1mode {position:relative;background:url(/common/img/h1_line.gif) no-repeat left center;min-height:55px;height:auto !important;height:55px;padding-left:19px;margin-bottom:15px;} .h1mode span {display:block;padding:15px 0 0 0;font-size:162%;font-weight:bold;color:#333;line-height:1.2em;} .h2mode {position:relative;background:url(/common/img/h2_bg.gif) repeat-x left bottom;padding:0 0 7px 6px;margin:30px 0 15px;} .h2mode span {display:block;background:url(/common/img/h2_line.gif) no-repeat;font-size:116%;font-weight:bold;color:#333;padding-left:10px;min-height:20px;height:auto !important;height:20px;} .h2mode2 {position:relative;background-color:#d5eda9;padding:5px 6px;margin:20px 0 15px;} .h2mode2 span {display:block;background:url(/common/img/h2_line2.gif) no-repeat;font-weight:bold;color:#333;padding:0px 0 0 10px;min-height:20px;} .h2mode2 span span.subtxt {font-weight:normal;display:inline;font-size:90%;padding:0px;background:none;line-height:1.5;} .h3mode {position:relative;font-weight:bold;color:#333;background:url(/common/img/h3_line.gif) no-repeat 6px 0;min-height:16px;height:auto !important;height:16px;padding:0 0 5px 20px;margin:30px 0 15px;border-bottom:1px dotted #33712e;} .h3modeNL {background:url("/common/img/h3_line.gif") no-repeat scroll 6px 0 transparent;color:#333333;font-weight:bold;height:auto !important;margin-bottom:15px;min-height:16px;padding-left:20px;} .h2mode .sublink { position:absolute; top:5px;right:0;} /* #7082 店舗型クーポン画面のスタイルをSPに寄せる 20180910 start */ .h2modeShopMember {background: -webkit-linear-gradient(top, #2c6228 0%,#3a8134 100%);background: linear-gradient(top, #2c6228 0%,#3a8134 100%);color: #ffffff;font-weight: bold;text-align: center;font-size: 16px;padding: 7px 0;} /* #7082 店舗型クーポン画面のスタイルをSPに寄せる 20180910 end */ /* link variation */ .linkBlank {padding-right:22px;background:url(/common/img/icn_blank.gif) no-repeat right top;} .linkPdf {padding-left:30px;background:url(/common/img/icn_pdf.gif) no-repeat left 0.1em;} .linkquestion {padding-left:20px;background:url(/common/img/icn_question.gif) no-repeat left 0.1em;padding:0.2em 0 0.2em 20px;} .linkArr {padding-left:10px;background:url(/common/img/icn_arrow.gif) no-repeat left center;} .linkArr02 {padding-left:15px;background:url(/common/img/icn_link.gif) no-repeat left center;} .linkAnchor {padding-left:15px;background:url(/common/img/icn_arrow_anchor.gif) no-repeat left 0.1em;} /* separate block 2column */ .block2 {width:725px;} .block2L {width:355px;float:left;} .block2R {width:355px;float:right;} .block2:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} /* separate block 3column */ .block3 {width:725px;} .block3L {width:235px;float:left;} .block3C {width:235px;float:left;margin-left:10px;} .block3R {width:235px;float:right;} .block3:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} /* list */ .iconUL {line-height:1.6;} .iconUL li {padding-left:14px;background:url(/common/img/icn_ullist.gif) no-repeat 0 0.5em;} /* box */ .colorBox,.colorBox_inner {background:#fffef3 url(/common/img/bg_colorbox.gif) no-repeat;} .colorBox {background-position:left bottom;padding-bottom:15px;} .colorBox .colorBox_inner {background-position:-725px top;padding:10px 5px 0 5px;} .colorBox .colorBox_inner dd { padding:0 10px;} .colorBox .h3mode {margin-top:0;} .colorBox .title {font-weight:bold;padding:0 10px 10px 5px;} .grayBox,.grayBox_inner {background:#f7f7f7 url(/common/img/bg_graybox.gif) no-repeat;} .grayBox {background-position:left bottom;padding-bottom:15px;} .grayBox .grayBox_inner {background-position:-725px top;padding:10px 5px 0 5px;} .grayBox .h3mode {margin-top:0;border-bottom:0;} .grayBox .title {font-weight:bold;padding:0 10px 10px 5px;} .grayBox .grayBox_inner dd {padding:0 10px;} .colorBox:after,.grayBox:after, .colorBox_inner:after,.grayBox_inner:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} /* box回り込み */ .box {margin: 0;padding: 0;} .box .imgL {float: left;margin: 0 15px 0 0;} .box p,.box div {overflow: auto;/* for modern browser */ zoom:1;/* for ie6 */line-height: 1.5;} /* あなたにおすすめ */ .c_preparationRecommended {zoom:1;} .c_preparationRecommended:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .c_preparationRecommended ul {margin-top:15px;} .c_preparationRecommended li {float:left;width:133px;margin-left:15px;text-align:center;} .c_preparationRecommended li.first {margin-left:0;} .c_preparationRecommended li a {display:block;width:133px;} .c_preparationRecommended li img {display:block;margin-bottom:10px;} /* お客さまの声から生まれたサプリメント */ .supplementRecommended {zoom:1;} .supplementRecommended:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .supplementRecommended ul {margin-top:15px;} .supplementRecommended ul:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .supplementRecommended li {float:left;width:133px;margin-left:15px;text-align:center;} .supplementRecommended li.first {margin-left:0;} .supplementRecommended li a {display:block;width:133px;} .supplementRecommended li img {display:block;margin-bottom:10px;} /* ニュース一覧 */ #mc_nilist dt,#mc_nilist dd {padding-bottom:25px;} #mc_nilist dt {width:6em;clear:both;float:left;} #mc_nilist dd {margin-left:6em;} #mc_nilist .niflags {display:block;width:72px;height:12px;background:url(/common/img/icn_ni_flags.gif) no-repeat;margin-top:2px;float:left;text-indent:-9999px;overflow:hidden;} #mc_nilist dd p {margin-left:90px;} #mc_nilist .niflags.sa {background-position:0 0;} /* 社会活動 */ #mc_nilist .niflags.pd {background-position:0 -12px;} /* 商品 */ #mc_nilist .niflags.cp {background-position:0 -24px;} /* キャンペーン */ #mc_nilist .niflags.sh {background-position:0 -36px;} /* 店舗情報 */ #mc_nilist .niflags.up {background-position:0 -48px;} /* 更新 */ #mc_nilist .niflags.re {background-position:0 -60px;} /* 募集 */ #mc_nilist .niflags.in {background-position:0 -72px;} /* お知らせ */ #mc_nilist .niflags.mz {background-position:0 -84px;} /* 雑誌掲載 */ #mc_nblist dt,#mc_nblist dd {padding-bottom:10px;} #mc_nblist dt {width:10em;clear:both;float:left;} #mc_nblist dd {margin-left:10em;} #mc_nblist .niflags {display:block;width:72px;height:12px;background:url(/common/img/icn_new2.gif) no-repeat;margin-top:2px;float:left;text-indent:-9999px;overflow:hidden;} #mc_nblist dd p {margin-left:90px;} #mc_nblist .niflags {background-position:0 0;} /* 新着 */ /* ページ送り */ .pager {background-color:#efefef;padding:10px;text-align:center;} .pager p,.pager ul,.pager li {display:inline;} .pager p {padding:0 10px;} .pager li {padding:0 3px;} /* 件数 */ .number {background-color:#efefef;padding:10px;} .number p,.number ul,.number li {display:inline;} .number p {padding:0 10px;} .number li {padding:0 3px;} /* ========================================================================== popup window (body#popup) =========================================================================== */ /* -------------------------------------------------------------- header -------------------------------------------------------------- */ #popup #header_cont {zoom:1;width:auto;padding:18px 10px 15px;border-bottom:4px solid #cae893;} #popup #h_Ci {width:142px;height:41px;float:left;background:url(/common/img/header/sp_header.gif) no-repeat -810px 0;} #popup #header_cont p {float:right;} /* -------------------------------------------------------------- footer -------------------------------------------------------------- */ #popup #footner_cont .closeBtn {padding-bottom:20px;text-align:center;} #popup #footner_cont .copyright {background-color:#285f23;padding:10px;color:#fff;font-size:77%;text-align:center;letter-spacing:0.1em;} #popup #footner_cont .copyright span {margin-left:1em;letter-spacing:0.2em;} /* -------------------------------------------------------------- contents -------------------------------------------------------------- */ #popup #containers {width:auto;margin:15px 10px 0;} /* contents width */ #popup #containers.w480 {width:480px;} #popup #containers.w640 {width:640px;} #popup #containers.w480,#popup #containers.w640 {margin:15px auto 0;} /* ========================================================================== form window =========================================================================== */ /* -------------------------------------------------------------- header -------------------------------------------------------------- */ #forms {background:none;} #forms #header_cont_wrapper {border-top:3px solid #285f23;border-bottom:4px solid #cae893;} #forms #header_cont {width:725px;height:auto !important;padding:5px 0 15px;} #forms #h_Left {width:142px;padding-top:10px;} #forms #h_Right {width:153px;} #forms #h_Ci {width:142px;float:none;padding-top:2px;background:none;} #forms #h_Ci a {width:142px;height:41px;background:url(/common/img/header/sp_header.gif) no-repeat -810px 0;} #forms #h_utility {width:220px;} #forms #h_utility ul {background:url(/common/img/header/form-header.png) 0 0 no-repeat;} #forms #h_utility li.li01 a {height:15px;width:88px;} #forms #h_utility li.li02 a {height:15px;width:77px;} #forms #h_utility li.li03 a {height:15px;width:55px;} #forms #h_utility.is-logout {width:155px;} #forms #h_utility.is-logout li.li02 a {height:15px;width:67px;} /* -------------------------------------------------------------- contents -------------------------------------------------------------- */ #forms #containers {width:725px;} /* -------------------------------------------------------------- footer -------------------------------------------------------------- */ #forms #f_formcopyright {padding-top:25px;} #forms #f_formcopyright ul {text-align:center;} #forms #f_formcopyright .parsonalinfo,#forms #f_formcopyright .tokutei {display:inline;font-size:77%;letter-spacing:0.1em;padding:0 10px;} #forms #f_formcopyright .parsonalinfo {background:url("/common/img/footer/f_lines.gif") no-repeat right top;} #forms #f_formcopyright .tokutei {} #forms #f_formcopyright .copyright {background-color:#285f23;margin-top:30px;padding:10px;color:#fff;font-size:77%;text-align:center;letter-spacing:0.1em;} #forms #f_formcopyright .copyright span {margin-left:1em;letter-spacing:0.2em;} /* ============================================================== テーブル ============================================================== */ .layoutTbl {width:100%;} /* level 1 -------------------------------------------------------------- */ .nrmTbl {width:100%;border-width:0 0 1px 1px;border-style:solid;border-color:#ccc;} .nrmTbl th,.nrmTbl td {padding:10px;border-width:1px 1px 0 0;border-style:solid;border-color:#ccc;background-color:#fff;} .nrmTbl thead th {background-color:#efefef;text-align:center;} .nrmTbl tbody th {background-color:#efefef;text-align:left;} /* level 2 -------------------------------------------------------------- */ .innerTbl {margin:-10px;} /* ネストされるth,tdのpadding値をマママイナスに */ .innerTbl,.innerTbl th,.innerTbl td {border:none;} .innerTbl.nopad th,.innerTbl.nopad td {padding:5px;} /* -------------------------------------------------------------- form elements -------------------------------------------------------------- */ /* parts：郵便番号 */ .fp_postal {white-space:nowrap;} .fp_postal input {margin:0 0.3em;} /* Parts : 文字列 */ .fp_textHR {margin-left:1em;} .fp_textHL {margin-Right:1em;} .fp_textVT {margin-bottom:0.5em;} .fp_textVB,.fp_textVBi {margin-top:0.5em;} .fp_textVBi {text-indent:-1em;padding-left:1em;} /* 注意書き */ .fp_dl {float:left; margin-right:1em;} .fp_dl dt,.fp_dl dd {display:inline;} .fp_disabled {background-color:#ddd;border:1px solid #aaa;} /* set width */ .w45 {width:45px;} .w50 {width:50px;} .w75 {width:75px;} .w100 {width:100px;} .w120 {width:120px;} .w150 {width:150px;} .w170 {width:170px;} .w200 {width:200px;} .w250 {width:250px;} .w300 {width:300px;} .w380 {width:380px;} .w400 {width:400px;} .wFull {width:98%;} /* 必須th */ th.must {padding-right:65px;background:url("/common/img/icn_must.gif") no-repeat right 10px;} th.must .musttxt {display:none;} th.mustEither .musttxt {display:none;} th.mustEither {padding-right:80px;background:url("/common/img/icn_which.gif") no-repeat right 10px;} th.must .mustEither {display:none;} .input_address { padding: 0!important; border-width:1px 0 0 0!important; border-style:solid; border-color:#ccc; } .margin0 { margin: 0!important; } #mailto_check th { width: 20%; border-style: solid; border-width:0 1px 1px 0; border-color:#ccc; } #mailto_check td { border-style: solid; border-width:0 1px 0 0; border-color:#ccc; } #mailto_checkbox td{ text-align: center; border-width:0 1px 0 0; border-style:solid; border-color:#ccc; background-color:#fff; } /* 入力必須td */ td.mustTD {background:#fffedf;} td.mustTD .mustTDtxt {background:url("/common/img/icn_mustTDtxt.gif") no-repeat 0 0;width:77px;height:20px;display:inline-block;*display:inline;zoom:1;margin-left:5px;text-indent:-9999px;} /* 遷移ボタン */ .formBtn {margin-top:30px;background-color:#ffffdf;padding:15px;text-align:center;} .formBtn p {margin-top:10px;} .formBtn b {margin-top:30px;background-color:#ffffdf;padding:15px;text-align: left;position:relative;left:115px;} /* radio and checkbox */ .fp_RC {line-height:1.8;margin-right:1em;} .fp_RC input {margin:-0.3em 0.3em 0 0;vertical-align:middle;} .fp_RC span {white-space:nowrap;} .fc_floatBox:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} /* 冷凍便・冷凍便以外アイコン（確認画面） */ .iconCap img { vertical-align: bottom; } /* 配送日遅れについての注意文言 */ .delay {margin-bottom:-15px;background-color:#ffffdf;padding:10px 2px;text-align:center;font-size:13px!important;font-weight:bold;} /* error */ #errorInfo,#errorInfo_inner {background:url("/common/img/bg_error.gif") no-repeat;width:100%;} #errorInfo {padding-top:10px;margin-top:30px;margin-bottom:30px;} #errorInfo_inner {padding-bottom:10px;background-position:left bottom;} #errorInfo dl {border:1px solid #cc3333;border-style:none solid none solid;background-color:#ffe4e4;padding:0 10px;} #errorInfoLiquid{background-color:#ffe4e4;height:auto;margin-bottom:30px;} #errorInfoLiquid_inner {border-left:1px solid #cc3333;border-right:1px solid #cc3333;} #errorInfoLiquid dl {padding:10px;margin:0;} #errorInfoLiquid .fr_t{height:5px;background:url("/common/img/bg_error2_dot.gif") repeat-x top;} #errorInfoLiquid .fr_b{height:5px;background:url("/common/img/bg_error2_dot.gif") repeat-x bottom;} #errorInfoLiquid .fr_t div,#errorInfoLiquid .fr_b div{font-size:0;line-height:0;width:5px;height:5px;display:block;} #errorInfoLiquid .fr_t .l{background:url("/common/img/bg_error2_round.gif") no-repeat left top;float:left;} #errorInfoLiquid .fr_t .r{background:url("/common/img/bg_error2_round.gif") no-repeat right top;float:right;} #errorInfoLiquid .fr_b .l{background:url("/common/img/bg_error2_round.gif") no-repeat left bottom;float:left;} #errorInfoLiquid .fr_b .r{background:url("/common/img/bg_error2_round.gif") no-repeat right bottom;float:right;} #errorInfo dt,#errorInfoLiquid dt {background:url("/common/img/icn_error.gif") no-repeat;min-height:24px;height:auto !important;height:24px;padding-left:30px;font-weight:bold;line-height:1.8;} #errorInfo dd ul,#errorInfoLiquid dd ul {margin:10px 0 0 5px;} #errorInfo dd li,#errorInfoLiquid dd li {background:url("/common/img/icn_error_innerlink.gif") no-repeat 0 0.2em;min-height:12px;height:auto !important;height:12px;padding-left:20px;} #errorInfo dd li a,#errorInfoLiquid dd li a {font-weight:bold;} #errorInfo_inner dd li a {font-weight:bold;} #errorInfo_inner.sample_account div {padding:10px;border-right:1px solid #cc3333;border-left:1px solid #cc3333;background:#ffe4e4;} #errorInfo_inner.sample_account div p {background: url(/common/img/icn_error_large.gif) 17px 0 no-repeat;min-height:46px;*height:auto !important;*height: 46px;padding-left:80px;font-weight:bold;} #errorInfo_inner .errorBig {font-size:116%;color:#cc3333;} #errorInfo_inner .errorBig .errortxt {font-size:145%;font-weight:bold;} .errortd {background-color:#ffe4e4 !important;} .errortxt {color:#cc3333;font-weight:bold;margin-bottom:5px;} .errortd table td {background-color:transparent;} .errortd_mail {background-color:#fffcc4 !important;} /* complete */ #completeInfo,#completeInfo_inner {background:url("/common/img/bg_complete.gif") no-repeat;width:100%;} #completeInfo {padding-top:10px;margin-bottom:30px;} #completeInfo_inner {padding-bottom:10px;background-position:left bottom;} #completeInfo dl {border:1px solid #34722f;border-style: solid;background-color:#f3ffdd;padding:10px;} #completeInfo dt {background:url("/common/img/icn_complete.gif") no-repeat;min-height:24px;height:auto !important;height:24px;padding-left:30px;font-weight:bold;line-height:1.8;} #completeInfo dd ul {margin:10px 0 0 5px;} #completeInfo dd li {background:url("/common/img/icn_complete_innerlink.gif") no-repeat 0 0.2em;min-height:12px;height:auto !important;height:12px;padding-left:20px;} #completeInfo dd li a {font-weight:bold;} #completeInfo_inner dd li a {font-weight:bold;} /* completeInfo_raku */ #completeInfo_raku_raku,#completeInfo_raku_inner {background:url("/common/img/bg_complete.gif") no-repeat;width:100%;} #completeInfo_raku {padding-top:10px;margin-bottom:10px;} #completeInfo_raku_inner {padding-bottom:10px;background-position:left bottom;} #completeInfo_raku dl {border:1px solid #cc3333;border-style: solid;background-color:#ffffdf;padding:10px;} #completeInfo_raku dt {background: url("/common/img/icn_complete_atten.gif") no-repeat; background-position-y: -5px; min-height: 41px; height: auto !important; height: 24px; font-weight: bold; line-height: 1.8; font-size: 18px; color: #cc3333; text-align: center; text-decoration:underline; width: 365px; margin-right: auto; margin-left: auto;} #completeInfo_raku dd ul {margin: 0px 0 10px 5px;} #completeInfo_raku dd li {padding-left:20px;font-size:13px;text-align: center;} #completeInfo_raku dd li a {font-weight:bold;} #completeInfo_raku_inner dd li a {font-weight:bold;} #completeInfo_raku_arrow{background: url("/common/img/icn_complete_arrow.gif") no-repeat;background-position:center;height:70px;} .formBtn_raku{ margin-top: 10px; background-color: #ffffdf; padding: 15px; text-align: center; } /* ========================================================================== SYSTEM =========================================================================== */ /* -------------------------------------------------------------- flow -------------------------------------------------------------- */ /* basic */ #stepflow {position:relative;z-index:5;margin:-80px 0 0 140px;width:430px;height:57px;overflow:hidden;} #stepflow li {display:inline;} #stepflow li span {display:none;} #stepflow em {display:block;height:57px;} /* buy */ #stepflow.stepflow_buy {position:absolute;margin:-112px 0 0 140px;background:url("/common/img/pic_step_buy.gif") no-repeat;} #stepflow.stepflow_buy em {background:url("/common/img/pic_step_buy.gif") no-repeat;} #stepflow.stepflow_buy .step1 em {width:114px;background-position:0 -57px;} #stepflow.stepflow_buy .step2 em {width:118px;background-position:-114px -57px;margin-left:114px;} #stepflow.stepflow_buy .step3 em {width:97px;background-position:-232px -57px;margin-left:232px;} #stepflow.stepflow_buy .step4 em {width:101px;background-position:-329px -57px;margin-left:329px;} #giftWrapping {display:none;} /* -------------------------------------------------------------- 個別 -------------------------------------------------------------- */ *:first-child+html .innerTblDlv {margin:0;} /* IE7のpadding値を0に */ .payselect {zoom:1;margin-top:0px !important;padding:0 0 0 5px;background-color:#efefef;width:720px;} .payselect:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .payselect div {width:280px !important;float:left;} .payselect div img {vertical-align:middle;margin-right:0px;} .payselect label {font-weight:bold;} .payselect p {font-size:85%;display:block;width:500px;margin-top:9px;padding-bottom:8px;float:left;} .payselectSp{width:725px;height:15px;} #creditTbl {display:none;} #creditTbl2 {display:none;} #creditTbl3 {display:none;} .innerTblCard{margin:5px 0px 5px 5px;padding:0px;} .innerTblCard td,.innerTblCard th{padding:0px 0px 7px !important;white-space:nowrap;} .tdcellEnable {background-color:#efefef !important;} #conveniencestore_list, #conveniencestore_list2 {zoom:1;margin-top:30px;padding:0 10px;font-size:85%;} #conveniencestore_list:after, #conveniencestore_list2:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .presentselect .ph{width:133px;} .presentselect dl{width:547px;} .h3mode .sublink { /*position:absolute; */ top:-8px;right:0;} /* 完了 */ #completed {zoom:1;background:#f4ffdd /*url(/res/img/order/bg_complete.gif)*/ no-repeat left bottom;padding:15px 0 15px 15px;} #completed:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #completed .pho {width:278px;float:left;} #completed .txt {width:400px;float:left;margin:0 15px;text-align:center;} #completed .txt p {margin-top:15px;} .btn2 li {display:inline;margin:0 30px;} /* ========================================================================== list以下 (pd_) =========================================================================== */ .pd_unit {width:725px;border-bottom:1px dashed #666666;background:url(/common/img/pic_dotline_ver.gif) repeat-y center top;margin-bottom:10px;} .pd_unit_inner {width:725px;border-bottom:10px solid #fff;} .pd_unit_L,.pd_unit_R {width:335px;margin:0 10px;} .pd_unit_L {float:left;} .pd_unit_R {float:right;} .pd_unit_upper {width:335px;border-bottom:1px solid #ccc;padding-bottom:10px;} .pd_img {width:133px;text-align:center;float:left;} .pd_img p {margin-top:10px;} .pd_unit_upper dl {width:192px;float:right;} .pd_unit_upper dt a {font-weight:bold;} .pd_unit_upper dt img {vertical-align:middle;margin-left:15px;} .pd_unit_upper dd {padding-top:15px;} .pd_unit_upper .specialText {min-height:50px;margin-right:5px;text-align:right;color:#cc3333;font-size:115%;} .pd_more {text-align:right;margin-top:10px;line-height:1;} .pd_more a {background-color:#f7f7f7;padding:5px 10px;} .pd_more img {vertical-align:middle;} .pd_data {font-weight:bold;margin-top:10px;} .pd_data span {font-weight:normal;} .pd_data span.specialPrice {font-weight:bold;color:#cc3333;font-size:160%;} .pd_data span.taxIncPrice {font-weight:bold;font-size:100%;} .pd_unit_downer {width:335px;padding-top:10px;} .pd_unit_downer div {float:left;} .pd_unit_downer div select {width:130px;margin-top:2px;} .pd_unit_downer p {float:right;padding-top:5px;} .pd_unit_downer p.caution {float:left;padding-top:5px;} .pd_unit .adbanner {margin-top:10px;} .pd_unit_inner:after,.pd_unit_upper:after,.pd_unit_downer:after,.pd_unit.horizontal .pd_unit_inner2:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .pd_unit.horizontal,.pd_unit.horizontal .pd_unit_inner,.pd_unit.horizontal .pd_unit_inner2 {background:transparent url(/kenko/res/img/bg_buzz_review.gif) no-repeat;}/*レイアウト作成用（kenko）*/ .pd_unit.horizontal {width:725px;padding-top:13px;margin-bottom:13px;border:none;} .pd_unit.horizontal .pd_unit_inner {border:none;padding-bottom:13px;background-position:-725px bottom;} .pd_unit.horizontal .pd_unit_inner2 {width:725px;background-repeat:repeat-y;background-position:-1450px 0;} .pd_unit.horizontal .pd_unit_upper {border-bottom:1px dashed #cda675;} .pd_unit.horizontal .pd_unit_downer {padding-bottom:27px;} .pd_unit.horizontal .pd_unit_L {margin:0;padding:0 0 0 10px;} .pd_unit.horizontal .pd_unit_R {margin:0;padding:7px 15px 5px 0;} .pd_unit.horizontal .pd_unit_R .h3mode {margin:0;} .pd_unit.horizontal .pd_unit_R li {padding:10px;border-bottom:1px dotted #ccc;} .pd_unit.horizontal .pd_unit_R .contributor {margin-top:10px;font-weight:bold;} .pd_unit.horizontal .pd_unit_R .readall {margin:10px 0 0 10px;} .pd_unit.horizontal .pd_unit_R .nobuzz {margin:10px 0 0 10px;} .pager {background-color:#efefef;padding:10px;text-align:center;} .pager p,.pager ul,.pager li {display:inline;} .pager p {padding:0 10px;} .pager li {padding:0 3px;} #movetab {zoom:1;height:27px;margin:-10px 0 15px;padding-bottom:-1px;} #movetab ul {float:right;width:260px;} #movetab ul:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #movetab li {float:left;} #movetab li a {width:130px;height:27px;} #movetab li a {display:block;width:130px;height:27px;text-indent:-9999px;} #movetab li a {background:url(/kenko/res/img/pic_tab.gif) no-repeat;} #movetab li a.tabDetail {background-position:0 0;} #movetab li a.tabList {background-position:-250px 0;} #movetab li a.tabBuzz {background-position:-500px 0;} #movetab li a.tabDetail:hover,#movetab li.cur a.tabDetail {background-position:-125px 0;} #movetab li a.tabList:hover,#movetab li.cur a.tabList {background-position:-375px 0;} #movetab li a.tabBuzz:hover,#movetab li.cur a.tabBuzz {background-position:-625px 0;} /* タブ改善 */ #movetab2 ul:after,#movetab2_under ul:after {content: ".";display: block;clear: both;height: 0px;visibility: hidden;line-height: 0;font-size: 0px;} #movetab2 li, #movetab2_under li{float: left;} #movetab2 li a, #movetab2_under li a{display: block;text-indent: -9999px;width: 144px;height: 40px;} #movetab2 li a.tabDetail,#movetab2_under li a.tabDetail{background-position: 0px 0px;} #movetab2 li a.tabDetail:hover,#movetab2_under li a.tabDetail:hover,#movetab2 li.cur a.tabDetail,#movetab2_under li.cur a.tabDetail{background-position: -144px 0px;} #movetab2 li a.tabBuzz,#movetab2_under li a.tabBuzz{background-position: -287px 0px;} #movetab2 li a.tabBuzz:hover,#movetab2_under li a.tabBuzz:hover,#movetab2 li.cur a.tabBuzz,#movetab2_under li.cur a.tabBuzz{background-position: -431px 0px;} /* 上部タブ */ #movetab2 {height: 40px;margin-bottom: 20px;} #movetab2 ul.movetab2_bg {height: 70px;width: 725px;margin-top: 3px;margin-bottom: 15px;} /* 下部タブ */ #movetab2_under {height: 40px;margin-top: 30px;} #movetab2_under ul.movetab2_bg {height: 30px;width: 725px;margin-top: -31px;margin-bottom: -1px;} #movetab2_under ul li {margin-top: 31px;} #movetab2_under ul li a {height: 40px;} /* タブ改善ここまで */ .detailLayout {width:725px;margin-bottom:15px;} .detailLayout_L {width:285px;} .detailLayout_R {width:440px;vertical-align:top;} /* 最長着日 */ .delivery__text {color:#CC0000; height: 34px; padding-left: 80px; font-size: 16px; line-height: 34px; font-weight: bold; background: url(/common/img/icon--delivery-date.png) left center no-repeat;} .delivery__text--small {color:#CC0000; height: 34px; padding-left: 80px; font-size: 14px; line-height: 17px; font-weight: bold; background: url(/common/img/icon--delivery-date.png) left center no-repeat;} /* リード文など */ .detailLayout_lead {color:#333333;line-height:150%;font-size:16px;} /* 商品詳細ページ 口コミ詳細件数表示 */ /* a.buzzLook:link {display:block;width:262px;height:44px;background:url(/common/img/btn_buzzlook.png) no-repeat;text-indent:-10000px;list-style:none;} a.buzzLook:hover {display:block;width:262px;height:44px;background-image:url(/common/img/btn_buzzlook_ov.png);text-indent:-10000px;list-style:none;} */ a.lookBuzz {display:block;background: url(/common/img/btn_buzzlook_ov.png) no-repeat;width: 285px;height: 75px;} a.lookBuzz img:hover {opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0; -moz-opacity: 0;} a.lookBuzz span{font-size:14px;color:#666666;font-weight:bold;margin-left:14px;} .detailLayout_L_notice{margin-top:10px;padding-right:20px;} .detailLayout_L_notice span{ } /* 商品詳細ページ 口コミ詳細件数表示ここまで */ .detailData {padding:10px 15px;background-color:#fff9e5;border:1px solid #a04e0e;} .detailAlert {padding:10px 15px;background-color:#ffe3e5;margin-top:10px;font-weight:bold;color:#cc3333;} .detailbuzzCount {padding:5px 10px;background-color:#ffe3e5;font-weight:bold;} /* 商品口コミページ 口コミ詳細件数表示 */ .detailbuzzCount2 {padding:10px 20px;margin-bottom:10px;text-align: center;background-color:#FFFFE8;font-weight:bold;background:url(/common/img/bg_detailbuzzcount.jpg) no-repeat;} .detailbuzzCount2_text {font-size:19px;color:#333333;} .detailbuzzCount2_notice {font-size:13px;color:#ff0000;} /* 商品口コミページ 口コミ詳細件数表示ここまで */ .detailbtns {vertical-align:bottom;} .detailbtns ul {padding:10px 15px 5px;background-color:#efefef;} .detailbtns li {display:inline;margin:0 10px;} /* 商品詳細ページ 化粧品注意文言 */ .cosmeNotice{display:block;margin:20px 0;color:#666666;font-size:14px;} /* 商品詳細ページ 化粧品注意文言ここまで */ /* 商品詳細ページ 原材料表示 */ .showMaterial{background-color:#ffffdd;padding:5px;} .showMaterial dt{float:left;margin-top:11px;margin-left:8px;font-size:14px;color:#333333;} .showMaterial dd{float:right;} /* 商品詳細ページ 原材料表示ここまで */ /* 商品口コミページ 口コミ投稿案内 */ .detailbtns2 {vertical-align:bottom;} .detailbtns2 li {display:inline;margin:0 10px;} .detailbtns2_notice{color:#333333;font-size;16px;} .detailbtns2 ul {padding:20px;background-color:#FFFFE8;font-size:16px;line-height:140%;} .detailbtns2 ul li a{color:#FF6600;} /* 商品口コミページ 口コミ投稿案内ここまで */ .socialbtns{width:auto;float:right;margin-bottom:10px;} .socialbtns div{float:left;} .socialbtns .tw{margin:0 -5px 0 0;} .socialbtns .tw:not(:target) {margin:0 -15px 0 0\9;}/* IE9 */ .socialbtns .tw iframe.twitter-share-button {width: 110px !important;} .socialbtns .mixi{margin:1px 10px 0 0;} .socialbtns .fb{margin:0px 10px 0 0;} .socialbtns .gplus{margin:0px;} .orderList table td {padding:10px 0;border-top:1px dotted #eccd00;font-size:100%;} .orderList table tr.first td {padding-top:0;border-top:none;} .orderList table .bnr {margin-bottom:10px;} .orderList table .txt p {float:left;} .orderList table .txt .price {font-size:100%;float:right;margin-right:15px;} .orderList table .txt .price span {font-weight:bold;color:#cc3333;font-size:130%;} .orderList.twolines .h3mode {position:relative;} .orderList.twolines .h3mode span {position:absolute;top:0;right:0;} .orderList.twolines .detail_h3mode {padding: 0 0 5px 15px;} .orderList.twolines table tr.normalPrice td {border-top:none;} .orderList.twolines table tr.normalPrice .priceLabel {margin-top:12px;} .orderList.twolines table tr td.itemPict {border-right:1px dotted #eccd00;} .orderList.twolines table tr td span.discount_price {display:block;border: 1px solid #fee940;background:url(/common/img/bg_discount_price.gif) 0 0 repeat-x;padding:6px 0 2px;text-align: center;font-weight:bold;color:#cc3333;font-size:100%;width: 250px;margin:6px 0;} .orderList.twolines table .txt .price span.normalTxt {font-weight:normal;color:#666666;font-size:85%;} .orderList.twolines table .txt .price span.lineThrough {text-decoration:line-through;} .orderList.twolines table .txt .price span.taxIncTxt {font-weight:normal;color:#666666;font-size:100%;} .orderList.birthday table .txt .price span.normalTxt {font-weight:normal;color:#666666;font-size:85%;} .orderList.birthday table .txt .price span.lineThrough {text-decoration:line-through;} .orderList.birthday table .txt .price span.taxIncTxt {font-weight:normal;color:#666666;font-size:100%;} .detailbuzzlist,.detailbuzzlist_inner,.detailbuzzlist_L,.detailbuzzlist_R {background:url(/kenko/res/img/bg_datailbuzzlist.gif) no-repeat;} .detailbuzzlist{width:725px;background-position:-355px bottom;padding-bottom:4px;} .detailbuzzlist_inner {width:725px; background-position:-1080px 0;background-repeat:repeat-y;} .detailbuzzlist_inner:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .detailbuzzlist_L {width:355px;float:left;} .detailbuzzlist_R {width:355px;float:right;background-position:0 0;} .detailbuzzlist_L div,.detailbuzzlist_R div {padding:15px 10px;} .detailbuzzlist .linkmark {font-size:85%;} .detailbuzzlist .contributor {margin-top:5px;font-weight:bold;} /* 商品詳細ページ 口コミ */ .detailbuzzlist2_notice{font-size:16px;} ul.detailbuzzlist2{width:725px;height:148px;background-position:-355px bottom;padding-bottom:3px; margin-top: 20px;} ul.detailbuzzlist2 li{width:353px;height:148px;margin-left:19px;float:left;} ul.detailbuzzlist2 li:first-child {margin-left: 0;} ul.detailbuzzlist2 li a{display: block;padding: 15px;width: 325px;height: 110px;text-decoration: none;} ul.detailbuzzlist2 li p,ul.detailbuzzlist2 li dt{line-height: 125%;font-size: 16px;color:#333333;} .detailbuzzlist2_comment {height: 78px;} .detailbuzzlist2_link .detailbuzzlist2_comment, .detailbuzzlist2_link .detailbuzzlist2_more{margin-bottom:5px;color:#333333;} .detailbuzzlist2_link .detailbuzzlist2_more{text-decoration:underline;} dl.detailbuzzlist2_data dt.contributor{font-weight:bold;width: 256px;float:left;font-size: 12px;} dl.detailbuzzlist2_data dd{width: 60px;float:right;text-align:right;font-size: 12px;} ul.buzzBtns{margin: 20px auto;width: 701px;height:65px;padding-top:15px;padding-left: 24px;background-color:#F9F7E1;} ul.buzzBtns a{float:left;} ul.buzzBtns a img{width:307px;height:46px;margin:0 15px;} /* 商品詳細ページ 口コミここまで */ .detailKanrenlist {margin-left:-15px;} .detailKanrenlist li {width:330px;margin:0 0 0 15px;padding:0 0 5px 0;display: -moz-inline-box;display: inline-block;vertical-align:top;/display:inline;/zoom:1;font-size:85%;} .detailbuzz {background-color:#ffe5c5;border-top:1px dotted #cccccc;margin-bottom:15px;} .detailbuzz dt {padding:15px 10px 10px;font-weight:bold;} .detailbuzz dd {padding:0 10px 10px;border-bottom:1px dotted #cccccc;} .detailbuzz dt.odd,.detailbuzz dd.odd {background-color:#fff1dd;} /* 商品口コミページ */ .buzzNotice {font-size:16px;line-height:140%;word-wrap: break-word;} .buzzNotice b {font-size:16px;line-height:140%;word-wrap: break-word;font-weight: bold;} .detailbuzz2 {margin-top:20px;margin-bottom:15px;} .detailbuzz2 ul{background-color:#FFFFE8;padding:10px;} .detailbuzz2 ul li {float:left;} .detailbuzz2 ul li, .detailbuzz2 ul li button{font-weight:bold;font-size:16px;} .detailbuzz2 ul li.detailbuzz2Title {margin: 10px 20px 10px 10px;color: #cc6600;} .detailbuzz2 ul li.detailbuzz2Point {margin: 8px 35px 10px 0;color: #ff9900;font-size:18px;} .detailbuzz2 ul li.detailbuzz2Gender,.detailbuzz2 ul li.detailbuzz2Age {margin: 10px 45px 10px 0;width: 40px;} .detailbuzz2 ul li.detailbuzz2Home {margin: 10px 0;width:80px; } .detailbuzz2 ul li.detailbuzz2Eval {width:203px;text-align:right;} .detailbuzz2 ul li.detailbuzz2Eval button {text-align:center;color:#CC3333;background: url(/common/img/btn_buzzeval_on.png) no-repeat;border-style: none;width: 159px;height: 40px;cursor:pointer;text-decoration:underline;} .detailbuzz2 ul li.detailbuzz2Eval.dis button {color:#666666;background: url(/common/img/btn_buzzeval_off.png) no-repeat;text-decoration: none;font-weight: normal;} .detailbuzz2 dl {padding-left:20px;} .detailbuzz2 dd.detailbuzz2_comment {padding:0 10px 10px 0;} .detailbuzz2 dd {padding:0 10px 10px 0;color:#666666;} .detailbuzz2 dt, .detailbuzz2 dd.detailbuzz2_comment{font-size:16px;line-height:140%;color:#333333;} .detailbuzz2 dt {padding:15px 10px 10px 0;font-weight:bold;} /* 商品口コミページここまで */ /* 全商品一覧 */ .c_allitem_list {zoom:1;} .c_allitem_list:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .c_allitem_list ul {margin-top:15px;} .c_allitem_list li {display:-moz-inline-box;display:inline-block;width:133px;margin:0 0 10px 15px;text-align:center;vertical-align:top;} * html .c_allitem_list li {display:inline;zoom:1;} *:first-child+html .c_allitem_list li {display:inline;zoom:1;} .c_allitem_list li.first {margin-left:0;clear:left;} .c_allitem_list li a {display:block;width:133px;} .c_allitem_list li img {display:block;margin-bottom:10px;} .c_allitem_list li .camp_icn img {display:block;margin-bottom:2px;} /* レビューリンク */ .review_link {position:relative;;padding:0 0 7px 6px;} .review_link .sublink {position:absolute;top:5px;right:0;} .review_link_top {text-align:center;} .review_link_top .sublink {position:relative;top:5px;} /* クッキー判定 */ #isCookie {display:none;} /*キャンペーンアイコン*/ .camp_icn {width:132px;} .camp_icn span{display:block;text-align:center;font-size:85%;margin-top:2px;} .camp_icn_line{margin-bottom:3px;} .camp_icn_line img{vertical-align:top;margin-right:3px;} .camp_icn_line span{font-size:85%;} /* ========================================================================== simple header window (body#simpleheader) =========================================================================== */ /* -------------------------------------------------------------- header -------------------------------------------------------------- */ #simpleheader #header_cont {zoom:1;width:auto;padding:18px 10px 15px;border-bottom:4px solid #cae893;} #simpleheader #h_wraper {width:950px;margin:0 auto;} #simpleheader #h_Ci {width:142px;height:41px;background:url(/common/img/header/sp_header.gif) no-repeat -810px 0;} /* -------------------------------------------------------------- footer -------------------------------------------------------------- */ #simpleheader #footner_cont .copyright {background-color:#285f23;padding:10px;color:#fff;font-size:77%;text-align:center;letter-spacing:0.1em;} #simpleheader #footner_cont .copyright span {margin-left:1em;letter-spacing:0.2em;} /* ========================================================================== shot header (h_) =========================================================================== */ #header_cont_wrapper_short{border-top-width: 3px;border-top-style: solid;border-top-color: #285f23;border-bottom-width: 4px;border-bottom-style: solid;border-bottom-color: #cae893;padding-bottom:10px;} /* ========================================================================== 追加（MYページ） =========================================================================== */ .h2mode02 {position:relative;background:url(/common/img/h2_bg.gif) repeat-x left bottom;padding:0 0 7px 6px;margin:30px 0 15px;} .h2mode02 span {display:block;background:url(/common/img/h3_myp.png) no-repeat;font-size:116%;font-weight:bold;color:#333;padding-left:28px;min-height:20px;height:auto !important;height:20px;} .h2mode02 .sublink { position:absolute; top:5px;right:0;} /* price */ .price {font-weight:bold; margin:7px 0 7px 0; color:#666; font-size:116%} .price span {color:#cc3333;} .favoritebg {background:#ffffdf; margin:7px 0 7px 0; padding-top:1px; min-height: 225px; overflow:hidden; *height:auto;} .priceline {border-bottom: 1px dashed #666;border-top: 1px dashed #666;padding: 10px 0 45px 0;margin-bottom: 10px;} /* お気に入り登録商品 */ .c_favoriteRecommended {zoom:1;} .c_favoriteRecommended:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} .c_favoriteRecommended ul {margin-top:15px;margin-left:18px;} .c_favoriteRecommended li {float:left;width:124px;margin-left:18px;text-align:center; overflow:hidden;} .c_favoriteRecommended li.first {margin-left:0;} .c_favoriteRecommended li a {display:block;width:124px;/*height:180px;*/ padding-bottom:100000px; margin-bottom:-100000px; *padding-bottom:0px; *margin-bottom:0px; *height:auto;} .c_favoriteRecommended li img {display:block;margin-bottom:10px;} /* お気に入りタブ */ #favoritetab {zoom:1;height:24px;margin:15px 0 15px;padding-bottom:-1px;} #favoritetab ul {float:left;width:1097px;} #favoritetab ul:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #favoritetab li {float:left;} #favoritetab li a {width:130px;height:27px;} #favoritetab li a {display:block;width:130px;height:27px;text-indent:-9999px;} #favoritetab li a {background:url(/common/img/favoritetab.gif) no-repeat;} #favoritetab li a.tabDetail {background-position:0 0;} #favoritetab li a.tab01 {background-position:-250px 0;} #favoritetab li a.tab02 {background-position:-500px 0;} #favoritetab li p a.tab03 {background-position:-750px 0;} #favoritetab li a.tabDetail:hover,#favoritetab li.cur a.tabDetail {background-position:-125px 0;} #favoritetab li a.tab01:hover,#favoritetab li.cur a.tab01 {background-position:-375px 0;} #favoritetab li a.tab02:hover,#favoritetab li.cur a.tab02 {background-position:-625px 0;} #favoritetab li p a.tab03:hover,#favoritetab li.cur a.tab03 {background-position:-921px 0;} #favoritetab {border-bottom:1px solid #33712e;} #favoritetab li p a {width:171px;height:27px;} #favoritetab li p a {display:block;width:171px;height:27px;text-indent:-9999px;} #favoritetab li p a {background:url(/common/img/favoritetab.gif) no-repeat;} .linkmark02 {padding-left:10px;background:url(/common/img/icn_arrow.gif) no-repeat left 0.1em} .review_link02 {position:relative;;padding:0 0 7px 6px;text-align: right;} .review_link02 .sublink02 {top:5px;text-align:right;} /* ========================================================================== list以下 (fa_) =========================================================================== */ .fa_unit {width:725px;border-bottom:1px dashed #666666;background:url(/common/img/pic_dotline_ver.gif) repeat-y center top;margin-bottom:10px;} .fa_unit_inner {width:725px;border-bottom:10px solid #fff;} .fa_unit_L,.fa_unit_R {width:600px;margin:0 10px;} .fa_unit_L {float:left;} .fa_unit_R {float:right;} .fa_unit_upper {width:695px;padding-bottom:10px;} .fa_img {width:160px;text-align:center;float:left;} .fa_img p {margin-top:10px;} .fa_unit_upper dl {width:515px;float:left;} .fa_unit_upper dt a {font-weight:bold;} .fa_unit_upper dt img {vertical-align:middle;margin-left:15px;} .fa_unit_upper dd {padding-top:15px;} .fa_more {text-align:right;margin-top:10px;line-height:1;} .fa_more a {background-color:#fffedf;padding:5px 10px;} .fa_more img {vertical-align:middle;} .fa_data {font-weight:bold;margin-top:10px;} .fa_data span {font-weight:normal;} .fa_unit_downer {width:335px;padding-top:10px;} .fa_unit_downer div {float:left;} .fa_unit_downer div select {width:130px;margin-top:2px;} .fa_unit_downer p {float:right;padding-top:5px;} .fa_unit_downer p.caution {float:left;padding-top:5px;} .fa_unit .adbanner {margin-top:10px;} .fa_unit_inner:after,.fa_unit_upper:after,.fa_unit_downer:after,.fa_unit.horizontal .fa_unit_inner2:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} /* error */ #errorInfo02,#errorInfo02_inner {background:url("/common/img/bg_error.gif") no-repeat;width:100%;} #errorInfo02 {padding-top:10px;} #errorInfo02_inner {padding-bottom:10px;background-position:left bottom;} #errorInfo02 dl {border:1px solid #cc3333;border-style:none solid none solid;background-color:#ffe4e4;padding:0 10px;} #errorInfo02Liquid{background-color:#ffe4e4;height:auto;margin-bottom:30px;} #errorInfo02Liquid_inner {border-left:1px solid #cc3333;border-right:1px solid #cc3333;} #errorInfo02Liquid dl {padding:10px;margin:0;} #errorInfo02Liquid .fr_t{height:5px;background:url("/common/img/bg_error2_dot.gif") repeat-x top;} #errorInfo02Liquid .fr_b{height:5px;background:url("/common/img/bg_error2_dot.gif") repeat-x bottom;} #errorInfo02Liquid .fr_t div,#errorInfo02Liquid .fr_b div{font-size:0;line-height:0;width:5px;height:5px;display:block;} #errorInfo02Liquid .fr_t .l{background:url("/common/img/bg_error2_round.gif") no-repeat left top;float:left;} #errorInfo02Liquid .fr_t .r{background:url("/common/img/bg_error2_round.gif") no-repeat right top;float:right;} #errorInfo02Liquid .fr_b .l{background:url("/common/img/bg_error2_round.gif") no-repeat left bottom;float:left;} #errorInfo02Liquid .fr_b .r{background:url("/common/img/bg_error2_round.gif") no-repeat right bottom;float:right;} #errorInfo02 dt,#errorInfo02Liquid dt {background:url("/common/img/icn_error.gif") no-repeat;min-height:24px;height:auto !important;height:24px;padding-left:30px;font-weight:bold;line-height:1.8;} #errorInfo02 dd ul,#errorInfo02Liquid dd ul {margin:10px 0 0 5px;} #errorInfo02 dd li,#errorInfo02Liquid dd li {background:url("/common/img/icn_error_innerlink.gif") no-repeat 0 0.2em;min-height:12px;height:auto !important;height:12px;padding-left:20px;} #errorInfo02 dd li a,#errorInfo02Liquid dd li a {font-weight:bold;} #errorInfo02_inner dd li a {font-weight:bold;} .errortd {background-color:#ffe4e4 !important;} .errortxt {color:#cc3333;font-weight:bold;margin-bottom:5px;} .errortd table td {background-color:transparent;} /* ========================================================================== search_result 検索結果 =========================================================================== */ .search_hit{margin-bottom:10px;} .search_hit span {font-weight:bold;} /* 検索結果タブ01 */ .tab_search_results01 {margin:0;} .tab_search_results01 dl{background:url(/common/img/tab_search_results01_bg.png) no-repeat 0 0;width:725px;height:25px;position:relative;} .tab_search_results01 dt {display:none;} .tab_search_results01 dd {margin:0;padding:0;} .tab_search_results01 ul {margin:0;padding:0;} .tab_search_results01 li{display:block;position:absolute;left:0px;top:0px;} .tab_search_results01 li a {display:block;height:25px;position:absolute;background:url(/common/img/tab_search_results01_bg.png) no-repeat;color:#333;font-weight:bold;text-decoration:none;text-align:center;line-height:31px;} .tab_search_results01 li.re1 a {width:174px;padding-left:5px;background-position:0 0;} .tab_search_results01 li.re1 a:hover, .tab_search_results01 li.re1.active a {background-position:0 -25px;color:#fff;font-weight:bold;line-height:26px;} .tab_search_results01 li.re2 a {width:180px;left:180px;background-position:-180px 0;} .tab_search_results01 li.re2 a:hover, .tab_search_results01 li.re2.active a {background-position:-180px -25px;color:#fff;font-weight:bold;line-height:25px;} .tab_search_results01 li.re3 a {width:180px;left:360px;background-position:-360px 0;} .tab_search_results01 li.re3 a:hover, .tab_search_results01 li.re3.active a {background-position:-360px -25px;color:#fff;font-weight:bold;line-height:25px;} .tab_search_results01 li.re4 a {width:180px;left:547px;background-position:-547px 0;} .tab_search_results01 li.re4 a:hover, .tab_search_results01 li.re4.active a {background-position:-547px -25px;color:#fff;font-weight:bold;line-height:25px;} .tab_search_results01 li .s{background:none;} /*.tab_search_results01 li a span{color:#333;font-weight:bold;text-decoration:none;}*/ .tab_search_results01 li.re1.active {background-position:0 -25px;} .tab_search_results01 li.re2.active {background-position:-130px -25px;} .tab_search_results01 li.re3.active {background-position:-255px -25px;} .tab_search_results01 li.re4.active {background-position:-380px -25px;} .flame_search_results01{border-left:#33712e 1px solid;border-right:#33712e 1px solid;border-bottom:#33712e 1px solid;background:#f3ffdd;padding:15px;margin-bottom:15px;} .flame_search_results01 .search_l {width:645px; float:left; vertical-align:top;} .flame_search_results01 .search_r {margin:3px 0 0 5px;} /* 検索画面改善 */ .search_hit2{font-size:15pt;margin-bottom:15px;} .search_hit2 span {font-weight:bold;} /* タブタイトル名表示 */ .tabTitle_text{font-size:16pt;} .tabTitle_result{font-size:14pt;} /* タブ表示部分 */ .tab_search_results02 {margin:0;height: 45px;} .tab_search_results02 dl{background: url(/common/img/tab_search_results02_bg.png) no-repeat 0 0;width:725px;height: 45px;position:relative;} .tab_search_results02 dt {display:none;} .tab_search_results02 li{display:block;position:absolute;left:0px;top: 0;} .tab_search_results02 li a {display:block;height: 45px;position:absolute;background: url(/common/img/tab_search_results02_bg.png) no-repeat;color:#333;font-weight:bold;text-decoration:none;text-align:center;line-height: 45px;} .tab_search_results02 li.re1 a {width: 138px;left: 5px;/* padding-left: 0px; */background-position:-5px 0;} .tab_search_results02 li.re1 a:hover, .tab_search_results02 li.re1.active a {background-position:-5px -45px;color:#fff;font-weight:bold;line-height:45px;} .tab_search_results02 li.re2 a {width: 138px;left: 150px;background-position:-150px 0;} .tab_search_results02 li.re2 a:hover, .tab_search_results02 li.re2.active a {background-position: -150px -45px;color:#fff;font-weight:bold;line-height: 45px;} .tab_search_results02 li.re3 a {width: 138px;left: 295px;background-position: -295px 0;} .tab_search_results02 li.re3 a:hover, .tab_search_results02 li.re3.active a {background-position:-295px -45px;color:#fff;font-weight:bold;line-height:45px;} .tab_search_results02 li.re4 a {width: 138px;left: 440px;background-position: -440px 0;} .tab_search_results02 li.re4 a:hover, .tab_search_results02 li.re4.active a {background-position:-440px -45px;color:#fff;font-weight:bold;line-height:45px;} .tab_search_results02 li.re5 a {width: 138px;left: 584px;background-position: -584px 0;} .tab_search_results02 li.re5 a:hover, .tab_search_results02 li.re5.active a {background-position:-584px -45px;color:#fff;font-weight:bold;line-height:45px;} .tab_search_results02 li.re1.active {background-position:0 -45px;} .tab_search_results02 li.re2.active {background-position:-150px -45px;} .tab_search_results02 li.re3.active {background-position:-295px -45px;} .tab_search_results02 li.re4.active {background-position:-440px -45px;} .tab_search_results02 li.re4.active {background-position:-584px -45px;} /* 検索文字入力フォーム */ .flame_search_results02 {border-left:#33712e 1px solid;border-right:#33712e 1px solid;border-bottom:#33712e 1px solid;background:#f3ffdd;padding:15px;margin-bottom:15px;} .flame_search_results02 .search_l {width:496px; float:left; vertical-align:top;margin-left:3px;margin-bottom:10px;} .flame_search_results02 .search_l .searchField {width: 463px;height: 36px;font-size: 18px;padding-left: 10px;padding-right: 10px;} /* 20140930追加 検索ボタンhover */ .flame_search_results02 .search_r {margin:3px 0 14px 499px;background:url(/common/img/header/btn_search_02_ov.png) no-repeat left top;} .flame_search_results02 .search_r input:hover {opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0; -moz-opacity: 0;} /* もしかして */ .flame_search_results02 .wordCandicate{ color:#333333; clear:left;margin: 10px auto 0px 3px; } .flame_search_results02 .wordCandicate .wordCandicate_words{ display:inline-block; } .flame_search_results02 .wordCandicate .wordCandicate_words a{ margin-left:7px;margin-right:7px; } /* 注目キーワード */ .keywordArea dt{float:left;width:132px;} .keywordArea dd{float:right;width:578px;} .keywordArea dd li{float:left;margin:7px 7px 5px 7px;} /* 検索画面改善ここまで */ .va_m{vertical-align:middle;} /* おすすめ情報 */ #osusume_info{background:#ffffdf;padding:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-bottom:15px; *overflow:hidden;} .osusume_ttl { position:relative;font-weight:bold; color:#333; background:url(/common/img/h3_line.gif) no-repeat 6px 0; min-height:16px; height:auto !important; height:16px; padding:0 0 2px 20px; margin-bottom:10px; border-bottom:#33712e dotted 1px; } .itemLayout_osusume_L {width:106px;vertical-align:top;min-height:106px;} .itemLayout_osusume_R {vertical-align:top;padding-left:15px;} /* おすすめ情報 3個並び */ #osusume_info03 {/*width:600px;*/} #osusume_info03:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;} #osusume_info03 li {width:150px;float:left;display:inline;margin:0 40px;text-align:center;} #osusume_info03 li a {display:block;width:150px;} #osusume_info03 li img {display:block;margin:0 22px 10px 22px;text-align:center;} /* ページ送り */ #page_feed {text-align:right; margin-bottom:15px;} #page_feed span {font-weight:bold;} /* グレーフレーム */ .flame_gr {border:#ccc 1px solid;padding:10px;margin:10px 0;} /* 商品icon */ .ic_item {background:url(/common/img/icn_item.png) no-repeat left top;padding-left:63px;margin-bottom:10px;} /* レシピicon */ .ic_recipe {background:url(/common/img/icn_recipi.png) no-repeat left top;padding-left:63px;margin-bottom:10px;} /* 情報icon */ .ic_info {background:url(/common/img/icn_info.png) no-repeat left top;padding-left:63px;margin-bottom:10px;} /* 店舗icon */ .ic_shop {background:url(/common/img/icn_shop.png) no-repeat left top;padding-left:63px;margin-bottom:10px;} /* 口コミicon */ .ic_review {background:url(/common/img/icn_review.png) no-repeat left top;padding-left:63px;margin-bottom:10px;} /* FAQicon */ .ic_faq {background:url(/common/img/icn_faq.png) no-repeat left top;padding-left:63px;margin-bottom:10px;} /* よくある質問icon */ .ic_yokuaru_qa {background:url(/common/img/icn_yokuaru_qa.png) no-repeat left top;padding-left:91px;margin-bottom:10px;} /* 健康食品Q&Aicon */ .ic_kenko_qa {background:url(/common/img/icn_kenko_qa.png) no-repeat left top;padding-left:91px;margin-bottom:10px;} /* 化粧品Q&Aicon */ .ic_cosme_qa {background:url(/common/img/icn_cosme_qa.png) no-repeat left top;padding-left:91px;margin-bottom:10px;} /* はちみつQ&Aicon */ .ic_honey_qa {background:url(/common/img/icn_honey_qa.png) no-repeat left top;padding-left:91px;margin-bottom:10px;} /* もっとみる */ .more02 {text-align:right; margin-bottom:15px;} .more02 a span {background:url(/common/img/icn_arrow.gif) no-repeat 0 center; padding-left:10px;} .if { display:block;float:left; margin:10px 0;} .caution_zeroken{line-height:2.0} .pt11{font-size:80%;} .h1mode_recipi {position:relative;background:url(/common/img/h1_line.gif) no-repeat left center;min-height:55px;height:auto !important;height:55px;padding-left:19px;margin-bottom:15px;} .h1mode_recipi span {display:block;padding:15px 0 0 0;font-size:162%;font-weight:bold;color:#333;} .search_fl{display:inline;} /* ========================================================================== 定期購入選択 =========================================================================== */ #teiki-select {text-align:left;width:724px; padding: 15px 0;} #teiki-select select,#teiki-select input {vertical-align:middle;} #teiki-select table {margin:10px 0 16px;width:100%;background:#fbf5df;border-collapse:collapse;} .teiki-select-product-cell {border:1px solid #9c4a0e;border-right:0;border-bottom:1px dotted #a04e0e;} .teiki-select-variation-cell {border:1px dotted #a04e0e;border-right:0;border-left:1px solid #9c4a0e;} .teiki-select-variation-cell select {font-size:110%;font-weight:bold;} .teiki-select-course-cell {border:1px solid #9c4a0e;border-top:1px dotted #a04e0e;border-right:0;line-height:1.7;} .teiki-select-course-cell .teiki-select-value label {display:inline-block;padding-right:4px;font-weight:bold;color:#333;margin-right:0.2em;} .teiki-select-course-cell .teiki-select-value label.active {background:#F8D9BA; color:#cc3333;} .teiki-select-arrow-space-cell {width:16px;border:1px solid #9c3a0e;border-right:0;border-left:0;} .teiki-select-price-cell {width:217px;border:3px solid #88c039;text-align:center;padding:3px 6px 0;font-size:85%;} .teiki-select-product-cell,.teiki-select-variation-cell,.teiki-select-course-cell {padding:14px 6px;} .teiki-select-label {float:left;display:block;width:80px;text-align:right;margin-right:8px;} .teiki-select-value {float:none;display:block;font-weight:bold;color:#333;} .teiki-select-value.sku_name {font-size: 13px!important;} .teiki-select-value.sku_menu {font-size: 13px!important; font-weight:normal!important;} .teiki-select-value.sku_menu select {max-width: 460px!important; font-size: 13px!important;} .teiki-select-value.sku_menu select option {max-width: 440px!important;} .teiki-select-value.sku_teiki_course input {position: relative; top:-3px; } .teiki-select-price-cell div {margin-bottom:7px;} .teiki-select-price-cell div.teiki-select-arrow-position {margin-bottom:0;position:relative;} .teiki-select-price-cell div.teiki-select-nenkan-otoku {margin-bottom:0;} .teiki-select-nenkan-otoku {font-size:140%;font-weight:bold;color:#333;} .teiki-select-nenkan-otoku-price {font-size:140%;} .teiki-select-error {display:none;padding:14px 13px;text-align:left;} .teiki-select-arrow {position:absolute;left:-24px;top:13px;} .teiki-select-submit {text-align:center;} .teiki-select-link {margin-top:6px;font-size:85%;} .teiki-select-link img {vertical-align:middle;} /* ========================================================================== 買い物かご セット内容 =========================================================================== */ #cart .nrmTbl th {padding-left:0;padding-right:0;} #cart #shoppingNotes.nrmTbl th {padding: 10px;} #cart .nrmTbl td.qty, #cart .nrmTbl td.teiki {padding-left:0;padding-right:0;} #cart .nrmTbl td.goukei {white-space:nowrap;} #cart .nrmTbl .image {width:73px;text-align:center;} .cart-set-open, .cart-set-close {display:block;margin-top:12px;} .nrmTbl td.qty .control {float:right;width:47px;margin-right:0.4em;} .nrmTbl td.qty .control a {width:47px; display:block; margin-bottom:0.3em;} .qty input {margin-top:1em; margin-right: 0;} .cart-set-item-row th {background:#f6f6f6 url(/common/img/bg_set_arrow.png) no-repeat 45px 5px !important; padding-top: 35px;} .cart-set-item-row td {background:#f6f6f6 !important;} #cart .nrmTbl .cart-set-item-row th {padding-left:7px;padding-right:5px;color:#000;} .cart-recalculate {background:#f6f6f6;padding:7px 0; line-height: 1.1; } .cart-recalculate a {vertical-align:middle;} .cart-recalculate a img { line-height: 0px; font-size:0px;} .cart-recalculate span { position:relative; top:-5px;} /* campaign area */ #header_bottom_campaign_area { width: 950px; margin: 7px auto 0 auto; } /* campaign box */ .bg_campaign_box { background: url(/common/img/bg_campaign.gif) 0 0 no-repeat; height: 54px; position: relative; } .bg_campaign_box a { position: absolute; top: 10px; right: 10px; } /* campaign list */ .campaign_list li { background: #EBF9D2 url(/common/img/icon_campaign.gif) no-repeat 7px 9px ; padding: 12px 7px 12px 90px; margin-bottom: 10px; } .campaign_list li a { display: inline-block; *display: inline; *zoom: 1; padding: 0; } .campaign_list li, .campaign_list li a, .campaign_list li a:link, .campaign_list li a:visited { color: #336600; } .campaign_list li span.txt_payment { color: #cc3333!important;} #header_bottom_campaign_area .campaign_list li { background: #EBF9D2 url(/common/img/icon_campaign_small.gif) 3px 3px no-repeat; padding: 3px 3px 3px 88px; margin-bottom: 0; margin-top: 5px;} #header_bottom_campaign_area .campaign_list li a { padding: 0 0 0 0;} /* ========================================================================== 買い物かご 8%対応 =========================================================================== */ .cart8per tr td { padding:5px; background-color: #FFFFFF; border-color: #CCCCCC; border-style: solid; border-width: 1px 0px 1px 1px; } .cart8per tr td img.btn_cart8 { padding:10px; } /* ========================================================================== お届け先指定 =========================================================================== */ .otodokesaki_page .fcGreen2 {color:#33712c;} .otodokesaki_page .h3mode_img {position:relative;padding:0 0 4px 0;margin:30px 0 5px;border-bottom:1px dotted #33712c;} /* ========================================================================== お支払い方法指定 =========================================================================== */ .payment_page .fcGreen2 {color:#33712c;} .mailorder_link {border: solid 2px #255921; padding: 2px 0px 0px 5px; margin-top: 5px; overflow:hidden; zoom:1;} .mailorder_link p.title{ width:502px; padding-top: 12px; float: left;} .mailorder_link p.btn{ width:209px; float: right;} /* ========================================================================== かんたん注文 =========================================================================== */ .easy_order .fcGreen2 {color:#33712c;} .easy_order .h1 {padding:0 0 0 0;margin:30px 0 5px;} .easy_order .h3mode_img { position:relative;padding:0 0 5px 20px;margin:30px 0 5px;border-bottom:1px dotted #33712c; background: url("/common/img/h3_line.gif") no-repeat scroll 6px 1px transparent; height: auto !important; min-height: 16px; } /* ========================================================================== 2014 ははの日キャンペーン用（#header_bottom_campaign_area内で展開） =========================================================================== */ #bg_mothersday_2014{width:950px;height:54px;position:relative;} #bg_mothersday_2014 div{font-size:42px;font-weight:bold;color:#ffffff;line-height:1.1;} #bg_mothersday_2014 a{color:#000000;text-decoration:none;font-weight:normal;} /* ========================================================================== 2013はちみつの日キャンペーン用（#header_bottom_campaign_area内で展開） =========================================================================== */ #honeyDayBlk{width:950px;height:65px;position:relative;} #honeyDayBlk div{position:absolute;left:455px;top:14px;font-size:42px;font-weight:bold;color:#ffffff;line-height:1.1;} #honeyDayBlk a{color:#000000;text-decoration:none;font-weight:normal;} /*2014生活応援キャンペーン サイドバナー用*/ #camp_side_outer {/*キャンペーン開始前*/ position:relative;/*追記*/ overflow:hidden !important; overflow:visible; min-height:100%; min-width:950px; height:auto !important; height:100%; margin-bottom:-60px;/*追記*/ padding-bottom:60px;/*追記*/ background:url(/common/img/bnr_seikatu2014_side.jpg) repeat-y center top #facd7c; } #camp_side_outer2 {/*キャンペーン開始後*/ position:relative;/*追記*/ overflow:hidden !important; overflow:visible; min-height:100%; min-width:950px; height:auto !important; height:100%; margin-bottom:-60px;/*追記*/ padding-bottom:60px;/*追記*/ background:url(/common/img/bnr_seikatu2014_side2.jpg) repeat-y center top #facd7c; } #camp_side_outer_inner { margin:0 auto; width:990px; background-color:#ffffff; margin-bottom:-60px;/*追記*/ padding-bottom:60px;/*追記*/ /*background: url(bg_header.gif) repeat-x #ffffff;*/ background: url(/common/img/header/bg_header.gif) repeat-x #ffffff; } #camp_side_L,#camp_side_R { float:left; position:relative; left:50%; padding-bottom:10000px !important; margin-bottom:-10000px !important; padding-bottom:0; margin-bottom:0; height:100%; width:140px; } #camp_side_L {margin-left:-655px;} #camp_side_R {margin-left:515px;} #camp_side_L a,#camp_side_R a{ display:block; /*float:left;*/ /*margin-left:25px;*/ position:relative; padding-bottom:10000px !important; margin-bottom:-10000px !important; padding-bottom:0; margin-bottom:0; height:100%; width:140px; } #camp_side_L a span,#camp_side_R a span{display:none;} /* ========================================================================== はちみつ祭り　昔なつかし射的ゲーム用（#header_bottom_campaign_area内で展開） =========================================================================== */ .83day_bg{width:725px;height:74px;} #83day_2014 div a{background-image:url(/res/img/mail_member/83day2014/main2_button.jpg);background-position:0px 0px;width:725px;height:74px;position:absolute;text-indent: -9999px;} #83day_2014 div a:hover{ background-image:url(/res/img/mail_member/83day2014/main2_button.jpg);background-position:0px 74px;width:725px;height:74px;position:absolute;text-indent: -9999px;} /* ========================================================================== お届け先指定（複数） =========================================================================== */ .otodokesaki_page .h2mode_img {position:relative;padding:0 0 4px 0;margin:30px 0 5px;} /* under banner */ #under {width:655px;margin:5px auto 0; padding:3px;} /* ========================================================================== アプリDLページ =========================================================================== */ .mgBottom5 {margin-bottom: 5px;} .pdBottom1525 {padding-bottom: 15px;padding-top: 25px;} .mgTop5 {margin-top: 5px;} .mgRight20 {margin-right: 20px;} .pdTop22 {padding-top: 22px;} .pdLeft15 { padding-left: 15px;} /* 3clm */ dl.downClmImages {width: 270px; float: left; margin-left: 45px; margin-bottom: 20px; margin-top: 5px;} dl.downClmImages dt.up-s{font-size: 14px; margin-bottom: 15px; min-height: 55px;} dl.downClmImages dt.up-m{font-size: 14px; margin-bottom: 15px; min-height: 80px;} dl.downClmImages dt span{font-weight: bold;} /* downclm image */ dl.downClmImages dd{text-align: center;} /* アプリダウンロードボタン */ ul.button2Images{margin-bottom: 167px; margin-left: 760px; margin-top: -286px;} ul.button2Images li{margin-top: 22px;} ul.button2Images li:first-child{margin-top: 0;} ul.button2Images li a {display: block; width: 138px; height: 46px;} /* ========================================================================== 楽天あんしん用　order_confirm.tpl　 =========================================================================== */ /*.raku_atten{position:relative;left:100px;}*/ .raku_atten{width:532px;margin-left:auto;margin-right:auto;} /* ========================================================================== 2016/2/18 コンビニ受け取り　order_input.tpl　 =========================================================================== */ /* お届け先を選択してください。 -------------------------------------------------------------- */ /* （5件以上スクロール） */ .gift_scroll {overflow:auto;max-height:370px; margin-top:10px;} /* table内のセル設定 */ #haisousaki th, #conveni_receipt th {vertical-align:middle !important;} #haisousaki tr.gift th,#conveni_receipt tr.gift th {background-color:#ffffdf;} #haisousaki th input,#conveni_receipt th input {display:block;float:left;} #haisousaki th label,#conveni_receipt th label {display:block;float:left;font-weight: bold;margin-left: 5px;} #haisousaki p.deLname, #conveni_receipt p.deLname {font-weight:bold; padding-bottom:2px;} #haisousaki p.deLadd, #conveni_receipt p.deLadd {font-size:97%;} .nrmTbl#haisousaki td, .nrmTbl#conveni_receipt td {border-right-width:0;} .nrmTbl#haisousaki td.btncel, .nrmTbl#conveni_receipt td.btncel {border-right-width:1px; vertical-align:middle !important;} /* ========================================================================== 2016/7/11 最長着日 =========================================================================== */ /* お届け先の選択 */ .present-block { width: 721px; border: 2px solid #E1E1E1; } .present-block dl { padding: 15px 0 15px 50px; background: url(/res/img/order/icon--present-box.png) 12px 5px no-repeat; } #delivery__balloon { position: absolute; width: 184px; height: 130px; background-image: url(/res/img/order/balloon__bg.png); z-index: 2; } #delivery__balloon p { width: 150px; padding-right: 4px; margin: 15px auto 0 auto; font-weight: bold; } .delivery-date { padding: 10px 12px 15px 12px; background-color: #F3F3F3; } .delivery-date__title { padding-left: 10px; font-weight: bold; background: url(/common/img/h3_line.gif) left center no-repeat; } .delivery-date__btn { margin-top: 15px; text-align: center; } .delivery-date table { width: 701px; border-top: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-collapse: separate; } .delivery-date th { height: 30px; width: 99px; border-bottom: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; font-size: 14px; line-height: 30px; color: #FFF; background-color: #6E6E6E; } .delivery-date th.sunday { background-color: #E83B3B } .delivery-date th.saturday { background-color: #3385CD } .delivery-date td { position: relative; height: 60px; padding-top: 20px; border-bottom: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; font-size: 16px; font-weight: bold; text-align: center; background-color: #FFF; } .delivery-date td.sunday { color: #E83B3B } .delivery-date td.saturday { color: #3385CD } .delivery-date td > label { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 80px; z-index: 1; cursor: pointer; } .delivery-date .present { background: url(/res/img/order/calendar__icon--present.png) 80px 5px no-repeat } .delivery-hour { padding: 10px 12px 15px 12px; background-color: #F3F3F3; } .delivery-hour__title { padding-left: 10px; font-weight: bold; background: url(/common/img/h3_line.gif) left center no-repeat; } .delivery-hour table { width: 701px; border-top: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-collapse: separate; } .delivery-hour td { position: relative; width: 99px; height: 50px; padding-top: 100px; border-bottom: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; text-align: center; background-color: #FFF; } .delivery-hour td span { font-weight: bold } .delivery-hour .timetable00 span { position: absolute; top: 50px !important; left: 0; right: 0; font-weight: bold; text-align: center; } .delivery-hour .timetable01 { background: #FFF url(/res/img/order/timetable01.png) center 20px no-repeat } .delivery-hour .timetable02 { background: #FFF url(/res/img/order/timetable02.png) center 20px no-repeat } .delivery-hour .timetable03 { background: #FFF url(/res/img/order/timetable03.png) center 20px no-repeat } .delivery-hour .timetable04 { background: #FFF url(/res/img/order/timetable04.png) center 20px no-repeat } .delivery-hour .timetable05 { background: #FFF url(/res/img/order/timetable05.png) center 20px no-repeat } .delivery-hour .timetable06 { background: #FFF url(/res/img/order/timetable06.png) center 20px no-repeat } .delivery-hour td > label { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 150px; z-index: 1; cursor: pointer; } /* お支払い方法の選択 */ .present__block--attention { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-image: url(/res/img/order/present__bg--attention.png); } .present__block--attention dl { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 440px; height: 80px; padding: 20px 30px; margin: auto; background: #FFF url(/res/img/order/present__icon--attention.png) 30px 20px no-repeat; } .present__block--attention dt { margin-top: 10px; margin-left: 50px; font-weight: bold; color: #CC3333; } .present__block--attention dd { margin-top: 15px; font-size: 12px; font-weight: bold; } /* ========================================================================== #5081 お支払い方法　選択肢増加に伴い検討 =========================================================================== */ .payment__title {margin: 24px 0 12px 0;} .payment-header {position: relative; width: 725px; min-height: 60px; padding-top: 2px; background: #EFEFEF url(/res/img/order/payment-header__border.png) left top repeat-x; display: table; table-layout: auto;} .payment-header label {display: block; position: absolute; top: 0; left: 0; width: 285px; height: 100%; text-indent: 100%; white-space: nowrap; cursor: pointer; overflow: hidden; z-index: 1;} .payment-header__icon {position: relative; width: 70px; height: 60px; display: table-cell; vertical-align: middle; text-align: center;} .payment-header__icon img {} .payment-header__name {width: 240px; margin: 0; color: #555; font-size: 14px; font-weight: 700; display: table-cell; vertical-align: middle;} .payment-header__detail {padding: 12px 20px 12px 0; font-size: 12px; line-height: 1.5; display: table-cell; vertical-align: middle;} .payment-detail {display: none; margin-bottom: 15px;} .payment-detail .rakuten-pay__content {float: left; width: 440px;} .payment-detail .rakuten-pay__mark {float: right; margin: 15px 10px 0 0;} .payment-detail__list {margin-top: 15px; padding-left: 10px;} .payment-detail__list li {position: relative; margin-top: 6px; padding-left: 10px; font-size: 12px; line-height: 1.5; background: url(/res/img/order/payment__bullet.png) 0 8px no-repeat;}