@charset "utf-8";

#contents {
    padding-top: 12px;
    width: 960px;
    margin: 0 auto;
}

.search-wrap {
    width: 285px;
    box-sizing: border-box;
    position: absolute;
    margin: -161px 0px 0px 14px;
    font-size: 120%;
}
#searchBox {
    border: 2px solid #f7fff7;
    background-color: rgba(104, 169, 207, 0.8);
}
.search-wrap .txt {
    font-size: 13px;
    margin: 5px;
}
.left-ttls {
    font-size: 220%;
    color: #163851;
    text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}

.clearfix {
    overflow: hidden;
    margin: 2px 6px;
}

.clearfix dt {
    background-color: #163851;
    float: left;
    width: 39%;
    color: #fff;
    font-size: 121%;
    font-weight: bold;
    border-radius: 6px 0px 0px 6px;
    box-sizing: border-box;
    padding: 2px 2px 0px 10px;
    margin-top: 3px;
}

.clearfix dd {
    float: right;
    width: 61%;
}

.show-calendar {
    padding: 8px 6px;
    width: 29%;
    border-radius: 0 6px 6px 0;
    border: none;
    background: #FFF url(/module/img/common/ico_calendar.png) no-repeat right 50%;
    background-size: 28px auto;
}

.select-group {
    display: inline-block;
    width: 24.2%;
    position: relative;
}

.btn-time {
    display: block;
    font-size: 12px;
    text-align: right;
    background: #fff;
    border-radius: 6px;
    padding: 9px 5px 8px 5px;
}

.formList .shop-ttl {
    background-color: #163851;
    text-align: center;
    font-size: 124%;
    font-weight: bold;
    color: #fff;
    padding: 1px 0;
    margin: 7px;
    border-radius: 6px 6px 6px 6px;
}

#searchBox img {
    vertical-align: bottom;
}

#brand {
    position: absolute;
    right: 57px;
    top: -164px;
    width: 550px;
}

#firstview-down {
    position: relative;
}

.input-btn input[type="submit"] {
    border: solid 1px #ffe7c6;
    box-shadow: 2px 2px #9fc9e7;
    -webkit-appearance: none;
    width: 98%;
    height: 31px;
    font-size: 0px;
    border-bottom: none;
    border-right: none;
    background: #f2930c url(/tw/share/img/new_top/search_text_tw.png) center no-repeat;
    background-size: 85px 24px;
    border-radius: 4px;
    cursor: pointer;
}

#brand li {
    display: inline-block;
    margin: 4px 4px;
    vertical-align: text-bottom;
    background: #EEE;
    color: #111;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1.5px 1.5px 1px rgba(000,000,000,0.3);
}

#brand a {
    display: block;
    width: 92px;
    height: 90px;
    background: #fff;
    border: 1px solid #cccccc;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    color: #4b4f56;
    text-decoration: underline;
    font-size: 89%;
    line-height: 1;
}
#brand li img {
    display: block;
    margin: 0 auto;
}
.wrap-left {
    float: left;
}

#page-content {
    overflow: hidden;
    margin-top: 295px;
    border-top: 1px dashed #68a9cf;
    padding-top: 31px;
}

#mapBox {
    background: url(/tw/share/img/new_top/map.png) no-repeat;
    width: 634px;
    border: dashed 2px #6ca6c1;
    border-bottom: none;
    height: 700px;
}

#mapBox .map-ttl {
    padding: 20px 0px 3px 0px;
    border-bottom-color: #163851;
    border-bottom: 2px solid;
    margin: 0px 368px 0 30px;
}
.left-ttls img {
    vertical-align: bottom;
}

.left-ttls .text-minor {
    font-size: 73%;
}

.left-ttls strong {
    font-weight: bold;
   /* font-size: 111%;*/
}

#mapBox .map-info {
    width: 236px;
    margin: 7px 0px 6px 31px;
    color: #163851;
}


#mapBox .placeName {
    position: relative;
    width: 634px;;
}

.placeName .area-text {
    position: absolute;
    min-width: 29px;
}

.placeName .area-text a {
    color: #000;
    font-weight: bold;
    font-size: 128%;
    text-shadow: 0px 0px 6px rgba(255,255,255,0.7)
}

/* placeName　*/

.placeName .text-01 {
    left: 489px;
    top: -24px;
}

.placeName .text-02 {
    top: 260px;
    left: 404px;
}
.placeName .text-03 {
    top: 380px;
    left: 408px;
}

.placeName .text-04 {
    top: 345px;
    left: 384px;
}

.placeName .text-05 {
    top: 312px;
    left: 350px;
}

.placeName .text-06 {
    top: 300px;
    left: 313px;
}

.placeName .text-07 {
    top: 338px;
    left: 312px;
}

.placeName .text-08 {
    top: 355px;
    left: 195px;
}

.placeName .text-09 {
    top: 355px;
    left: 154px;
}

.placeName .text-10 {
    top: 390px;
    left: 195px;
}
.placeName .text-11 {
    top: 391px;
    left: 155px;
}

.placeName .text-12 {
    top: 377px;
    left: 118px;
}

.placeName .text-13 {
    top: 401px;
    left: 66px;
}

.placeName .text-14 {
    top: 414px;
    left: 35px;
}

.placeName .text-15 {
    top: 428px;
    left: 10px;
}

.placeName .text-16 {
    top: 462px;
    left: 50px;
}

.placeName .text-17 {
    top: 436px;
    left: 87px;
}

.placeName .text-18 {
    top: 481px;
    left: 77px;
}

.placeName .text-19 {
    top: 513px;
    left: 50px;
}

.placeName .text-20 {
    top: 134px;
    left: 142px;
}
.placeName .text-21 {
    top: 468px;
    left: 209px;
}

.placeName .text-22 {
    top: 443px;
    left: 201px;
}

.placeName .text-23 {
    top: 476px;
    left: 154px;
}

.placeName .text-24 {
    top: 445px;
    left: 139px;
}

.placeName .text-25 {
    top: 379px;
    left: 311px;
}
.placeName .text-26 {
    top: 375px;
    left: 270px;
}

.placeName .text-27 {
    top: 413px;
    left: 255px;
}
.placeName .text-28 {
    top: 375px;
    left: 230px;
}

.placeName .text-29 {
    top: 431px;
    left: 285px;
}

.placeName .text-30 {
    top: 471px;
    left: 264px;
}

.placeName .text-31 {
    top: 369px;
    left: 343px;
}
.placeName .text-32 {
    top: 418px;
    left: 395px;
}
.placeName .text-33 {
    top: 424px;
    left: 350px;
}

.placeName .text-34 {
    top: 450px;
    left: 314px;
}

.placeName .text-35 {
    top: 316px;
    left: 488px;
}

.placeName .text-36 {
    top: 307px;
    left: 455px;
}

.placeName .text-37 {
    top: 309px;
    left: 420px;
}
.placeName .text-38 {
    top: 342px;
    left: 439px;
}

.placeName .text-39 {
    top: 382px;
    left: 493px;
}

.placeName .text-40 {
    top: 375px;
    left: 447px;
}

.placeName .text-41 {
    top: 406px;
    left: 442px;
}
.placeName .text-42 {
    top: 108px;
    left: 465px;
}

.placeName .text-43 {
    top: 150px;
    left: 488px;
}

.placeName .text-44 {
    top: 209px;
    left: 483px;
}

.placeName .text-45 {
    top: 152px;
    left: 440px;
}

.placeName .text-46 {
    top: 203px;
    left: 444px;
}

.placeName .text-47 {
    top: 259px;
    left: 465px;

}
.transportationBox {
    background: url(/tw/share/img/new_top/by_background.png);
    width: 621px;
    border: dashed 2px #6ca6c1;
    padding: 8px 0px 13px 13px;
}

.transportationBox li {
    display: inline-block;
    width: 308px;
    vertical-align: top;
    margin: 3px 0px;
}

.transportationBox li p {
    display: inline-block;
    width: 233px;
    vertical-align: bottom;
}

.transportationBox li h3 {
    display: inline-block;
    width: 70px;
    vertical-align: top;
}

.transportationBox .areaName .areaText1 {
    font-size: 105%;
}

.transportationBox .areaName .areaText2 {
    font-size: 90%;
}

.suggest-box {
    width: 634px;
    border-bottom: none;
}
.wrap-right {
    width: 320px;
    float: right;
    margin: 0px -11px 0px 0px;
}

.transportationBox ul {
    margin: 10px 0;
}

.rankingBox {
    overflow: hidden;
    width: 634px;
    margin: 17px 0;
}

.shop-popularBox,
.area-popularBox {
    float: left;
    width: 305px;
    border: 1px solid;
}
.area-popularBox {
    float: right;
    width: 305px;
    border: 1px solid;
}
/*
.shopranking-ttl strong,
.arearanking-ttl strong {
    background: #163851 url(/tw/share/img/new_top/icon_ranking.png) no-repeat;
    background-position: bottom right;
    display: block;
    padding-top: 10px;
}*/
.rankingBox .left-ttls {
    background: #163851;
    font-size: 180%;
    position: relative;
    padding: 4px 5px;
    color: #fff;
}
.rankingBox .left-ttls .txt {
    display: block;
    padding-right: 65px;
}
.rankingBox .left-ttls img {
    position: absolute;
    bottom:-12px;
    right: 0;
}

.shop-popularBox li, .area-popularBox li {
    margin: 7px 0px 0 5px;
    border-bottom: 2px dashed #ccc;
    padding-bottom: 6px;
}

.shop-popularBox li:last-child {
    border: none;
}

.area-popularBox li:last-child {
    border: none;
}

.rankingBox span {
    color: #e63946;
    font-size: 110%;
    padding-left: 89px;
}

.rankingBox .shop-name {
    color: #6ca6c1;
    font-size: 114%;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 2px;
}
.area-popularBox .placeName {
    display: inline-block;
    width: 51px;
    background-color: #f06543;
    text-align: center;
    padding: 3px 0px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    margin: 5.5px 2px;
}

.area-info dl {
    margin: 16px 0;
}

.area-info .area-text {
    background-color: #edf7ff;
    padding: 6px 7px;
    width: 276px;
    display: block;
    font-size: 117%;
    font-weight: bold;
}

.renta-info a {
    display: inline-block;
    width: 140px;
    height: 120px;
}
.renta-info li {
    display: inline-block;
    margin: 10px 5px 0px 0px;
}
.renta-info-ttl {
    display: block;
    /* bottom: 5px; */
    padding: 56px 0 4px 0;
    font-size: 120%;
    color: #6ca6c1;
    text-align: center;
}
.renta-info-text {
    font-size: 91%;
    padding: 0 5px;
    color: #000;
}

.newsBox {
    margin: 0px 0 17px 0;
    height: 300px;
    width: 91%;
    background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
    background: linear-gradient(-45deg, rgba(104, 169, 207, 0.24) 25%, white 25%, white 50%, rgba(104, 169, 207, 0.34) 50%, rgba(104, 169, 207, 0.31) 75%, white 75%, white);
    background-size: 4px 4px;
    overflow: scroll;
}
.news-ttl {
    background: #163851;
    color: #fff;
    font-size: 135%;
    width: 91%;
    margin-top: 17px;
}

.news-ttl strong {
    vertical-align: bottom;
}

.newsBox dl {
    border-bottom: 2px dashed rgba(104, 169, 207, 0.81);
    font-size: 110%;
    font-weight: bold;
}
.newsBox .newDate {
    display: inline-block;
    border-right: 1px solid;
    padding: 7px 7px 0;
    margin: 4px 0;
}
.newsBox a {
    color: #000;
    font-size: 98%;
    border-bottom:1px solid #000;
}
.newsBox .newsContent {
    display: inline-block;
}

.pB05 {
    padding-bottom: 5px;
}

.somking-ttl dt {
    width: 170px;
}

.somking-ttl dt {
    width: 170px;
}

.somking-ttl dd {
    width: 38%;
}

#pref1 {
    padding: 6px 0px 6px 2px;
}

#firstBox select {
    font-size: 98%;
    border-radius: 6px 6px 6px 6px;
    opacity: 0.95;
    margin: 2px 0;
}

#sec1 {
    padding: 6px 0px 6px 2px;
    width: 182px;
}


#city1 {
    padding: 6px 0px 6px 2px;
    width: 268px;
}

.cell table {
    margin: 0 auto;
    width: 94%;
}

#mark1 {
    padding: 6px 0px 6px 2px;
    border-radius: 6px;
    width: 98%;
    font-size: 98%;
}

#pref2 {
    padding: 6px 0px 6px 2px;}

#thirdBox select {
    font-size: 99%;
    border-radius: 6px 6px 6px 6px;
    opacity: 0.95;
    margin: 2px 0;
}

select#route3 {
    padding: 6px 0px 6px 2px;
    width: 177px;
}

#mark2 {
    padding: 6px 0px 6px 2px;
    width: 265px;
}

#smoke {
    font-size: 98%;
    border-radius: 0px 6px 6px 0px;
    opacity: 0.95;
    padding: 5px 15px 9px 2px;
}
#searchform {
    padding: 8px 0px 13px 0;
}
.search_btn label {
    display: block;
    margin: 10px 0px 9px 6px;
    border: solid 1px #ffe7c6;
    box-shadow: 2px 2px #9fc9e7;
    -webkit-appearance: none;
    width: 95%;
    height: 30px;
    border-bottom: none;
    border-right: none;
    background: #ffa526 url(../img/index/form_search_btn.png) center no-repeat;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
#searchform2 dt {
    background: #163851;
    display: inline-block;
    color: #fff;
    padding: 2px;
    margin: 5px -4px 3px 7px;
    border-radius: 6px 0 0px 6px;
    font-size: 101%;
    font-weight: bold;
}
#searchform2 img {
    padding: 0 3px;
    vertical-align: middle;
}
#searchform2 dd {
    display: inline;
}
.date-tex {
    display: inline-block;
    padding: 3px 0;
}
.pickup-shop {
    background: #163851;
    margin: 4px 7px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}
.pickupBox label {
    margin: 0 1px 0 10px;
}
#firstBox, #secondBox, #thirdBox {
    margin-left: 8px;
    margin-top: 6px;
}
#secondBox {
    margin-bottom: 40px;
}
#searchform2 .smoking-check {
    padding: 2px 69px 1px 1px;
}
a:hover {
    opacity: 0.8;
}
.search_btn:hover{
    opacity: 0.8;
}
#brand .brand-budget {
    padding: 19px 0;
}
#brand .brand-times {
    padding: 1px 0;
}
#brand .brand-jnet {
    padding: 0 0px 4px 2px;
}
#brand .brand-ots {
    padding: 14px 0;
}
.search-ttl {
    font-size: 181%;
    margin: 5px 0 0 0;
}
.shop-name {
    width: 236px;
}
.area-popularBox .suggest-link {
    display: inline-block;
    width: 241px;
    vertical-align: middle;
}
.shop-popularBox .suggest-link {
    display: inline-block;
    width: 260px;
    vertical-align: middle;
}
.car-type {
    font-size: 110%;
    padding-left: 98px;
}
.suggest-price {
    font-size: 118%;
    padding-left: 9px;
    color: #e63946;
}
.suggest-link .shop-price {
    font-size: 118%;
    padding: 0 10px;
}
.newsBox a:hover {
    border-bottom: none;
}
#brand a:hover {
    text-decoration: none;
}
#brand .brand-honda {
    padding: 14px 0;
}
.shop-popularBox .car-type {
    padding-left: 119px;
}
/* 1104追記　*/
.leftCol{float: left;width: 322px;}.rightCol{float: right;width: 630px;}

.leftCol .search_btn{
     border:inherit; 
     box-shadow:inherit;
    background:none;
}

.rightCol #brand {
    position:inherit;
     right:inherit; 
     top:inherit; 
    width: inherit;
}
.rightCol #brand a{
    width:inherit;
    border:none;
}
.rightCol #brand li{
    background:inherit; 
     color:inherit; 
    -moz-box-shadow:inherit;
     -webkit-box-shadow: inherit; 
}

.brand-worldnet {
    margin: -5px;
}
/*租車情報列表*/

.renta-info li {
    display: inline-block;
    margin: 10px 5px 0px 0px;
    vertical-align: top;
}

.box-helpful .rental-info-box a {
    display: block;
    background: rgba(240, 240, 240, 0.98);
    text-align: center;
    height: 150px;
}

.box-helpful .rental-info-box img {
    width: 60px;
    padding: 5px 0;
}

.box-helpful .rental-info-box a {
    display: block;
    background: rgba(240, 240, 240, 0.98);
    text-align: center;
    height: 133px;
}

.box-helpful .rental-info-box img {
    width: 44px;
    padding: 5px 0 0 0;
}

.rental-info-box .renta-info-ttl {
    display: block;
    padding: 6px 0 4px 0;
    font-size: 120%;
    color: #6ca6c1;
    text-align: center;
}

 .box-attention {
    width: 860px;
    margin: 10px auto;
    border: solid 1px #f80000;
    padding: 10px;
    background: #FFF;
}

.box-attention .lnk-txt {
    font-size: 105%;
    text-align: center;
}
.box-attention .lnk-txt a {
    text-decoration: underline;
}

#brand ul {
    height: 354px;
    overflow: scroll;
}
/* overlay */
/*
#overlay{
    display: block;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100vh;
    width: 100%;
}
.load_inner{
    position: absolute;
    text-align: center;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
}
.load_text{
    padding-top: 22px;
}*/