@charset "UTF-8";

/* ---------------------------------------------------------
	白背景ページ基本スタイル

	ここでは共通スタイルのみ
	各ページのスタイルは別シートへ記述
--------------------------------------------------------- */

#tbrcar_container {
    color: #505050;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 980px;
}

#bread {
    font-size: 12px;
    height: 30px;
    line-height: 31px;
    width: 620px;
    z-index: 0;
}

#bread ol{
	margin:0 auto;
	padding:0;

}

#bread li{
	float:left;
}



/* よく使うボタン
---------------------------------------------------------- */

/*--スクロールしたら出てくる「ページ先頭へ」ボタン-- */
.backtotop { position: fixed; right:20px; bottom:100px; display:none;}



/* よく使うタイトル
---------------------------------------------------------- */
.titbar {border-bottom:3px solid #D1E7FF; margin-bottom:10px; padding:0 0 3px; font-weight:normal; font-size:22px;}



/* レンタカーTOP用スタイル
---------------------------------------------------------- */
.c-fix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#linkMap {
    background: url("/car/common/images/top/tabkraicar_mapbg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 505px;
    margin-bottom: 60px;
    position: relative;
    width: 980px;
}

.maparea {
    position: absolute;
}
.maparea a:hover {
    opacity: 0.6;
}

#map_okinawa {
    left: 198px;
    top: 66px;
}
#map_ishigaki {
    left: 42px;
    top: 176px;
    z-index: 10;
}
#map_hokkaido {
    right: 239px;
    top: 76px;
}
#map_kansai {
    bottom: 75px;
    left: 348px;
}
#map_kyusyu {
    bottom: 3px;
    left: 80px;
}
#changeInfo {
    bottom: 2px;
    position: absolute;
    right: 12px;
}
#changeInfo p {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.07em;
    line-height: 30px;
    margin-top: 8px;
}

#areaList {
    margin: 0 0 35px 50px;
}
.areaListBox {
    float: left;
    margin: 0 35px 30px 0;
    width: 400px;
}
.areaListBox li {
    float: left;
    font-size: 16px;
    margin: 10px 17px 5px 0;
}
.areaListBox li:before {
    content: url("/car/common/images/top/tabkraicar_listmark.png");
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
}
.areaListBox h2 {
    font-size: 27px;
    margin-bottom: 0px;
}

#driveInfo h2 {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin-bottom: 14px;
    margin-top: 15px;
    text-align: center;
	color:#333333;
}

#driveInfo {
    margin-right: -20px;
    margin-top: 30px;
    overflow: hidden;
    width: 1000px;
}
.driveBox {
    border: 1px solid #dfdfdf;
    float: left;
    margin: 0 20px 20px 0;
    width: 478px;
}
.driveBox:hover {
    background: none repeat scroll 0 0 #d1e7ff;
}
.driveBoxInner {
    padding: 15px;
    position: relative;
}
.driveImg {
    float: left;
}
.driveBt {
    bottom: 10px;
    position: absolute;
    right: 10px;
}
.driveBoxInner h3 {
    float: left;
    font-size: 16px;
    line-height: 30px;
    margin-left: 15px;
    margin-top: 35px;
}
.driveBox a {
    color: #000 !important;
}
.fontBig {
    font-size: 30px;
}

.fontBig2 {
    font-size: 27px;
}

.ui-datepicker-trigger:hover {
    cursor: pointer;
}

.ui-datepicker-other-month {
    visibility: hidden;
}