@charset "UTF-8";

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

*{
   margin: 0;
   padding: 0;
   color: #001C37;
   font-size: 100%;
   font-weight: normal;
   text-decoration: none;
   font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka";
   background-color: transparent;
}

html,body,div {
   margin: 0;
   padding: 0;
   text-align: left;
   font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka";

}

img {
   border: 0px;
}


ul,li {
   margin: 0;
   padding: 0;
   list-style: none;
}

dl,dt,dd {
   margin: 0;
   padding: 0;
}

a {
   outline: none;
}

a:link {color: #001C37;text-decoration: none;}
a:visited {color: #001C37;text-decoration: none;}
a:hover {color: #FF9900;text-decoration: none;}

/* -------- Basic Layout CSS ---------*/
body {
   text-align: left;
   background: url("../img/body_bg.jpg") no-repeat left top;
}

#wrap {
   width: 960px; 
   padding: 0; 
   text-align: left;
   background: #ffffff;
}

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


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

#main {
   width: 710px; 
   padding: 0; 
   margin: 0; 
   float: right;
}


#lnavi {
   width: 250px; 
   margin: 0; 
   padding: 0; 
   float: left;
}

#content {
   width: 960px;
   clear: both;
}

#news {
   width: 515px;
   margin: 0; 
   padding: 0; 
   float: left;
}

#footer {
   width: 960px; 
   margin: 0; 
   padding: 0; 
   clear: both; 
}

/* -------- header CSS ---------*/

#header h1 {
   width: 150px; 
   height: 78px;
   margin :0;
   padding: 0;
}

#gnavi {
   width: 810px; 
   height: 35px;
   margin: 0 0 0 150px;
   padding: 0;
   position: absolute;
   top: 35px;
}

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

#gnavi li a {
   height: 35px;
   display: block;
   text-indent: -9999px;
}

#gnavi li.top a {width: 95px; height: 35px; background: url("../img/navi_top_o.jpg");}
#gnavi li.top a:hover {width: 95px; height: 35px; background: url("../img/navi_top.jpg");}

#gnavi li.about a {width: 95px; height: 35px; background: url("../img/navi_about_o.jpg");}
#gnavi li.about a:hover {width: 95px; height: 35px; background: url("../img/navi_about.jpg");}

#gnavi li.concept a {width: 95px; height: 35px; background: url("../img/navi_concept_o.jpg");}
#gnavi li.concept a:hover {width: 95px; height: 35px; background: url("../img/navi_concept.jpg");}

#gnavi li.company a {width: 95px; height: 35px; background: url("../img/navi_company_o.jpg");}
#gnavi li.company a:hover {width: 95px; height: 35px; background: url("../img/navi_company.jpg");}

#gnavi li.shop a {width: 95px; height: 35px; background: url("../img/navi_shop_o.jpg");}
#gnavi li.shop a:hover {width: 95px; height: 35px; background: url("../img/navi_shop.jpg");}

#gnavi li.agency a {width: 95px; height: 35px; background: url("../img/navi_agency_o.jpg");}
#gnavi li.agency a:hover {width: 95px; height: 35px; background: url("../img/navi_agency.jpg");}

#gnavi li.guarantee a {width: 95px; height: 35px; background: url("../img/navi_guarantee_o.jpg");}
#gnavi li.guarantee a:hover {width: 95px; height: 35px; background: url("../img/navi_guarantee.jpg");}

#gnavi li.select a {width: 95px; height: 35px; background: url("../img/navi_select_o.jpg");}
#gnavi li.select a:hover {width: 95px; height: 35px; background: url("../img/navi_select.jpg");}


#property {
   width: 810px; 
   height: 30px;
   position: absolute;
   top: 0;
   left: 150px;
}

#property li {
   margin-right: 1px;
   padding: 0;
   float: right;
}

#property li a {
   height: 30px;
   display: block;
   text-indent: -9999px;
}


#property li.sitemap a {width: 90px; height: 30px; background: url("../img/navi_sitemap.jpg");}
#property li.sitemap a:hover {width: 90px; height: 30px; background: url("../img/navi_sitemap_o.jpg");}

#property li.faq a {width: 90px; height: 30px; background: url("../img/navi_faq.jpg");}
#property li.faq a:hover {width: 90px; height: 30px; background: url("../img/navi_faq_o.jpg");}

#property li.contact a {width: 90px; height: 30px; background: url("../img/navi_contact.jpg");}
#property li.contact a:hover {width: 90px; height: 30px; background: url("../img/navi_contact_o.jpg");}


/* -------- container CSS ---------*/

#main {
   width: 710px;
   height: 580px
   float: right;
   margin: 0;
   padding: 0;
}

#main p,h2,h3 {
   text-indent: -9999px;
   margin: 0;
   padding: 0;
}

#main p a {
   display: block; 
   position: relative; 
   top: 244px; 
   left: 68px; 
   width: 186px; 
   height: 100px; 
}
   

#lnavi {
   width: 250px;
   height: 580px
   float: left;
   margin-top: 37px;
}

#lnavi .btn_item a {
   width: 71px;
   height: 12px;
   background: url("../img/btn_item.jpg") no-repeat;
   display: block;
   text-indent: -9999px;
   margin: 0 0 7px 123px;
   padding: 0;
}

#lnavi .buggy {
   width: 155px;
   height: 18px;
   background: url("../img/tit_buggy.jpg") no-repeat;
   text-indent: -9999px;
   margin: 0 0 11px 39px;
   padding: 0;
}

#lnavi .acce {
   width: 155px;
   height: 18px;
   background: url("../img/tit_acce.jpg") no-repeat;
   text-indent: -9999px;
   margin: 20px 0 11px 39px;
   padding: 0;
}

#lnavi li {
   margin: 0;
   padding: 0;
}

#lnavi li a {
   height: 23px;
   margin: 0 0 9px 74px;
   display: block;
   text-indent: -9999px;
}

#lnavi li.btn_breeze a {width: 120px; height: 23px; background: url("../img/btn_breeze.jpg");}
#lnavi li.btn_breeze a:hover {width: 120px; height: 23px; background: url("../img/btn_breeze_o.jpg");}

#lnavi li.btn_swift a {width: 120px; height: 23px; background: url("../img/btn_swift.jpg");}
#lnavi li.btn_swift a:hover {width: 120px; height: 23px; background: url("../img/btn_swift_o.jpg");}

#lnavi li.btn_urban a {width: 120px; height: 23px; background: url("../img/btn_urban.jpg");}
#lnavi li.btn_urban a:hover {width: 120px; height: 23px; background: url("../img/btn_urban_o.jpg");}

#lnavi li.btn_other a {width: 120px; height: 23px; background: url("../img/btn_other.jpg");}
#lnavi li.btn_other a:hover {width: 120px; height: 23px; background: url("../img/btn_other_o.jpg");}

#lnavi li.btn_storm a {width: 120px; height: 23px; background: url("../img/btn_storm.jpg");}
#lnavi li.btn_storm a:hover {width: 120px; height: 23px; background: url("../img/btn_storm_o.jpg");}

#lnavi li.btn_sun a {width: 120px; height: 23px; background: url("../img/btn_sun.jpg");}
#lnavi li.btn_sun a:hover {width: 120px; height: 23px; background: url("../img/btn_sun_o.jpg");}

#lnavi li.btn_sleep a {width: 120px; height: 23px; background: url("../img/btn_sleep.jpg");}
#lnavi li.btn_sleep a:hover {width: 120px; height: 23px; background: url("../img/btn_sleep_o.jpg");}

#lnavi li.btn_travel a {width: 120px; height: 23px; background: url("../img/btn_travel.jpg");}
#lnavi li.btn_travel a:hover {width: 120px; height: 23px; background: url("../img/btn_travel_o.jpg");}

#lnavi li.btn_pomp a {width: 120px; height: 23px; background: url("../img/btn_pomp.jpg");}
#lnavi li.btn_pomp a:hover {width: 120px; height: 23px; background: url("../img/btn_pomp_o.jpg");}

#lnavi li.btn_seat a {width: 120px; height: 23px; background: url("../img/btn_seat.jpg");}
#lnavi li.btn_seat a:hover {width: 120px; height: 23px; background: url("../img/btn_seat_o.jpg");}

#lnavi li.btn_mother a {width: 120px; height: 23px; background: url("../img/btn_mother.jpg");}
#lnavi li.btn_mother a:hover {width: 120px; height: 23px; background: url("../img/btn_mother_o.jpg");}


#banner {
   width: 204px; 
   height: 66px;
   margin: 0 0 0 24px;
}


/* -------- container CSS ---------*/

#content {
   width: 515px; 
   clear: both;
   margin: 0 0 0 25px;
   padding-top: 40px;
}

#content h3 {
   width: 500px; 
   height: 10px;
   text-indent: -9999px;
   background: url("../img/tit_news.gif") no-repeat;
   margin: 0;
   padding: 2px 0;
   margin-bottom: 10px;
   height: 20px;
   border-bottom: 1px #CCCCCC dotted;
}



#content #news ul {
   margin-right: 25px;
}



#news li {
   width: 500px;
   padding: 2px 0;
   margin-bottom: 10px;
   height: 30px;
   font-size: 12px;
   clear: both;
   height: 25px;
   border-bottom: 1px #CCCCCC dotted;
}

#news li dt {
   width: 90px;
   float: left;
   margin:  0;
   padding: 0;
}

#news li dd {
   width: 400px;
   margin:  0 0 0 90px;
   padding: 0;
}

/* -------- banner_area CSS ---------*/

#banner_area {
   margin-top: 20px;
   padding: 0;
   clear: both;
}

#banner_area ul {
   margin-left: 576px;
   padding: 0;
}

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

#banner_area li.banner_newzealand  {
   margin-right: 3px;
   padding: 0;
   float: left;
}

#banner_area a {
   width: 190px;
   height: 40px;
}

/* -------- footer CSS ---------*/

#footer address {
   width: 265px;
   height: 30px;
   background: url("../img/copyright.gif") no-repeat;
   text-indent: -9999px;
   position: absolute;
   left: 695px;
}

/* -------- banner CSS ---------*/

#overwrapp {
   width: 1080px; 
   padding: 0; 
}

#scraper {
   width: 160px; 
   height: 290px; 
   position: absolute; 
   top: 101px; 
   left: 920px; 
}