@charset "utf-8";

body,
body * {
   margin: 0; padding: 0;
   }
   
html,body {
   scrollbar-arrow-color: #C0C;
   scrollbar-base-color:#000000;
   scrollbar-darkshadow-color:#000000;
   scrollbar-highlight-color:#800080;
   scrollbar-shadow-color:#800080;
   scrollbar-track-color:#000000;
	}
html { overflow-x:auto; }
  
   
body {
   height: 100%;
   background-color: black;
   font-family:"ＭＳ ゴシック", Osaka, sans-serif;
   font-size: 13px;
   color: white;
   line-height: 1.3;
   text-align: center;
   margin:0 auto ; padding: 0;
   }
	 
h1 {font-size: 17px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}

 
h1,h2,h3,h4,h5,p, ul, li, dl, dt, dd { margin: 0; padding:0; border:0;}  




/* ---------------------------------------≪コンテンツ部　設定≫----------------------------*/

#cb { 
    width: 100%;

  /* min-width: 770px;
	max-width: 1260px;
	width: expression(document.body.clientWidth < 771? "770px":
	document.body.clientWidth > 961? "960px" : "100%"); */
	position: relative;
	text-align: center;
	}
	
#content {
    position:absolute;
    left:0px;
	top: 1350px;
    width: 100%;
	text-align: center;
	margin: 0 auto;
	background-color:#000000;
	}

	
	
#leader {
    position: relative;
	margin: 0;
	width: 100%;
    height: 206px;
	}

#main {
   margin: 0 235px;
   background-color: #000000;
   text-align: center;
   width:610px;
   }	

#main h2 {
    margin: 5px auto 3px auto;
    }	

#title-fla {
    text-align:center;
    width: 500px; height: 100px;
	margin: 20px auto 0 auto;
	}

#topic marquee {
   width: 400px;
   color: #ff3;
   text-align: center;
   margin: 0 auto;
      }
	  
#line-fla {
    text-align: center;
	  } 

#navi {
   clear: left;
   width: 500px;
   height: 75px;
   background-color: #000000;
   margin: 0 auto;
   }
#navi ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: 0;
   }
#navi li {
   margin: 0;
   padding: 0;
   display: block;
   float: left;
   }  
 
   
#left {
   position: absolute;
   left: 10px;
   top: 15px;
   width: 230px;
   height: 174px;
   background-color: #000000;
   }	
#makerlogo {
   position: absolute;
   left: 5px;
   top: 3px;
   }	
#makerlogo img {
   border: none;
   }	
	
#right {
    position: absolute;
	right: 30px;
	top: 15px;
	width: 230px;
	background-color: #000000;
	height: 174px;
	}
#garagelogo {
   position: absolute;
   right: 0px;
   top: 3px;
   }	
#bt {
   position: absolute;
   right: 0px;
   top: 86px;
   }
	
#goods {
    clear: left;
    position: relative;
	margin: 15px 0 40px 0 ;
	width: 100%;
    height: 100%;
	}	
	
#maincol {
   margin: 0 105px;
   text-align: center;
   background-color: #000000;
   height: 820px;
   }	
#maincol iframe {
   text-align: center;
   }   
   
   
   
   
   
#globalnavigation {
   width: 100px;
   height: 827px;
   position: absolute;
   left: 0;
   top: 0;   
   background-color:black;
   }	
#globalnavigation ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }
#globalnavigation li {
   margin: 0;
   padding: 0;
   }   
   
   
        	
#brandnavi {
    position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	background-color: #000000;
	height: 1215px;
	}	
	
#brandnavi ul {
    list-style: none;
	margin: 0;
	padding: 0;
	}	
#brandnavi li {
   margin: 0;
   padding: 0;
   }	


#wrapper {
   width:100%;
   height: 100px;
   text-align: center;  
   margin: 20px 0 0 0;
   padding:0;
   }

#brands3 {
  margin: 0 auto;
  padding: 0;
  width: 332px;
  height: 50px;
  }

#brands3 ul{
   list-style: none;
   margin: 0;
   padding: 0;
   }
#brands3 li {
   margin: 0;
   padding: 0;
   display: block;
   float: left;
   }
 



/* ----------------≪ブランド紹介≫------------------------------*/

#brand {
   width: 610px;
   margin: 0 auto 50px auto ;
   padding: 10px;
   text-align: left;
   background-color: #000000;
   }	
	

#brand h2 {
   margin: 14px 0;
   text-align: center ;
   }
#brand p {
   size: 12px;
   margin: 9px 0;
   line-height: 1.3;
   }
 
p.cs {
   text-align: center;
   }
   
   
/* ---------------------------------------≪コンテンツ部　設定  終了≫----------------------------*/
	
#siteinfo {
   width: 99%;
   height: 50px;
   text-align: center;
   background-color:#000000;
   margin-top: 30px;
   }	
#footer {
    width: 50%;
	margin: 15px auto ;
	background-color:#000000;	
	}
#footer p {
    display: inline;
	padding-right: 50px;
		}	
	
#footer a:link {color: #0000FF;}
#footer a:visited{color: #0000FF;}
#footer a:hover{color: #FFFF00;}
#footer a:active{color: #FFFF00;}	
		
		
#address address{
   font-style: normal;
   background-color: #999999;
   color: white;
   text-align: center;
   margin: 30px 0 0 0;
   padding: 2px 0;
   }


#lowernavi {
   margin-top: 50px;
   margin-bottom: 20px;
   background-color:#000000;
   text-align:center;	
   line-height: 1.8	
   }
#lowernavi ul{
   list-style: none;
   margin: 0;
   padding: 0;
   }
#lowernavi li {
   margin: 0;
   padding: 0 8px 0 0;
   display: inline; 
   font-size:11px;
   }   	
	
#lowernavi a:link {color: #0000FF;}
#lowernavi a:visited{color: #0000FF;}
#lowernavi a:hover{color: #FFFF00;}
#lowernavi a:active{color: #FFFF00;}
	
#copyright {
   font-family:"Times New Roman", Times, serif;
   font-size: 12px;
   }


/*   お問合せ
----------------------------------------/*

/*666*/

#inq666 {
   position: absolute;
   top: 96px;
   left: 5px;
   }
#inq666 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#inq666 il {
   margin:0;
   padding:0;
   }   
#inq666 li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#nav666 a { background-position: 0 0; }
#nav666 a:hover { background-position: -130px 0; }


/*aloha*/

#aloha {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#aloha ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#aloha il {
   margin:0;
   padding:0;
   }   
#aloha li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navaloha a { background-position: 0 0; }
#navaloha a:hover { background-position: -130px 0; }    
   
   
/*bam*/

#bam {
   position: absolute;
   top: 51px;
   left: 5px;
   }
#bam ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#bam il {
   margin:0;
   padding:0;
   }   
#bam li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navbam a { background-position: 0 0; }
#navbam a:hover { background-position: -130px 0; }    
      
/*bow*/

#bow {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#bow ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#bow il {
   margin:0;
   padding:0;
   }   
#bow li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navbow a { background-position: 0 0; }
#navbow a:hover { background-position: -130px 0; }      

/*cream*/

#cream {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#cream ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#cream il {
   margin:0;
   padding:0;
   }   
#cream li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navcream a { background-position: 0 0; }
#navcream a:hover { background-position: -130px 0; }   

/*crowd*/

#crowd {
   position: absolute;
   top: 150px;
   left: 5px;
   }
#crowd ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#crowd il {
   margin:0;
   padding:0;
   }   
#crowd li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navcrowd a { background-position: 0 0; }
#navcrowd a:hover { background-position: -130px 0; }        

/*dryb*/

#dryb {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#dryb ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#dryb il {
   margin:0;
   padding:0;
   }   
#dryb li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navdry a { background-position: 0 0; }
#navdry a:hover { background-position: -130px 0; }        

/*geo*/

#geo {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#geo ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#geo il {
   margin:0;
   padding:0;
   }   
#geo li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navgeo a { background-position: 0 0; }
#navgeo a:hover { background-position: -130px 0; }        

/*goodr*/

#goodr {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#goodr ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#goodr il {
   margin:0;
   padding:0;
   }   
#goodr li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navgood a { background-position: 0 0; }
#navgood a:hover { background-position: -130px 0; }  

/*hanata*/

#hanata {
   position: absolute;
   top: 89px;
   left: 5px;
   }
#hanata ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#hanata il {
   margin:0;
   padding:0;
   }   
#hanata li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navhana a { background-position: 0 0; }
#navhana a:hover { background-position: -130px 0; }    

/*hellca*/

#hellca {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#hellca ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#hellca il {
   margin:0;
   padding:0;
   }   
#hellca li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navhell a { background-position: 0 0; }
#navhell a:hover { background-position: -130px 0; }    

/*kid*/

#kid  {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#kid  ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#kid  il {
   margin:0;
   padding:0;
   }   
#kid  li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navkids a { background-position: 0 0; }
#navkids a:hover { background-position: -130px 0; }       

/*lady*/

#lady {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#lady ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#lady il {
   margin:0;
   padding:0;
   }   
#lady li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navlady a { background-position: 0 0; }
#navlady a:hover { background-position: -130px 0; }  

/*luck*/

#luck {
   position: absolute;
   top: 80px;
   left: 5px;
   }
#luck ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#luck il {
   margin:0;
   padding:0;
   }   
#luck li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navluck a { background-position: 0 0; }
#navluck a:hover { background-position: -130px 0; }  

/*mira*/

#mira {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#mira ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#mira il {
   margin:0;
   padding:0;
   }   
#mira li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navmira a { background-position: 0 0; }
#navmira a:hover { background-position: -130px 0; }  
 
 
/*savo*/

#savo {
   position: absolute;
   top: 104px;
   left: 5px;
   }
#savo ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#savo il {
   margin:0;
   padding:0;
   }   
#savo li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navsavo a { background-position: 0 0; }
#navsavo a:hover { background-position: -130px 0; }  

/*suka*/

#suka {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#suka ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#suka il {
   margin:0;
   padding:0;
   }   
#suka li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navsuka a { background-position: 0 0; }
#navsuka a:hover { background-position: -130px 0; }  
  
/*swe*/

#swe {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#swe ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#swe il {
   margin:0;
   padding:0;
   }   
#swe li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navswe a { background-position: 0 0; }
#navswe a:hover { background-position: -130px 0; }  

/*king*/

#king {
   position: absolute;
   top: 110px;
   left: 5px;
   }
#king ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 130px;
   height: 35px;
   }   
#king il {
   margin:0;
   padding:0;
   }   
#king li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 35px;
   background-image: url(../img/contact/btn_inner.gif);
   background-repeat: no-repeat;
   }   
#navking a { background-position: 0 0; }
#navking a:hover { background-position: -130px 0; }