@charset "utf-8";

.mainteList .shopUl { font-size: 12px; margin-right: auto; margin-left: auto; }
.mainteList .shopLi { margin-right: auto; margin-left: auto; height: 146px; width: 848px; border: 1px solid #CCC; position: relative; margin-bottom: 10px; background-color: #FFFFFF; }
.mainteList .shopLi:hover { height: 146px; width: 848px; border: 1px solid #666; position: relative; margin-bottom: 10px;  background-color: #ECECEC; }
.mainteList .shopLi .shopImg{ float: left; height: 136px; width: 204px; background-color: #CCC; padding-top: 4px; padding-right: 6px; padding-bottom: 6px; padding-left: 4px; text-align: center;}
.mainteList .shopLi .shopImg .tableimg{
  display: table;
  table-layout: fixed;
  width: 204px;
  height: 136px;
}
.mainteList .shopLi .shopImg .tableimg .cellimg{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 136px;
}
.mainteList .shopLi .shopImg img{ max-height: 136px; max-width: 204px; border: 1px solid #FFF; }
.mainteList .shopLi .desc { float: left; height: 146px; width: 634px; overflow: hidden;}
.mainteList .shopLi .desc .shopName { float: left; height: 30px; width: 532px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; }
.mainteList .shopLi .desc .shopName h3{ line-height: 30px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; background-color: #D0D0D0; }
.mainteList .shopLi .desc .shopPref { float: right; height: 30px; width: 100px; background-color: #BBBBBB; color: #333333; font-size: 14px; line-height: 30px; margin-bottom: 0px; margin-top: 0px; text-align: center; padding: 0px; }
.mainteList .shopLi .desc .shopTitle {clear: both; word-wrap: break-word;}
.mainteList .shopUl .shopLi .desc .shopTitle .shoptitle1 { font-size: 12px; line-height: 20px; height: auto; width: auto; padding-right: 5px; padding-left: 5px; padding-top: 5px; }
.mainteList .shopUl .shopLi .desc .shopTitle .shoptitle2 { font-size: 12px; line-height: 20px; height: auto; width: auto; padding-right: 5px; padding-left: 5px; padding-top: 5px; }
.mainteList p.linkarea a { display: block; position: absolute; top: 0; height: 100%; width: 100%; text-align: left; text-indent: 2px; background/*\**/: #fff;/*IE7、8のみに適応するハック*/ filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;/*フィルターで透明に*/ left: 0px; }
.mainteList .service { width: 635px; height: 25px; float: left; background-color: #ECECEC; }
.mainteList .mainteIcon { float: left; width: 36px; height: 17px; margin-top: 4px; margin-right: 5px; }
.mainteList .mainteText { float: left; margin-top: 6px; margin-right: 5px; }
.mainteList .content .shopUl .shopLi .desc .mainte_cap { font-size: 12px; line-height: 20px; height: 20px; width: 100px; padding-right: 5px; padding-left: 5px; background-color: #339999; text-align: center; color: #FFF; display: block; float: left; padding-top: 5px; margin-right: 5px; }