@charset "utf-8";

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

#searchBox {
    width: 285px;
    box-sizing: border-box;
    border: 2px solid #f7fff7;
    position: absolute;
    margin: -161px 0px 0px 14px;
    background-color: rgba(104, 169, 207, 0.8);
    font-size: 120%;
}

.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;
}

#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: 104%;
}

.wrap-left {
    float: left;
    margin: 215px 0 0 0;
}

#page-content {
    overflow: hidden;
}

#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;
    height: 700px;
}

.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: 215px -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 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 .renta-icon1 {background: url(/tw/share/img/new_top/icon_lisence.png) no-repeat;}

.renta-info-ttl {
    display: block;
    /* bottom: 5px; */
    padding: 56px 0 4px 0;
    font-size: 120%;
    color: #6ca6c1;
    text-align: center;
}

.renta-info .renta-icon2 {
    background: url(/tw/share/img/new_top/icon_insurance.png) no-repeat;
}

.renta-info .renta-icon3 {
    background: url(/tw/share/img/new_top/icon_road.png) no-repeat;
}

.renta-info .renta-icon4 {
    background: url(/tw/share/img/new_top/icon_driveinjp.png) no-repeat;
}

.renta-info .renta-icon5 {
    background: url(/tw/share/img/new_top/icon_sapa.png) no-repeat;
}

.renta-info .renta-icon6 {
    background: url(/tw/share/img/new_top/icon_etc.png) no-repeat;
}

.renta-info-text {
    font-size: 91%;
    padding: 0 5px;
    color: #000;
}

.newsBox {
    margin: 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;
}

.newsBox .news-ttl {
    background: #163851;
    color: #fff;
    font-size: 135%;
}

.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: 108%;
}
.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 {
    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 5px;
    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 74px 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: 10px 0;
}

.search-ttl {
    font-size: 181%;
    margin: 5px 0 0 0;
}

.shop-name {
    width: 236px;
}

a.suggest-link {
    display: inline-block;
    width: 237px;
    vertical-align: middle;
}
.car-type {
    font-size: 110%;
    padding-left: 98px;
}

.suggest-price {
    font-size: 118%;
    padding-left: 14px;
}

.suggest-link .shop-price {
    font-size: 118%;
    padding: 0 10px;
}