@charset "UTF-8";
/* CSS Document */
html {
  height: 100%;
  font-size: 62.5%;
}
body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  height: 100%;
  background-color: #ffffff;
  color: #666666;
  text-align: left;
}
a {
  text-decoration: none;
 /* color: #000000;*/
}
a img {
  border: none;
}
a:hover {
  text-decoration: none;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
.alt {
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0;
}
p {
  margin: 0;
}
h1, h2, h3 {
  margin: 0;
  padding: 0;
}
h2 {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 3em;
}
h3 {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}
.pt30 {
  padding-top: 30px;
}
.pt60 {
  padding-top: 60px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb60 {
  padding-bottom: 60px;
}
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}

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


.bgblk {
  background-color: #000000;
  color: #ffffff;
}
.bgwht {
  background-color: #ffffff;
  color: #000000;
}
.bggr {
  background-color: #e9e9e9;
  color: #000000;
}
.bgbl {
  background-color: #019EE1;
  color: #000000;
}
.slider img {
  width: 100%;
}

.wrapper100 {width:100%;}
.wrapper768 { width:768px; margin: 0 auto; }
.wrapper1024 { width:1024px; margin: 0 auto;}
.wrapper100 img,.wrapper768 img,.wrapper1024 img { width:100%;}


.headerwrapper {background-color:#0a519c; height:64px; }
ul.menu { }
ul.menu li { display: inline-block;margin-right:30px; font:Helvetica Neue Bold; font-weight:bold; font-size:1.2em; line-height: 24px; vertical-align: middle;}
ul.menu li img { margin-top:6px; margin-left:0px; }
ul.menu li a { display:block; color:#ffffff;}
ul.menu li a:hover { color:#1796c9;}

#piaggiotop .title { font-size:2.2em; text-align:left; color:#11529b; font-weight:bold; margin-left:10px; padding-top: 20px; }

.brand_logo li { display: inline-block;width:23%; text-align:center; height:75px;}
.brand_logo li img { width:100%;}
.brand_ul li { display: inline-block; width:23%; text-align:center; font-size:1em;color:#11529b; font-weight:normal;vertical-align: top; }
.onlinestore li {display: inline-block;width:30%; text-align:center; height:75px;}


ul.brand_name {display:block;  position: absolute; top:30px;left: 300px;list-style: none; padding: 0; }
.brand_name li {display: inline-block; margin-left: 5px; }
.brand_name li:nth-child(odd) {width: 16px; text-align:center;}
.brand_name li:nth-child(even)  { font-size:1.2em;color:#11529b; font-weight:normal; margin-left: 5px; margin-top: 0px; margin-right: 15px;}

.accordion-container {
    position: relative;
    width: 100%;
   /* border: 1px solid #0079c1;*/
  /*  background-color: #eeeeee;*/
    border-top: none;
    outline: 0;
    cursor: pointer
}
.accordion-container .accordion-title {
    display: block;
    position: relative;
    margin: 0;
    padding: 0.625em 0.625em 0.625em 2em;
    font-size: 1.25em;
    font-weight: strong;
    color: #11529b;
    background: #cccccc;
    /*border-bottom: 1px solid #0079c1;*/
    cursor: pointer;
}
.accordion-container .accordion-title:hover, .accordion-container .accordion-title:active, .accordion-container .content-entry.open .accordion-title {
    /*background-color: #00aaa7;*/
    opacity: 0.8;
    /*color: #3e85d5;*/
    color: #11529b;
}
.accordion-container .accordion-title:hover i:before, .accordion-container .accordion-title:hover i:active, .accordion-container .content-entry.open i {
    color: #11529b;
}
.accordion-title {
    position: relative;
}
.accordion-title:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.accordion-title.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
}
.accordion-content {
    display: none;
   /* padding-left: 2.3125em;*/
}
.accordion-content.open { display: block;}
/* CSS for CodePen */
.accordion-container {
    width: 100%;
/*    margin: 1.875em auto;*/
}


table.pressrelease { font-size: 1.2em; width:100%; margin:0 auto; border-collapse: collapse; border-spacing: 0;background-color: #eeeeee;  }

table.pressrelease  th { padding-left: 20px; width:84px; vertical-align: top; padding-top: 10px; }
table.pressrelease  td { padding-left: 20px; line-height: 40px;}

table.pressrelease  a {
	text-decoration: none;
	color:#11529b;
	
}
table.pressrelease ul {list-style: none; padding: 0;}
table.pressrelease li {display: inline-block; margin-left: 5px; }
table.pressrelease tr:hover {background-color:#dddddd;}
.vespaOn {width: 16px;
  height: 16px;
  line-height: 32px;
  background-color: #6cc4ab;
  border-radius: 50%;
  color: #fff;
  text-align: center;}
.motoguzziOn {width: 16px;
  height: 16px;
  line-height: 32px;
  background-color: #000000;
  border-radius: 50%;
  color: #fff;
  text-align: center;}
.apriliaOn {width: 16px;
  height: 16px;
  line-height: 32px;
  background-color: #d50b11;
  border-radius: 50%;
  color: #fff;
  text-align: center;}
.piaggioOn {width: 16px;
  height: 16px;
  line-height: 32px;
  background-color: #09509d;
  border-radius: 50%;
  color: #fff;
  text-align: center;}

.vespaOff{ width: 16px;  height: 16px;}
.motoguzziOff{ width: 16px;  height: 16px;}
.apriliaOff{ width: 16px;  height: 16px;}
.piaggioOff{ width: 16px;  height: 16px;}

/*footer*/
.footer { background-color:#0a519c; color:#ffffff; width:100%;}
.copy p {font-size:1.1em;line-height:43px; text-align: center;  }

table.dealerlocator { border-collapse:collapse; width:100%;}
/*table.dealerlocator tr {display:block; cursor: pointer;}
table.dealerlocator tr:hover { opacity:0.3;}*/
table.dealerlocator tr:nth-child(odd) { background-color:#eeeeee;}
table.dealerlocator tr:nth-child(even) { background-color:#cccccc;}
table.dealerlocator td {height:32px;font-size: 1.2em; }
table.dealerlocator td:first-child { padding-left:10px;width:440px;/*background-color:#ff0000; */}
table.dealerlocator td:first-child a { color:#666666; display: block;}
table.dealerlocator td:nth-child(2) { width:140px;/*background-color:#00ff00;*/}
table.dealerlocator td:nth-child(3) { width:340px;/*background-color:#0000ff;*/}
table.dealerlocator td:last-child { background-color:#333333; display: block;opacity: 0.8; margin: 5px; line-height: 32px; text-align: center; width:120px;font-size: 1.1em; /*background-color:#0ff00f;*/}
table.dealerlocator td:last-child a {color:#ffffff; display: block;}
table.dealerlocator td:last-child a:hover { opacity: 0.5;}

#dealerlocator .title {  font-size:1.5em; text-align:left; padding-top:40px; padding-bottom:5px;}

#aboutus .title {font-size:2.2em; color:#11529b; font-weight:bold; margin-left: 30px; padding-top: 30px;}
table.aboutus {border-collapse:collapse; font-size:1.2em; margin-left: 30px; margin-right: 30px; margin-top: 20px; width:964px;}
table.aboutus td { vertical-align: top; padding-right: 40px; white-space: nowrap; padding-bottom: 20px;}


.ourbrands dl {}
.ourbrands dt {float:left; clear:left; width:24%; text-align:center; height:150px; }
.ourbrands dt img { width:90%;}
.ourbrands dd { float:left; width:70%; padding-bottom:25px; font-size:1.2em; }



@media screen and (max-width:1024px) {
.wrapper1024 { width:100%;}
.wrapper768 { width:100%;}
ul.brand_name {display:block;  position: static; margin-top:10px; magin-left: 0; margin-bottom:10px; list-style: none; padding: 0;}
table.pressrelease  th { padding-left: 10px; width:84px; vertical-align: top; padding-top: 5px; }
table.pressrelease  td { padding-left: 10px; line-height: 1.8em;height:2.4em;}
    
.onlinestore li:first-child {padding-left: 10px;}
table.aboutus {border-collapse:collapse; font-size:1.2em; margin-left: 5%; margin-right: 5%; margin-top: 20px;background-color:#0000ff; width:90%;}
    table.aboutus td { vertical-align: top; padding-right: 5%; white-space: nowrap; padding-bottom: 20px;}
    
    table.dealerlocator td:first-child { padding-left:1%;width:30%;/*background-color:#ff0000; */}
table.dealerlocator td:first-child a { color:#666666; display: block;}
table.dealerlocator td:nth-child(2) { width:20%;/*background-color:#00ff00;*/}
table.dealerlocator td:nth-child(3) { width:30%;/*background-color:#0000ff;*/}
table.dealerlocator td:last-child { background-color:#333333; display: block;opacity: 0.8; margin: 3%; line-height: 32px; text-align: center; width:auto;font-size: 0.8em; /*background-color:#0ff00f;*/}
    
}