@charset "utf-8";


/* top page
================================================================*/

/* leftcol
----------------------------------------------------------------*/
#leftcol {
    width: 350px;
    float: left;
    margin-right: 20px;
}

/* search_box
----------------------------------------------------------------*/
#search_box {
    height: 347px;
    width: 350px;
    background-image: url(../img/top_page/use_back01.jpg);
}

#search_box h3 {
    background: url(../img/title/ttl_top_use.gif) no-repeat;
    text-indent: -999em;
    height: 37px
}

#search_box dl {
    margin: 0 10px 10px;
}

#search_box dt {
    line-height: 120%;
    font-weight: bold;
    color: #333;
    margin: 10px 0 5px;
}

#search_box dd.erea_list {
    margin-top: 10px;
}

#search_box dd ul li {
    font-size: 85%;
    float: left;
    margin-right: 5px;
}

/* keyword search
----------------------------------------------------------------*/
#keyword_search {
    margin-top: 20px;
    padding-bottom: 10px;
}

#keyword_search h3 {
    background: url(../img/title/ttl_top_keyword.gif) no-repeat;
    height: 35px;
    text-indent: -999em;
}

.keyword_text {
    color: #333333;
    padding: 10px 10px 5px;
}

/* map search
----------------------------------------------------------------*/
#map_top {
    margin-top: 20px;
}

#map_top h3 {
    background: url(../img/title/ttl_top_map.gif) no-repeat;
    height: 34px;
    text-indent: -999em;
}

#map_top div {
    background-color: #0000FF;
    height: 350px;
}

/* purpose bar
----------------------------------------------------------------*/
#purpose_box {
    width: 350px;
    background-color: #eeeeee;
    margin-top: 20px;
}

#purpose_box h3 {
    background: url(../img/title/ttl_top_purpose.gif) no-repeat;
    height: 38px;
    text-indent: -999em;
}

#purpose_box ul li {
    float: left;
    margin: 8px 0 0 8px;
}

/* maincol
----------------------------------------------------------------*/
#maincol {
    width: 620px;
    float: left;
}

/* top flash
----------------------------------------------------------------*/
#flash_top {
    background-image: url(../img/top_page/fl_img01.jpg);
    height: 384px;
}

/* infobox
----------------------------------------------------------------*/
#infobox {
    margin-top: 20px;
}

/* infobox left
----------------------------------------------------------------*/
#infobox_left {
    width: 450px;
    margin-right: 10px;
    float: left;
}

/* top campaign
----------------------------------------------------------------*/
#campaign_topbox {
    background-color: #FF9966;
}

#campaign_topbox h3 {
    background: url(../img/title/ttl_top_campaign.gif) no-repeat;
    height: 30px;
    text-indent: -999em;
    margin-bottom: 5px;
}

#campaign_topbox ul li {
    padding: 0 5px 5px;
}

/* news
----------------------------------------------------------------*/
#news_box {
    margin-top: 10px;
}

#news_box h3 {
    background: url(../img/title/ttl_top_news.gif) no-repeat;
    height: 30px;
    text-indent: -999em;
}

#news_box div {
    background-attachment: scroll;
    height: 330px;
    border: 1px solid #FF6600;
}

/* infobox righ
----------------------------------------------------------------*/
#infobox_right {
    float: right;
    width: 160px;
}

#infobox_right h3 {
    height: 35px;
    text-indent: -999em;
}

#mobile_box h3 {
    background: url(../img/title/ttl_top_mobile.gif) no-repeat;
}

#newsletter_box h3 {
    background: url(../img/title/ttl_top_mail_magazine.gif) no-repeat;
}

#staffblogr_box h3 {
    background: url(../img/title/ttl_top_staff_blog.gif) no-repeat;
}

/* rentacar box
----------------------------------------------------------------*/
#rentacar_box {
    width: 820px;
    float: left;
    margin: 20px 0;
}

#rentacar_box ul li {
    float: left;
    margin-right: 15px;
}

#rentacar_box ul li.margin_none {
    margin-right: 0;
}

#rc_company_box h3 {
    background: url(../img/title/ttl_top_rentacar.gif) no-repeat;
    height: 51px;
    text-indent: -999em;
}

#rc_company_box ul li {
    margin: 5px 0 0 10px;
}

#rc_company_box dl {
    float: left;
    width: 230px;
    padding: 10px 20px 0;
}

#rc_company_box dt {
    font-size: 14px;
    font-weight: bold;
    border-bottom: #009 dotted 5px;
    padding: 0 10px;
}

#rc_company_box dd {
    margin-top: 10px;
}


/* sub page
================================================================*/

/* car detail
----------------------------------------------------------------*/
#cardetail_leftbox {
    float: left;
    width: 780px;
}

#cardetail_box h4 {
    font-size: 146.5%;
    font-weight: bold;
    color: #900;
    padding: 10px 10px 0;
}

#cardetail_leftbox .f_left_img {
    float: left;
    margin: 10px;
}

#cardetail_option {
    width: 460px;
    float: left;
    margin-top: 10px;
}

#cardetail_option h5 {
    font-size: 118%;
    font-weight: bold;
    border-bottom: #F59C5A solid 2px;
    margin-bottom: 10px;
    padding: 0 5px;
}

#cardetail_option p {
    margin: 10px;
}

#cardetail_leftbox table {
    width: 780px;
    margin-bottom: 10px;
}

#cardetail_option table {
    width: 100%;
}

#cardetail_leftbox col.width_200 {
    width: 200px;
}

#cardetail_leftbox th {
    background: #FFF8F0;
    padding: 5px;
    border: 1px solid #FFCC99;
}

#cardetail_leftbox td {
    padding: 5px;
    border: 1px solid #FFCC99;
}

#cardetail_leftbox td p {
    color: #666;
    font-size: 116%;
    font-weight: bold;
    float: right;
}

#cardetail_leftbox td p span {
    margin-left: 3px;
}

#cardetail_leftbox .ttl_shopname {
    color: #006;
    font-weight: bold;
    font-size: 131%;
    background: #E2F8FE;
    clear: both;
    padding: 5px 6px;
    margin-bottom: 5px;
}

#cardetail_leftbox .ttl_shopname img {
    margin-left: 15px;
    vertical-align: middle;
}

#cardetail_leftbox #member_login,
#cardetail_leftbox #login_none {
    width: 340px;
    height: 190px;
    padding: 10px;
    float: left;
}

#cardetail_leftbox #member_login {
    background: #E7F5FE;
    margin: 0 10px 10px 20px;
}

#cardetail_leftbox #login_none {
    background: #FFFBEC;
}

#cardetail_leftbox #member_login table {
    width: 300px;
}

#cardetail_leftbox #member_login table td {
    border: none;
}

#cardetail_leftbox .login_btn {
    text-align: center;
    margin: 15px 0;
}

#cardetail_rightbox {
    float: right;
    width: 200px;
    margin-top: 10px;
}

#other_box {
    padding: 5px;
    border: 1px solid #000033;
}

#cardetail_rightbox .other {
    text-align: right;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px dotted #990000;
}

#cardetail_leftbox #detail_calendar {
    margin-bottom: 15px;
}

#cardetail_leftbox #detail_calendar tr td {
    border: none;
    padding: 0;
}

#cardetail_leftbox #detail_calendar td table {
    width: 370px;
    margin: 0;
}

#cardetail_leftbox #detail_calendar td table th,
#cardetail_leftbox #detail_calendar td table td {
    border: #CCC solid 1px;
    padding: 5px;
    text-align: center;
}

#cardetail_leftbox th.sunday_color {
    background: #FDB7B9;
}

#cardetail_leftbox th.saturday_color {
    background: #CBEDFE;
}

.table_right {
    float: right;
}

/* reserve 
----------------------------------------------------------------*/
#reserve .progress_img {
    text-align: center;
    margin-bottom: 10px;
}

#reserve table {
    width: 900px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#reserve th,
#reserve td {
    padding: 10px;
    border: 1px solid #666;
}

#reserve th {
    color: #FFF;
    background: #999;
    width: 200px;
}

#reserve .check_box {
    vertical-align: middle;
    margin: 10px 10px 0;
}

#reserve.thanks p {
    margin-bottom: 20px;
    text-align: center;
}

/* customer
----------------------------------------------------------------*/
#customer table {
    width: 100%;
}

#customer th,
#customer td {
    padding: 5px;
    border: #CCC solid 1px;
}

#customer th {
    background: #FFF5EC;
}

#customer tr:hover {
    background: #EDEDED;
}

.info_change {
    text-align: center;
    display: block;
    border: #CCC solid 1px;
    padding: 5px 8px;
    float: right;
}

.info_change:hover {
    background: #EFEFEF;
}


/* company
----------------------------------------------------------------*/
#company_box dl {
    margin-top: 30px;
}

#company_box dl dt {
    background: #F5FEDA;
    font-size: 118%;
    font-weight: bold;
    border-top: #666 solid 1px;
    padding: 5px 5px 3px;
}

#company_box dl dd {
    margin-bottom: 20px;
    padding-top: 4px;
}

#company_box table {
    width: 100%;
}

#company_box .shop_list_table th,
#company_box .shop_list_table td {
    border-bottom: #CCC dotted 1px;
    padding: 5px 8px;
}

#company_box .shop_list_table th {
    background: #EEE;
    width: 100px;
}


/* shop
----------------------------------------------------------------*/
#shop_info {
    width: 500px;
    border: #CCC solid 1px;
    float: left;
}

#shop_info dt {
    background: url(../img/title/ttl_shop_info_bg.gif) no-repeat;
    font-weight: bold;
    height: 25px;
    line-height: 27px;
    padding: 0 20px;
}

#shop_info dd {
    margin-bottom: 10px;
    padding: 5px 20px;
}

#shop_info dd ul {
    margin: 10px 15px;
}

#shop_info dd li {
    list-style: disc;
}

#shop_info dd ul.list_float li {
    float: left;
    margin-right: 30px;
}

#map {
    width: 483px;
    margin-left: 15px;
    float: left;
}

#map ul.shop_img_list {
    margin: 15px 0;
}

#map ul.shop_img_list li {
    float: left;
    margin-right: 5px;
}

#map ul.shop_campaign_list {
}

#map ul.shop_campaign_list li {
    list-style-type: disc;
    margin: 2px 15px;
}

#map .shop_pr {
    background: #FEEDDE;
    margin-top: 10px;
    padding: 5px;
}

#shop table {
    width: 100%;
}

#shop th,
#shop td {
    padding: 5px;
    border: #CCC solid 1px;
}

#shop th {
    background: #FFF5EC;
}