@charset "UTF-8";
/* ---------------------------------------------------------------- */
/* Style Sheet for mazda-enfini-yw.co.jp Component Style            */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* Base Components                                                  */
/* ---------------------------------------------------------------- */
.ios div, .ios dt, .ios dd, .ios ul li, .ios h1, .ios h2, .ios h3, .ios h4, .ios h5, .ios h6,
.ios p, .ios blockquote, .ios th, .ios td {
  letter-spacing: -0.001em;
}
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  overflow-y: scroll;
}

#container {
  margin: 0 auto;
  width: 1000px;
  padding: 0;
  text-align: left;
}
#container #header {
  position: relative;
  width: 1000px;
  height: 135px;
  color: #FFF;
  background: #000 url("../img/wall_hdr.png") no-repeat left top scroll;
}
#container #header .logo {
  padding: 25px 40px 0 0;
  font-size: 0;
  text-align: right;
}
#container #header .corpname {
  margin: 5px 150px 0 0;
  font-size: 1em;
  font-weight: bold;
  text-align: right;
}
#container #header .corpname span {
  font-size: 0.7em;
  font-weight: bold;
}
#container #header .spec {
  margin: 0 150px 0 0;
  font-size: 0.7em;
  text-align: right;
}
#container #header .goctt {
  position: absolute;
  top: 70px;
  right: 40px;
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: left;
  text-indent: 1em;
  font-size: 0.65em;
}
#container #header .goctt a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #666;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#container #header .goctt a:link, #container #header .goctt aa:visited {
  color: #A7A7A7;
  background-color: transparent;
  text-decoration: none;
}
#container #header .goctt a:hover, #container #header .goctt a:active {
  color: #000;
  background-color: #A7A7A7;
  text-decoration: none;
}
#container .navi {
  clear: both;
  margin: 0;
}
#container #bodyarea {
  margin: 0;
  padding: 0 36px;
  position: relative;
}
.root {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 0;
}
#container .breadcrumb {
  margin: 5px 0 20px 30px;
}
#container .breadcrumb ul.bc {
  padding: 2px 0 2px 0;
  font-size: 0.8em;
  text-align: left;
}
#container .breadcrumb ul.bc li {
  padding: 0 25px 0 0;
  text-align: left;
  display: inline;
  list-style-type: none;
}
.arrowli {
  background: url("../img/wall-bcli.png") no-repeat right center scroll;
}






/* ---------------------------------------------------------------- */
/* Page_Layout Components Content                                   */
/* ---------------------------------------------------------------- */
#container #bodyarea .wrap {
  clear: both;
  float: left;
  width: 928px;
  overflow: hidden;
}
/* 2block_layout                                                    */
#container #bodyarea .wrap .blk2_left {
  float: left;
  width: 452px;
  overflow: hidden;
}
#container #bodyarea .wrap .blk2_right {
  float: right;
  width: 452px;
  overflow: hidden;
}





#container #bodyarea .wrap .blk2_skyleft {
  float: left;
  width: 400px;
  overflow: hidden;
}
#container #bodyarea .wrap .blk2_skyright {
  float: right;
  width: 528px;
  overflow: hidden;
}



#container #bodyarea .wrap .blk2_jafleft {
  float: left;
  width: 765px;
  overflow: hidden;
}
#container #bodyarea .wrap .blk2_jafright {
  float: right;
  width: 163px;
  overflow: hidden;
}





















/* 3block_layout                                                    */
#container #bodyarea .wrap .blk3_left {
  float: left;
  width: 310px;
  overflow: hidden;
}
#container #bodyarea .wrap .blk3_center {
  float: left;
  width: 308px;
  overflow: hidden;
}
#container #bodyarea .wrap .blk3_right {
  float: left;
  width: 310px;
  overflow: hidden;
}
/* 4block_layout                                                    */
#container #bodyarea .wrap .blk4a {
  float: left;
  width: 229px;
  overflow: hidden;
}
#container #bodyarea .wrap .blk4b {
  float: left;
  width: 235px;
  overflow: hidden;
}
#container #bodyarea .wrap .blk4c {
  float: left;
  width: 235px;
  overflow: hidden;
}
#container #bodyarea .wrap .blk4d {
  float: right;
  width: 223px;
  overflow: hidden;
}











.pr6 {
  margin: 0;
  padding: 0 6px 0 0;
}
.prl6 {
  margin: 0;
  padding: 0 6px;
}



.pb5 {
  margin: 0 10px;
  background-color: #FFF;
  border: 1px solid #AAA;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.pb4 {
  margin: 0 8px;
  background-color: #FFF;
  border: 1px solid #AAA;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.pb5B {
  margin: 0 10px;
}
#container #bodyarea .wrap3 {
  float: left;
  margin: 0 0 10px 9px;
  width: 919px;
  overflow: hidden;
}
#container #bodyarea .wrap3 .blk3_left {
  float: left;
  width: 311px;
}
#container #bodyarea .wrap3 .blk3_center {
  float: left;
  width: 311px;
}
#container #bodyarea .wrap3 .blk3_right {
  float: left;
  width: 297px;
}
/* ---------------------------------------------------------------- */
/* Footer_area Components Content                                   */
/* ---------------------------------------------------------------- */
#ftrnavi {
  clear: both;
  margin: 0;
  background-color: #111;
}
#ftrnavi ul.footernavi {
  margin: 0;
  padding: 0 0 0 36px;
}
#ftrnavi ul.footernavi li {
  display: inline;
  list-style-type: none;
  padding-right: 15px;
  font-size: 0.75em;
}
#ftrnavi ul.footernavi li:before {
  content: url("../img/fnarw.png");
}
#ftrnavi ul.footernavi li a:link, #ftrnavi ul.footernavi li a:visited {
  color: #A8A8A8;
}
#ftrnavi ul.footernavi li a:hover, #ftrnavi ul.footernavi li a:active {
  color: #FFF;
}
#footer {
  margin: 0;
  padding: 0;
  color: #A7A7A7;
  background-color: #333;
}
#footer address {
  padding: 5px 0;
  font-size: 0.75em;
  font-style: normal;
  text-align: center;
}
@media screen and (max-width: 640px) {
#container {
  margin: 0 auto;
  width: 96%;
}
#container #header {
  width: 100%;
  min-height: 220px;
  background: #000 url("../img/wall_hdr2.png") no-repeat left 38px scroll;
}
#container #header .logo {
  padding: 100px 10px 0 10px;
  font-size: 0;
  text-align: left;
}
#container #header .logo img {
  width: 100%;
  max-width: 429px;
}
#container #header .corpname {
  margin: 5px 10px 0 10px;
  font-size: 0.9em;
  text-align: left;
}
#container #header .spec {
  margin: 0 10px 0 10px;
  font-size: 0.7em;
  text-align: left;
}
#container #header .goctt {
  top: 60px;
  right: 10px;
}
#container .breadcrumb {
  margin: 5px 0 20px 10px;
}
#container .breadcrumb ul.bc {
  font-size: 0.75em;
}
#ftrnavi ul.footernavi {
  margin: 0;
  padding: 0 0 10px 30px;
}
#ftrnavi ul.footernavi li {
  display: block;
}
#ftrnavi ul.footernavi li a:link, #ftrnavi ul.footernavi li a:visited {
  color: #A8A8A8;
}
#ftrnavi ul.footernavi li a:hover, #ftrnavi ul.footernavi li a:active {
  color: #FFF;
}
#footer {
  margin: 0;
  height: auto;
  background-image: none;
}
#footer address {
  padding: 3px 10px;
  font-size: 0.7em;
  font-style: normal;
  text-align: left;
}

#container #bodyarea {
  margin: 0;
  padding: 0 5%;
}
#container #bodyarea .wrap {
  float: none;
  width: auto;
  overflow: none;
}
#container #bodyarea .wrap .blk2_left {
  float: none;
  width: auto;
}
#container #bodyarea .wrap .blk2_right {
  float: none;
  clear: both;
  width: auto;
  overflow: none;
  margin-top: 20px;
}



#container #bodyarea .wrap .blk2_skyleft {
  float: none;
  width: auto;
}
#container #bodyarea .wrap .blk2_skyright {
  float: none;
  clear: both;
  width: auto;
  overflow: none;
  margin-top: 20px;
}



#container #bodyarea .wrap .blk2_jafleft {
  float: none;
  width: auto;
}
#container #bodyarea .wrap .blk2_jafright {
  float: none;
  clear: both;
  width: auto;
  overflow: none;
  margin-top: 20px;
}











#container #bodyarea .wrap .blk3_left {
  float: none;
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
}
#container #bodyarea .wrap .blk3_center {
  float: none;
  width: 100%;
  max-width: 310px;
  margin: 10px auto 0 auto;
}
#container #bodyarea .wrap .blk3_right {
  float: none;
  width: 100%;
  max-width: 310px;
  margin: 10px auto 0 auto;
}





#container #bodyarea .wrap .blk4a {
  float: none;
  width: 100%;
  margin: 20px auto 0 auto;
  text-align: center;
}
#container #bodyarea .wrap .blk4b {
  float: none;
  width: 100%;
  margin: 20px auto 0 auto;
  text-align: center;
}
#container #bodyarea .wrap .blk4c {
  float: none;
  width: 100%;
  margin: 20px auto 0 auto;
  text-align: center;
}
#container #bodyarea .wrap .blk4d {
  float: none;
  width: 100%;
  margin: 20px auto 0 auto;
  text-align: center;
}
.pr6 {
  padding-right: 0 !important;
}
.prl6 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}













#container #bodyarea .wrap3 {
  float: none;
  width: auto;
  overflow: none;
}
#container #bodyarea .wrap3 .blk3_left {
  float: none;
  width: auto;
  text-align: center;
}
#container #bodyarea .wrap3 .blk3_center {
  float: none;
  width: auto;
  margin-top: 10px;
  text-align: center;
}
#container #bodyarea .wrap3 .blk3_right {
  float: none;
  width: auto;
  margin-top: 10px;
  text-align: center;
}
}
.txtctr {
  text-align: center;
}
.mt1m {
  margin-top: 1em !important;
}
.mb1m {
  margin-bottom: 1em !important;
}