@charset "UTF-8";

/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\車検店舗一覧 共通 */
/* 検索結果数 */
p.resultNumber{font-size:14px; font-weight:bold;}
p.resultNumber strong{margin:0 5px; font-size:24px; color:#f00; font-family:Arial;}
p.resultNumber span{font-weight:normal; font-size:12px;}
p.noResult{margin:0 5px; font-size:14px; color:#f00; font-family:Arial; font-weight:bold;}
/* 絞込みパネル */
#shopDrillPanel{width:968px; padding:5px; margin:5px 0 10px; background-color:#a5c2e0; border:solid 1px #026898; overflow:hidden;}
#shopDrillList{position:relative; width:966px; height:90px; overflow:hidden; border:solid #ccc; border-width:1px 1px 0; background-color:#fff;}
#drillTtl1,
#drillTtl2{position:absolute; top:10px; height:20px; padding:2px 5px; background-color:#9e9d9d; color:#fff;}
#drillTtl1{left:10px; width:180px;}
#drillTtl2{left:210px; width:735px;}
#drillBdy1,
#drillBdy2{position:absolute; top:30px; height:45px; padding:10px 5px 0;}
#drillBdy1{left:10px; width:180px;}
#drillBdy2{left:210px; width:735px;}
#serviceDrillList{}
#serviceDrillList li{float:left; width:122px;}

/* 絞り込みボタン */
#shopDrillPanelBtnBlock{clear:both; position:relative; width:946px; height:35px; padding:0 10px; border:solid #ccc; border-width:0 1px 1px; background-color:#fff;}
#panelResearchBtn{position:absolute; right:10px; width:150px;}
#clearBtn{position:absolute; right:170px; top:6px; width:80px; height:22px; background:url(../../img/inspectImg/clearBtn.png) no-repeat 0 0; text-indent:-9999px;}
#clearBtn:hover{background:url(../../img/inspectImg/clearBtn.png) no-repeat 0 -22px;}


/* ページ数と表示切替
div.resultBox{width:978px; padding:5px 0; background-color:#9cc;}
div.resultBar{position:relative; width:952px; height:25px; margin:0 auto; background-color:#fff;}
div.resultBar p{position:absolute; top:0;  height:25px; line-height:25px;}
*/
div.resultBlock{position:relative; width:980px; height:30px;}
p.resultText{font-size:11px; color:#999;}
p.pageNumber{position:absolute; top:0; right:0; font-size:11px; color:#666;}

p.pageNumber em{font-style:normal; font-weight:bold; margin:0 5px;}
p.pageNumber a{margin:0 5px; font-size:12px;}
p.pageNumber span#thisPage{margin:0 5px; padding:2px 2px 0; font-size:12px;}

/* 表示切替 */
p#changeOrder{position:absolute; top:0; left:0; width:980px;}
p#changeOrder span{margin-right:30px; color:#999;}
p#changeOrder span em{margin-right:10px; font-weight:bold; font-style:normal; color:#333;}


/* 車名で絞込み */
dl.drillCarList{position:relative; width:980px; margin:0 0 5px;}
dl.drillCarList#DrillCar_off{height:50px; margin:0 0 5px; border-top:solid 1px #ccc;}
dl.drillCarList#DrillCar_onA{height:65px; margin:0 0 5px; background:url(../../img/inspectImg/drillCar_onA.png) no-repeat;}
dl.drillCarList#DrillCar_onB{width:978px; height:40px; margin:0 0 15px; background-color:#fdf3c5; border:solid 1px #f90;}

/* 絞込みタイトル */
dl.drillCarList dt{position:absolute; top:7px; left:20px; width:135px; height:27px; background:url(../../img/inspectImg/drillCarTtl_off.gif) no-repeat; text-indent:-9999px;} /* 車未入力 */

dl.drillCarList#DrillCar_onA dt,
dl.drillCarList#DrillCar_onB dt{background:url(../../img/inspectImg/drillCarTtl_on.gif) no-repeat; text-indent:-9999px;} /* 車入力後 */

dl.drillCarList dd#drillMaker{position:absolute; top:10px; left:230px; width:270px;}
dl.drillCarList dd#drillMaker select{width:200px;}
dl.drillCarList dd#drillCarName{position:absolute; top:10px; left:500px; width:260px;}
dl.drillCarList dd#drillCarName select{width:230px;}

dl.drillCarList dd#drillCarSubmit{position:absolute; top:7px; right:20px; width:150px;}
dl.drillCarList dd#drillCarSubmit button{display:block; width:150px; height:27px; background:url(../../img/inspectImg/drillCarBtn.gif) no-repeat; border:none; text-indent:-9999px;}


/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\車検店舗一覧ページ 距離から探す */
/* 検索結果テーブル */
#shopListTbl{width:978px; margin:5px 0 10px; border:double #666 3px; /* border-width:1px 0 0 1px;*/}
#shopListTbl th{height:30px; padding:5px 2px; border-style:solid; border-color:#999; border-width:0 1px 1px 0; background-color:#e7e7e7; color:#333; font-weight:normal;text-align:center;}
#shopListTbl th img.helpIcon{vertical-align:top;}

#shopListTbl td{height:90px; padding:5px; border-style:solid; border-width:0 1px 1px 0; border-color:#000 #ccc;}
th.shopName{width:300px;}
#shopListTbl td.shopName{width:250px; border-width:0 1px 1px 0;}

/*td.shopDtlBtnCell{width:40px; font-size:10px;}*/
.Distance{width:75px; text-align:center;}
.Budget{width:95px; text-align:center;}
.coupon{width:100px; padding:5px;}
#shopListTbl th.service{width:320px; border-color:#999 #000 #999 #999;}
.reserve{width:50px;text-align:center;}

#shopListTbl td.shopName{padding:5px;}

tr.tr1 td{background-color:#fff;}
/* tr.tr2 td{background-color:#f5f5f5;} */

/* 車検店住所 */
p.shopAddress{font-size:11px;}
/* 工場区分アイコン */
.koujyoIcon {margin-right:1px;}
/* 工場区分アイコン横のヘルプアイコン */
.shopName a .helpIcon{margin-bottom:8px;}

/* クーポン */
#shopListTbl th.coupon{border-color:#ccc #000 #999 #ccc; border-width:0 1px 1px 0; border-style:solid;}
#shopListTbl td.coupon{border-color:#ccc #000 #000 #ccc; border-width:0 1px 1px 0; border-style:solid;}

/* サービス内容 */
#shopListTbl th.service{width:322px; padding:0;}

/* サービスの説明 (距離) */
p#helpService{position:relative; width:980px;}
p#helpService a{position:absolute; top:15px; right:90px;}
/* サービスの説明 (雰囲気) */
p#helpServiceF{width:980px; height:20px; text-align:right;}
p#helpServiceF span{margin-left:10px;}

/* サービスセル */
#shopListTbl .S_cell{width:320px; padding:0; text-align:center; border-color:#000;}
.OKserviceList{width:320px; margin:2px 0 2px 1px; padding:0; overflow:hidden;}
.OKserviceList li{float:left; width:78px; height:20px; line-height:20px; overflow:hidden; padding:5px 0; border:solid 1px #fff; background-color:#e5e5e5; color:#fff; text-align:center; font-size:11px; list-style:none;}
.OKserviceList .OKservice{background-color:#87b4e4; color:#fff;}


/* 郵便番号・車名指定 */
#shopListTbl td.Distance,
#shopListTbl td.select{background-color:#fdf3c5;}
#shopListTbl td.Distance strong,
#shopListTbl td.select strong{font-size:14px; margin:0 2px; font-family:arial; color:#f00;}
#shopListTbl th.Budget span{display:block; font-size:11px;}
#shopListTbl th.Budget strong{display:block; font-size:12px; color:#f00;}

/* 予約セル */
#shopListTbl th.reserve{border-color:#ccc #ccc #999 #000; border-width:0 0 1px 1px; border-style:solid solid solid solid;}
#shopListTbl td.reserve{width:50px; border-color:#ccc #ccc #000 #000; border-width:0 0 1px 1px; border-style:solid solid solid solid;}
#shopListTbl td.reserve a{display:block; width:50px; height:30px; margin:0 auto; background:url(../../img/inspectImg/yoyakuBtn1.png) no-repeat 0 0; text-indent:-9999px;}
#shopListTbl td.reserve a:hover{background:url(../../img/inspectImg/yoyakuBtn1.png) no-repeat 0 -30px;}

/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ 車検店舗一覧ページ 雰囲気から探す */

div#F_Block{width:990px;}
div.F_Box{position:relative; float:left; display:inline; width:290px; height:470px; padding:15px 15px 0; margin:0 10px 10px 0; background:url(../../img/inspectImg/shopCassette.png) no-repeat;}
.btmBox{position:absolute; bottom:15px; width:290px; height:170px;}
div.F_Box p{clear:both; line-height:1.3em;}
/* 写真 */
.F_photoBox{width:290px; height:100px; margin-bottom:10px; overflow:hidden;}
img.F_photo1{float:left; border:solid 1px #333;}
img.F_photo2{float:right;  border:solid 1px #333;}
/*車検店舗名と住所*/
p.F_shopName{width:290px; margin-bottom:15px; }
p.F_shopName a{font-size:14px;}
p.F_shopAddress{width:290px; font-size:11px;}

/* キャッチコピー */
div.F_Box p.F_catchTtl{width:290px; margin-bottom:5px; font-size:14px; color:#390; font-weight:bold;}
div.F_Box p.F_catch{width:290px;}

/* 距離と価格 */
.kyoriMeyasu{width:180px; font-size:11px;}

/* 予約リンク */
p.F_yoyaku{position:absolute; right:0; bottom:0; width:100px; height:40px; background-color:#000;}
p.F_yoyaku a{display:block; width:100px; height:40px; background:url(../../img/inspectImg/f_BoxBtn.png) no-repeat -100px 0; text-indent:-9999px;}
p.F_yoyaku a:hover{background:url(../../img/inspectImg/f_BoxBtn.png) no-repeat 0 0;}

/* 工場区分アイコン */
.F_Box .koujyoIcon {margin:0 0 5px; margin-right:1px;}
/* 工場区分アイコン横のヘルプアイコン */
.F_Box a .helpIcon{margin-bottom:13px;}
/* サービスリスト */
.F_Box .OKserviceList{width:290px; height:108px; margin:0 auto 15px; padding:0; overflow:hidden;}
.F_Box .OKserviceList li{float:left; width:94px; height:15px; line-height:15px; overflow:hidden; padding:5px 0; border:solid 1px #fff; background-color:#e5e5e5; color:#fff; text-align:center; font-size:11px; list-style:none;}
.F_Box .OKserviceList .OKservice{background-color:#87b4e4; color:#fff;}