@charset "utf-8"; html, body, h1, ul, li, div, dt, dl, dd, p, form{ padding:0; margin:0; list-style-type:none; } body{ font-family:"MS PGothic","Osaka",Arial,sans-serif; margin:0px auto; padding:0px; font-size:12px; line-height:1.4; color:#444444; background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//bg.gif); text-align:center; } table {text-align:left;} h1,h2,h3,h4 { padding:0px; margin:0px; font-size:100%; text-align:left;} img{ border:0px;} hr{ border-top:1px solid #cccccc; border-bottom:none; border-left:none; border-right:none; } a{color:#444444; text-decoration:underline; } a:hover { color:#cf0909; text-decoration:none; } a:focus{ outline:none; } form {padding:0px;display:inline;} .clear_both { clear:both; font-size:1px; visibility:hidden; overflow:hidden; height:1px; text-align:center} .button1{ color:#FFFFFF; background:#cf0909; border:2px solid #CC0000; padding:2px; margin:5px 0; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-color: #FFFFCC; border:1px solid #cccccc; } .text1 {border:1px solid #CCCCCC;} .caution{ font-weight:bold;color:#FF0000;} .no2{font-size:110%;} .strong{ font-weight:bold;} .red{color:#444444;} .orange{color:#FF9900;} .blue{color:#0000FF;} .green{color:#006600;} .glay{color:#666666;} .item img{ height:auto; padding:5px; margin:0px; background:#FFFFFF; text-align:center; border:1px solid #cccccc; margin:10px 20px 5px; } .item img#thumb1{ margin:0px !important; } div.layoutp3 table td { vertical-align:top;} div.layoutp3 table td div.layoutp3 table td{ vertical-align:middle; padding:8px 0px;} div.centerbox div.mainCont div.layoutFrame div.layout1 table.auto { width:135px; } div.centerbox div.mainCont div.layoutFrame table.auto { width:100%; } div.centerbox div.mainCont div.layoutFrame table.auto div.layout1 table.auto{ width:100%; } .spacebox{height:50px;} #container { width:960px; border-left:20px solid #ffffff; border-right:20px solid #ffffff; text-align:left; margin:0px auto; background: #FFFFFF;} #enter { text-align:left; background:#FFFFFF;} #enter #center3 .mainCont table, #enter #center3 .mainCont table th, #enter #center3 .mainCont table td{ border-collapse:collapse; text-align:left; background:#FFFFFF; } table#enter{ width:100%; background:#FFFFFF;} table#enter .centerbox{ width:95%; padding:10px; } #leftSide { width:230px !important; margin:0px; padding:0 30px 0 0; vertical-align:top;} #center1 { width:700px; padding:0; margin:0px; vertical-align:top; } #center3 { width:100%; margin: 0; padding: 0; vertical-align:top;} #center3 #center1 { text-align: center; margin:0 auto; padding:0; width:700px !important; } #center3 #center1 table, #center3 #center1 table th, #center3 #center1 table td{ border-collapse:collapse; text-align:left;} .centerbox { margin:700px; margin:0; padding:0; } #center3 td#center1 div.centerbox { margin:0 0 0 130px !important; /margin:0 !important; text-align: left; width:700px !important; } #cartcenter { margin:0px auto; } .footer_area { width:700px; text-align:left; margin:20px auto; } .header_area { width:700px; text-align:left; margin:0 auto; } .sidebox { padding:0px; margin:0px; } .center{ text-align:center;} .right{ text-align:right;} .left{ text-align:left;} .middle{ vertical-align:middle;} .buttom{ vertical-align:buttom;} .float_right{ float:right;} .float_left{ float:left;} .price{ color:#cf0909; text-align:left;} .price .zoom{ font-size:125%;font-weight:bold;} .expl{ text-align:left; color:#444444;} .expl a{color:#444444;text-decoration:none;} .expl a:hover{color:#444444;text-decoration:none;} .fixed{ color:#444444; text-align:left; text-decoration:line-through;} .goods{ margin:5px 0;} h2.goods a{color:#000000;text-decoration:none;font-weight:normal;text-decoration:none;} h2.goods a:hover{color:#cf0909;text-decoration:none;} div.layout1 h2.goods{padding-left:5px;} div.layout1 div.price{padding-left:5px;} div.layout1 div.expl{padding-left:5px;} .layoutp3 .layoutp3 table td{ font-size:12px; padding:0; } .topIMG { margin:0 0 10px; padding:0px; } .topIMG td{ margin:0px; padding:0px; background:#FFFFFF; text-align:center; } .shopCopy { margin:0px; padding:3px 10px 3px 10px; text-align:left;} .sidebox h3.title1, .sidebox h3.title2, .free_title, .title1, .title2, .title3 { border-bottom:2px solid #cf0909; padding:5px 5px 0; font-size:14px; font-weight:bold; } .sidebox h3.title1 a, .sidebox h3.title2 a, .free_title a, .title1 a, .title2 a, .title3 a { color:#444444; text-decoration:none; } .sidebox h3.title1 img, .sidebox h3.title2 img, .free_title img, .title1 img, .title2 img, .title3 img { margin-right:3px; } .rank{text-align:left;} .mainCont { padding:10px 0; margin:0px; } .contbox { padding:10px 0px; margin:0px; } ul.news{ text-align:left; padding:0px; margin:0px 10px; } li.p3{padding:3px;} .free_list{ padding:0; margin:0;} ul.list{ text-align:left; padding:5px 10px; margin:0px; list-style:square; color:#F59300;} .sitemap{ margin:20px 0 10px; padding:0 0 0 20px; color:#444444;} ul.map{ text-align:left; padding:0px 20px; margin:0px; list-style:none; color:#444444;} li.sm1 { margin:5px 10px ;display:block;} li.sm2 { margin:5px 20px ;display:block;} .layoutp5 { padding:5px 0px;} .layoutp5 th { padding:5px;} .layoutp5 td { padding:5px; vertical-align:top;} .layoutp5 .border { border:1px solid #CCCCCC;} .layoutp3 { padding:0px;} .layoutp3 th { padding:3px;} .layoutp3 td { padding:3px;} .layoutp3 .border { border:1px solid #CCCCCC;} .layoutp3 table { font-size:100%;} .bordlayoutp3 { padding:5px 0px;} .bordlayoutp3 th { padding:10px;border:1px solid #CCCCCC;} .bordlayoutp3 td { padding:10px;border:1px solid #CCCCCC;} .bordlayoutp3 .side { padding:10px 15px;} .bordlayoutp3 td p{ padding:10px;} .backcolor1 { background:#f6f6f6;} .backcolor2 { background:#FFFFFF;} .backcolor3 { background:#f6f6f6;padding:10px 0px;} .layoutFrame{ margin:10px 0px 0px 0px; padding:0;} .layoutFrame td{ text-align:center; margin:0px; padding:0; vertical-align:top;} .layout1{ margin:0px; text-align:center;} .layout1 td{ margin:0px; padding:0px; text-align:center;} #bread{ margin:0 0 20px; padding:5px; color:#444444; text-align:left; font-size:10px; line-height:12px; } #bread a { color:#4444444; text-decoration:none; } #bread a:hover { color:#cf0909; text-decoration:underline; } h4.title{ margin:5px 0px; padding:2px 0px; color:#444444; } .mainFrame{ margin:0px auto; padding:0px; } p.title{ margin:3px 0px; padding:2px 0px; color:#444444; border-bottom:1px dotted #cf0909; font-weight:bold; } .mailmag_ent{ height:20px; padding:33px 0px 0px 80px; background:url(http://hpsw.kq.shopserve.jp/hpgen/HPB/theme/img/icon_mailmag_ent.gif) no-repeat left bottom;} .mailmag_cha{ height:20px; padding:33px 0px 0px 80px; background:url(http://hpsw.kq.shopserve.jp/hpgen/HPB/theme/img/icon_mailmag_cha.gif) no-repeat left bottom;} .mailmag_can{ height:20px; padding:33px 0px 0px 80px; background:url(http://hpsw.kq.shopserve.jp/hpgen/HPB/theme/img/icon_mailmag_can.gif) no-repeat left bottom;} #sortList{ margin:0px; padding:10px 15px; color:#444444; float:right;} .pageTop { width:79px; height:12px; padding:0px; margin:30px 0 0 0; display:block; margin:20px 0 30px; float:right; text-indent: -9999px; } .pageTop a{ background:url(http://hpsw.kq.shopserve.jp/hpgen/HPB/theme/img/pagetop_bg.gif) top left; width:79px; height:12px; margin:0; padding:0; display:block;} .pageTop a:hover{ background:url(http://hpsw.kq.shopserve.jp/hpgen/HPB/theme/img/pagetop_bg.gif) bottom left; margin:0; padding:0;} #search { padding:6px 5px 12px 5px; margin:0px; width:auto; } #search label{ padding:0px; margin:0px; color:#FFFFFF; font-weight:bold;} .fieldarea{padding:5px 0px 5px 0px;virtical-align:center;} .list { padding:0px; margin:0px; display:block; line-height:130%; background:#FFFFFF; border:0px; } .list h3 { padding:5px 5px; margin:0px;} ul.free_listbox{ text-align:left; padding:0px; margin:0px; list-style:none;} ul.listbox{ text-align:left; padding:0px; margin:0px; list-style:none;} li.ca1, li.ca3 { color:#000000; margin:0px; padding:0; border-bottom:1px #cccccc solid; _height: 1%; } li.ca1 a, li.ca3 a{ padding:5px 3px 5px 25px; display:block; color:#444444; text-decoration:none; } li.ca1 a:hover, li.ca3 a:hover{ color:#444444; text-decoration:none; } li.ca2, li.ca4 { margin:0px; border-bottom:1px #FFFFFF solid; _height: 1%; } li.ca2 a, li.ca4 a{ padding:3px 3px 3px 25px; display:block; color:#444444; text-decoration:none;} li.ca2 a:hover, li.ca4 a:hover{ color:#cf0909; text-decoration:none; background:#fcf7d7;} .sline1, .sline2 { display:none; } .sidemain1 { margin:0; padding:0px; } *html .sidemain1 { margin:0; } .sidemain1 p{ margin:0; padding:0; } #rss{ padding:0; margin:0 0 20px;} #count{ margin:0px; padding:5px; } .blogbox { padding:5px; margin:2px 0px; width:auto; } .entry_title { border-bottom:2px solid #cf0909; padding:5px 5px 0; font-size:14px; font-weight:bold; } .entry_title a{ color:#444444; text-decoration:none; } .entry_title a:hover{ color:#444444; text-decoration:none; } .entry_date{ display:block; padding:10px; color:#004710; text-align:right; } .state{ display:none; } .subtitle { padding:2px 0px 5px; margin:10px 0px 10px 0px; text-align:left; font-size:110%; border-bottom:1px dotted #cccccc; } .subtitle a { text-decoration:none; } p.label { font-weight:bold; } .tb_url{ margin-bottom:10px; } .point {font-size:120%;color:red;font-weight:900;} .pointline {font-size:100%;color:red;font-weight:900;padding:3px;background-color:#D6C692;} .step_navi01,.step_navi02,.step_navi03,.step_navi04 { text-align:center; width:700px; height:250px; margin:5px auto 15px;} .step_navi01 {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//step01.gif) no-repeat center center;} .step_navi02 {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//step02.gif) no-repeat center center;} .step_navi03 {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//step03.gif) no-repeat center center;} .step_navi04 {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//step04.gif) no-repeat center center;} .link_list{ width:700px; margin:30px 0 50px 70px; padding:0 10px;} .link_list .link_title{ margin:0 30px; padding:3px 0; color: #cc0000; font-weight:bold;} .link_list .link_title a{ color: #cc0000;} .link_list .link_title a:hover {color:#FF6600;} .link_list p{ margin:2px 30px 15px; font-size:12px;} .contact { background: #eeeeee; padding: 10px 10px 10px 20px; margin: 40px auto 30px auto; border: 1px solid #999999; clear: both; } #link_list02 a{ color:#CC0000; font-weight:bold;} #link_list02{ width:700px; padding: 100px 0 0 100px; } #link_list02 ul{ margin:0 0 50px 5px; padding:0; font-size:12px; line-height:1.5; } #link_list02 h2{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//guide_ttl_bg.gif) no-repeat left bottom; padding:0px 0px 7px 25px; margin:0px 0px 8px; font-weight:bold; font-size:14px; border: none; } #link_list02 li{ font-weight:500; margin: 10px 0 0 0; } #twitter{ width:170px; margin: 0; padding:0 0 10px 0; background-color: #ffffff;} #twitter h3, #twitter h4 { font-size:10px !important; } #twitter span a{ font-size:9px !important; } .twtr-ft div{padding:5px !important;} .twtr-ft span{float:right;text-align:right;} .twtr-ft a{display:inline !important;} #twitter .twtr-ft img { height:10px !important;} #hd{ width:960px; padding:20px 0 0; } #hd .hd_h1{ font-weight:normal; color:#FFFFFF; font-size:10px; line-height:12px; border-bottom:3px solid #cf0909; margin-bottom:10px; } #hd .hd_h1 span{ background:#cf0909; padding:2px; } ul#n01 { width:960px; margin:0 0 20px; padding:0; } ul#n01 li{ float:left; } ul#n01 li a{ height:60px; float:left; color:#FFFFFF; display:block; } ul#n01 li#n01_1 { margin-right:25px;} ul#n01 li#n01_2 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat 0 0; width:92px; text-indent:-9999px;} ul#n01 li#n01_3 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -92px 0; width:115px; text-indent:-9999px;} ul#n01 li#n01_4 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -207px 0; width:102px; text-indent:-9999px;} ul#n01 li#n01_5 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -309px 0; width:105px; text-indent:-9999px; margin-right:30px; _margin-right:15px;} ul#n01 li#n01_6 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -443px 0; width:125px; text-indent:-9999px; margin-right:10px; _margin-right:5px;} ul#n01 li#n01_7 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -578px 0; width:125px; text-indent:-9999px;} ul#n01 li#n01_2 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat 0 -60px ; width:92px; text-indent:-9999px;} ul#n01 li#n01_3 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -92px -60px ; width:115px; text-indent:-9999px;} ul#n01 li#n01_4 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -207px -60px ; width:102px; text-indent:-9999px;} ul#n01 li#n01_5 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -309px -60px ; width:105px; text-indent:-9999px; margin-right:30px; _margin-right:15px;} ul#n01 li#n01_6 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -443px -60px ; width:125px; text-indent:-9999px; margin-right:10px; _margin-right:5px;} ul#n01 li#n01_7 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -578px -60px ; width:125px; text-indent:-9999px;} ul#n02 { width:960px; margin:0 0 10px; padding:0; } ul#n02 li{ float:left; } ul#n02 li a{ height:60px; float:left; color:#FFFFFF; text-indent:-9999px; display:block; } ul#n02 li#n02_1 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat 0 0; width:138px;} ul#n02 li#n02_2 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -138px 0; width:137px;} ul#n02 li#n02_3 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -275px 0; width:137px;} ul#n02 li#n02_4 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -412px 0; width:137px;} ul#n02 li#n02_5 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -549px 0; width:137px;} ul#n02 li#n02_6 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -686px 0; width:137px;} ul#n02 li#n02_7 a {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -823px 0; width:137px;} ul#n02 li#n02_1 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat 0 -60px; width:138px;} ul#n02 li#n02_2 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -138px -60px; width:137px;} ul#n02 li#n02_3 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -275px -60px; width:137px;} ul#n02 li#n02_4 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -412px -60px; width:137px;} ul#n02 li#n02_5 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -549px -60px; width:137px;} ul#n02 li#n02_6 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -686px -60px; width:137px;} ul#n02 li#n02_7 a:hover {background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -823px -60px; width:137px;} #hd_free { text-align:left; width: 960px; top: 195px; left: 50%; margin-left: -480px; position: absolute; z-index: 2; line-height:16px; font-size:12px; } #hd_rank{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_rank_bg.gif) no-repeat 0 0 ; width:960px; height:25px; margin-bottom:20px; } #hd_rank ul{ margin:0 0 0 145px; padding:0; } #hd_rank ul li{ float:left; margin:5px 10px 0 0; padding-left:45px; font-size:10px; letter-spacing: } #hd_rank ul li.no01{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_rank01.gif) no-repeat 0 0 ;} #hd_rank ul li.no02{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_rank02.gif) no-repeat 0 0 ;} #hd_rank ul li.no03{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_rank03.gif) no-repeat 0 0 ;} #s_box{ width:230px; clear:both; float:left;} ul{padding:0;} ul.s_bnr li{ margin-bottom:20px; padding:0; } .s_news{ width:230px; background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_gray_bg01.gif) repeat-y center top; margin-bottom:20px; } .s_news .scroll{ width:228px; margin:0 1px; height:160px; overflow-y:scroll; } .s_news .scroll ul{ padding:5px 10px; } .s_news .scroll li{ margin-bottom:10px; } .s_info{ margin-bottom:20px; } .s_info ul li a{ display:block; text-indent:-9999px; width:230px; height:52px; } .s_info ul li.s_info01 a{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 0;} .s_info ul li.s_info02 a{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -52px;} .s_info ul li.s_info03 a{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -104px;} .s_info ul li.s_info04 a{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -156px;} .s_info ul li.s_info05 a{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -208px;} .s_info ul li.s_info06 a{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -260px;} .s_info ul li.s_info07 a{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -312px;} .s_info ul li.s_info08 a{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -364px;} .s_info ul li.s_info01 a:hover{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px 0;} .s_info ul li.s_info02 a:hover{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -52px;} .s_info ul li.s_info03 a:hover{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -104px;} .s_info ul li.s_info04 a:hover{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -156px;} .s_info ul li.s_info05 a:hover{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -208px;} .s_info ul li.s_info06 a:hover{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -260px;} .s_info ul li.s_info07 a:hover{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -312px;} .s_info ul li.s_info08 a:hover{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -364px;} .s_mobile{ widows:230px; height:172px; background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_mobile.gif) no-repeat 0 0; margin-bottom:20px; } .s_mobile div{ font-weight:bold; text-align:center; color:#cf0909; padding:138px 0 0; } .s_contact{ width:230px; background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_gray_bg01.gif) repeat-y center top; margin-bottom:20px; } .s_contact .calendar{ text-align:center; padding:10px 0; } .s_link{ width:230px; background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_gray_bg01.gif) repeat-y center top; margin-bottom:20px; } .s_link ul, .s_link div.s_link_bnr{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #cccccc; } .s_link ul li{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//icon01.gif) no-repeat 5px 4px; font-size:10px; line-height:12px; padding:0 0 5px 20px; } #infobox { position:fixed; z-index: 5; bottom: 0; right: 0; text-align:left; width: 175px; } .infobox_box{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//infobox_bg.gif) repeat-y center top; margin-bottom:5px; width:170px; } #m_box{ width:700px; float:right; } #tab{ width:700px; border-bottom: 3px solid #cf0909; } #tab li { float:left; width:345px; } #tab li a{ display:block; text-indent:-9999px; width:340px; height:40px; } #tab li.selected a.tab01{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat 0 0;} #tab li.selected a.tab02{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat -345px 0;} #tab li a.tab01{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat 0 -80px;} #tab li a.tab02{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat -345px -80px;} #tab li a:hover.tab01{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat 0 -40px;} #tab li a:hover.tab02{ background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat -345px -40px;} #il_box{ border:1px dotted #cccccc; margin-bottom:40px; border-collapse:collapse; } #il_box td{ border-collapse:collapse; border:1px dotted #cccccc; width:200px; padding:14px; vertical-align:top; } #il_box{ border:1px dotted #cccccc; margin-bottom:40px; border-collapse:collapse; } #il_icon{ border-collapse:collapse; border:2px solid #ffffff; } #il_icon td{ padding:0; border-collapse:collapse; border:2px solid #ffffff; } #il_icon td a:hover img{ filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; } .m_voice{ width:700px; background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_voice_bg02.gif) repeat-y center top; margin-bottom:40px; } .m_voice_frame{ margin: 0 10px; } #ft_bnr{ clear:both; padding-top:20px; margin-bottom:30px; } #ft{ width:930px; _width:960px; padding:20px 15px 15px; background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_bg.gif) repeat-y center top; border-bottom:4px solid #cf0909; } #ft_info { margin-bottom:30px; } #ft_info ul li{ float:left; width:225px; margin-right:10px; } #ft_info ul li.ft_info04{ margin-right:0 !important; } #ft_info ul li a{ width:223px; height:108px; border:1px solid #ft_info; text-indent:-9999px; display:block; border:1px solid #cccccc; } #ft_info ul li.ft_info01 a{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img01.gif) no-repeat 0 0;} #ft_info ul li.ft_info02 a{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img02.gif) no-repeat 0 0;} #ft_info ul li.ft_info03 a{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img03.gif) no-repeat 0 0;} #ft_info ul li.ft_info04 a{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img04.gif) no-repeat 0 0;} #ft_info ul li.ft_info01 a:hover{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img01.gif) no-repeat 0 0; border:1px solid #cf0909;} #ft_info ul li.ft_info02 a:hover{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img02.gif) no-repeat 0 0; border:1px solid #cf0909;} #ft_info ul li.ft_info03 a:hover{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img03.gif) no-repeat 0 0; border:1px solid #cf0909;} #ft_info ul li.ft_info04 a:hover{background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img04.gif) no-repeat 0 0; border:1px solid #cf0909;} #copy{ font-size:10px; line-height:12px; } #copy .copy01{ width:465px; text-align:left; float:left; } #copy .copy02{ width:465px; text-align:right; float:left; } .fax_page { margin-top:30px; border:1px dotted #cccccc; padding:30px; } .fax_page ul { margin:0; padding:0; list-style:none; } .fax_page ul li { margin:0; padding:0 0 10px 25px; background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//icon01.gif) no-repeat 10px 5px; list-style:none; } .bottom_t, .link_list .cate { background:url(http://hpsw.kq.shopserve.jp/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//guide_ttl_bg.gif) no-repeat left bottom; padding:0px 0px 7px 25px; margin:0px 0px 8px; font-weight:bold; font-size:100%; border: none; } .clear { clear: both;} .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1% } .clearfix {display:block;} .boxcenter{ margin:0 auto;} .fl {float: left;} .fr {float: right;} .tac{ text-align:center !important;} .tar{ text-align:right !important;} .tal{ text-align:left !important;} .center{ text-align:center !important;} .vab{ vertical-align:bottom;} .m0{ margin:0!important;} .m5{ margin:5px;} .m10{ margin:10px;} .m15{ margin:15px;} .m20{ margin:20px;} .m25{ margin:25px;} .m30{ margin:30px;} .mb0 {margin-bottom: 0px !important;} .mb5 {margin-bottom: 5px;} .mb8 {margin-bottom: 8px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px;} .mb20 {margin-bottom: 20px !important;} .mb20 {margin-bottom: 20px;} .mb25 {margin-bottom: 25px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .mb50 {margin-bottom: 50px;} .mb60 {margin-bottom: 60px;} .mt5 {margin-top: 5px;} .mt8 {margin-top: 8px;} .mt10 {margin-top: 10px;} .mt15 {margin-top: 15px;} .mt20 {margin-top: 20px;} .mt25 {margin-top: 25px;} .mt30 {margin-top: 30px;} .mt35 {margin-top: 35px;} .mt40 {margin-top: 40px;} .mt50 {margin-top: 50px;} .mt60 {margin-top: 60px;} .mr5 {margin-right: 5px;} .mr7{ margin-right:7px} .mr8 {margin-right: 8px;} .mr10 {margin-right: 10px;} .mr15 {margin-right: 15px;} .mr20 {margin-right: 20px;} .mr25 {margin-right: 25px;} .mr30 {margin-right: 30px;} .mr40 {margin-right: 40px;} .ml5 {margin-left: 5px;} .ml8 {margin-left: 8px;} .ml10 {margin-left: 10px;} .ml15 {margin-left: 15px;} .ml20 {margin-left: 20px;} .ml25 {margin-left: 25px;} .ml30 {margin-left: 30px;} .p5{ padding:5px;} .p10{ padding:10px;} .p15{ padding:15px;} .p20{ padding:20px;} .p30{ padding:30px;} .prl5{padding : 0 5px;} .prl10{padding : 0 10px;} .prl15{padding : 0 15px;} .prl20{padding : 0 20px;} .prl30{padding : 0 30px;} .prl40{padding : 0 40px;} .pt5{ padding-top:5px} .pt10{ padding-top:10px} .pt15{ padding-top:15px} .pt20{ padding-top:20px} .pt30{ padding-top:30px} .pt40{ padding-top:40px} .pt50{ padding-top:50px} .pr5{ padding-right:5px;} .pr10{ padding-right:10px;} .pr15{ padding-right:15px;} .pr20{ padding-right:20px;} .pl5{ padding-left:5px;} .pl10{ padding-left:10px;} .pl15{ padding-left:15px;} .pl20{ padding-left:20px;} .pb5{ padding-bottom:5px;} .pb10{ padding-bottom:10px;} .pb15{ padding-bottom:15px;} .pb20{ padding-bottom:20px;} .pb0{ padding-bottom:0;} .fc_red{ color:#cf0909;}