@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;   
}

.cap {
   text-transform: capitalize;   
}

.colorchange {
   color: #d9e021;
}

.colorchange2 {
   color: #fbb03b;
   padding-right: 5px;
}

.colorchange3 {
   color: #29abe2;
   padding-right: 5px;
}


/*------------------
 __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-act a {
   background-image: url(../images/navi/nav-repair-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

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

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

#nav-repair-act 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 a {
   background-image: url(../images/navi/nav-life-roll.gif);
   display: block;
   width: 140px;
   height: 25px;
}

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

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

#nav-life 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-repair img {
   display: block;
   width: 615px;
   height: 25px;
   margin-bottom: 10px;
}


/*------------------
 __intro
------------------*/
#intro {
   width: 600px;
   margin-left: 15px;
}

.title {
   font-size: 1.7em;
    _font-size: 170%; 
   font-weight: bold;
   margin-bottom: 15px;
   font-family: "MS P明朝","MS 明朝","Hiragino Mincho Pro-W3","ヒラギノ明朝 Pro W3",serif;
}

.rightpad {
   padding-left:25px;
}

#intro p {
   font-size: 1.2em;
    _font-size: 120%; 
}

#to-form img {
   display: block;
   width: 175px;
   height: 28px;
   margin-left: 20px;
   margin-top: 10px;
}

#to-form2 img {
   display: block;
   width: 175px;
   height: 28px;
   margin-left: 20px;
   margin-top: 10px;
}

#to-form3 img {
   display: block;
   width: 175px;
   height: 28px;
   margin-left: 20px;
   margin-top: 10px;
}

#to-form4 img {
   display: block;
   width: 175px;
   height: 28px;
   margin-left: 20px;
   margin-top: 10px;
}


/*------------------
 __repair
------------------*/
#repair {
   width: 585px;
   margin-left: 15px;
}

#condi-title img {
   display: block;
   width: 400px;
   height: 40px;
   margin-top: 15px;
}

#sole-title img {
   display: block;
   width: 400px;
   height: 40px;
   margin-top: 15px;
}

#repair p {
   font-size: 1.1em;
    _font-size: 110%;
}


/*------------------
 __repaircont
------------------*/
#repaircont {
   width: 570px;
   margin-top: 20px;
   margin-left: 15px;
}

h5 {
   font-size: 1.3em;
    _font-size: 130%;
   font-weight: bold;
   margin-top: 20px;
}

.chippewalink {
   margin-left: 15px;
   font-size: 1em;
    _font-size: 100%; 
}

.chippewalink img {
   vertical-align: text-center;
}

.before {
   font-size: 1em;
    _font-size: 100%; 
}


/*------------------
 __gallery
------------------*/
#gallery {
   margin-top: 2px;
}

#gallery ul li {
   display: inline;
   padding-right: 10px;
}


/*------------------
 __condimenu
------------------*/
#condimenu {
   margin: 15px 0 15px 30px;
}

#condimenu table {
   width: 450px;
   font-size: 1.5em;
    _font-size: 150%;
   font-weight: bold;
   color: #fbb03b;
}

#condimenu table tr th {
   width: 200px;
   text-align: left;
}

#condimenu table tr td {
   width: 250px;
   text-align: left;
}


/*------------------
 __solecont
------------------*/
#solecont {
   width: 555px;
   margin-top: 10px;
   margin-left: 15px;
}

#solecont p {
   font-size: 1.1em;
    _font-size: 110%;
}

.beforetable {
   margin-top: 15px;
}

#solecont table {
   width: 400px;
   font-size: 1.1em;
    _font-size: 110%;
   margin-top: 5px;
   margin-bottom: 15px;
   border-collapse: collapse;
}

#solecont table th {
   width: 240px;
   text-align: left;
   font-weigt: normal;
   border: solid 1px #fcfcfc;
   padding: 2.5px 5px 2.5px;
}

#solecont table td {
   width: 140px;
   text-align: left;
   font-weigt: bold;
   border: solid 1px #fcfcfc;
   padding: 2.5px 5px 2.5px;
}

#vibram img {
   display: block;
   width: 555px;
   height: 550px;
   margin-top: 15px;
}


/*------------------
 __condileft
------------------*/
#condileft {
   float: left;
   width: 375px;
}

#condileft p {
   font-size: 1.1em;
    _font-size: 110%;
}


/*------------------
 __condiright
------------------*/
#condiright {
   float: right;
   width: 180px;
}

#jk02 img {
   display: block;
   width: 180px;
   height: 250px;
}

/*------------------
 __afterfloat
------------------*/
.afterfloat {
   clear: both;
   padding-top: 5px;
}


/*------------------
 __examples
------------------*/
.examples {
   display: block;
   width: 340px;
   height: 15px;
   background: #fcfcfc;
   color: #000000;
   font-size: 1.1em;
    _font-size: 100%;
   font-weight: bold;
   padding-left: 10px;
   margin-top: 20px;
}


.examples2 {
   display: block;
   width: 560px;
   height: 15px;
   background: #fcfcfc;
   color: #000000;
   font-size: 1.1em;
    _font-size: 100%;
   font-weight: bold;
   padding-left: 10px;
   margin-top: 20px;
   margin-bottom: 10px;
}


/*------------------
 __exleft
------------------*/
#exleft {
   float: left;
   width: 350px;
}

#red2268 {
   display: block;
   width: 350px;
   height: 270px;
}


/*------------------
 __exright
------------------*/
#exright {
   float: right;
   width: 205px;
   margin-top: 25px;
}

#exright p {
   display: block;
   font-size: 1.05em;
    _font-size: 105%;
}


/*------------------
 __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;
}

.lines {
   margin-left:15px;
}


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