@charset "utf-8";
/* CSS Document */

body { font-family: ＭＳ Ｐゴシック, MS P Gothic,MS-PGothic, Arial, Helvetica, sans-serif; }

/* --- top --- */
.top_right {float: right; width: 600px; _width: 550px; background: url(../../images/jp/contactus.gif) 0 8px no-repeat; _background: url(../../images/jp/contactus.gif) 0 6px no-repeat;}

/* --- utilityNavi --- */
li.links { float: left; width: 70px; height: 16px; margin-left: 20px; _margin-left: 5px; background: url(../../images/jp/utilityNavi.gif) -58px 0px no-repeat; }
li.links a { float: left; width: 70px; height: 16px; }

li.contactus { float: left; width: 60px; height: 18px; margin-left: 20px; _margin-left: 5px; background: url(../../images/jp/utilityNavi.gif) -138px 0px no-repeat; }
li.contactus a { float: left; width: 60px; height: 16px; }

li.sitemap { float: left; width: 75px; height: 16px; margin-left: 20px; _margin-left: 5px; }
li.sitemap a { float: left; width: 75px; height: 16px; background: url(../../images/jp/utilityNavi.gif) -207px 0px no-repeat;  }

li.links a:hover, li.links a.selected {background: url(../../images/jp/utilityNavi.gif) -58px -20px no-repeat; }
li.contactus a:hover, li.contactus a.selected {background: url(../../images/jp/utilityNavi.gif) -138px -20px no-repeat; }
li.sitemap a:hover, li.sitemap a.selected {background: url(../../images/jp/utilityNavi.gif) -207px -20px no-repeat; }

li.membership { float: left; width: 105px; height: 70px; margin-left: 65px; _margin-left: 23px; background: url(../../images/jp/langNavi.gif) -40px 0 no-repeat; }
li.membership a:hover, li.membership a.selected {background: url(../../images/jp/langNavi.gif) -40px -70px no-repeat; }

/* --- mainnavi --- */
li.index, li.index a { width: 135px; height: 30px; float: left; background:url(../../images/jp/navi.gif) 0 0 no-repeat;}
li.aboutus, li.aboutus a { width: 130px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -135px 0 no-repeat;}
li.service, li.service a { width: 250px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -263px 0 no-repeat;}
li.shop, li.shop a{ width: 120px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -515px 0 no-repeat;}
li.price, li.price a { width: 115px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -635px 0 no-repeat;}
li.factory, li.factory a { width: 195px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -750px 0 no-repeat;}

li.index a:hover, li.index a.selected { width: 135px; height: 30px; float: left; background:url(../../images/jp/navi.gif) 0 -30px no-repeat;}
li.aboutus a:hover, li.aboutus a.selected { width: 130px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -135px -30px no-repeat;}
li.service a:hover, li.service a.selected { width: 250px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -263px -30px no-repeat;}
li.shop a:hover, li.shop a.selected { width: 120px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -515px -30px no-repeat;}
li.price a:hover, li.price a.selected { width: 115px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -635px -30px no-repeat;}
li.factory a:hover, li.factory a.selected { width: 195px; height: 30px; float: left; background:url(../../images/jp/navi.gif) -750px -30px no-repeat;}

/* --- topService --- */
.topService { float: left; width: 960px; background: url(../../images/jp/topservice.gif) no-repeat; margin-bottom: 25px; *margin-bottom: 20px; }
.topService-s { float: left; width: 960px; background: url(../../images/jp/topservice_s.gif) no-repeat; margin-bottom: 25px; *margin-bottom: 20px; }

/* --- topNews --- */
.topNews { float: left; width: 700px; background: url(../../images/jp/topnews.gif) no-repeat; margin-bottom: 150px; }