body { font: 84%/150% "ＭＳ Ｐゴシック", Osaka, monospace; margin: 0 auto; padding: 0; color: #444444; font-size:12px; background: #FFFFFF url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/body_img.gif) center top repeat; } 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: #000000; text-decoration: underline; } a:hover { color: #FF5A00; 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: 0; font-weight: bold; color: #FFFFFF; background: #898989; border: 1px solid #000000; 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: #666666; } .item img { height: auto; padding: 3px; margin: 0; background: #FFFFFF; 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: 840px; padding: 40px 10px 10px; background: #FFFFFF url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/header.gif) no-repeat; } #header div.shoplogo { margin: 0; } #header div.shoplogo h1.siteName { margin: 0 0 20px; font-size: 28px; line-height: 1em; } #header div.shoplogo h1.siteName a { color: #000000; text-decoration: none; } #header div.shoplogo h1.siteName a:hover { color: #000000; text-decoration: underline; } #header div.shoplogo h2.sitecopy { margin: 0; color: #000000; font-size: 14px; line-height: 1em; } #header div.shoplogo h2.sitecopy a { color: #B5B5B5; text-decoration: none; } #header div.shoplogo h2.sitecopy a:hover { text-decoration: underline; } #headMenu { clear: both; padding: 5px 10px 10px 20px; } #headMenu div.headnavi { text-align: right; line-height: 100%; font-size:12px; color: #444444; } #headMenu div.headnavi a{ font-weight: bold; text-decoration: none; } #headMenu div.headnavi a:hover { text-decoration: underline; } .navi01 { } .hline { } #leftSide { width: 170px; margin: 0; padding: 0; vertical-align: top; } #rightSide { width: 170px; margin: 0; padding: 0; vertical-align: top; } #rightSide2 { width: 170px; margin: 0; padding: 0; vertical-align: top; } #center1 { width: 690px; margin: 0; padding: 0; vertical-align: top; } #center2 { min-width: 520px; width: auto; 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: 100%; margin: 0 auto; padding: 0; text-align: left; } .footer_area { text-align: left; width: 100%; margin: 0 auto; padding: 0; } .sidebox { margin: 0 0 10px; padding: 0; } .centerbox { margin: 10px; 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 10px; } .topIMG td { margin: 0; padding: 0; } .shopCopy { margin: 0; padding: 3px 0; text-align: left; } .free_title { min-height: 16px; height: auto !important; height: 16px; margin: 0; padding: 12px 2px 2px 28px; line-height: 100%; vertical-align: middle; color: #000000; background: #FFFFCC url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_title1.gif) no-repeat; } .title1 { min-height: 16px; height: auto !important; height: 16px; margin: 0; padding: 12px 2px 2px 28px; line-height: 100%; vertical-align: middle; color: #000000; background: #FFFFCC url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_title1.gif) no-repeat; } .title1 a { display: block; color: #000000; text-decoration: none; } .title1 a:hover { color: #000000; text-decoration: underline; } #center1 .title1, #center2 .title1, #center3 .title1 { padding-top: 9px; font-size: 110%; color: #000; background: #FFFFCC no-repeat; } #center1 .title1 { background-image: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/center2_title1.gif); } #center2 .title1 { background-image: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/center2_title1.gif); } #center3 .title1 { background-image: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/center3_title1.gif); } #center1 #rightSide .title1 {background: #FFFFCC url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_title1.gif) no-repeat; padding: 12px 2px 2px 28px; font-size:100%;} .title2 { min-height: 16px; height: auto !important; height: 16px; margin: 0; padding: 12px 2px 2px 28px; line-height: 100%; vertical-align: middle; color: #000; background: #C5DDEB url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_title2.gif) no-repeat; } .title2 a { display: block; color: #000; text-decoration: none; } .title2 a:hover { color: #000; text-decoration: underline; } #center2 .title2, #center3 .title2 { padding-top: 9px; font-size: 110%; color: #000; background: #64C8B4 no-repeat; } #center2 .title2 { background-image: #FFFFCCurl(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/center2_title2.gif); } #center3 .title2 { background-image: #FFFFCCurl(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/center3_title2.gif); } .title3 { min-height: 16px; height: auto !important; height: 16px; margin: 0; padding: 12px 2px 2px 28px; line-height: 100%; vertical-align: middle; color: #000; background: #C5DDEB url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_title2.gif) no-repeat; } .rank{ text-align: left; } .mainCont { margin: 0; padding: 10px; } #center2 .mainCont { width: 470px; } #center3 .mainCont { } .contbox { padding: 10px 0; margin: 0; width: auto; } ul.news{ text-align: left; padding: 0 0 0 12px; margin: 0; list-style: square; color: #808080; } li.p3 { padding: 3px 0; } li.p3 a { color: #F15A24; } .free_list{ padding: 5px 10px; margin: 0; background: #fff; } 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://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/icon_sitemap.gif) no-repeat left center; color: #006600; } .table1 { border-collapse:collapse; width:480px; padding:0px; color:#333333; } .table1 th { margin:0; padding:5px; color: #fff; font-weight:normal; border:1px solid #000; background-color: #64C8B4; } .table1 td { margin:0; padding:5px; border:1px solid #000; 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: #64C8B4;} .backcolor2 { background: #FFFFFF;vertical-align: middle} .backcolor3 { background: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/leftside.gif);padding: 10px 0;} .layoutFrame{ margin: 10px 0 0 0; background: #FFFFFF; } .layoutFrame td{ text-align: center; margin: 0; padding: 1px; vertical-align: top; } .layout1{ margin: 0; padding: 5px; } #rightSide .layout1{ margin: 0 0 5px; } .layout1 td { margin: 0; padding: 3px; text-align: center; } .layout1 td a { color: #64C8B4; } .layout1 td div.price { color: #666666; } #rightSide .layout1 td a { color: #6A2DFF; } #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: #006600; border-bottom: 1px solid; } .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://hiro2323.ha.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://hiro2323.ha.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://hiro2323.ha.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://hiro2323.ha.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: #006600; text-decoration: none; } .pageTop a:hover { color: #4A7A2A; text-decoration: none; } #footer { padding: 0; margin: 0; width: auto; height: 40px; text-align: center; } td>#footer { height: auto; min-height: 40px; background:#fff; } .footnavi { padding: 5px 20px 5px 20px; } .footnavi a{ color: #666666;text-decoration: none;} .footnavi a:hover { color: #666666;text-decoration: underline;} #copyright { padding: 0; margin: 0; width: auto; height: 20px; color: #FFFFFF; background: #FF5A00; text-align: center; } #footer>#copyright { height: auto; min-height: 20px; } #search { padding: 5px; margin: 0; width: auto; background: #FFFF00 url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_bg.gif) right top no-repeat; border-bottom: solid 10px #FFFFFF; } #search label { padding: 0; margin: 0; font-weight: bold; } .fieldarea { padding: 5px 0 5px 0; vertical-align: middle; } .list { padding: 1px; display: block; background: #FFFFFF; } .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 a{ zoom: 1; display: block; padding: 9px 2px 7px 28px; line-height: 100%; text-decoration: none; border-bottom: 1px solid #FF5A00; background: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_ca1.gif) 5px center no-repeat; } li.ca1 a:hover{ text-decoration: underline; } li.ca2 a{ zoom: 1; display: block; padding: 5px 2px 5px 28px; line-height: 100%; text-decoration: underline; background: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_ca2.gif) 16px center no-repeat; } li.ca2 a:hover{ text-decoration: none; } li.ca3 a{ display: block; padding: 2px 0 2px 10px; background: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) no-repeat 0 5px; } li.ca3 a:hover{ text-decoration: underline; } li.ca4 a{ display: block; padding: 2px 0 2px 10px; background: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) no-repeat 0 5px; } li.ca4 a:hover{ text-decoration: underline; } .sline1 { display: none; padding: 0; margin: 0; height: 5px; background: #FFFFFF; } .sline2 { } .sidemain1 { margin: 0; padding: 5px; background: #FFFFE5; } #rightSide .sidemain1 { padding-bottom: 1px; background: #FFFFFF; } .sidemain1 p { padding: 3px 0 3px 0; margin: 0; line-height: 130%; } .sidemain1 ul { margin: 0; padding: 0; list-style: none; } .sidemain1 li { display: block; padding: 2px 0 2px 10px; background: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) no-repeat 0 5px; } caption { font-weight: bold; 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; background: #FFFFFF; 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 #CCCCCC; } .carender th { padding: 2px; border-collapse: collapse; border: 1px solid #CCCCCC; } th.day { font-weight: bold; color: #FFFFFF; background: #CCCC00; text-align: center; } th.sun { color: #FFFFFF; background: #FF0000; text-align: center; } th.sat { color: #FFFFFF; background: #3333FF; text-align: center; } .chert { font-size: 12px; background: #FFFFFF; padding: 5px; } .chert td { border-collapse: separate; padding: 0 0 0 5px; border: 1px solid #cccccc; } .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: 16px; height: auto !important; height: 16px; margin: 0; padding: 12px 2px 2px 28px; line-height: 100%; vertical-align: middle; color: #000000; padding-top: 9px; font-size: 110%; color: #000; background: #FFFFCC url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/center3_title1.gif) no-repeat; } .entry_title a { display: block; color: #000000; text-decoration: none; } .entry_title a:hover { color: #000000; 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%; color: red; font-weight: 900; padding: 3px; background: #FFCCCC; } .step_navi01,.step_navi02,.step_navi03,.step_navi04 { text-align: center; width: 100%; height: 83px; } .step_navi01 { background-image: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/navi01.gif); background-repeat: no-repeat } .step_navi02 { background-image: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/navi02.gif); } .step_navi03 { background-image: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/navi03.gif); } .step_navi04 { background-image: url(http://hiro2323.ha.shopserve.jp/hpgen/HPB/theme/img/navi04.gif); } table.layout_left_shoppinguide{ width: 100%; } 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; }