body { font: 84%/150% "ＭＳ Ｐゴシック", Osaka, monospace; margin: 0 auto; padding: 0; font-size:12px; color: #000; background:#fff url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/bg_img.jpg) center 0px repeat-y; } table { margin: 0; padding: 0; text-align: left; border: 0 none; border-collapse: collapse; } th { margin: 0; padding: 0; vertical-align: top; border: 0 none; border-collapse: collapse; } td { margin: 0; padding: 0; vertical-align: top; border: 0 none; border-collapse: collapse; } h1, h2, h3, h4 { margin: 0; padding: 0; font-size: 100%; text-align: left; } a { color: #000; text-decoration: underline; } a:hover { color: #000; text-decoration: none; } ul { list-style-type: square; } ul ul{ list-style-type: none; } img { border: 0; } form { padding: 0; display: inline; } p { line-height: 150%; margin: 5px 0; padding: 2px 0; } .clear_both { clear: both; font-size: 1px; visibility: hidden; overflow: hidden; height: 1px; text-align: center } .button1 { margin:1px 0 0 0; font-weight: bold; color: #fff; background:#b5b5b5; border: 1px solid #dedede; cursor: pointer; } .text1 { margin: 0; border: 1px solid #000000; } .sidebox .text1 { float:left; } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { .text1 { width: 55% !important; margin-right:2px !important; margin-top:1px !important; } } .caution { font-weight: bold; color: #FF0000; } .no2 { font-size: 110%; } .strong{ font-weight: bold;} .red { color: #CC0000; } .orange { color: #FF9900; } .blue { color: #0000FF; } .green { color: #006600; } .glay { color: #666666; } .item img { height: auto; padding: 0px; margin: 0; background: #fff; text-align: center; } .spacebox{ height: 50px; } #container { width: 860px; margin: auto; text-align: left; } #enter { width: 100%; text-align: left; background: #FFFFFF; border: 1px solid #4A7A2A; } #header { width: 860px; padding: 0px 0px; background:url(http://e-a327.vo.shopserve.jp/pic-labo/t003.jpg) right repeat-x; } #header div.shoplogo { margin: 0; height:125px; width: 860px; } #header div.shoplogo h1.siteName { padding: 30px 0 10px 20px; margin:0; font-size: 28px; line-height: 1em; } #header div.shoplogo h1.siteName a { color: #000; font-weight:normal; text-decoration: none; } #header div.shoplogo h1 a:hover { text-decoration: underline; } #header div.shoplogo h2.sitecopy { margin: 0; color: #898989; font-size: 12px; line-height: 1em; padding:0 0 0 20px; } #header div.shoplogo h2.sitecopy a { color: #898989; font-weight:normal; text-decoration: none; } #header div.shoplogo h2 a:hover { text-decoration: underline; } #header div.shoplogo h2 a {*padding:0 0 0 0px;*color: #898989;*font-weight:normal; *text-decoration: none;} #header div.shoplogo h1 a {*text-decoration: none;} #header div.shoplogo h1 a:hover {*text-decoration: underline;} #headMenu { clear: both; padding: 0px; position:relative; } #headMenu div.headnavi { text-align: right; font-size:12px; line-height: 100%; padding:0 20px 8px; color: #000; position:absolute; top:-27px; right:0px; } #headMenu div.headnavi a{ color: #000; text-decoration: none; } #headMenu div.headnavi a:hover { text-decoration: underline; } .navi01 { } .hline { } #leftSide { width: 170px; font-size:12px; margin: 0; padding: 0 0 0 0px; vertical-align: top; } #rightSide { width: 170px; font-size:12px; margin: 0; padding: 0 0px 0 0px; vertical-align: top; } #rightSide2 { width: 170px; margin: 0; padding: 0; vertical-align: top; } #center1 { width: 690px; *width: 693px; margin: 0; padding: 0; vertical-align: top; } #center2 { width: 520px; margin: 0; padding: 0; vertical-align: top; } #center3 { width: auto; vertical-align: top; padding-right:40px; } #center3 table { margin: 0 auto; } #center3 table table.bordlayoutp3 { margin: 0; } .header_area { width: 100%; margin: 0 auto; padding: 0 7px 0 7px; text-align:left; } .footer_area { text-align: left; width: 100%; margin: 0 auto; padding: 0 7px 0 7px; } #center3 .header_area, #center3 .footer_area { width:auto;} .sidebox { margin: 0 0 7px; padding: 0 0px 0 0px; } .centerbox { margin: 6px 15px; background:#fff; } .center { text-align: center; } .right { text-align: right; } .left { text-align: left; } .middle { vertical-align: middle; } .buttom { vertical-align: bottom; } .float_right { float: right; } .float_left { float: left; } .price { color: #FF0000; text-align: left; } .price.zoom { font-size: 125%; font-weight: bold; } .expl { text-align: left; padding-top: 5px; } .expl a { color: #3A3A3A; text-decoration: none; } .expl a:hover { color: #3A3A3A; text-decoration: underline; } .fixed{ color: #4A7A2A; text-align: left; } h2.goods a { color: #F15A24; text-decoration: none; font-weight: bold; } h2.goods a:hover { color: #F15A24; text-decoration: underline; } .topIMG { overflow: hidden; margin: 0; padding: 0 0 0 12px; } .topIMG td { margin: 0; padding: 0; } .shopCopy { margin: 0; padding: 3px 0; text-align: left; } .free_title { min-height: 14px; height: auto !important; height: 14px; margin: 0; padding: 8px 2px 3px 10px; line-height: 100%; vertical-align: middle; color: #000; border-top:1px solid #dcdddd; border-bottom:3px solid #52C3F1; font-weight:normal; } .title1 { min-height: 14px; height: auto !important; height: 14px; margin: 0; padding: 8px 2px 3px 10px; line-height: 100%; vertical-align: middle; color: #000; border-top:1px solid #dcdddd; border-bottom:3px solid #52C3F1; font-weight:normal; } .title1 a { display: block; color: #000; text-decoration: none; } .title1 a:hover { color: #000; text-decoration: underline; } #center2 .title1 { } #center3 .title1 { } .title2 { min-height: 14px; height: auto !important; height: 14px; margin: 0; padding: 8px 2px 3px 10px; line-height: 100%; vertical-align: middle; color: #000; border-top:1px solid #dcdddd; border-bottom:3px solid #52C3F1; font-weight:normal; } .title2 a { display: block; color: #000; text-decoration: none; } .title2 a:hover { color: #000; text-decoration: underline; } #center2 .title2 { } #center3 .title2 { } .title3 { min-height: 14px; height: auto !important; height: 14px; margin: 0; padding: 8px 2px 3px 10px; line-height: 100%; vertical-align: middle; color: #000; border-top:1px solid #dcdddd; border-bottom:3px solid #52C3F1; font-weight:normal; } #center2 .title3 { } #center3 .title3 { } .rank{ text-align: left; } .mainCont { margin: 0; padding: 10px 0; } #center2 .mainCont { width: 470px; } #center3 .mainCont { } .contbox { padding: 10px 0; margin: 0; width: auto; } ul.news{ text-align: left; padding: 10px 10px 10px 20px; margin: 0; width:100%; list-style: disc; color:#898989; } li.p3 { padding: 3px 0; } li.p3 a { color: #52C3F1; } .free_list{ padding: 5px 10px; margin: 0; } ul.list{ text-align: left; padding: 5px 10px; margin: 0; list-style: square; color: #F59300; } ul.map{ text-align: left; padding: 0 20px; margin: 0; color: #006600; } li.sm1 { margin: 4px ;display: block;list-style-type: none;} li.sm2 { margin: 0 0 0 -35px;display: block;list-style-type: none;} .sitemap{ padding: 5px 25px; background: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/icon_sitemap.gif) no-repeat left center; color: #000; } .sitemap a{ color: #000; text-decoration:underline; } .table1 { border-collapse:collapse; width:480px; padding:0px; color:#333333; margin-left:10px; } .table1 th { margin:0; padding:5px; color: #000; font-weight:normal; border:1px solid #898989; background-color: #FCFBF0; } .table1 td { margin:0; padding:5px; border:1px solid #898989; background-color: #fff; color: #000000; } .layoutp5 { padding: 5px 0;} .layoutp5 th { padding: 5px;} .layoutp5 td { padding: 5px;} .layoutp5 .border { border: 1px solid #CCCCCC;} .layoutp3 { padding: 5px 0; } .layoutp3 table{text-align: left;} .layoutp3 th { padding: 3px;} .layoutp3 td { padding: 3px;} .layoutp3 .border { border: 1px solid #999999;} .bordlayoutp3 { padding: 5px 0;} .bordlayoutp3 th { padding: 3px;border: 1px solid #999999;} .bordlayoutp3 td { padding: 3px;border: 1px solid #999999;} .bordlayoutp3 .side { padding: 10px 15px;} .backcolor1 { background: #FCFBF0;} .backcolor2 { background: #FFFFFF;vertical-align: middle} .backcolor3 { background: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/leftside.gif);padding: 10px 0;} .layoutFrame{ margin: 10px 0 0 0; } .layoutFrame td{ text-align: center; margin: 0; padding: 1px; vertical-align: top; } .layout1{ margin:0px; padding: 6px 0px 4px; border:2px solid #FCFBF0; color:#000; } #rightSide .layout1{ margin: 0 0 10px; padding-bottom:10px; background:#fff; } .layout1 td { margin: 0; padding: 2px; text-align: center; } .layout1 td a { color: #52C3F1; font-weight:normal; } .layout1 td a:hover { color: #52C3F1; text-decoration:underline; } .layout1 td div.price { color: #898989; } #rightSide .layout1 td a { color: #52C3F1; } #rightSide .layout1 td a:hover { color: #52C3F1; text-decoration:underline; } #bread { margin: 0 0 0 10px; padding: 3px 10px; text-align: left; border-bottom: 1px dotted #4A7A2A; } h4.title{ margin: 5px 0; padding: 2px 0; color: #000; font-weight:normal; border-bottom: 1px solid #52C3F1; } .mainFrame{ margin: 0; padding: 0; } p.title { margin: 3px 0; padding: 2px 0; color: #669933; border-bottom: 1px dotted; font-weight: bold; } .mailmag_ent{ color: #006600; background: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/icon_mailmag_ent.gif) no-repeat; height: 34px; padding-left: 70px; padding-top: 10px; } .mailmag_cha{ color: #006600; background: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/icon_mailmag_cha.gif) no-repeat; height: 34px; padding-left: 70px; padding-top: 10px; } .mailmag_can{ color: #006600; background: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/icon_mailmag_can.gif) no-repeat; height: 34px; padding-left: 70px; padding-top: 10px; } #sortList{ margin: 0; padding: 10px 3px 5px 3px; width: auto; color: #333333; float: right; } .pageTop { margin: 10px 5px; background: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/icon_top.gif) no-repeat left center; font-size: 84%; font-weight: bold; float: right; padding-left: 13px; } .pageTop a { color: #000; text-decoration: none; } .pageTop a:hover { color: #000; text-decoration: none; } #search { padding: 10px 10px 15px; margin: 0 0 10px; width: auto; background: #f6f6f6; } #search label { padding: 0; margin: 0; } .fieldarea { padding: 5px 0 5px 0; vertical-align: middle; } .list { padding: 0px; display: block; } .list h3 { padding: 5px 5px; margin: 0; } ul.free_listbox{ text-align: left; padding: 0; margin: 0; list-style: none; } ul.listbox{ text-align: left; padding: 0; margin: 0; list-style: none; } li.ca1 { margin:0; padding:10px 0 5px;} li.ca1 a{ min-height: 14px; height: auto !important; height: 14px; line-height:100%; font-weight:normal; color: #000; zoom: 1; display: block; padding: 8px 2px 3px 10px; text-decoration: none; border-bottom:1px solid #52C3F1; background: #FCFBF0; } li.ca1 a:hover{ color: #000; text-decoration: underline; } li.ca2 a{ zoom: 1; display: block; padding: 7px 2px 7px 20px; margin:0px 0; line-height: 100%; color:#898989; text-decoration: underline; background:url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/left_ca2.gif) 10px center no-repeat; } li.ca2 a:hover{ text-decoration: none; } li.ca3 a{ zoom: 1; display: block; list-style: none; margin:0; padding: 5px 2px 5px 10px; background:url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/sidemain1.gif) 0px center no-repeat; color:#898989; text-decoration:underline; } li.ca3 a:hover{ text-decoration: none; } li.ca4 a{ zoom: 1; display: block; list-style: none; margin:0; padding: 5px 2px 5px 10px; background:url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/sidemain1.gif) 0px center no-repeat; color:#898989; text-decoration:underline; } li.ca4 a:hover{ text-decoration: none; } .sline1 { display: none; padding: 0; margin: 0; height: 5px; background: #FFFFFF; } .sline2 { } .sidemain1 { margin: 0px 0 0 0; padding: 10px; background:#FCFBF0; } #rightSide .sidemain1 { padding-bottom: 1px; } .sidemain1 p { padding: ; margin: 0; line-height: 130%; } .sidemain1 ul { margin: 0; padding: 0px; list-style: none; } .sidemain1 li a { zoom: 1; display: block; list-style: none; margin:0; padding: 5px 2px 5px 10px; background:url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/sidemain1.gif) 0px center no-repeat; color:#898989; text-decoration:underline;} .sidemain1 li a:hover {text-decoration: none;} caption { text-align: center; padding: 3px; } caption a { color: #333333; text-decoration: underline; } caption a:hover { color: #666666; text-decoration: underline; } div.carender { border-collapse: collapse; padding: 5px; margin: 0; text-align: center; font-size: 10px; } div.carender table { margin: 0 auto; text-align: center; width: 140px; background:#FCFBF0; } .carender td { padding: 2px; border-collapse: collapse; text-align: right; border: 1px solid #898989; } .carender th { padding: 2px; border-collapse: collapse; border: 1px solid #898989; } th.day { font-weight: normal; color: #000; background: none; text-align: center; } th.sun { font-weight: normal; color: #E27175; background: none; text-align: center; } th.sat { font-weight: normal; color: #7AB6D2; background: none; text-align: center; } td.other { background:#fff;} td.existdata { background:#52C3F1; color:#000;} td.nodata { background:#fff;} .chert { font-size: 12px; padding: 5px; } .chert td { border-collapse: separate; padding: 0 0 0 5px; border: 1px solid #dedede; } .line01{ border: 1px solid #4A7A2A; vertical-align: bottom; } #rightSide .line01{ border: none; } #rss{ margin: 0; padding: 5px; } #count{ margin: 0; padding: 5px; } .blogbox { padding: 5px; margin: 2px 0; width: auto; } .entry_title { min-height: 14px; height: auto !important; height: 14px; margin: 0; padding: 8px 2px 3px 10px; line-height: 100%; vertical-align: middle; color: #000; border-top:1px solid #dcdddd; border-bottom:3px solid #52C3F1; font-weight:normal; } .entry_title a { display: block; color: #000; text-decoration: none; } .entry_title a:hover { color: #000; text-decoration: underline; } .entry_date{ display: block; padding: 10px 0 3px 0; color: #FF6600; text-align: right; } .state{ padding: 2px 0; text-align: right; border-top: 1px dotted #CCCCCC; } .subtitle { padding: 2px 0; margin: 10px 0 10px 0; text-align: left; font-size: 110%; color: #CC6600; border-bottom: 3px double #FF6600; } p.label { font-weight: bold; } .tb_url{ font-weight: bold;margin-bottom: 10px; } .point {font-size: 120%;color: red;font-weight: 900;} .pointline { font-size: 100%; font-weight: 900; padding: 3px; background: #FCFBF0; } .step_navi01,.step_navi02,.step_navi03,.step_navi04 { text-align: center; width: 100%; height: 83px; } .step_navi01 { background-image: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/navi01.gif); background-repeat: no-repeat } .step_navi02 { background-image: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/navi02.gif); } .step_navi03 { background-image: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/navi03.gif); } .step_navi04 { background-image: url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/navi04.gif); } table.layout_left_shoppinguide{ width: 100%; } #footer { padding: 5px 7px 0px; margin: 10px 0 0 0; width: auto; text-align: center; background:url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/footer.gif) 0px bottom repeat-x ; } #footer .footnavi { padding: 0px 20px 30px 20px; } .footnavi a{ text-decoration: none; color:#000; } .footnavi a:hover { text-decoration: underline; color:#000;} #footer #copyright { padding: 3px 0 0; _padding: 3px 0 20px; margin: 0; width: auto; height: 20px; display:block; *font-family:"ＭＳ Ｐゴシック", Osaka, monospace; *border-top:none; text-align: center; } td>#footer { padding: 5px 7px 0px; margin: 10px 0 0 0; background:url(http://e-a327.vo.shopserve.jp/hpgen/HPB/theme/img/footer.gif) 0px bottom repeat-x ; } td>#footer>.footnavi{ height: auto; min-height: 10px; padding: 0px 20px 18px 20px; } td>#footer>.footnavi a{ text-decoration: none; color:#000;} td>#footer>.footnavi a:hover { text-decoration: underline; color:#000;} #footer>#copyright { height: auto; min-height: 20px; text-align: center; padding:3px 0 0 ; } #footer a{ *color: #000; _font-weight:bold; *text-decoration: none;} #footer a:hover { *color: #000;*text-decoration: underline;} #footer #copyright a{ _color: #000; _font-weight:bold; *text-decoration: none;} #footer #copyright a:hover { *color: #000;*text-decoration: underline;} div.comment_box table { border-collapse:collapse; } div.comment_box td { border:1px solid #999; } div.comment_box td.backcolor1 { } div.comment_box td.backcolor2 { } div.comment_box div.item_name a { } div.comment_box div.item_name a:hover { } div.comment_box div.write_comment input { } div.comment_box div.write_comment a { } div.comment_box div.write_comment a:hover { } div.comment_box div.mainFrame { } div.comment_box td.backcolor2 td { } #itemStocklist table { border-collapse:collapse; margin:5px 0; padding:0; } #itemStocklist th, #itemStocklist td { margin:0; padding:0; font-weight:normal; text-align:left; line-height:1.2; } #itemStocklist th { white-space:normal; width:auto; border:1px solid #999; vertical-align:middle;; } #itemStocklist td { white-space:normal; width:auto; border:1px solid #999; } #itemStocklist th p, #itemStocklist td p { padding:1px 4px; line-height:1.2; } #itemStocklist td input, #itemStocklist td img { width:80px; height:24px; margin:2px; } #itemStocklist table.contType {width:auto;} #itemStocklist table.contType th, #itemStocklist table.contType td { padding:0 10px; vertical-align:middle; font-size:0.9em; } #itemStocklist table.listType {width:100%;} #itemStocklist table.listType th, #itemStocklist table.listType td {font-size:0.8em;} #itemStocklist table.listType td.stk { width:5em; text-align:center; } #itemStocklist table.listType td.btn { width:84px; vertical-align:middle; text-align:center; } #sps-itemCategoryBox ul { zoom:1; } #sps-itemCategoryBox, #sps-itemCategoryBox ul, #sps-itemCategoryBox li { margin:0; padding:0; } #sps-itemCategoryBox li { list-style:none; } #sps-itemCategoryBox .sps-itemList .sps-itemCategoryList { position:relative; } #sps-itemCategoryBox .sps-itemList .sps-itemCategoryList .sps-itemCategorySub { width:100%; position:absolute; top:0; left:100%; display:none; } #sps-itemCategoryBox .sps-itemList .sps-itemCategoryList:hover .sps-itemCategorySub { display:block; z-index:99; } #sps-itemCategoryBox .sps-itemList .sps-itemCategoryList .sps-itemCategorySub { padding: 5px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #aaa; border-bottom:1px solid #aaa; background:#fff; } #sps-itemCategoryBox .sps-itemList .ca2 a { color:#00f; font-weight:normal; text-decoration:underline; } #sps-itemCategoryBox .sps-itemList .ca2 a:hover { color:#00f; font-weight:normal; text-decoration:underline; } #sps-itemCategoryBox .sps-selList .sps-itemCategoryUp .ca2 a { padding-left:0.3em; background-image:none; } #sps-itemCategoryBox .sps-selList+.sps-itemList { margin:2em 0; } #sps-itemCategoryBox .sps-allList { margin:2em 0; } #sps-itemCategoryBox .sps-allList .sps-itemCategoryMain .ca2 a { padding-left:0; padding-right:0; background-image:none; text-align:center; } #sps-itemCategoryBox .sps-allList+.sps-itemList { margin:-2em 0 2em; } #sps-smItemCategory h5 { margin:0 0 0 25px; font-size:1em; } #sps-smItemCategory li.sm1 ul { margin:0; padding:0; } #sps-smItemCategory li.sm2 { margin:0 0 0 1px; } #sps-leftKeywordBox li {background:none;margin:0 5px 0 0;padding:0;display:inline;line-height:1.6;} #sps-leftKeywordBox li a {background:none;padding:0;display:inline;text-decoration:underline;} #sps-headSearchBox {text-align:left;} #sps-headSearchBox form {display:block;padding:5px 10px;} #sps-headSearchBox form label {padding-right:10px;font-size:1.1em;} #sps-headSearchBox form input[type=text] {width:40%;padding:0.1em 0.3em;font-size:1.1em;} #sps-headSearchBox form input[type=submit] {font-size:1.1em;} #sps-headSearchBox { background:#fcfbf0; } #sps-headSearchBox form { border-bottom:1px solid #52c3f1; } div + #sps-headSearchBox form { } #sps-headSearchBox form label { color:#000; } #sps-headKeywordBox {text-align:left;} #sps-headKeywordBox div {padding:5px 10px;line-height:1.6;font-size:0.9em;} #sps-headKeywordBox ul {margin:0;padding:0;display:inline;} #sps-headKeywordBox li {list-style:none;display:inline-block;padding-right:0.5em;} #sps-headKeywordBox { background:#fff; } #sps-headKeywordBox div { } div + #sps-headKeywordBox div { } #sps-headKeywordBox span { color:#52c3f1; } #sps-headKeywordBox span:after { content:" ： "; } #sps-headSearchBox + div.hline, #sps-headKeywordBox + div.hline {margin-bottom:15px;} #bundle_link { margin-top: 3px; text-align:center; } .bundle_display a { display:inline-block; margin-top:3px; padding:3px; border:1px solid #f00; line-height:1.3; text-decoration:none; color:#f00; } .bundle_display a:hover { border:1px solid #f00; background:#ffefef; } .bundle_table{ border: 1px solid #999; word-wrap: break-word; width:98%; font-size:0.75em; } .bundle_title{ background-color: #DDD; border: 1px solid #999; padding: 2px 4px; } .bundle_backcolor1{ background-color: #DDD; border: 1px solid #999; padding: 2px 4px; text-align: center; } .bundle_backcolor2{ background-color: #FFF; border: 1px solid #999; padding: 2px 4px; } .bundle_name { display: inline-block; margin-top: 3px; padding: 3px; border: 1px solid #f00; line-height: 1.3; text-decoration: none; color: #f00; } div[aria-describedby='bundle_dialog'] .ui-widget-header { border: 0px; background: #ffffff; text-align: left; } #bundle_dialog table { border-collapse: collapse; } #bundle_detail > .bundle_table + h4, #bundle_detail > .bundle_table + .bundle_table { margin-top:1.5em; } #bundle_detail > div:last-child { padding:1.5em 0 1em; text-align:center; } #bundle_detail > .bundle_table td { font-size:1.2em; font-family:"ＭＳ Ｐゴシック", Osaka,monospace; } #bundle_detail > .bundle_table ul.option_style li { color:#222; }