@charset "UTF-8";

/* -------- Basic Layout CSS ---------*/

.clear {
   clear: both;
}

.pink {
   color: #FF6666;
}

#header {
   width: 960px; 
   height: 87px;
   background:  url("../img/bg_header02.jpg") no-repeat;
   margin: 0; 
   padding: 0; 
}

#itemnavi {
   width: 960px; 
   height: 30px;
   background:  url("../img/bg_itemnavi.jpg") no-repeat;
   margin: 0; 
   padding: 0; 
   position: absolute;
   top: 87px;
}

#itemnavi ul {
   margin: 0; 
   padding: 0; 
}

#itemnavi li {
   margin: 0; 
   padding: 0; 
   float: left;
}

#itemnavi li a {
   height: 30px;
   margin: 0; 
   padding: 0; 
   display: block;
   text-indent: -9999px;
}

#itemnavi li.tit_buggy02 {
   width: 196px; 
   height: 30px;
   background:  url("../img/tit_buggy02.jpg") no-repeat;
   margin: 0; 
   padding: 0; 
   text-indent: -9999px;
}

#itemnavi li.breeze a {
   width: 89px; 
   height: 30px; 
   background: url(../img/breeze.jpg) no-repeat;
   padding: 0; 
   margin: 0;
}

#itemnavi li.swift a {
   width: 89px; 
   height: 30px; 
   background: url(../img/swift.jpg) no-repeat;
   padding: 0; 
   margin: 0;
}

#itemnavi li.urban a {
   width: 89px; 
   height: 30px; 
   background: url(../img/urban.jpg) no-repeat;
   padding: 0; 
   margin: 0;
}

#itemnavi li.others a {
   width: 105px; 
   height: 30px; 
   background: url(../img/others.jpg) no-repeat;
   padding: 0; 
   margin: 0;
}

#itemnavi li.tit_acce02 {
   width: 165px; 
   height: 30px;
   background:  url("../img/tit_acce02.jpg") no-repeat;
   margin: 0; 
   padding: 0; 
   text-indent: -9999px;
}

#itemnavi li.acce a {
   width: 162px; 
   height: 30px; 
   background: url(../img/acce.jpg) no-repeat;
   padding: 0; 
   margin: 0;
}

#container img {
   margin: 0;
   padding: 0;
}

#container_inner p {
   margin: 0;
   padding: 0 50px 0 20px;
   font-size: 80%;
}

#container_o {
   width: 960px; 
   background: url(../img/bg_container.jpg) repeat-y;
   padding: 0; 
   margin: 0;
}

#container_inner {
   padding: 0 0 0 53px; 
   margin: 0;
}

#container_header {
   width: 960px;
   height: 43px;
   padding: 0; 
   margin-top: 30px;
   background: url(../img/container_header.jpg) no-repeat;
}

#container_footer {
   width: 960px;
   height: 25px;
   padding: 0; 
   margin-top: -20px;
   background: url(../img/container_footer.jpg) no-repeat;
}

/* -----------------
    about us CSS 
------------------*/

#container_inner h2.about {
   width: 313px;
   height: 51px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_aboutus.jpg) no-repeat;
   text-indent: -9999px;
}

.safty {
   width: 230px;
   height: 18px;
   padding: 0; 
   margin: 20px 0 10px 0;
   background: url(../img/tit_aboutus02.jpg) no-repeat;
   text-indent: -9999px;
}

#safty_mark dl {
   width: 794px;
   height: 224px;
   padding: 0; 
   margin: 20px 0 20px 20px ;
   background: url(../img/safty_mark.jpg) no-repeat;
   text-indent: -9999px;
}

.award {
   width: 263px;
   height: 18px;
   padding: 0; 
   margin: 20px 0 10px 0;
   background: url(../img/tit_aboutus03.jpg) no-repeat;
   text-indent: -9999px;
}


#award_mark ul {
   width: 794px;
   height: 224px;
   padding: 0; 
   margin: 20px 0 20px 20px ;
   background: url(../img/award_mark.jpg) no-repeat;
   text-indent: -9999px;
}

/* ---------------- 
    concept CSS 
-----------------*/

#container_inner h2.concept {
   width: 224px;
   height: 45px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_concept.jpg) no-repeat;
   text-indent: -9999px;
}

#concept_img {
   width: 940px;
   height: 440px;
   padding: 0; 
   margin: 0 0 20px -33px;
   background: url(../img/concept_img.jpg) no-repeat;
   text-indent: -9999px;
}

.tit_concept01 {
   width: 419px;
   height: 30px;
   padding: 0; 
   margin: 20px 0 10px 0;
   background: url(../img/tit_concept01.jpg) no-repeat;
   text-indent: -9999px;
}

.tit_concept02 {
   width: 419px;
   height: 30px;
   padding: 0; 
   margin: 20px 0 10px 0;
   background: url(../img/tit_concept02.jpg) no-repeat;
   text-indent: -9999px;
}

.tit_concept03 {
   width: 419px;
   height: 30px;
   padding: 0; 
   margin: 20px 0 10px 0;
   background: url(../img/tit_concept03.jpg) no-repeat;
   text-indent: -9999px;
}

.tit_concept04 {
   width: 419px;
   height: 30px;
   padding: 0; 
   margin: 20px 0 10px 0;
   background: url(../img/tit_concept04.jpg) no-repeat;
   text-indent: -9999px;
}

.tit_concept05 {
   width: 419px;
   height: 30px;
   padding: 0; 
   margin: 20px 0 10px 0;
   background: url(../img/tit_concept05.jpg) no-repeat;
   text-indent: -9999px;
}

.tit_concept06 {
   width: 419px;
   height: 30px;
   padding: 0; 
   margin: 20px 0 10px 0;
   background: url(../img/tit_concept06.jpg) no-repeat;
   text-indent: -9999px;
}

#award_mark02 {
   width: 940px;
   height: 406px;
   padding: 0; 
   margin: 0 0 20px -33px;
   background: url(../img/award_mark02.jpg) no-repeat;
   text-indent: -9999px;
}

/* ---------------- 
  select line CSS 
-----------------*/

#container_inner h2.selectline {
   text-indent: -9999px;
}

#container_s {
   width: 960px; 
   height: 1248px;
   background: url(../img/bg_container_s.jpg) no-repeat;
   padding: 0; 
   margin-top: 50px;
}

#breeze p {
   text-indent: -9999px;
}

.cl_breeze {
   width: 225px;
   height: 150px;
   display: block;
   margin: 40px 0 0 255px;
   overflow: hidden;
}

#swift p {
   text-indent: -9999px;
}

.cl_swift {
   width: 225px;
   height: 150px;
   display: block;
   margin: 90px 0 0 480px;
   display: block;
}

#urban p {
   text-indent: -9999px;
}

.cl_urban {
   width: 225px;
   height: 150px;
   display: block;
   margin: 90px 0 0 245px;
   display: block;
}

#acce p {
   text-indent: -9999px;
}

.cl_acce {
   width: 225px;
   height: 150px;
   display: block;
   margin: 100px 0 0 645px;
   display: block;
}


/* ---------------- 
   datail CSS 
-----------------*/

#container_inner h2.breeze_detail {
   width: 98px;
   height: 41px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_breeze.jpg) no-repeat;
   text-indent: -9999px;
}

#container_inner h2.swift_detail {
   width: 98px;
   height: 41px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_swift.jpg) no-repeat;
   text-indent: -9999px;
}

#container_inner h2.urban_detail {
   width: 98px;
   height: 41px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_urban.jpg) no-repeat;
   text-indent: -9999px;
}


#breeze_detail p {
   width: 840px;
   height: 150px;
   background: url(../img/img_breeze.jpg) no-repeat;
   text-indent: -9999px;
   margin-left: -20px;
}

#swift_detail p {
   width: 840px;
   height: 150px;
   background: url(../img/img_swift.jpg) no-repeat;
   text-indent: -9999px;
   margin-left: -20px;
}

#urban_detail p {
   width: 840px;
   height: 150px;
   background: url(../img/img_urban.jpg) no-repeat;
   text-indent: -9999px;
   margin-left: -20px;
}

.cl_breeze02 {
   width: 230px;
   height: 134px;
   display: block;
   margin: 0 0 0 580px;
   overflow: hidden;
}

.cl_swift02 {
   width: 230px;
   height: 134px;
   display: block;
   margin: 0 0 0 580px;
   overflow: hidden;
}

.cl_urban02 {
   width: 230px;
   height: 134px;
   display: block;
   margin: 0 0 0 580px;
   overflow: hidden;
}

.cl_breeze03 {
   width: 190px;
   height: 40px;
   display: block;
   margin: 0 0 0 580px;
   overflow: hidden;
}

.cl_swift03 {
   width: 190px;
   height: 40px;
   display: block;
   margin: 0 0 0 580px;
   overflow: hidden;
}

.cl_urban03 {
   width: 190px;
   height: 40px;
   display: block;
   margin: 0 0 0 580px;
   overflow: hidden;
}

#item_header {
   width: 940px;
   height: 26px;
   padding: 0; 
   margin: 0 0 0 -70px;
   background: url(../img/item_header.jpg) no-repeat;

}

#item_footer {
   width: 940px;
   height: 26px;
   padding: 0; 
   margin: 0 0 20px -70px;
   background: url(../img/item_footer.jpg) no-repeat;
}

.item_inner01 {
   margin: 20px 0;
}

.item_inner01 th {
   border: none;
   vertical-align: top;
}

.item_inner01 td {
   border: none;
}

#item_inner {
   width: 940px;
   background: url(../img/item_inner.jpg) repeat-y;
   padding-left: 90px; 
   margin: 0 0 0 -70px;
   font-size: 90%;
}

table.item_inner02  {
   width: 700px;
   margin: 0 0 10px 0;
   border: 1px solid #E1E1E1;
   border-collapse : collapse ;
}


.item_inner02 th {
   border-bottom: 1px solid #E1E1E1;
   border-right: 1px solid #E1E1E1;
   background: #999999;
   color: #FFFFFF;
   text-align: center;
}

.item_inner02 td {
   border-bottom: 1px solid #E1E1E1;
   padding: 0 0 0 15px;
}


/* ---------------- 
    company CSS 
-----------------*/

#container_inner h2.company {
   width: 131px;
   height: 45px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_company.jpg) no-repeat;
   text-indent: -9999px;
}

#cont_header {
   width: 940px;
   height: 20px;
   padding: 0; 
   margin: 0 0 0 -33px;
   background: url(../img/cont_header.jpg) no-repeat;
}

#cont_footer {
   width: 940px;
   height: 20px;
   padding: 0; 
   margin: 0 0 20px -33px;
   background: url(../img/cont_footer.jpg) no-repeat;
}

.cont {
   width: 940px;
   background: url(../img/bg_cont.jpg) repeat-y;
   padding: 0; 
   margin: 0 0 0 -33px;
}

.cont_inner {
   width: 850px;
   min-height: 100px;
   padding: 10px 40px 0 50px; 
   margin: 0;
   font-size: 80%;
}

#outline {
   float: left;
   padding: 0; 
   margin-right: 10px;
}

table#outline th,td {
   line-height: 1.5em;
   border-bottom: 1px #CDCDCD dotted;
}

table#outline th {
   padding: 5px 8px 5px 0;
}

table#outline td {
   padding: 5px 0 5px 0;
}

#map {
   float: right;
}

/* ---------------- 
   retailer CSS 
-----------------*/

.cont_inner02 {
   width: 830px;
   min-height: 100px;
   padding: 10px 40px 0 70px; 
   margin: 0;
   font-size: 80%;
}

#container_inner h2.retailer {
   width: 170px;
   height: 45px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_retailer.jpg) no-repeat;
   text-indent: -9999px;
}

#container_inner .tit_hokaido {
   width: 75px;
   height: 25px;
   padding: 0; 
   margin: 10px 0 30px 5px;
   background: url(../img/tit_hokaido.jpg) no-repeat;
   text-indent: -9999px;
}
#container_inner .tit_kanto {
   width: 75px;
   height: 25px;
   padding: 0; 
   margin: 30px 0 30px 5px;
   background: url(../img/tit_kanto.jpg) no-repeat;
   text-indent: -9999px;
}
#container_inner .tit_hokuriku {
   width: 75px;
   height: 25px;
   padding: 0; 
   margin: 30px 0 30px 5px;
   background: url(../img/tit_hokuriku.jpg) no-repeat;
   text-indent: -9999px;
}
#container_inner .tit_toukai {
   width: 75px;
   height: 25px;
   padding: 0; 
   margin: 30px 0 30px 5px;
   background: url(../img/tit_toukai.jpg) no-repeat;
   text-indent: -9999px;
}
#container_inner .tit_chugoku {
   width: 75px;
   height: 25px;
   padding: 0; 
   margin: 30px 0 30px 5px;
   background: url(../img/tit_chugoku.jpg) no-repeat;
   text-indent: -9999px;
}
#container_inner .tit_shikoku {
   width: 75px;
   height: 25px;
   padding: 0; 
   margin: 30px 0 30px 5px;
   background: url(../img/tit_shikoku.jpg) no-repeat;
   text-indent: -9999px;
}
#container_inner .tit_kinki {
   width: 75px;
   height: 25px;
   padding: 0; 
   margin: 30px 0 30px 5px;
   background: url(../img/tit_kinki.jpg) no-repeat;
   text-indent: -9999px;
}
#container_inner .tit_kyushu {
   width: 75px;
   height: 25px;
   padding: 0; 
   margin: 30px 0 30px 5px;
   background: url(../img/tit_kyushu.jpg) no-repeat;
   text-indent: -9999px;
}
.cont_inner02 dl {
   margin: 0 0 20px 20px;
}
#container_inner dt {
   padding: 0; 
   margin: 20px 0 0 0;
   font-weight: bold;
}

#container_inner dd {
   padding: 0; 
   margin: 3px 0 10px 0;
   font-size: 90%;
}
.pagetop {
   float: right;
   margin-right: 50px;
}

.pagetop a {
   width: 74px;
   height: 10px;
   background: url(../img/pagetop.gif) no-repeat;
}

/* ---------------- 
  agency CSS 
-----------------*/

.cont_inner04 {
   width: 830px;
   min-height: 100px;
   padding: 10px 40px 0 70px; 
   margin: 0;
   font-size: 80%;
}
#container_inner h2.agency {
   width: 142px;
   height: 45px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_agency.jpg) no-repeat;
   text-indent: -9999px;
}
#container_inner div.agency p {
   margin: 10px 0;
   padding: 0;
   font-size: 12px;
   line-height: 1.6em;
}
#container_inner div.agency ul.form {
   margin: 20px 0;
}
#container_inner div.agency ul.form li {
   margin: 10px 0;
   padding: 0 0 5px 0;
   border-bottom: 1px #ccc dotted;
}
#container_inner div.agency li dl {
   overflow: hidden;
}
#container_inner div.agency li dt {
   margin: 0;
   padding: 0;
   width: 300px;
   font-size: 12px;
   font-weight: normal;
   line-height: 2em;
   float: left;
}
#container_inner div.agency li dt span,
#container_inner div.agency p span {
   padding: 0 40px 0 0;
	   background: url("../img/must.gif") no-repeat right center;
}
#container_inner div.agency li dd {
   margin: 0 0 0 300px;
   padding: 0;
   font-size: 12px;
   line-height: 2em;
}
#container_inner div.agency li dd input,
#container_inner div.agency li dd select {
   padding: 3px;
   border: 1px #ccc solid;
}
#container_inner div.agency li dd.know label {
margin: 0 20px 0 0;
}
#container_inner div.agency li dd.know input {
   border: none;
}
#container_inner div.agency li dd textarea {
   width: 400px;
   height: 10em;
   border: 1px #ccc solid;
}
#container_inner div.agency li dd input.company,
#container_inner div.agency li dd input.companykana {
   width: 200px;
}
#container_inner div.agency li dd input.email {
   width: 300px;
}
#container_inner div.agency li dd input.zip1 {
   width: 30px;
}
#container_inner div.agency li dd input.zip2 {
   width: 40px;
}
#container_inner div.agency li dd input.ads1,
#container_inner div.agency li dd input.ads2,
#container_inner div.agency li dd input.bld {
   width: 400px;
}
#container_inner div.agency li dd input.items {
   width: 350px;
}
#container_inner div.agency div.info ul {
   margin: 0 0 20px 0;
}
#container_inner div.agency div.info li {
   margin: 10px;
   padding: 10px;
   font-size: 12px;
   background: #f2f2f2;
}
#container_inner div.agency div.submit {
   margin: 30px 0 0 0;
}
#container_inner div.agency div.submit input {
   width: 100px;
   height: 34px;
   font-size: 12px;
   cursor: pointer;
   border: none;
   background: url("../img/bg_btn.jpg") no-repeat center center;
}

/* ---------------- 
   guarantee CSS 
-----------------*/

#container_inner h2.guarantee {
   width: 142px;
   height: 45px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_guarantee.jpg) no-repeat;
   text-indent: -9999px;
}

#tit_guarantee02 {
   width: 880px;
   height: 65px;
   padding: 0; 
   margin: 0 0 20px 20px;
   text-indent: -9999px;
   background: url(../img/tit_guarantee02.jpg) no-repeat;

}

.cont_inner03 {
   width: 880px;
   height: 400px;
   padding: 10px 40px 0 20px; 
   margin: 0;
   background: url(../img/img_guarantee.jpg) no-repeat bottom;
}


#inquiry {
  text-indent: -9999px;
}

/* ---------------- 
      sitemap CSS 
-----------------*/

#container_inner h2.sitemap {
   width: 115px;
   height: 45px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_sitemap.jpg) no-repeat;
   text-indent: -9999px;
}


#table_sitemap {
   margin-bottom: 20px;
}

#table_sitemap th,td {
   line-height: 2em;
   border-bottom: 1px #CDCDCD dotted;
}

#table_sitemap th {
   padding: 5px 20px;
   text-align: left;
}

#table_sitemap td {
   width: 400px;
   padding: 5px 20px;
}

.green a:link {color: #84B21C;text-decoration: none;font-weight: bold;}
.green a:visited {color: #84B21C;text-decoration: none;font-weight: bold;}
.green a:hover {color: #FF9900;text-decoration: none;font-weight: bold;}

/* ---------------- 
      faq CSS 
-----------------*/

#container_inner h2.faq {
   width: 115px;
   height: 45px;
   padding: 0; 
   margin-bottom: 20px;
   background: url(../img/tit_faq.jpg) no-repeat;
   text-indent: -9999px;
}


#table_faq {
   margin-bottom: 20px;
}

#table_faq td {
   width: 780px;
   padding: 20px;
   line-height: 1.5em;
   border-bottom: 1px #CDCDCD dotted;
}

.green {
   color: #84B21C;
   font-weight: bold;
   font-size: 120%;
}

/* ---------------- 
      404 CSS 
-----------------*/

#construction  {
   width: 960px; 
   height: 300px;
   padding-top: 200px; 
   margin: 0;
}

#construction p {
   text-align: center;
   font-size: 100%;
}