body { font: 84%/150% "ＭＳ Ｐゴシック", Osaka, monospace; margin: 0 auto; padding: 0; font-size:12px; color: #666; background: #FFFFFF url(http://casicasi.sr.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: 100%; text-align: left; } a { color: #666; text-decoration: underline; } a:hover { color: #666; 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:5px 0 0 0; font-weight: bold; color: #999999; background:#FDEFF3; border: 1px solid #dedede; cursor: pointer; } .text1 { margin: 0; border: 1px solid #000000; } .caution { font-weight: bold; color: #FF0000; } .no2 { font-size: 100%; } .strong{ font-weight: bold;} .red { color: #CC0000; } .orange { color: #FF9900; } .blue { color: #0000FF; } .green { color: #006600; } .glay { color: #666666; } .item img { height: auto; padding: 5px; margin: 0; background: #FFFFFF; text-align: center; border:1px solid #EF648D; } #rightSide .item img { border:none;} .spacebox{ height: 50px; } #container { width: 874px; margin: auto; text-align: left; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/body_bg.jpg) repeat-y; } #enter { width: 100%; text-align: left; background: #FFFFFF; border: 1px solid #4A7A2A; } #header { width: 860px; margin-left: 7px; background:url(http://casicasi.sr.shopserve.jp/pic-labo/top1.jpg) left no-repeat; } #header div.shoplogo { margin: 0; height:150px; width: 860px; } .siteName { margin:0px; padding:116px 10px 3px 20px; font-size:120%; font-weight:900; line-height:1em; } #header div.shoplogo h1.siteName a { color: #EF648C; font-weight:normal; text-decoration: none; } #header div.shoplogo h1 a:hover { text-decoration: underline; } #header div.shoplogo h2.sitecopy { margin: 0; color: #EF648C; font-size: 12px; line-height: 1em; padding:0 0 0 20px; } #header div.shoplogo h2.sitecopy a { color: #EF648C; font-weight:normal; text-decoration: none; } #header div.shoplogo h2 a:hover { text-decoration: underline; } #header div.shoplogo h2 a {*padding:0 0 0 20px;*color: #EF648C;*font-weight:normal; *text-decoration: none;} #header div.shoplogo h1 a { *text-decoration: none;} #header div.shoplogo h1 a:hover {*text-decoration: underline;} #headMenu { width:100%; margin:0; color:#DC7C88; background-color:#FFFFFF; clear:both; } .headnavi { padding:4px 5px 5px 1px; font-weight:normal; text-align:right; color:#FFFFFF; background-color:#FF75A2; } .headnavi a{ padding:5px 5px 5px 5px ; margin:5px 0px; font-weight:bold; text-decoration:none; color:#FFFFFF; } .headnavi a:hover { text-decoration:none; color:#FFFFFF; background-color:#CD1D52; } .navi01 { color:#333333; } .hline { } #leftSide { width: 170px; font-size:12px; margin: 0; padding: 0 0 0 7px; vertical-align: top; } #rightSide { width: 170px; font-size:12px; margin: 0; padding: 0 8px 0 0; vertical-align: top; } #rightSide, x:-moz-read-only { padding: 0 7px 0 0;} #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:8px; } #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; } .sidebox { margin: 0 0 7px; padding: 0; } .centerbox { margin: 6px 18px; } .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 16px; } .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; width:123px; padding: 14px 2px 3px 45px; line-height: 100%; vertical-align: middle; color: #EF648C; font-weight:normal; background:#FDF0F4 url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_title1.jpg) 0 0 no-repeat; } .title1 { min-height: 16px; height: auto !important; height: 14px; margin: 0; padding: 14px 2px 3px 45px; line-height: 100%; vertical-align: middle; color: #EF648C; font-weight:normal; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_title1.jpg) 0 0 no-repeat; } .title1 a { display: block; color: #EF648C; text-decoration: none; } .title1 a:hover { color: #EF648C; text-decoration: underline; } #center1 .title1, #center2 .title1, #center3 .title1 { padding: 14px 0px 3px 50px; } #center1 .title1 { background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/center3_title1.jpg) 0 0 no-repeat; } #center2 .title1 { background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/center2_title1.jpg) 0 0 no-repeat; } #center3 .title1 { background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/center3_title1.jpg) 0 0 no-repeat; } #center1 #rightSide .title1 {background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_title1.jpg) 0 0 no-repeat; padding: 14px 2px 3px 45px; } .title2 { min-height: 16px; height: auto !important; height: 14px; margin: 0; padding: 14px 2px 3px 45px; color: #EF648C; font-weight:normal; line-height: 100%; vertical-align: middle; background:#F1E4EB url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_title2.jpg) 0 0 no-repeat; } .title2 a { display: block; color: #EF648C; text-decoration: none; } .title2 a:hover { color: #EF648C; text-decoration: underline; } #center2 .title2, #center3 .title2 { padding: 14px 0px 3px 50px; } #center2 .title2 { background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/center2_title2.jpg) 0 0 no-repeat; color:#FF78DE;} #center3 .title2 { background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/center3_title2.jpg) 0 0 no-repeat; color:#FF78DE;} .title3 { min-height: 16px; height: auto !important; height: 14px; margin: 0 0 5px; padding: 3px 2px 3px 20px; line-height: 100%; color: #EF648C; font-weight:normal; vertical-align: middle; background:url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_title3.jpg) 4px center no-repeat; } .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: 0 0 0 0px; margin: 0; list-style: none; } li.p3 { padding: 3px 0; } li.p3 a { color: #666; } .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://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/icon_sitemap.gif) no-repeat left center; color: #EF648C; } .sitemap a{ color: #EF648C; text-decoration:underline; } .table1 { border-collapse:collapse; width:480px; padding:0px; color:#333333; } .table1 th { margin:0; padding:5px; border:1px solid #ffffff; background-color: #fff; color: #000000; font-weight:normal; border:1px solid #FF78DE; background-color: #FFDEF7; } .table1 td { margin:0; padding:5px; border:1px solid #FF78DE; 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: #FFDEF7;} .backcolor2 { background: #FFFFFF;vertical-align: middle} .backcolor3 { background: url(http://casicasi.sr.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: 6px 3px 4px; background:#fff; border:1px solid #b2b2b2; } #rightSide .layout1{ margin: 0 0 10px; border:none; border-bottom:1px solid #EF648C; padding-bottom:10px; background:#FDEFF3 url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/white.gif) 0 bottom repeat-x; } .layout1 td { margin: 0; padding: 3px; text-align: center; } .layout1 td a { color: #F1779A; } .layout1 td a:hover { color: #F1779A; text-decoration:underline; } .layout1 td div.price { color: #666666; } #rightSide .layout1 td a { color: #ED7440; } #rightSide .layout1 td a:hover { color: #ED7440; 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: #EF648C; font-weight:normal; border-bottom: 1px solid #EF648C; } .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: #EF648C; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/icon_mailmag_ent.gif) no-repeat; height: 34px; padding-left: 70px; padding-top: 10px; } .mailmag_cha{ color: #EF648C; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/icon_mailmag_cha.gif) no-repeat; height: 34px; padding-left: 70px; padding-top: 10px; } .mailmag_can{ color: #EF648C; background: url(http://casicasi.sr.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://casicasi.sr.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; } #search { padding: 10px; margin: 0 0 10px; width: auto; } #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:0; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_ca1_btm.jpg) 10px 0 repeat-y;} li.ca1 a{ min-height: 14px; height: auto !important; height: 14px; line-height:100%; font-weight:normal; color: #EF648C; zoom: 1; display: block; padding: 4px 2px 2px 20px; text-decoration: none; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_ca1.jpg) 10px 0 no-repeat; } li.ca1 a:hover{ color: #EF648C; text-decoration: underline; } li.ca2 a{ zoom: 1; display: block; padding: 5px 2px 5px 30px; margin:5px 0; line-height: 100%; color:#EF648C; text-decoration: none; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_ca2.jpg) 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 20px; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) 10px center no-repeat; color:#EF648C; 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 20px; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) 10px center no-repeat; color:#EF648C; 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 20px; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/left_sidemain1.gif) 10px center no-repeat; color:#EF648C; 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 #EF648C; } .carender th { padding: 2px; border-collapse: collapse; border: 1px solid #EF648C; } th.day { font-weight: normal; color: #EF648C; background: #FDE9EE; text-align: center; } th.sun { font-weight: normal; color: #EF648C; background: #FDE9EE; text-align: center; } th.sat { font-weight: normal; color: #EF648C; background: #FDE9EE; text-align: center; } td.other { background:#fff;} td.existdata { background:#fff; color:#EF648C;} td.nodata { background:#fff;} .chert { font-size: 12px; background: #FFFFFF; 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: 16px; height: auto !important; height: 14px; margin: 0; width:123px; padding: 14px 0px 3px 50px; line-height: 100%; vertical-align: middle; color: #EF648C; font-weight:normal; width:600px; background:#FCE1E8 url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/center3_title1.jpg) 0 0 no-repeat; border-bottom:1px solid #EF648C; } .entry_title a { display: block; color: #EF648C; text-decoration: none; } .entry_title a:hover { color: #EF648C; 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: 1px solid #EF648C; } 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://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/navi01.gif); background-repeat: no-repeat } .step_navi02 { background-image: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/navi02.gif); } .step_navi03 { background-image: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/navi03.gif); } .step_navi04 { background-image: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/navi04.gif); } table.layout_left_shoppinguide{ width: 100%; } #footer { padding: 20px 7px 85px; margin: 0; width: auto; text-align: center; *color: #EF648C; *font-family:"Hiragino Mincho Pro", Serif; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/footer_btm.jpg) no-repeat left bottom; } #footer .footnavi { padding: 0px 20px 18px 20px; } .footnavi a{ text-decoration: none;} .footnavi a:hover { text-decoration: underline;} #footer #copyright { padding: 3px 0 0; _padding: 3px 0 20px; margin: 0; width: auto; height: 20px; display:block; color:#EF648C; border-top:1px solid #EF648C; *font-family:"ＭＳ Ｐゴシック", Osaka, monospace; *border-top:none; *border-bottom:1px solid #EF648C; text-align: center; } td>#footer { padding: 20px 7px 85px; background: url(http://casicasi.sr.shopserve.jp/hpgen/HPB/theme/img/footer_btm.jpg) no-repeat left bottom; } td>#footer>.footnavi{ height: auto; min-height: 10px; padding: 0px 20px 18px 20px; } td>#footer>.footnavi a{ text-decoration: none;} td>#footer>.footnavi a:hover { text-decoration: underline;} #footer>#copyright { height: auto; min-height: 20px; color: #EF648C; text-align: center; padding:3px 0 0 ; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "平成明朝", Serif; } #footer a{ *color: #666; _font-weight:bold; *text-decoration: none;} #footer a:hover { *color: #666;*text-decoration: underline;} #footer #copyright a{ _color: #fff; _font-weight:bold; *text-decoration: none;} #footer #copyright a:hover { *color: #666;*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; }
