body,div,span,p,ul,ol,li,lh,dl,dt,dd,h1,h2,h3,h4,h5,img,table,tr,td,th,form,map { margin: 0; padding: 0; font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;} br { letter-spacing: 0;} img { border: none;} a { outline: none;} a:link, a:visited { color: #de4071; text-decoration: none;} a:hover, a:active { color: #309AA3; text-decoration: underline;} .clear { clear: both; margin: 0; padding: 0; } body { text-align: center; background-color: #FFFFFF;} /* HEADER */ #headerWrapper { display: block; height: 70px; text-align: center; margin: 0; padding: 0; background-color: #000000; background-image: url("../images/headerbg.gif"); background-repeat: repeat-x;} #headerBase { display: block; width: 900px; height: 53px; text-align: left; margin: 0 auto; padding: 12px 0 0;} #headerLogo { float: left; display: inline; width: 125px; height: 53px; margin: 0; padding: 0; background: url("../images/logo.gif") no-repeat; text-indent: -9999px;} #headerLogo a{ width: 125px; height: 53px; display: block; text-decoration: none; outline: none;} #hdMenuBase { float: right; display: inline; width: 775px; height: 53px; margin: 0; padding: 0;} #hdMenuBase ul { list-style: none; height: 53px; margin: 0; padding: 0; position: relative; top: 0; overflow: hidden } #hdMenuBase li a { margin: 0; padding: 0; height: 53px; text-decoration: none; text-indent: -9999px; position: absolute; top: 0; overflow: hidden } #hdMenuBase li a:hover { background-position:0px -53px;} li.menuTop a{ background: url("../images/menu01.gif") no-repeat; right: 399px; width: 87px } li.menuAbo a{ background: url("../images/menu02.gif") no-repeat; right: 274px; width: 125px } li.menuIma a{ background: url("../images/menu03.gif") no-repeat; right: 188px; width: 86px } li.menuSho a{ background: url("../images/menu04.gif") no-repeat; right: 77px; width: 111px } li.menuAcc a{ background: url("../images/menu05.gif") no-repeat; right: 0px; width: 77px } body#mnTop li.menuTop a, body#mnAbo li.menuAbo a, body#mnIma li.menuIma a, body#mnSho li.menuSho a, body#mnAcc li.menuAcc a{ background-position: 0 -53px } /* FOOTER */ #footerline { background-image: url("../images/footerbg.gif"); background-repeat: repeat-x; display: block; width: 100%; height: 10px; } #footerline p { display: none } #footer { display: block; width: 900px; height: 50px; text-align: left; margin: 0 auto; padding: 0; } #footerMenu { float: left; display: block; width: 560px; text-align: left; margin: 0; padding: 0;} #footerMenu p { color: #727272; font-size: 10px; line-height: 1.5; font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";} #footerCopy { float: right; display: block; width: 330px; text-align: right; margin: 0; padding: 0;} #footerCopy p { color: #727272; font-size: 10px; line-height: 1.5; font-family: Verdana,Arial;} #pagetopBase { display: block; clear: both; width: 900px; height: 40px; margin: 20px auto 0; padding: 0; background: url("../images/pagetopicon.gif") bottom right no-repeat; text-indent: -9999px;} #pagetopBase a { float: right; display: block; width: 115px; height: 40px; text-decoration: none; outline: none;} /* DIRECTORY */ #directoryBase { display: block; width: 900px; height: 15px; text-align: left; margin: 0 auto; padding: 0;} #directoryBase p { color: #333333; font-size: 10px; line-height: 10px; margin: 0; padding: 0; font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } /* TOP FLASH */ #swfWrapper { width: 100%; height: 450px; background: url("../images/mainbg.jpg") top center no-repeat; margin: 0; padding: 0;} /* TOP BANNER */ #tpComBanner01 { display: block; width: 600px; height: 140px; margin: 15px auto 30px; padding: 0; background:url("../images/home/bannertpcome01.gif") no-repeat;} #tpComBanner01 p { display: none} /* CONTENTS COMMON */ #mainWrapper { width: 100%; background: url("../images/mainbg.jpg") top center no-repeat; margin: 0; padding: 10px 0 0;} #contentsBase { display: block; width: 900px; text-align: left; margin: 0 auto; padding: 40px 0 0; background:url("../images/mainbase.jpg") no-repeat;} /* ABOUT */ #titleAbout { display: block; width: 550px; height: 85px; margin: 0 0 40px 40px; padding: 0; background:url("../images/about/title.gif") no-repeat;} #titleAbout h2 { display: none} #aboTextBase { width: 700px; margin: 0 0 0 105px; padding: 0;} #aboTextBase p.exptext { display: block; color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.25em;} #aboTextBase p.leftTxt { float: left; display: block; width: 380px; color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.3em; } #aboTextBase p.rightlogo { float: right; display: block; width: 240px; height: 130px; background:url("../images/about/logomark.gif") no-repeat; } #aboSubtitle01 { display: block; width: 420px; height: 40px; margin: 0 0 20px; padding: 0; background:url("../images/about/subtitle01.gif") no-repeat;} #aboSubtitle02 { display: block; width: 200px; height: 35px; margin: 60px 0 10px; padding: 0; background:url("../images/about/subtitle02.gif") no-repeat;} #aboSubtitle03 { display: block; width: 200px; height: 35px; margin: 60px 0 10px; padding: 0; background:url("../images/about/subtitle03.gif") no-repeat;} #aboSubtitle01 p, #aboSubtitle02 p, #aboSubtitle03 p { display: none} /* IMAGE */ #titleImage { display: block; width: 550px; height: 85px; margin: 0 0 40px 40px; padding: 0; background:url("../images/image/title.gif") no-repeat;} #titleImage h2 { display: none} #imaPhoto01 { display: block; width: 894px; height: 395px; margin: 0 0 0 3px; padding: 0; background:url("../images/image/photoimage01.jpg") no-repeat;} #imaPhoto02 { display: block; width: 894px; height: 390px; margin: 0 0 0 3px; padding: 0; background:url("../images/image/photoimage02.jpg") no-repeat;} #imaPhoto03 { display: block; width: 894px; height: 370px; margin: 0 0 0 3px; padding: 0; background:url("../images/image/photoimage03.jpg") no-repeat;} #imaPhoto01 p, #imaPhoto02 p, #imaPhoto03 p { display: none} .imabgheight { margin: 0; padding: 8px 0 0;} /* SHOP IMAGE */ #titleShopImage { display: block; width: 550px; height: 85px; margin: 0 0 40px 40px; padding: 0; background:url("../images/shopimage/title.gif") no-repeat;} #titleShopImage h2 { display: none} #shoTextBase { display: block; width: 894px; margin: 0 0 0 3px; padding: 0; background:url("../images/shopimage/mainbg.jpg") no-repeat;} #shoTextBase p { display: block; width: 480px; margin: 0 0 0 200px; padding: 3px 0 30px; color: #585541; font-size: 12px; line-height: 1.3; letter-spacing: 0.3em;} #shoIcon01 { display: block; width: 440px; height: 60px; margin: 0 0 0 130px; padding: 0; background:url("../images/shopimage/icon01.gif") no-repeat; text-indent: -9999px;} #shoIcon02 { display: block; width: 440px; height: 60px; margin: 0 0 0 130px; padding: 0; background:url("../images/shopimage/icon02.gif") no-repeat; text-indent: -9999px;} #shoIcon03 { display: block; width: 440px; height: 60px; margin: 0 0 0 130px; padding: 0; background:url("../images/shopimage/icon03.gif") no-repeat; text-indent: -9999px;} #shoIcon04 { display: block; width: 440px; height: 60px; margin: 0 0 0 130px; padding: 0; background:url("../images/shopimage/icon04.gif") no-repeat; text-indent: -9999px;} .shoCopytt { color: #888361; font-size: 16px; line-height: 1.4; margin: 0 0 0 200px; padding: 10px 0 0; } /* ACCESS */ #titleAccess { display: block; width: 550px; height: 85px; margin: 0 0 40px 40px; padding: 0; background:url("../images/access/title.gif") no-repeat;} #titleAccess h2 { display: none} #accessbase { display: block; margin: 0; padding: 10px 0 20px; text-align: center;} .accTextBase { display: block; width: 350px; margin: 20px auto 0; padding: 0; text-align: left;} .accTextBase p { color: #757257; font-size: 12px; line-height: 1.5; letter-spacing: 0.16em; margin: 0; padding: 0 0 10px; } #accessbaseB { display: block; width: 900px; margin: 0; padding: 0; text-align: center;} #accessbase2B { display: block; width: 685px; margin: 0 auto; padding: 10px 0 20px;} .accTextBaseB { float: left; display: inline; width: 325px; margin: 0; padding: 0; text-align: left;} .accTextBaseB p { color: #757257; font-size: 12px; line-height: 1.5; letter-spacing: 0.16em; margin: 0; padding: 10px; } .accMapSB { float: right; display: inline; width: 355px; height: 170px; margin: 0; padding: 0;} /* INQUIRY */ #titleInquiry { display: block; width: 550px; height: 85px; margin: 0 0 40px 40px; padding: 0; background:url("../images/inquiry/title.gif") no-repeat;} #titleInquiry h2 { display: none} #inqTextBase { width: 700px; margin: 0 0 0 130px; padding: 0 0 250px;} #inqTextBase p.exptext { display: block; color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.15em; margin: 0 0 0 15px; padding: 0 0 30px;} .inqCompName { color: #585541; font-size: 14px; line-height: 1.4; margin: 0 0 5px; padding: 3px 5px; border-left: 8px solid #585541; } /* TERMSOFUSE */ #titleTerms { display: block; width: 550px; height: 85px; margin: 0 0 40px 40px; padding: 0; background:url("../images/terms/title.gif") no-repeat;} #titleTerms h2 { display: none} #terTextBase { width: 600px; margin: 0 0 0 130px; padding: 0;} #terTextBase p.exptext { display: block; color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.15em; margin: 0 0 0 15px; padding: 0 0 30px;} #terTextBase p.exptext2 { display: block; color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.15em; margin: 0; padding: 0 0 30px;} .terCompName { color: #585541; font-size: 14px; line-height: 1.4; margin: 0 0 5px; padding: 3px 5px; } /* PRIVACYPOLICY */ #titlePolicy { display: block; width: 550px; height: 85px; margin: 0 0 40px 40px; padding: 0; background:url("../images/policy/title.gif") no-repeat;} #titlePolicy h2 { display: none} #polTextBase { width: 600px; margin: 0 0 0 130px; padding: 0;} #polTextBase p.exptext { display: block; color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.15em; margin: 0 0 0 15px; padding: 0 0 30px;} #polTextBase p.exptext2 { display: block; color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.15em; margin: 0; padding: 0 0 30px;} #polTextBase p.exptext3 { display: block; color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.15em; margin: 0 0 0 15px; padding: 0;} #polTextBase ul { list-style: disc; margin: 0 0 0 30px; padding: 0 0 30px; } #polTextBase li { color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.15em; margin: 0; padding: 0;} .polCompName { color: #585541; font-size: 14px; line-height: 1.4; margin: 0 0 5px; padding: 3px 5px; } /* SITEMAP */ #titleSite { display: block; width: 550px; height: 85px; margin: 0 0 40px 40px; padding: 0; background:url("../images/sitemap/title.gif") no-repeat;} #titleSite h2 { display: none} #siteTextBase { width: 600px; margin: 0 0 0 130px; padding: 0 0 220px;} #siteTextBase ul{ float: left; display: block; width: 270px; list-style: none; margin: 0 0 0 20px; padding: 0; } #siteTextBase li{ color: #585541; font-size: 12px; line-height: 1.5; letter-spacing: 0.15em; margin: 0; padding: 0 0 30px 10px; background: url("../images/arrow01.gif") left top no-repeat;} #siteTextBase li a{ padding: 0 5px 0 8px;}