/* CSS Document */ body.div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,dl.dt,dd,adress{margin:0; padding:0;} body {background-color: #ffffff; font-size:62.5%; font-family: helvetica,clean,Hiragino Kaku Gothic Pro,sans-serif; color:#000000; text-align:center; } a:link {color: none; text-decoration: none;} a:hover {color: none; text-decoration: none;} a:visited {color:none; text-decoration: none;} ul {list-style:none;} p{line-height: 150%; } #container{width:900px; margin:0 auto; text-align:left;} h1 {width:195px; float:left;} h1 a {display:block; width:195px; height:30px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/main_01.jpg); } /*ヘッダーの定義*/ #header{float:right; font-size:10px; margin-top:8px;} #header a:link{color: #000000; text-decoration: none;} #header a:hover {color: #0068b7; text-decoration: none;} #header a:visited {color: #000000; text-decoration: none;} html>/**/body #main{margin-left/*\**/:100px\9;} /*メニューの定義*/ #mainMenu {float:left; width:901px; } #mainMenu li {float:left; margin-right:1px;} #mainMenu a {text-decoration:none; display:block; height:30px; width:127px; text-indent:-9999px; overflow:hidden; } #mainMenu .topLink a {background-image:url(/design/kspecshop/img/menu_01.gif); background-repeat:no-repeat; height:30px; width:128px; float:left;} #mainMenu .tenpoLink a {background-image:url(/design/kspecshop/img/menu_02.gif); background-repeat:no-repeat; height:30px; width:128px; float:left; } #mainMenu .serviceLink a {background-image:url(/design/kspecshop/img/menu_03.gif); background-repeat:no-repeat; height:30px; width:128px; float:left;} #mainMenu .usercarLink a {background-image:url(/design/kspecshop/img/menu_04.gif); background-repeat:no-repeat; height:30px; width:128px; float:left;} #mainMenu .tencyoLink a {background-image:url(/design/kspecshop/img/menu_05.gif); background-repeat:no-repeat; height:30px; width:128px; float:left;} #mainMenu .shoppingLink a {background-image:url(/design/kspecshop/img/menu_06.gif); background-repeat:no-repeat; height:30px; width:128px; float:left;} #mainMenu .menberLink a {background-image:url(/design/kspecshop/img/menu_07.gif); background-repeat:no-repeat; height:30px; width:126px; float:left;} /*メインの定義*/ #mainOut{width:900px;} #main {width:735px; float:left; margin-top:20px;} #main h2 {width:735px; height:29px; margin-top:0px; text-indent:-9999px; overflow:hidden; background:url(/design/kspecshop/img/newsMenu.gif); display:block;} #main h3 {width:735px; height:29px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/contentsMenu.gif); display:block;} #main h4 {width:735px; height:29px; margin-top:20px; margin-bottom:7px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/linkMenu.gif); display:block;} #main a:link {color: #000000; text-decoration: none;} #main a:hover {color: #0068b7; text-decoration: none;} #main a:visited {color: #000000; text-decoration: none;} #osusume {width:732px; } #osusume .osusumeA{width:362px; height:72px; float:left; margin:5px 5px 0 0; } #osusume .osusumeB{width:362px; height:72px; float:left; margin:5px 0px 0 0; } #osusume .osusumeC{width:736px; height:65px; float:left; margin:5px 0px 0 0; } #link {width:732px; } #link .linkA{width:240px; height:40px; float:left; margin:0px 5px 0 0; } #link .linkB{width:240px; height:40px; float:left; margin:0px 0px 0 0; } #link a:link {color: #ffffff; text-decoration: none;} #link a:hover {color: #ffffff; text-decoration: none;} #link a:visited {color: #ffffff; text-decoration: none;} /*サイドメニューの定義*/ #sideMenu{width:150px; float:right; margin-top:20px; } #sideMenu .sideMenu{width:150px; margin-top:10px; border:none;} #sideMenu a:link {color: #ffffff; text-decoration: none;} #sideMenu a:hover {color: #ffffff; text-decoration: none;} #sideMenu a:visited {color: #ffffff; text-decoration: none;} #calendar{_width:150px; width:148px; margin-top:0px; border-left:solid 1px #000; border-right:solid 1px #000; } #calendar .calendar{width:140px; margin-left:5px; _margin-left:4px; _margin-right:4px;} /*フッターの定義*/ #footer {width:900px; margin-top:20px; margin-bottom:20px;} .copy{text-align:center; padding-top:5px; font-size:10px;} /*左メニューの定義*/ #leftside {width:150px; margin-top:20px; margin-bottom:20px; } #leftsideCate {width:148px; _width:150px; margin-top:0px; border-left:solid 1px #b5b5b6; border-right:solid 1px #b5b5b6; } .leftbrand {font-size:10px; } #leftside .leftsideCate_1 {width:150px; height:21px; margin;0;} #leftsideCate a:link {color: #595757; text-decoration: none;} #leftsideCate a:hover {color: #0068b7; text-decoration: none;} #leftsideCate a:visited {color: #595757; text-decoration: none;} #leftside .leftsideMenu{width:150px; margin-top:5px; border:none;} #leftside .leftsideMenu a:link {color: #ffffff; text-decoration: none;} #leftside .leftsideMenu a:hover {color: #ffffff; text-decoration: none;} #leftside .leftsideMenu a:visited {color: #ffffff; text-decoration: none;} /*オイルクーポンの定義*/ #oilMenu {width:900px; float:left; margin-top:20px;} #oilMenu h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/oilMidashi_01.gif); display:block;} #oilMenu h3 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/oilMidashi_02.gif); display:block;} #oilMenu h4 {width:900px; height:33px; margin-top:20px; margin-bottom:7px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/oilMidashi_03.gif); display:block;} #oilMenu .coupon{width:500px; height:291px; margin-left:200px; margin-top:20px;} #oilMenu .oilinsatsu{width:160px; height:26px; margin-left:370px; margin-top:20px;} #oilAnnai {width:900px; } #oilAnnai .oilannaiText{width:504px; height:109px; float:left; margin:5px 5px 0 40px; border:none; _margin:5px 5px 0 30px;} #oilAnnai .oilTenpo{width:150x; height:26px; margin-left:100px; margin-top:45px; float:left;} #oilMenulist {width:900px; } #oilMenulist .oilmenuA{width:422px; height:143px; float:left; margin:0px 8px 0 27px; _margin:0px 8px 0 15px;} #oilMenulist .oilmenuB{width:206px; height:143px; float:left; margin:0px 8px 0 0;} #oilMenulist .oilmenuC{width:206px; height:143px; float:left; margin:0px 5px 0 0;} #oilMenulist .oilText{ float:left; margin:10px 0px 0 27px;} /*取扱サービスの定義*/ #serviceMenu {width:900px; float:left; margin-top:20px;} #serviceMenu h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/serviceMidashi_01.gif); display:block;} #serviceMenu h3 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/serviceMidashi_02.gif); display:block;} #serviceMenu h4 {width:900px; height:33px; margin-top:20px; margin-bottom:7px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/serviceMidashi_03.gif); display:block;} #serviceMenu .syouhinL{width:353px; height:84px; float:left; margin-left:17px; margin-top:10px; border:none;} #serviceMenu .syouhinR{width:522px; height:84px; float:left; margin-left:0px; margin-top:10px; border:none;} #serviceMenu a:link {color: #ffffff; text-decoration: none;} #serviceMenu a:hover {color: #ffffff; text-decoration: none;} #serviceMenu a:visited {color: #ffffff; text-decoration: none;} #serviceLink {width:900px; } #serviceLink .serviceLinkA{width:432px; height:52px; float:left; margin:5px 5px 0 17px; border:none; _margin:5px 5px 0 10px;} #serviceLink .serviceLinkB{width:432px; height:52px; float:left; margin:5px 0px 0 0; border:none;} #serviceLink a:link {color: #ffffff; text-decoration: none;} #serviceLink a:hover {color: #ffffff; text-decoration: none;} #serviceLink a:visited {color: #ffffff; text-decoration: none;} #serviceService {width:900px; } #serviceService .serviceA{width:210px; height:221px; float:left; margin:0px 8px 0 17px; _margin:0px 8px 0 10px;} #serviceService .serviceB{width:210px; height:221px; float:left; margin:0px 8px 0 0;} #serviceService .serviceC{width:431px; height:221px; float:left; margin:0px 5px 0 0;} #serviceService .osusumeC{width:736px; height:65px; float:left; margin:5px 0px 0 17px; _margin:0px 8px 0 10px;} /*店舗情報の定義*/ #tenpoMain {width:900px; margin-top:20px;} #tenpoMain h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/tenpoMidashi_01.gif); display:block;} #tenpoMain h3 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/tenpoMidashi_02.gif); display:block;} #tenpoMain .tenpoImg {width:410px; height:380px; float:left; margin:20px 50px 0 17px;} #tenpoMain .tenpoText {width:400px; float:left; font-size:12px; margin-top:20px} #tenpoMain .tenpoQr{width:150px; height:150px; float:left; margin:20px 20px 0 0px;} #tenpoMain .tenpoqrText {width:200px; float:left; font-size:12px; margin-top:60px} /*会社概要の定義*/ #kaisyaMain {width:900px; margin-top:20px; margin-bottom:20px;} #kaisyaMain h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/kaisyaMidashi_01.gif); display:block;} #kaisyaMain .kaisyaImg {width:410px; height:219px; float:left; margin-top:20px;} #kaisyaMain .kaisyaText {width:400px; float:left; font-size:12px; margin:20px 50px 0 17px;} /*コンビニマフラーの定義*/ #conviniMain {width:900px; float:left; margin-top:20px;} #conviniMain h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/serviceMidashi_01.gif); display:block;} #conviniMain h3 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/conMmidashi_02.gif); display:block;} #conviniMain h4 {width:900px; height:33px; margin-top:20px; margin-bottom:7px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/conMmidashi_03.gif); display:block;} #conviniMain h5 {width:900px; height:33px; margin-top:20px; margin-bottom:7px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/conMmidashi_04.gif); display:block;} #conviniMain .syouhinL{width:317px; height:112px; float:left; margin-left:28px; margin-top:10px; border:none;} #conviniMain .syouhinR{width:513px; height:112px; float:left; margin-left:20px; margin-top:10px; border:none;} #conviniMain .conMnagare{width:795px; height:311px; margin-left:50px; margin-top:15px;} #conviniMain .conviniTail{width:826px; height:200px; margin-left:38px; margin-top:10px;} #conviniMain .conviniTail_B{width:494px; height:200px; margin-left:38px; margin-top:10px;} #conviniMenu {width:900px; } #conviniMenu .menuA{width:411px; height:115px; float:left; margin:8px 8px 0 38px; border:none; _margin:8px 8px 0 20px;} #conviniMenu .menuB{width:411px; height:115px; float:left; margin:8px 8px 0 0; border:none;} #conviniMenu a:link {color: #ffffff; text-decoration: none;} #conviniMenu a:hover {color: #ffffff; text-decoration: none;} #conviniMenu a:visited {color: #ffffff; text-decoration: none;} /*コンビニマフラー商品の定義*/ #conviniMain_2 {width:900px; float:left; margin-top:20px;} #conviniMain_2 h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/serviceMidashi_01.gif); display:block;} #conviniMain_2 h3 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/conM2midashi_02.gif); display:block;} #conviniMain_2 h4 {width:900px; height:33px; margin-top:20px; margin-bottom:7px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/conM2midashi_03.gif); display:block;} #conviniMain_2 h5 {width:900px; height:33px; margin-top:20px; margin-bottom:7px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/conM2midashi_04.gif); display:block;} #conviniMain_2 .syouhinL{width:317px; height:112px; float:left; margin-left:28px; margin-top:10px;} #conviniMain_2 .syouhinR{width:513px; height:112px; float:left; margin-left:20px; margin-top:10px;} #conviniRear {width:900px; } #conviniRear .rearA{width:400px; height:150px; float:left; margin:8px 8px 0 38px; margin:8px 8px 0 20px} #conviniRear .rearB{width:400px; height:150px; float:left; margin:8px 8px 0 11px;} #conviniRear .rearText{font-size:10px; margin-left:38px; margin-top:10px;} #conviniCyukan {width:900px; } #conviniCyukan .cyukanA{width:329px; height:242px; float:left; margin:8px 5px 0 38px; _margin:8px 5px 0 20px;} #conviniCyukan .cyukanB{width:494px; height:242px; float:left; margin:8px 8px 0 0px;} #conviniCyukan .cyukanC{width:827px; height:252px; float:left; margin:8px 8px 0 38px; _margin:8px 8px 0 20px;} #conviniCyukan .cyukanText{font-size:10px; margin-left:38px; margin-top:10px;} #conviniJunsei {width:900px; } #conviniJunsei .junseiA{width:400px; height:213px; float:left; margin:8px 5px 0 38px; _margin:8px 5px 0 20px;} #conviniJunsei .junseiB{width:400px; height:213px; float:left; margin:8px 8px 0 20px;} #conviniJunsei .junseiC{width:826px; height:213px; float:left; margin:8px 8px 0 38px; _margin:8px 8px 0 20px;} #conviniJunsei .junseiText{font-size:10px; margin-left:38px; margin-top:10px;} /*匠スタイルの定義*/ #takumiMain {width:900px; float:left; margin-top:20px;} #takumiMain h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/serviceMidashi_01.gif); display:block;} #takumiMain h3 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/takumiMidashi_02.gif); display:block;} #takumiMain .syouhinL{width:316px; height:241px; float:left; margin-left:28px; margin-top:10px;} #takumiMain .syouhinR{width:522px; height:238px; float:left; margin-left:20px; margin-top:10px;} #takumiMenu {width:900px; } #takumiMenu .menuA{width:411px; height:115px; float:left; margin:8px 8px 0 38px; border:none; _margin:8px 8px 0 20px;} #takumiMenu .menuB{width:411px; height:115px; float:left; margin:8px 8px 0 0; border:none;} #takumiMenu a:link {color: #ffffff; text-decoration: none;} #takumiMenu a:hover {color: #ffffff; text-decoration: none;} #takumiMenu a:visited {color: #ffffff; text-decoration: none;} /*持込取付の定義*/ #mochikomiMain {width:900px; float:left; margin-top:20px;} #mochikomiMain h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/mochikomiMidashi_01.gif); display:block;} #mochikomiMain h3 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/mochikomiMidashi_02.gif); display:block;} #mochikomiMain h4 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/mochikomiMidashi_03.gif); display:block;} #mochikomiMain .syouhinL{width:317px; height:113px; float:left; margin-left:28px; margin-top:10px;} #mochikomiMain .syouhinR{width:513px; height:123px; float:left; margin-left:20px; margin-top:10px;} #mochikomiMain {width:900px; } #mochikomiMain .menuA{width:201px; height:116px; float:left; margin:8px 6px 0 38px; border:none; _margin:8px 6px 0 20px;} #mochikomiMain .menuB{width:201px; height:116px; float:left; margin:8px 6px 0 0; } #mochikomiMain .menuC{width:201px; height:116px; float:left; margin:8px 0px 0 0; } #mochikomiMain .menuD{width:821px; height:261px; float:left; margin:8px 0px 0 38px; border:none; _margin:8px 0px 0 20px;} #mochikomiMain .menuE{width:821px; height:261px; float:left; margin:8px 0px 0 38px; border:none; _margin:8px 0px 0 20px;} #mochikomiRei {width:900px; } #mochikomiRei .reiA{width:400px; height:151px; float:left; margin:8px 8px 20px 38px; _margin:8px 8px 0 20px} #mochikomiRei .reiB{width:400px; height:151px; float:left; margin:8px 8px 20px 11px;} /*メンバーズカードの定義*/ #menberMain {width:900px; float:left; margin-top:20px;} #menberMain h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/menberMidashi_01.gif); display:block;} #menberMain h3 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/menberMidashi_02.gif); display:block;} #menberMain h4 {width:900px; height:33px; margin-top:20px; margin-bottom:7px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/menberMidashi_03.gif); display:block;} #menberMain .menberImg{width:899px; height:258px; float:left; margin-left:28px; margin-top:10px;} #menberTokuten {width:900px; } #menberTokuten .menberTokuten{width:899px; height:88px; float:left; margin-left:28px; margin-top:10px;} #menberTokuten .tokutenA{width:388px; height:135px; float:left; margin:8px 8px 0 38px} #menberTokuten .tokutenB{width:388px; height:135px; float:left; margin:8px 8px 0 23px} #menberMoushikomi {width:900px; } #menberMoushikomi .moushikomiText{width:500px; font-size:10px; margin-left:38px; margin-top:10px; float:left;} #menberMoushikomi .menberTenpo{width:150x; height:26px; margin-left:100px; margin-top:15px; float:left;} #menberMoushikomi a:link {color: #ffffff; text-decoration: none;} #menberMoushikomi a:hover {color: #ffffff; text-decoration: none;} #menberMoushikomi a:visited {color: #ffffff; text-decoration: none;} /*特定商取引の定義*/ #tokutei {width:900px; margin-top:20px; margin-bottom:20px; } #tokutei h2 {width:900px; height:33px; margin-top:0px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/tokuteiMidashi.gif); display:block;} #tokutei .tokutei {width:600px; margin-top:20px;} #tokutei .top {width:200px; } /*ご利用案内の定義*/ .annaiMidashi {font-size="20px" border-top:solid 1px #666666; border-bottom:solid 1px #666666;} /*サイトマップの定義*/ #sitemap h2 {width:900px; height:33px; margin-top:20px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/siteMap.gif); display:block; } #siteCompany {padding:10px 0px; 0 0px; } #siteCompany h3 {width:900px; height:33px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/siteCompany.gif); margin-bottom:10px; } #siteCommunity {padding:0;} #siteCommunity h3 {width:900px; height:33px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/siteCommunity.gif); margin-bottom:10px; } #siteGoods {padding:0; } #siteGoods h3 {width:900px; height:33px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/siteGoods.gif); margin-bottom:10px; } #siteShopping {padding:0 0px 20px 0px; } #siteShopping h3 {width:900px; height:33px; text-indent:-999px; overflow:hidden; background:url(/design/kspecshop/img/siteShopping.gif); margin-bottom:10px; } .pageList {margin-bottom:15px; margin-left:30px;} .pageList li {line-height:20px; margin-left:8px; } .pageList li.listTop {padding-left:15px; background:url(/design/kspecshop/img/yazirushi_01.gif) no-repeat; } .pageList li.listMiddle {padding-left:15px; background:url(/design/kspecshop/img/yazirushi_02.gif) no-repeat; } .pageList li.listBottom {padding-left:15px; background:url(/design/kspecshop/img/yazirushi_03.gif) no-repeat; } #sitemap a:link{color: #000000; text-decoration: none;} #sitemap a:hover {color: #0068b7; text-decoration: none;} #sitemap a:visited {color: #000000; text-decoration: none;} /*移動バナーの定義*/ #idouBunner {width:150px;} #idouBunner .idouOuter {border-left:solid 1px #004F99; border-right:solid 1px #004F99; border-top:0px; width:148px;} #idouBunner .idouInner {width:140px; padding-left:5px; padding-top:10px; padding-bottom:10px;}