/*検索条件*/
.table-line .title,
.table-line .contents {
    display : table-cell ;
    vertical-align : middle ;
}
.table-line .title {
    width : 180px ;
    height : 80px ;
    background-color : #ccc ;
    color : #333 ;
    text-align : center ;
    font-size : 18px ;
    border-bottom : 2px solid #fff ;
}
.table-line .contents {
    padding-left : 5px ;
    border-bottom : 2px solid #ccc ;
    width : 800px ;
}
.table-line .contents .all_area,
.table-line .contents .single_area {
    display : table-cell ;
    vertical-align : middle ;
}
.table-line .contents .all_area {
    width : 55px ;
    text-align : center ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color : #999 ;
    color : #fff ;
    cursor : pointer ;
}
.table-line .contents .single_area label {
    display : inline-block ;
    vertical-align : top ;
    margin : 2px ;
    width : 55px ;
    padding : 2px 5px ;
    display : inline-block ;
    text-align : center ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color : #999 ;
    color : #fff ;
    cursor : pointer ;
}
.table-line .contents .all_area.on,
.table-line .contents .single_area label.on {
    background-color : #3c6 ;
}
.table-line .contents#map_cate ul li {
    display : inline-block ;
    vertical-align : top ;
    margin-right : 5px ;
}
.table-line .contents#map_cate ul li label {
    width : 110px ;
    height : 40px ;
    display : inline-block ;
    vertical-align : top ;
    padding : 3px ;
    cursor : pointer ;
}
.table-line .contents#map_cate ul li label:hover {
    border : 2px solid #f99 ;
    padding : 1px ;
}
.table-line .contents #map_keyword {
    width : 300px ;
    height : 20px ;
}

.table-line .contents .coupon_box label,
.table-line .contents .otoku_box label {
    font-weight : bold ;
    color : #fff ;
    cursor : pointer ;
}
.table-line .contents .coupon_box {
    display : inline-block ;
    vertical-align : top ;
    background-color : #f63 ;
    margin-left : 10px ;
    padding : 2px 5px ;
}
.table-line .contents .otoku_box {
    display : inline-block ;
    vertical-align : top ;
    background-color : #f93 ;
    padding : 2px 5px ;
}

.submit {
    background-color : #3c3 ;
    border : none ;
    padding : 3px 20px ;
    font-size : 28px ;
    color : #fff ;
    font-weight : bold ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor : pointer ;
    margin-top : 10px ;
}
.submit:hover {
    background-color : #090 ;
}


/*検索結果*/
.result {
    margin-top : 20px ;
}
.result .result_map,
.result .result_list {
    display : inline-block ;
    vertical-align : top ;
}
.result .result_map {
    width : 550px ;
    margin-right : 10px ;
}
.result .result_map #gmap {
    width : 550px!important ;
    height : 600px!important ;
}
.result .result_list {
    width : 400px ;
    height : 570px ;
    border-top : 5px solid #3c6 ;
    border-bottom : 5px solid #3c6 ;
    padding : 10px 0 ;
    overflow-y : scroll ;
}
.result .result_list ul li .shop_photo,
.result .result_list ul li .shop_text {
    display : inline-block ;
    vertical-align : top ;
}
.result .result_list ul li {
    margin-bottom : 20px ;
}
.result .result_list ul li .shop_photo {
    width : 130px ;
    margin-right : 5px ;
}
.result .result_list ul li .shop_photo img {
    width : 100% ;
    height : auto ;
}
.result .result_list ul li .shop_text {
    width : 240px ;
}
.result .result_list ul li .shop_text .shop_category {
    font-size : 12px ;
}
.result .result_list ul li .shop_text .shop_name {
    border-bottom : 1px dotted #333 ;
}
.result .result_list ul li .shop_text .shop_name a {
    color : #3c6 ;
}
.result .result_list ul li .shop_text .shop_address {
    font-size : 12px ;
    margin-top : 5px ;
}
.result .result_list ul li .shop_text .shop_tel {
    font-size : 12px ;
    background-image : url(../images/icon_map_result_tel.jpg) ;
    background-repeat : no-repeat ;
    background-position : 0 2px ;
    padding-left : 15px ;
}
.result .result_list ul li .shop_text .icons .icon_coupon {
    width : 24px ;
    height : 22px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_coupon_small.jpg) ;
    background-repeat : no-repeat ;
}
.result .result_list ul li .shop_text .icons .icon_otoku {
    width : 24px ;
    height : 22px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_otoku_small.jpg) ;
    background-repeat : no-repeat ;
}
.result .result_list ul li .shop_text .icons a {
    float : right ;
    background-color : #3c6 ;
    padding : 2px 5px ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color : #fff ;
    font-size : 14px ;
}


#results .shop_box {
    margin-bottom : 20px ;
}
#results .shop_box .shop_img,
#results .shop_box .result_text {
    display : inline-block ;
    vertical-align : top ;
}
#results .shop_box .shop_img {
    width : 100px ;
}
#results .shop_box .shop_img img {
    width : 100% ;
    height : auto ;
}
#results .shop_box .result_text {
    width : 250px ;
}
#results .shop_box .result_text a {
    color : #3c6 ;
}
#results .shop_box .result_text .area {
    font-size : 12px ;
}
#results .shop_box .result_text hr {
    border : none ;
    border-bottom : 1px dotted #333 ;
    margin : 0 ;
}
#results .shop_box .result_text .pr {
    font-size : 12px ;
}
#results .shop_box .coupon {
    width : 24px ;
    height : 22px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_coupon_small.jpg) ;
    background-repeat : no-repeat ;
    text-indent : -9999px ;
}
#results .shop_box .otoku {
    width : 24px ;
    height : 22px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_otoku_small.jpg) ;
    background-repeat : no-repeat ;
    text-indent : -9999px ;
}