@charset "utf-8";

* {
    list-style: none outside none;
}

h3,dl,dt,dd,ul,li,p{
    margin: 0;
    padding: 0;
}

#pagebody_inner {
    position: relative;
}

#main-agent {
    width: 605px;
}
.floating {
    margin-left: 565px;
    position: fixed;
    top: 12px;
}

.planHead .btmBlock .price {
    padding-top: 6px;
}

/*プライン詳細 ガジェットcolumn*/
#main-agent.column-b {width: 550px;}

.rent-guide {
    margin: 0 20px;
}
h2,
h3 {
    font-size: 14px;
    margin: 0px;

}
.dep-arv-ttl {
    width: 460px;
    padding-bottom: 10px;
}


.planHead.picsize-m img.pic, .planHead.picsize-m .pic {
    width: 196px !important;
}


.bdr-top-a {
    background-image: url(none);
    border-top: 6px solid #E04521;
    padding-top: 0px;
    position: relative;
}

.ttl-btm-bluu {
    border-bottom: 5px solid #7E4F22;
}


/*レイアウト*/
#fruitsland-w{
    margin:0px auto;
    /*width:820px;*/
    width:905px;
    font-size: 13px;
}

#fruitsland-w .Contents{
    background-color: #fff;
}
#fruitsland-w .Contents table {
    width: 100%;
}

/*検索ボタン*/
.btn-search {

}

/*一覧ボタン*/
.btn-lists {
     border-radius:5px;

    padding:8px 0px;
    width: auto;
    font-weight: bold;
    font-size:14px;
    text-shadow: 1px 1px #fff;
}
/*予約フローボタン*/
.btn-rsv {
     font-weight: bold;
     border-radius:5px;
    width: 80%;
    font-size: 24px;
    margin: 0px auto;
    padding: 20px 0;
}
.btn-ui {
    padding: 30px 0 0 0;
}
/*戻るボタン*/
.btn-back {
    font-weight: bold;
    border-radius:5px;
    font-size: 16px;

    margin: 0px 25% 25px;
    padding: 15px 0;
}

#rentacar {
    text-align: left;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
}
.wrapp-btm-btn {
    padding-top: 20px;
    border-top: 1px dotted #C0C0C0;
    margin-top: 30px;
}
.icon-faq {
    background-image: url("/img/question-white.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
/*@見出し*/
#rentacar .ttl-a {
    background-color: #FFFFCD;
    color: #CC6600;
    padding: 6px 10px;
    font-weight: bold;
    /*text-shadow: 1px 1px 0 #fff;*/
    margin-bottom: 15px;
}

#rentacar .ttl-a.no-mgn {
    margin-bottom: 0px;
}
.ttl-b {
    background-color: #d87b29;
    color: #fff;
    padding: 6px 10px;
    font-weight: bold;
    /*text-shadow: 1px 1px 0 #1E77D9;*/
}

/*@メイン・タイトル*/
.main-title {
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif !important;
    box-shadow: 0px 0px 8px #e2a059 inset;
    margin-top: 10px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    color: #e04521;
    border-radius: 5px;
    padding: 25px 0 25px 20px;
    font-size: 21px;
    background-color: #f0f098;
}
.main-title .step {
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif !important;
    border-radius: 12px;
    background-color: #3E7EEA;
    color: #fff;
      text-shadow: none;
      padding: 0 20px;
      font-size: 18px;
      margin-left: 5px;
}
/*THの背景*/
.th-bg th {
    background-color: #fffdec;
}
/*テーブルの基本色*/
table.tbl-a , table.tbl-a th , table.tbl-a td {
    border: 1px solid #C0C0C0;
}
table.tbl-a th {
    width: 105px;
    vertical-align: top;
    text-align: left;
}



/*フォーム*/
#fruitsland-w .search dl{
    margin-bottom: 20px;
}

#rentacar .search {
    margin-bottom: 20px;
    background-color: #EEEFF2;
    border: 1px solid #D5D7DF;
    padding: 10px 0 15px 30px;
    /*box-shadow: 0px 0px 3px #D4D4D4;*/
}
#rentacar .search .dep {
    float: left;
}
#rentacar .search .arv {
    float: left;
    padding: 0 20px;
}
#rentacar .area {
     float: left;
     padding: 0 30px;
     border-left: 1px dotted #C0C0C0;
}
#rentacar .cars {
     float: left;
     padding-left: 20px;
     border-left: 1px dotted #C0C0C0;
}

#rentacar .area .area_list li {
    float: left;
}
#rentacar #area_naha_nanbu {
    clear: both;
    float: left;
}



/*********************
一覧
**********************/
#rentacar .rnt-ttl a {
    color: #23488D !important;
    text-shadow: 1px 1px 0 #fff;
    font-weight: bold;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #D1D1D1;
    border-left: 3px solid #FF5A00;
    box-shadow: 0px 1px 3px #DDDDDD;
    background-color: #FFFFCD;
}

#rentacar .rnt-list {
    border: 1px solid #D2D2D2;
    font-size: 13px;
    box-shadow: 1px 2px 3px #E0E0E0;
    margin-bottom: 15px;
}
#rentacar .rnt-list .rnt-list-inner {
    padding: 15px;
}
#rentacar .rnt-list .rnt-pic {
    float: left;
    width: 180px;
    margin-right: 15px;
}
#rentacar .rnt-list .rnt-pic a img {
    border: 1px solid #C0C0C0;
     width: 100%;
}
#rentacar .rnt-list .rnt-pic a:hover img {
    border: 1px solid #FF8040;
}
#rentacar .rnt-list .rnt-info {
    float: left;
    width: 350px;
}
#rentacar ul.option-list li {
     float: left;
     margin-right: 3px;
     margin-bottom: 3px;
}
#rentacar .rnt-list .rnt-info dt {
    float: left;
     width: 102px;
}
#rentacar .rnt-list .rnt-info dd {
    overflow: hidden;
}

/*料金ボックス*/
#rentacar .rnt-list .rnt-price {
    background-color: #EEEFF2;
    float: right;
    width: 200px;
    padding: 20px 0;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #C6CCE3 inset;
}

#rentacar .rnt-list .rnt-price .box-prc {
    text-align: center;
    font-size: 15px;
}
#rentacar .rnt-list .rnt-price .box-prc dt,
#rentacar .rnt-list .rnt-price .box-prc dd {
    display: inline;
}
#rentacar .rnt-list .rnt-price .box-kikan {
    text-align: center;
}
#rentacar .rnt-list .rnt-price .box-kikan dt,
#rentacar .rnt-list .rnt-price .box-kikan dd {
    display: inline;
}
#rentacar .rnt-list .rnt-price .rnt-btn {
    margin: 15px 15px 0 15px;
}

.carresult_bikou_area {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #C0C0C0;
}
.carresult_type_area {
    margin-bottom: 5px;
}


.plice {
    color: #D00012;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 175%;
    font-weight: bold;
}


.carresult_logo_area {
    margin-bottom: 6px;
}
.carresult_logo_area img {
    float: left;
}
.carresult_logo_area span {
    float: left;
    padding-left: 5px;
}


/*********************
車種詳細
**********************/
.ren-car-detail-fst .box-lt {
    float: left;
    width: 354px;
}
.ren-car-detail-fst .box-lt .reserves_photo {
    margin-bottom: 15px;
}
.ren-car-detail-fst .box-lt .reserves_photo img {
    width: 100%;
    border: 1px solid #C0C0C0;
}
.ren-car-detail-fst .box-lt .ren-detail-office dt {
    background-color: #FFFFCD;
    text-align: center;
    border-radius: 5px;
    color: #dc8c02;
    font-weight: bold;
    padding: 2px 0;
}
.ren-car-detail-fst .box-lt .ren-detail-office dd {
    text-align: center;
    padding: 10px 0;
}
.ren-car-detail-fst .box-lt .ren-detail-opt dt {
    background-color: #FFFFCD;
    text-align: center;
    border-radius: 5px;
    color: #dc8c02;
    font-weight: bold;
    padding: 2px 0;
    margin-bottom: 10px;
}

/*右エリア詳細*/
#reserves_right1 {
    font-size: 13px;
    float: right;
    width: 420px;
}


/*見積もりエリア*/
.ren-car-detail-reserev {
    margin: 30px 5px 5px 5px;
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    box-shadow: 0px 0px 3px #C6C6C6;
    border-radius: 5px;
    margin-bottom: 30px;
}
.ren-car-detail-reserev-inner {
    padding: 20px 20px 0px 20px;
}
.ren-car-detail-reserev dt.day,
.ren-car-detail-reserev dl.daisuu dt,
.ren-car-detail-reserev .ren-car-detail-office dt,
.ren-car-detail-reserev .ren-car-detail-option dt  {
    font-weight: bold;
    float: left;
    padding: 2px 0 0 5px;
}
.ren-car-detail-reserev dd {
    margin-bottom: 10px;
    float: right;
    padding-right: 5px;
}

.ren-car-detail-reserev .ren-car-detail-zyouken {
    float: left;
    width: 380px;
}


.ren-car-detail-mitumori {
    float: right;
    width: 350px;
}
.ren-car-detail-mitumori table {
    margin-bottom: 0px !important;
}

#fruitsland-w table.tbl-a tr.must th{
    background: url("http://car489.info/img/site/aff/icon_must.gif") no-repeat scroll 145px 10px #FFFDEC;
}



/*********************
予約完了
**********************/
.fini-txt-a {
    font-weight: bold;
    text-align: center;
    font-size: 42px;
    margin-bottom: 15px;
    color: #154EA2;
     font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif !important;
}
.fini-txt-b {
    text-align: center;
    font-size: 16px;
}
.fini-txt-c {
     font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif !important;
    color: #154EA2;
    text-align: center;
    font-size: 21px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #919197;
    padding: 15px 0;
}

.icon-alert {
    background: no-repeat url(/agents/guide/img/warning.png) left 12px;
    padding: 10px 0px 10px 60px;
    margin-left: 90px;
    margin-bottom: 10px;
}


.fini-ierea {

    width: 710px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.fini-ierea .rsv-box-a {
    float: left;
}
.fini-ierea .rsv-box-b {
    float: left;
}
.fini-ierea .rsv-box-a,
.fini-ierea .rsv-box-b {
    width: 350px;
    border: 1px solid #C0C0C0;
}
.fini-ierea .rsv-box-a dt,
.fini-ierea .rsv-box-b dt {
    background-color: #48B6DF;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}
.fini-ierea .rsv-box-a dd,
.fini-ierea .rsv-box-b dd {
    font-size: 15px;
    text-align: center;
     padding: 10px;
     height: 70px;
}
.fini-ierea .rsv-box-a dd p {
    padding-top: 20px;
}




/*********************
@予約：フロー確認ページ
**********************/
.plan_detail h3 {
    background: none;
    padding: 0px !important;
    margin: 0px !important;
    padding-bottom: 15px !important;
    font-weight: bold;
    font-size: 20px;
}
.plan_detail .pd_pic {
    float: left;
    margin-right: 20px;
}
.plan_detail .kihon {
    width: 330px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}
.plan_detail .pd_list li span {
    float: left;
    font-weight: bold;
    width: 120px;
}
.plan_detail .kihon .pd_list li {
    font-size: 13px;
    padding-left: 5px;
}
.plan_detail .pd_list li.pd_ttl {
    background-color: #E0E9ED;
    color: #374B5B;
    padding: 4px 10px;
    font-weight: bold;
}
.plan_detail .pd_list li.pd_ttl.hosyo {
    margin-top: 15px;
}
/*@*/
.plan_detail .pd_list .pd_ttl {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.plan_detail .pd_list li span {
    float: left;
    font-weight: bold;
    width: 120px;
}
.plan_detail .option .pd_list li div {
    text-align: right;
}
.plan_detail .option .pd_list li span {
    width: 260px;
}
.plan_detail .option .pd_list li {
    padding-left: 5px;
    padding-right: 5px;
    width: 360px;
}
.prc_block {
     background-color: #EBEBEB;
    padding-right: 15px;
    clear: both;
    margin-top: 15px;
    padding-top: 20px;
    box-shadow: 0px 0px 5px #C0C0C0 inset;
}
.prc_block p {
    padding-left: 20px;
}
.prc_block .msg-goukei {
    background-color: #FF0000;
    border: 1px solid #FF0000;
    color: #fff;
    float: left;
    padding: 3px 30px;
    text-align: center;
}
.prc_block .all-price {
    color: #FF0000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    margin-left: 20px;
}
.prc_block .all-price em {
    font-size: 21px;
    font-style: normal;
    color: #272822;
}

#fruitsland-w .pagen_box2 ul li.current{
    box-shadow:0 0 7px #ca6d3a inset;
    border: 1px solid #ca6d3a;
    background-color: #d35f1f;
}

#fruitsland-w .pagen_box2 ul li a{
    background-color:#ece7dd;
    border: solid 1px #d6d0c3;
}

#fruitsland-w #hyouzi_henkou_box .left a.sort-hit{
    box-shadow:0 0 7px #ca6d3a inset;
    border: 1px solid #ca6d3a;
    background-color: #d35f1f;
}

#fruitsland-w #hyouzi_henkou_box .left a{
    background-color:#ece7dd;
    border: solid 1px #d6d0c3;
}

#fruitsland-w .main-title .step{
    background-color: #CC6600;
}


.r-pan li{
    display: inline;
}





/*フルーツランド*/
body#agents.fruitsland #rsv_contents {
    padding: 10px 20px;
}
body#agents.fruitsland .stripe li {
    background-color: #FFEBE1;
}