@charset "utf-8";

/* ==========================================================================
   About styles
   ========================================================================== */

#container {
    overflow: hidden;
}

/* main
   -------------------------------------------------------------------------- */
main {
    padding: 150px 0 220px;
    text-align: center;
}

main > p {
    margin: 0 auto;
    color: #005bac;
    font-weight: bold;
}

main > h1 + p {
    margin-top: 25px;
    font-size: 24px;
}

main > h1 + p + p {
    margin-top: 42px;
    font-size: 18px;
}

#map {
    height: 300px;
    margin: 40px 0 0 0;
}

#searchBox {
    margin: 40px 0 0 0;
    border: 2px solid #005BAC;
    line-height: 1;
}
#searchBox .searchTitle {
    float: left;
    width: 209px;
    padding: 16px 0 17px;
    border-right: 2px solid #005BAC;
    text-align: center;
}
#searchBox .condition {
    float: left;
    width: 956px;
    padding: 7px 7px 7px 22px;
    vertical-align: middle;
}
#searchBox .condition .addressBox,
#searchBox .condition .aidBox,
#searchBox .condition .shopList {
    float: left;
}

#searchBox .condition .submitBtn {
    float: right;
}

#searchBox .condition .addressBox {
    margin: 0 22px 0 0;
}

#searchBox .condition .aidBox {
    margin: 0 32px 0 0;
}

#searchBox .condition input,
#searchBox .condition select {
    vertical-align: middle;
}
#searchBox .condition .shopList {
}
#searchBox .condition .shopList .title {
    float: left;
    margin: 8px 0 0 0;
}
#searchBox .condition .shopList .item {
    float: left;
    margin: 8px 0 0 20px;
    line-height: 22px;
}
#searchBox .condition .submitBtn a {
    display: block;
    padding: 5px 32px;
    background: #005bac;
}
#searchBox .condition .submitBtn:hover {
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* selectbox */
.selectbox {
    display: inline-block;
    *display: inline;
    position: relative;
    margin: 5px 0 0 0;
    zoom: 1;
    text-align: left;
}
.selectbox .select {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    width: 154px;
    padding: 2px;
    background: #eee;
    color: #111;
    text-decoration: none;
    cursor: default;
    zoom: 1;
}
.selectbox .select span {
    display: block;
    height: 25px;
    padding: 0 25px 0 7px;
    background: url(../img/shoplist/btn_pulldown.png) no-repeat right top;
    line-height: 25px;
    cursor: default;
}
.selectbox .pulldown {
    overflow: auto;
    position: absolute;
    left: 0;
    top: 29px;
    width: 156px;
    max-height: 200px;
    border: 1px solid #bbb;
    background: #fff;
}
.selectbox .pulldown a {
    display: block;
    padding: 5px 8px 5px 8px;
    border-bottom: 1px solid #bbb;
    text-decoration: none;
    font-size: 12px;
}
.selectbox .pulldown .last-child {
    border: none;
}
.selectbox .pulldown a:hover,
.selectbox .pulldown .selected {
    background: #eee;
    color: #666;
    text-decoration: none;
}

#addressBox {
    overflow: hidden;
    width: 100%;
    margin: 0 0 15px 0;
}
#addressBox .aidTitle {
    display: inline;
    float: left;
    margin: 0 14px 0 0;
}
#addressBox .aidList {
    overflow: hidden;
    width: 738px;
    font-size: 86%; /* 12px */
}
#addressBox .aidItem {
    overflow: hidden;
    float: left;
    width: 235px;
    padding: 0 5px 10px 0;
}
#addressBox .aidItem .title {
    float: left;
    width: 41px;
    height: 18px;
    padding: 0 6px 0 0;
    line-height: 18px;
}
#addressBox .aidItem .txt {
    float: left;
    height: 18px;
    font-size: 90%;
    line-height: 18px;
}

#resultBox {
    min-height: 300px;
    height: auto !important;
    height: 300px;
    padding: 0 0 16px 0;
}
.loading {
    display: none;
    padding: 50px 0 50px 0;
    text-align: center;
}
.emptyOutput,
.errorOutput {
    padding: 50px 0 50px 0;
}
.resultTable {
    width: 100%;
    margin: 50px 0 0 0;
}
.resultTable th {
    background: #005bac;
    padding: 8px 0;
    line-height: 1;
}
.resultTable td {
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
    padding: 8px 10px 8px 10px;
    font-size: 14px;
    text-align: left;
}
.resultTable .even td {
    background: #f4f4f4;
}
.resultTable td a {
    color: #111;
}
.resultTable .country,
.resultTable .area {
    text-align: center;
}

.resultTable .country  { width: 6%;}
.resultTable .area     { width: 6%;}
.resultTable .name     { width: 20%;}
.resultTable .address  { width: 28%;}
.resultTable .stringer { width: 15%;}
.resultTable .string   { width: 25%;}

.resultTable .address img {
    margin: 5px 0 0 10px;
}

.resultTable .string img + img {
    margin: 0 0 0 10px;
}

.pagerList {
    width: 100%;
    margin: 50px 0 0 0;
    text-align: center;
}
.pagerList li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 0.2em 0 0.2em;
    height: 32px;
    line-height: 28px;
    font-size: 18px;
    font-weight: bold;
}
.pagerList li span {
    display: block;
    width: 28px;
    height: 28px;
    color: #fff;
    border: solid 2px #005bac;
    background: #005bac;
    cursor: pointer;
}
.pagerList li.current span {
    width: 28px;
    color: #005bac;
    background: #fff;
}
.pagerList li.prev {
    padding: 0 1em 0 0;
}
.pagerList li.next {
    padding: 0 0 0 1em;
}


#nextPage {
    overflow: hidden;
    width: 334px;
    margin: 0 47px 0 auto;
}
#nextPage .fuki {
    position: relative;
    width: 64px;
    margin: 0 0 0 auto;
    line-height: 1;
    z-index: 10;
}
#nextPage .arrow {
    position: relative;
    margin: -50px -7px 0 0;
    line-height: 1;
    z-index: 5;
}


.resultTable .tbody {
    display: none;
}