@charset "utf-8";

/*------------------
 __デフォルトクリア
------------------*/

* {
   margin: 0;
   padding:0;
}


body {
   font-family: "メイリオ",Meiryo,"MS Pゴシック","MS ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
   font-size: 62.5%;
   /*16px*62.5%=10px*/

   background: #000000 url(../images/bg-gra.gif) repeat-x top left;
   color: #fcfcfc;
   line-height: 1.5;
}


li {
   list-style-type: none;
}


img {
   border: none;
}


table {
   border: 0;
}


a {
   color: #8cc63f;
   text-decoration: none;
}


a:hover {
   color: #cc9a57;
}


.upper {
   text-transform: uppercase;   
}


/*------------------
 __container
------------------*/
#container {
   width: 840px;
   margin: 0 auto 0;
}


/*------------------
 __header
------------------*/
#header {
   width: 840px;
}

h1 {
   text-transform: uppercase;
   float: left;
}

#ss-toprogo a {
   display: block;
   width: 340px;
   height: 115px;
}

#ss-toprogo a img {
   display: block;
   width: 340px;
   height: 115px;
}

#headerright {
   float: left;
   display: inline;
}


#info2 {
   display: block;
   width: 440px;
   height: 115px;
}


/*------------------
 __navi1
------------------*/
#navi1 {
   clear: both;
   padding-top: 20px;
}

*html #navi1 {
   clear: both;
}

#navi1 ul li {
   float: left;
}


/*------------------
 __nav-top
------------------*/
#nav-top a {
   background-image: url(../images/navi/nav-top-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-top a:hover {
   background-color: #000000;
}

#nav-top a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-top a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-colum
------------------*/
#nav-colum a {
   background-image: url(../images/navi/nav-colum-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-colum a:hover {
   background-color: #000000;
}

#nav-colum a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-colum a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-speed
------------------*/
#nav-speed a {
   background-image: url(../images/navi/nav-speed-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-speed a:hover {
   background-color: #000000;
}

#nav-speed a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-speed a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-moto
------------------*/
#nav-moto a {
   background-image: url(../images/navi/nav-moto-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-moto a:hover {
   background-color: #000000;
}

#nav-moto a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-moto a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-repair
------------------*/
#nav-repair a {
   background-image: url(../images/navi/nav-repair-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-repair a:hover {
   background-color: #000000;
}

#nav-repair a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-repair a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-brand
------------------*/
#nav-brand a {
   background-image: url(../images/navi/nav-brand-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-brand a:hover {
   background-color: #000000;
}

#nav-brand a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-brand a:hover img {
   visibility: hidden;
}


/*------------------
 __navi2
------------------*/
#navi2 {
   clear: both;
}

#navi2 ul li {
   float: left;
}


/*------------------
 __nav-life
------------------*/
#nav-life-act a {
   background-image: url(../images/navi/nav-life-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-life-act a:hover {
   background-color: #000000;
}

#nav-life-act a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-life-act a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-store
------------------*/
#nav-store a {
   background-image: url(../images/navi/nav-store-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-store a:hover {
   background-color: #000000;
}

#nav-store a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-store a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-access
------------------*/
#nav-access a {
   background-image: url(../images/navi/nav-access-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-access a:hover {
   background-color: #000000;
}

#nav-access a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-access a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-conta
------------------*/
#nav-conta a {
   background-image: url(../images/navi/nav-conta-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-conta a:hover {
   background-color: #000000;
}

#nav-conta a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-conta a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-rock
------------------*/
#nav-rock a {
   background-image: url(../images/navi/nav-rock-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-rock a:hover {
   background-color: #000000;
}

#nav-rock a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-rock a:hover img {
   visibility: hidden;
}


/*------------------
 __nav-link
------------------*/
#nav-link a {
   background-image: url(../images/navi/nav-link-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

#nav-link a:hover {
   background-color: #000000;
}

#nav-link a img {
   display: block;
   width: 140px;
   height: 25px;
}

#nav-link a:hover img {
   visibility: hidden;
}


/*------------------
 __contents
------------------*/
#contents {
   clear: both;
   width: 840px;
   padding-top: 30px;
}



*html contents {
   clear: both;
   width: 840px;
}


/*------------------
 __left
------------------*/
#left {
   float: left;
   width: 210px;
}

#left ul li {
   margin-bottom: 5px;
}

#left ul li img {
   vertical-align: bottom;
}


/*------------------
 __bann-life
------------------*/
#bann-life a {
   background-image: url(../images/bann-life-roll.jpg);
   display: block;
   width: 210px;
   height: 70px;
}

#bann-life a:hover {
   background-color: #000000;
}

#bann-life a img {
   display: block;
   width: 210px;
   height: 70px;
}

#bann-life a:hover img {
   visibility: hidden;
}


/*------------------
 __bann-no
------------------*/
#bann-no a {
   background-image: url(../images/bann-no-roll.jpg);
   display: block;
   width: 210px;
   height: 70px;
}

#bann-no a:hover {
   background-color: #000000;
}

#bann-no a img {
   display: block;
   width: 210px;
   height: 70px;
}

#bann-no a:hover img {
   visibility: hidden;
}


/*------------------
 __bann-classic
------------------*/
#bann-classic a {
   background-image: url(../images/bann-classic-roll.gif);
   display: block;
   width: 210px;
   height: 85px;
}

#bann-classic a:hover {
   background-color: #000000;
}

#bann-classic a img {
   display: block;
   width: 210px;
   height: 85px;
}

#bann-classic a:hover img {
   visibility: hidden;
}


/*------------------
 __bann-store
------------------*/
#bann-store a {
   background-image: url(../images/bann-store-roll.jpg);
   display: block;
   width: 210px;
   height: 65px;
}

#bann-store a:hover {
   background-color: #000000;
}

#bann-store a img {
   display: block;
   width: 210px;
   height: 65px;
}

#bann-store a:hover img {
   visibility: hidden;
}


/*------------------
 __bann-letit
------------------*/
#bann-letit a {
   background-image: url(../images/bann-letit-roll.jpg);
   display: block;
   width: 210px;
   height: 60px;
}

#bann-letit a:hover {
   background-color: #000000;
}

#bann-letit a img {
   display: block;
   width: 210px;
   height: 60px;
}

#bann-letit a:hover img {
   visibility: hidden;
}


/*------------------
 __bann-tora
------------------*/
#bann-tora a {
   background-image: url(../images/bann-tora-roll.gif);
   display: block;
   width: 210px;
   height: 50px;
}

#bann-tora a:hover {
   background-color: #000000;
}

#bann-tora a img {
   display: block;
   width: 210px;
   height: 50px;
}

#bann-tora a:hover img {
   visibility: hidden;
}


/*------------------
 __bann-bird
------------------*/
#bann-bird a {
   background-image: url(../images/bann-bird-roll.gif);
   display: block;
   width: 210px;
   height: 70px;
}

#bann-bird a:hover {
   background-color: #000000;
}

#bann-bird a img {
   display: block;
   width: 210px;
   height: 70px;
}

#bann-bird a:hover img {
   visibility: hidden;
}

/*------------------
 __main
------------------*/
#main {
   float: left;
   width: 615px;
   background-color: #000000;
   margin-left: 15px;
   display: inline;
}

#title-life img {
   display: block;
   width: 615px;
   height: 25px;
   margin-bottom: 10px;
}


/*------------------
 __brandname
------------------*/
#brandname {
   width: 600px;
   margin-left: 15px;
}

#brandname p {
   font-size: 1.3em;
    _font-size: 130%; 
}


/*------------------
 __reterntop
------------------*/
.reterntop {
   clear: both;
   text-align: right;
   font-size: 1em;
    _font-size: 100%;
   margin-top: 15px;
   margin-right: 15px;
}

.reterntop img {
   vertical-align: text-bottom;
}


/*------------------
 __footer
------------------*/
#footer {
   clear: both;
   font-size: 1.1em;
   text-align: center;
   padding-top: 15px;
}