body { font: 84%/150% "Osaka,ＭＳ Ｐゴシック", monospace; margin: 0 auto; padding: 0; font-size:10.5px; color: #ffffff; background: #5B6363 url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/body_img.jpg) center top repeat-x; } 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: 110%; font-weight: bold; text-align: left; } a { color: #999; text-decoration: underline; } a:hover { color: #999; text-decoration: none; } ul { 　　padding: 0 5px 0 0; 　　list-style-type: square; } ul ul{ 　　list-style-type: none; } img { border: 0; } form { padding: 0; display: inline; } p { line-height: 150%; margin: 2px 0; padding: 1px 0; } .clear_both { clear: both; font-size: 1px; visibility: hidden; overflow: hidden; height: 1px; text-align: center } .button1 { margin:5px 0 0 0; font-weight: bold; color: #fff; background:#000 url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/input_bg.jpg) 0 0 repeat-x; border: 1px solid #000; cursor: pointer; } .text1 { margin: 0; border: 1px solid #000000; } .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: #cecece; } .item img { height: auto; padding: 3px; margin: 0; background: #424242; text-align: center; } .spacebox{ height: 50px; } #container { width: 940px; margin: auto; text-align: left; background:#161616 url(http://real.tp.shopserve.jp/USERTHEMEIMG/vol1/real.tp.shopserve.jp//body_bg2.jpg) no-repeat; } #enter { width: 100%; text-align: left; background: #000; border: 1px solid #4A7A2A; } #header { width: 940px; height:200px; padding:-20px; background:url(http://real.tp.shopserve.jp/pic-labo/e-apbana.gif) left no-repeat; } #header div.shoplogo { margin: 10px; height:180px; width: 940px; } #header div.shoplogo h1.siteName { padding: 70px 0px 0px 10px; margin:0; font-size: 16px; line-height: 1em; } #header div.shoplogo h1.siteName a { color: #fff; font-weight:normal; text-decoration: none; } #header div.shoplogo h1 a:hover { text-decoration: underline; } #header div.shoplogo h2.sitecopy { margin: 2px; width: 700px; color: #fff; font-size: 12px; line-height: 1.2em; padding:5px 0 0 10px; } #header div.shoplogo h2.sitecopy a { color: #fff; 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: #fff;*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%; color: #fff; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/menu_bg.jpg) 0px 0 repeat-x; position:absolute; top:-30px; right:10px; display:block; padding:7px 7px 10px; } #headMenu div.headnavi a{ color: #fff; font-weight:normal; text-decoration: none; } #headMenu div.headnavi a:hover { text-decoration: none; color:#BEF3FF; } .navi01 a { padding:3px 4px; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/menu_btn.jpg) 0px 2px repeat-x;} .hline { } #leftSide { width: 200px; font-size:12px; margin: 0; padding: 0 0 0 0px; vertical-align: top; } #rightSide { width: 200px; font-size:12px; margin: 0; padding: 0 0 0 0; vertical-align: top; } #rightSide2 { width: 170px; margin: 0; padding: 0; vertical-align: top; } #center1 { width: 750px; *width: 743px; margin: 0; padding: 0; vertical-align: top; } #center2 { width: 600px; margin: 0; padding: 0; vertical-align: top; } #center3 { width: auto; vertical-align: top; } #center3 table { margin: 0 auto; } #center3 table table.bordlayoutp3 { margin: 0; } .header_area { width: 750px; margin: 0 auto; padding: 0; text-align: left; } .footer_area { text-align: left; width: 750px; margin: 0 auto; padding: 0; } .sidebox { text-align: center; margin: 0 0 2px; padding: 0 2 0 3px; } .centerbox { font-size: 105%; margin: 6px 0px; padding:5px 16px 0 16px; } #center2 .centerbox {background: url(http://real.tp.shopserve.jp/USERTHEMEIMG/vol1/real.tp.shopserve.jp//center_bg2.jpg) center 0 no-repeat;} .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 { font-size: 125%; color: #FFCC33; text-align: left; } .price.zoom { color: #FFCC33; 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{ font-size:120%; text-decoration:line-through; 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 0px; } .topIMG td { margin: 0; padding: 0; } .shopCopy { margin: 0; padding: 3px 0; text-align: left; } .free_title { min-height: 16px; height: auto !important; height: 14px; margin: 0; padding: 6px 2px 4px 10px; line-height: 100%; vertical-align: middle; color: #C47683; font-weight:normal; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_title1.gif) 0 bottom no-repeat; } .title1 { min-height: 16px; height: auto !important; height: 14px; margin: 0; padding: 6px 2px 4px 10px; line-height: 100%; vertical-align: middle; color: #C47683; font-weight:normal; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_title1.gif) 0 bottom no-repeat; } .title1 a { display: block; color: #C47683; text-decoration: none; } .title1 a:hover { color: #C47683; text-decoration: underline; } #center1 .title1, #center2 .title1, #center3 .title1 { padding: 6px 0px 10px 20px; } #center1 .title1 { background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/center3_title1.gif) 2px bottom no-repeat; color:#BDF1FD;} #center2 .title1 { background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/center2_title1.gif) 2px bottom no-repeat; color:#BDF1FD;} #center3 .title1 { background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/center3_title1.gif) 2px bottom no-repeat; color:#BDF1FD;} #center1 #rightSide .title1 {background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_title1.gif) 0 bottom no-repeat; padding: 6px 2px 4px 10px; color: #C47683;} .title2 { min-height: 16px; height: auto !important; height: 14px; margin: 0; padding: 6px 2px 4px 10px; color: #868DD4; font-weight:normal; line-height: 100%; vertical-align: middle; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_title2.gif) 0 bottom no-repeat; } .title2 a { display: block; color: #868DD4; text-decoration: none; } .title2 a:hover { color: #868DD4; text-decoration: underline; } #center2 .title2, #center3 .title2 { padding: 6px 0px 10px 20px; } #center2 .title2 { width:460px; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/center2_title2.gif) 2px bottom no-repeat; color:#6CA7FF;} #center3 .title2 { width:620px; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/center3_title2.gif) 2px bottom no-repeat; color:#6CA7FF;} .title3 { min-height: 16px; height: auto !important; height: 14px; margin: 0 0 5px; padding: 3px 2px 8px 10px; line-height: 100%; color: #868DD4; font-weight:normal; vertical-align: middle; background:url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_title2.gif) 4px center no-repeat; } .rank{ text-align: left; } .mainCont { margin: 0; padding: 10px 8px; } #center2 .mainCont { } #center3 .mainCont { } .contbox { padding: 10px 0; margin: 0; width: auto; } ul.news{ text-align: left; padding: 0 0 0 10px; margin: 0; color:#BDF1FD; list-style: none; } li.p3 { padding: 3px 0; } li.p3 a { color: #fff; } .free_list{ padding: 5px 10px; margin: 0; } ul.list{ text-align: left; padding: 5px 8px; 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://real.tp.shopserve.jp/hpgen/HPB/theme/img/icon_sitemap.gif) no-repeat left center; color: #868DD4; } .sitemap a{ color: #868DD4; text-decoration:underline; } .table1 { border-collapse:collapse; width:460px; padding:0 0 0 10px; color:#333333; } .table1 th { margin:0; padding:5px; border:1px solid #6CA7FF; color: #fff; font-weight:normal; } .table1 td { margin:0; padding:5px; border:1px solid #6CA7FF; color: #fff; } .border { color:#fff;} .review_bkback { background:#000;} .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: none;} .backcolor2 { background: none;vertical-align: middle} .backcolor3 { background: url(http://real.tp.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:1px; padding: 3px; padding-bottom:10px; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/colum_btm.jpg) center bottom no-repeat; } #rightSide .layout1{ margin: 0 0 10px; padding-bottom:10px; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/colum_btm.jpg) center bottom no-repeat; } .layout1 td { margin: 0; padding: 3px; text-align: center; } .layout1 td a { color: #6CA7FF; font-weight:normal; } .layout1 td a:hover { color: #6CA7FF; text-decoration:underline; } .layout1 td div.price { color: #666666; } #rightSide .layout1 td a { color: #868DD4; } #rightSide .layout1 td a:hover { color: ##868DD4; text-decoration:underline; } #bread { margin: 0 0 0 10px; padding: 3px 10px; text-align: left; border-bottom: 1px dotted #4A7A2A; color:#fff; } h4.title{ margin: 5px 0; padding: 2px 0; color: #868DD4; font-weight:normal; border-bottom: 1px solid #868DD4; } .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://real.tp.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://real.tp.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://real.tp.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://real.tp.shopserve.jp/hpgen/HPB/theme/img/icon_top.gif) no-repeat left center; font-size: 84%; font-weight: normal; float: right; padding-left: 13px; } .pageTop a { color: #BDF1FD; text-decoration: none; } .pageTop a:hover { color: #BDF1FD; text-decoration: underline; } #search { padding: 5px; margin: 0 0 10px; width: auto; } #search label { padding: 0; margin: 0; } .fieldarea { padding: 5px 0 5px 0; vertical-align: middle; } .list { padding: 0 5px; display: block; } .list h3 { padding: 5px 5px; margin: 0; } ul.free_listbox{ text-align: left; padding: 0; margin: 0 5px; list-style: none; } ul.listbox{ text-align: left; padding: 0; margin: 0 5px; list-style: none; } li.ca1 { margin:0; padding:0;} li.ca1 a{ min-height: 14px; height: auto !important; height: 14px; line-height:100%; font-weight:normal; color: #BDF1FD; zoom: 1; display: block; padding: 4px 2px 4px 20px; text-decoration: none; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_ca1.gif) 0px center no-repeat; } li.ca1 a:hover{ color: #BDF1FD; text-decoration: underline; } li.ca1-1 { margin:0; padding:0;} li.ca1-1 a{ min-height: 5px; height: auto !important; height: 5px; line-height:100%; font-weight:normal; color: #BDF1FD; zoom: 1; display: block; padding: 4px 2px 4px 5px; text-decoration: none; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_ca1.gif) 0px center no-repeat; } li.ca1-1 a:hover{ color: #BDF1FD; text-decoration: underline; } li.ca2 a{ zoom: 1; display: block; padding: 5px 2px 5px 33px; margin:5px 0; line-height: 100%; color:#fff; text-decoration: none; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_ca2.gif) 20px center no-repeat; } li.ca2 a:hover{ text-decoration: underline; } li.ca3 a{ zoom: 1; display: block; list-style: none; margin:0; padding: 5px 2px 5px 10px; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) 0px center no-repeat; color:#C47683; text-decoration:none; } li.ca3 a:hover{ text-decoration: underline; } li.ca4 a{ zoom: 1; display: block; list-style: none; margin:0; padding: 5px 2px 5px 10px; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) 0px center no-repeat; color:#C47683; text-decoration:none; } li.ca4 a:hover{ text-decoration: underline; } .sline1 { display: none; padding: 0; margin: 0; height: 5px; background: #FFFFFF; } .sline2 { } .sidemain1 { margin: 0; padding: 10px; } #rightSide .sidemain1 { padding-bottom: 1px; } .sidemain1 p { padding: 0; 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://real.tp.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) 0px center no-repeat; color:#C47683; text-decoration:none;} .sidemain1 li a:hover {text-decoration: underline;} 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; } .carender td { padding: 2px; border-collapse: collapse; text-align: right; border: 1px solid #C47683; } .carender th { padding: 2px; border-collapse: collapse; border: 1px solid #C47683; } th.day { font-weight: normal; color: #fff; text-align: center; } th.sun { font-weight: normal; color: #fff; text-align: center; } th.sat { font-weight: normal; color: #fff; text-align: center; } td.other { background: none;} td.existdata { background:#C47683; color:#fff;} td.nodata { background: none;} .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 { padding: 5px; display: block; font-size: 116%; color: #FFFFFF; background: #99CC33; margin-bottom: 10px; border-bottom: 1px solid #666666; } .entry_title { min-height: 16px; height: auto !important; height: 14px; margin: 0; padding: 6px 0px 10px 20px; line-height: 100%; vertical-align: middle; color: #C47683; font-weight:normal; width:620px; background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/center3_title1.gif) 2px bottom no-repeat; color:#BDF1FD; } .entry_title a { display: block; color: #C47683; text-decoration: none; } .entry_title a:hover { color: #C47683; 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: #000; } .step_navi01,.step_navi02,.step_navi03,.step_navi04 { text-align: center; width: 100%; height: 83px; } .step_navi01 { background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/navi01.gif) center 0 no-repeat; } .step_navi02 { background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/navi02.gif) center 0 no-repeat; } .step_navi03 { background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/navi03.gif) center 0 no-repeat; } .step_navi04 { background: url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/navi04.gif) center 0 no-repeat; } table.layout_left_shoppinguide{ width: 100%; } #footer { padding: 77px 7px 20px; margin: 0; width: auto; text-align: center; color: #fff; *border-top:1px solid #292929; background: #1c1c1c url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/footer.jpg) repeat ; } #footer .footnavi { padding: 0px 20px 5px 20px; } .footnavi a{ color:#fff; text-decoration: none;} .footnavi a:hover {color:#fff; text-decoration: underline;} #footer #copyright { padding: 3px 0 0; _padding: 3px 0 10px; margin: 0; width: auto; display:block; color:#666; text-align: center; } td>#footer { padding: 77px 7px 20px; *border-top:1px solid #292929; background: #1c1c1c url(http://real.tp.shopserve.jp/hpgen/HPB/theme/img/footer.jpg) no-repeat ; } td>#footer>.footnavi{ height: auto; min-height: 10px; padding: 0px 20px 5px 20px; } td>#footer>.footnavi a{ text-decoration: none;} td>#footer>.footnavi a:hover { text-decoration: underline;} #footer>#copyright { height: auto; min-height: 10px; color: #666; text-align: center; padding:3px 0 0 ; } #footer a{ *color: #fff; _font-weight:bold; *text-decoration: none;} #footer a:hover { *color: #fff;*text-decoration: underline;} #footer #copyright a{ _color: #fff; _font-weight:bold; *text-decoration: none;} #footer #copyright a:hover { *color: #fff;*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; }