@charset "UTF-8";
/* ---------------------------------------------------------------- */
/* Style Sheet for mazda-enfini-yw.co.jp visual Style               */
/* ---------------------------------------------------------------- */
/*BASE COLOR*/
body {
  color: #FFF;
  background-color: #202020;
}
a:link {
  color: #A8A8A8;
}
a:visited {
  color: #A8A8A8;
}
a:hover, a:active {
  color: #FFF;
}
#container {
  background-color: #414141;
}
#container .breadcrumb {
  color: #CCC;
}
h1 {
  clear: both;
  color: #FFF;
  font-size: 1.5em;
  font-weight: normal;
}
h1 span {
  position: relative;
  top: -3px;
  left: 10px;
  display: inline;
  font-size: 0.6em;
  color: #AAA;
}
h2 {
  margin: 10px 0 12px 0;
  padding: 6px 0 0 0;
  font-size: 0.9em;
  border-bottom: 2px solid #999;
}
h2:before {
  content: url("../img/h2arw.png");
}
/*CARLINEUP PAGE*/
.lineupwrap {
  clear: both;
  float: left;
  margin: 0 2px;
  width: 936px;
  overflow: hidden;
}
.lineupwrap .c6 {
  float: left;
  width: 936px;
  overflow: hidden;
}
.lineupwrap .c5 {
  float: left;
  width: 780px;
  overflow: hidden;
}
.lineupwrap .c4 {
  float: left;
  width: 624px;
  overflow: hidden;
}
.lineupwrap .c3 {
  float: left;
  width: 468px;
  overflow: hidden;
}
.lineupwrap .c2 {
  float: left;
  width: 312px;
  overflow: hidden;
}
.lineupwrap .c1 {
  float: left;
  width: 156px;
  overflow: hidden;
}
.lineupwrap .cars {
  float: left;
  width: 156px;
}
.lineupwrap .cars dl {
  margin: 0;
  padding: 0;
}
.lineupwrap .cars dl dt {
  margin: 0;
  padding: 0;
  font-size: 18px;
  height: 25px;
}
.lineupwrap .cars dl dd {
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 10;
}
.lineupwrap .cars dl dt img, .lineupwrap .cars dl dd img {
  width: 100%;
  max-width: 146px;
}
dt.dpne {
  text-indent: -99999px;
}
.lineupwrap .dncars {
  float: left;
  width: 156px;
  height: 154px;
}
.mnbdrs {
  margin-top: 10px;
}



/*SUPPORT PAGE*/
.wrap .blk3_left h3, .wrap .blk3_center h3, .wrap .blk3_right h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  background-color: #555;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.48, #555), color-stop(0.68, #AAA));
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#555), to(#AAA));
  background: -webkit-linear-gradient(#555, #AAA);
  background: -moz-linear-gradient(#555, #AAA);
  background: linear-gradient(#555, #AAA);
  -pie-background:linear-gradient(#555,#AAA);
  behavior: url(/func/css/pie/PIE.htc);
}
.wrap .blk3_left p, .wrap .blk3_center p, .wrap .blk3_right p {
  margin: 0;
  font-size: 1em;
  text-align: center;
  padding: 5px 0 10px 0;
  color: #333;
}
#container #bodyarea .wrap .blk2_left p {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.8em;
}
#container #bodyarea .wrap .blk2_left div {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.7em;
}
#container #bodyarea .wrap .blk2_right p {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.8em;
}
#container #bodyarea .wrap .blk2_right div {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.7em;
}
.gocontact {
  margin: 30px 0 300px 0;
  padding-top: 15px;
  text-align: center;
  font-size: .9em;
  line-height: 2em;
  border-top: 1px dotted #666;
}











/*SERVICE PAGE*/
#container #bodyarea .wlcm {
  position: absolute;
  right: 36px;
  top: 7px;
  color: #0082D1;
  border: 1px solid #0082D1;
  font-size: 0.7em;
  width: 33em;
  text-align: right;
}
.srvimg {
  margin-top: 38px !important;
}





/*
#container #bodyarea .wrap .blk2_left .expnote {
  margin: .5em 0 1em 1.2em;
  line-height: 1.5em;
  font-size: .6em;
  color: #333;
}
*/

.srvlead {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.8em;
}
img.othbnr {
  float: left;
  margin-right: 10px;
}










/*SERVICE & SHOWROOM PAGE*/
.svspimg {
  margin-top: 0 !important;
}
.staffwrap {
  clear: both;
  float: left;
  margin: 0 2px 30px 2px;
  width: 936px;
  overflow: hidden;
}
.staffwrap .staffs {
  float: left;
  width: 156px;
  height: 260px;
  background: url("../../img/wall_staffinfo.jpg") no-repeat center bottom scroll;

}
.staffwrap .staffs .stfimg {
  margin: 10px 0;
  text-align: center;
  font-size: 0;
}
.staffwrap .staffs .stfhdr {
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.4em;
}
.staffwrap .staffs .stfcom {
  margin: 0;
  padding: 0 10px;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.4em;
}
.blk2_right img.rpimg {
  width: 100%;

}
img.subimg {
  width: 100%;
  max-width: 320px;
}
img.mainimg {
  width: 100%;
}


/*SHOWROOM PAGE*/

h2.showroominfo {
  margin: 0;
  width: 455px;
  height: 45px;
  background: url("../../img/h2s_showroom.jpg") no-repeat left top scroll;
  text-indent: -99999px;
}
h2.access {
  clear: both;
  margin: 0;
  width: 940px;
  height: 45px;
  background: url("../../img/h2l_access.jpg") no-repeat left top scroll;
  text-indent: -99999px;
}
h2.slsstaff {
  clear: both;
  margin: 0;
  width: 940px;
  height: 45px;
  background: url("../../img/h2l_slsstaff.jpg") no-repeat left top scroll;
  text-indent: -99999px;
}












.srspot {
  margin-top: 22px !important;
  margin-left: 12px !important;
  line-height: 1em !important;
  float: left;
  width: 455px;
  overflow: hidden;
}
.srspot .spotn {
  margin: 0 !important;
  float: left;
  width: 112px;
}
.srspot .spotl {
  margin: 0 !important;
  float: left;
  width: 107px;
}
.srspot .spotn .sppht {
  margin: 0 !important;
  padding: 0;
  font-size: 0;
  text-align: left;
}
.srspot .spotn .spcap {
  margin: 0 !important;
  font-size: 1.3em !important;
  text-align: left;
}
.srspot .spotl .sppht {
  margin: 0 !important;
  padding: 0;
  font-size: 0;
  text-align: left;
}
.srspot .spotl .spcap {
  margin: 0 !important;
  font-size: 1.3em !important;
  text-align: left;
}
.olcap {
  margin: 7px 5px 0 0;
  font-size: 0.75em;
  text-align: right;
}
.accessc {
  margin: 0 0 0 1em;
  padding-left: 15px;
  line-height: 1.5em;
  font-size: .8em;
  background-image: url("../../img/accessc.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: scroll;

}
.subcap {
  margin: 7px 5px 0 0;
  font-size: 0.75em;
  text-align: right;
}














/*FORM PAGE*/

.ffst {
  margin-bottom: 1em;
}
.blk2_right div {
  margin-bottom: 1em;
}
.blk2_right div.bdrs {
  margin-top: 1em !important;
  padding-top: 1em;
  border-top: 1px solid #666;
}
.blk2_left div.bdrs {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 1em;
  border-top: 1px solid #666;
}

.errors {
  margin: 20px;
  padding: 20px;
  border: 1px dotted #999;
  border-radius: 8px;
}
.errtitle {
  margin: 0 0 20px 0;
  padding: 10px 0;
  font-size: 1em;
  font-weight: bold;
  border-bottom: 3px double #CCC;
}
.errnote {
  margin: 0 0 0 20px;
  color: #C00;
  background-color: transparent;
}


























.nss:after {
  content: " (\5FC5\9808)";
  color: #F00;
}
input[type="text"],
textarea,
select,
input[type="email"],
input[type="tel"] {
  border:1px solid #0082D1;
  padding: 5px 0 5px 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-bottom: 5px;
}
.wfl {
  width: 100%;
}
.w60 {
  width: 60%;
}
.w50 {
  width: 50%;
}
.w03 {
  width: 3em;
}
.w04 {
  width: 4em;
}

.gosubmit {
  clear: both;
  margin: 1em 0;
  padding-top: 30px;
  text-align: center;
}
.submitb {
  margin: 0 auto;
  width: 80%;
  padding: 3%;
  font-size:1.2em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.resetb {
  margin: 0 auto;
  width: 60%;
  padding: 1% 3%;
  font-size:1.2em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
@media screen and (max-width: 640px) {
h1 span {
  position: static;
  top: auto;
  left: auto;
  display: block;
  padding-left: 20px;
}
/*CARLINEUP PAGE*/
.lineupwrap {
  clear: both;
  float: none;
  margin: 0 auto;
  width: 100%;
  overflow: auto;
}
.lineupwrap .c6, .lineupwrap .c5, .lineupwrap .c4, .lineupwrap .c3, .lineupwrap .c2, .lineupwrap .c1 {
  float: none;
  width: auto;
  overflow: none;
}
.lineupwrap .cars {
  float: left;
  width: 156px;
  height: 160px;
}
.lineupwrap .cars dl {
  margin: 0;
  padding: 0;
}
.lineupwrap .cars dl dt {
  margin: 0;
  padding: 0;
  font-size: 16px;
  height: 22px;
}
.lineupwrap .cars dl dd {
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 10;
}
.lineupwrap .cars dl dt img, .lineupwrap .cars dl dd img {
  width: 100%;
  max-width: 146px;
}
dt.dpne {
  text-indent: -99999px;
}
.lineupwrap .dncars {
  float: none;
  width: auto;
  height: auto;
  display: none;
}
.mnbdrs {
  margin-top: 0;
}




/*SUPPORT PAGE*/
#container #bodyarea .wrap .blk2_left p {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.8em;
}
#container #bodyarea .wrap .blk2_left div {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.7em;
}
#container #bodyarea .wrap .blk2_right p {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.8em;
}
#container #bodyarea .wrap .blk2_right div {
  margin: 0 0 0 1em;
  line-height: 1.5em;
  font-size: 0.7em;
}
.gocontact {
  margin: 30px 0;
}





























/*SERVICE PAGE*/
#container #bodyarea .wlcm {
  position: static;
  right: auto;
  top: auto;
  margin: -15px 0 0 0;
  padding: 0.5em;
  display: block;
  width: auto;
  text-align: left;
}
.svspimg {
  margin: 10px auto 0 auto;
  text-align: center;
}

/*
#container #bodyarea .wrap .blk2_left .expnote {
  margin: .5em 0 1em 1.2em;
  line-height: 1.5em;
  font-size: .6em;
  color: #333;
}
*/






/*SERVICE & SHOWROOM PAGE*/
.staffwrap {
  clear: both;
  float: none;
  margin: 0 auto;
  width: 100%;
  overflow: auto;
  text-align: center;
}
.blk2_right img.rpimg {
  width: 100%;

}
img.subimg {
  width: 100%;
  max-width: 320px;
}
.subcap {
  text-align: center;
}
/*SHOWROOM PAGE*/

/*

h1.showroom {
  margin: 20px 0 0 0;
  width: auto;
  height: auto;
  background-image: none;
  text-indent: 0;
  font-size: 1.4em;
  font-weight: bold;
  color: #0082D1;
}
h1.showroom span {
  font-size: 0.7em;
  color: #999;
}
*/



h2.showroominfo, h2.access, h2.slsstaff  {
  margin: 20px 0;
  width: auto;
  height: auto;
  background-image: none;
  text-indent: 0;
  font-size: 1em;
  font-weight: bold;
  color: #0082D1;
  border-bottom: 3px solid #0082D1;
  text-align: left;
}
.olcap {
  text-align: left;
}
.srspot {
  margin-left: 0;
  float: none;
  width: 100%;
  overflow: auto;
  text-align: center;
}
.srspot .spotn {
  float: left;
  width: 112px;
  height: 110px;
}
.srspot .spotl {
  margin: 0 !important;
  float: left;
  width: 112px;
  height: 110px;
}
/*FORM PAGE*/

/*
h1.contact {
  margin: 20px 0 0 0;
  width: auto;
  height: auto;
  background-image: none;
  text-indent: 0;
  font-size: 1.4em;
  font-weight: bold;
  color: #0082D1;
}
h1.contact span {
  font-size: 0.7em;
  color: #999;
}

*/



.ffst {
  margin-bottom: 1em;
}
.blk2_right div {
  margin-bottom: 1em;
}

.blk2_right div.bdrs {
  padding-top: 1em;
  border-top: 1px solid #666;
}
.blk2_left div.bdrs {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 1em;
  border-top: 1px solid #666;
}
.gosubmit {
  margin: 0 0 20px 0;
  padding-top: 30px;
  text-align: center;
  font-size: .9em;
  line-height: 2em;
}
.errors {
  margin: 20px;
  padding: 20px;
  border: 1px dotted #999;
}
.errtitle {
  margin: 0 0 20px 0;
  padding: 10px 0;
  font-size: 1em;
  font-weight: bold;
  border-bottom: 3px double #CCC;
}
.errnote {
  margin: 0 0 0 20px;
  color: #C00;
  background-color: transparent;
}
}
@media screen and (max-width: 540px) {
.lineupwrap, .staffwrap {
  margin-left: 10%;
  width: auto;
}
img.othbnr {
  float: none;
  display: block;
  margin-right: 0;
  margin-bottom: 5px;
}
.srspot .spotn {
  margin-left: 10% !important;
}
.srspot .spotl {
  margin-left: 10% !important;
}
}
@media screen and (max-width: 420px) {
.lineupwrap, .staffwrap {
  margin-left: 15%;
  width: auto;
}
.srspot .spotn {
  margin-left: 5% !important;
}
.srspot .spotl {
  margin-left: 5% !important;
}
}