/*--------- 店舗ページ共通部分 --------------------------------*/
.shop_header {
    padding-top : 10px ;
}
.shop_header .shop_data_left_box,
.shop_header .shop_data_middle_box,
.shop_header .shop_data_right_box {
    display : inline-block ;
    vertical-align : top ;
}
.shop_header .shop_data_left_box {
    width : 130px ;
}
.shop_header .shop_data_left_box img {
    width : 126px ;
    height : auto ;
    border : 2px solid #ccc ;
}
.shop_header .shop_data_middle_box {
    width : 430px ;
    padding-left : 5px ;
}
.shop_header .shop_data_middle_box .shop_category {
    font-size : 12px ;
    border-bottom : 1px dotted #333 ;
}
.shop_header .shop_data_middle_box .shop_name a {
    font-size : 20px ;
}
.shop_header .shop_data_middle_box .catch_copy {
    font-size : 14px ;
}
.shop_header .shop_data_middle_box .tel {
    background-image : url(../images/icon_tel.jpg) ;
    background-repeat : no-repeat ;
    height : 22px ;
    line-height : 22px ;
    padding : 3px 0 3px 25px ;
    font-size : 18px ;
    font-weight : bold ;
}
.shop_header .shop_data_middle_box .address span {
    font-size : 14px ;
    line-height : 20px ;
    height : 20px ;
    vertical-align : top ;
}
.shop_header .shop_data_right_box .qr {
    background-image : url(../images/qr_bk.jpg) ;
    background-repeat : no-repeat ;
    background-position : 0 9px ;
    padding-left : 97px ;
    margin-top : 5px ;
}
.shop_header .shop_data_right_box .qr img {
    width : 75px ;
    height : 75px ;
    padding : 2px ;
    border : 2px solid #ccc ;
}

/*-- ページネイト部分 --*/
.pager {
    margin-top : 10px ;
    text-align : right ;
    border-bottom : 2px solid #666 ;
}
.pager span,
.pager span a {
    font-size : 14px ;
    color : #3c6 ;
}
.pager span.current {
    color : #333 ;
}
.pager .prev:before {
    content : '<';
}
.pager .next:after {
    content : '>';
}


/*------ 店舗ページメニュー部分 ---------------------------*/
.shop_menu {
    width : 760px ;
    padding : 10px ;
}
.shop_menu li {
    display : table-cell ;
    vertical-align : top ;
}
.shop_menu li a {
    display : inline-block ;
    background-image : url(../images/shop_tab.jpg) ;
    background-repeat : no-repeat ;
    height : 50px ;
    text-indent : -99999px ;
}
.shop_menu li.menu1 a {
    width : 250px ;
    background-position : 0 0 ;
}
.shop_menu li.menu2 a {
    width : 250px ;
    background-position : -250px 0 ;
}
.shop_menu li.menu3 a {
    width : 270px ;
    background-position : -500px 0 ;
}
.shop_menu li.menu1.on a,
.shop_menu li.menu1 a:hover {
    background-position : 0 -50px ;
}
.shop_menu li.menu2.on a,
.shop_menu li.menu2 a:hover  {
    background-position : -250px -50px ;
}
.shop_menu li.menu3.on a,
.shop_menu li.menu3 a:hover  {
    background-position : -500px -50px ;
}


/*------ 店舗PR --------------------------------------------*/
.shop_pr {
    margin-bottom : 20px ;
}
.shop_pr .pr_title {
    color : #f93 ;
    font-size : 20px ;
    padding : 20px ;
    margin : 0 10px ;
    border-bottom : 2px solid #3c3 ;
}
.shop_pr .pr_body {
    padding : 10px ;
    margin : 0 10px ;
    border-bottom : 2px solid #3c3 ;
}


/*------ フォトギャラリー -----------------------------------------*/
.photo_gallery {
    margin-bottom : 50px ;
}
.photo_gallery li {
    display : inline-block ;
    vertical-align : top ;
    width : 235px ;
    margin : 10px 15px 0 0 ;
}
.photo_gallery li img {
    width : 100% ;
    height : auto ;
}
.photo_gallery li p {
    font-size : 12px ;
}

/*------ 店舗情報詳細 -------------------------------------------*/
.shop_detail {
    border-top : 2px solid #ccc ;
}
.shop_detail li {
    border-bottom : 2px solid #ccc ;
}
.shop_detail .detail_title,
.shop_detail .detail {
    display : table-cell ;
    vertical-align : top ;
    color : #333 ;
    padding : 10px 13px ;
}
.shop_detail .detail_title {
    width : 120px ;
    background-color : #ffc ;
    font-size : 14px ;
    font-weight : bold ;
    border-right : 1px solid #ccc ;
}
.shop_detail .detail,
.shop_detail .detail a {
    font-size : 14px ;
}
.shop_detail .detail {
    width : 590px ;
}
.shop_detail .detail #gmap {
    width : 500px!important ;
}



/*------- お知らせ・クーポン一覧 -----------------------------*/
.detail_list {
    width : 750px ;
    padding : 20px 10px 0 ;
}
.detail_list ul li {
    border-bottom : 1px solid #ccc ;
}
.detail_list ul li .shop_contents_box .date {
    font-size : 12px ;
}
.detail_list ul li .shop_contents_box .shop_text,
.detail_list ul li .shop_contents_box .shop_content_photos {
    display : table-cell ;
    vertical-align : top ;
}
.detail_list ul li .shop_contents_box .shop_text .content_name {
    border-bottom : 1px dotted #ccc ;
}
.detail_list ul li .shop_contents_box .shop_text .content_name a {
    color : #3c6 ;
    font-size : 18px ;
    vertical-align : middle ;
}
.detail_list ul li .shop_contents_box .shop_text .content_name .icon_camera {
    width : 22px ;
    height : 22px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_camera.png) ;
    background-repeat : no-repeat ;
}
.detail_list ul li .shop_contents_box .shop_text .content_name .icon_coupon {
    width : 24px ;
    height : 22px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_coupon_small.jpg) ;
    background-repeat : no-repeat ;
}
.detail_list ul li .shop_contents_box .shop_text .content_name .icon_otoku {
    width : 24px ;
    height : 22px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_otoku_small.jpg) ;
    background-repeat : no-repeat ;
}
.detail_list ul li .shop_contents_box .shop_text .content_name .icon_new {
    width : 30px ;
    height : 12px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_new.png) ;
    background-repeat : no-repeat ;
}
.detail_list ul li .shop_contents_box .shop_text .icon_now {
    width : 70px ;
    height : 50px ;
    display : table-cell ;
    vertical-align : middle ;
    background-image : url(../images/icon_now_big.jpg) ;
    background-repeat : no-repeat ;
    background-position : 0 5px ;
    padding : 5px 5px 5px 0 ;
}
.detail_list ul li .shop_contents_box .shop_text .icon_end {
    width : 70px ;
    height : 50px ;
    display : table-cell ;
    vertical-align : middle ;
    background-image : url(../images/icon_end_big.jpg) ;
    background-repeat : no-repeat ;
    background-position : 0 5px ;
    padding : 5px 5px 5px 0 ;
}
.detail_list ul li .shop_contents_box .shop_text .shop_info_box {
    font-size : 14px ;
    display : table-cell ;
    vertical-align : top ;
}
.detail_list ul li .shop_contents_box .shop_text .shop_info_box .coupon_date {
    font-weight : bold ;
    padding : 5px 0 ;
    color : #333 ;
}
.detail_list ul li .shop_contents_box .shop_text .shop_info_box .coupon_date span {
    background-color : #39c ;
    padding : 1px 3px ;
    color : #fff ;
    border-radius: 5px;
    margin-right : 3px ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.detail_list ul li .shop_contents_box .shop_text .more {
    text-align : right ;
}
.detail_list ul li .shop_contents_box .shop_text .more a {
    color : #3c6 ;
    font-size : 12px ;
}
.detail_list ul li .shop_contents_box .shop_content_photos {
    width : 250px ;
    padding-left : 10px ;
}
.detail_list ul li .shop_contents_box .shop_content_photos {
    vertical-align : middle ;
}
.detail_list ul li .shop_contents_box .shop_content_photos ol li {
    width : 75px ;
    padding : 2px ;
    border : none ;
    display : inline-block ;
    vertical-align : top ;
}
.detail_list ul li .shop_contents_box .shop_content_photos ol li img {
    width : 78px ;
    height : auto ;
    padding : 1px ;
    border : 1px solid #ccc ;
}



/*------- お知らせ詳細 -------------------------------------------------*/
.topic_detail .date {
    font-size : 14px ;
}
.topic_detail .date a {
    float : right ;
    color : #3c6 ;
}
.topic_detail .content_name {
    background-color : #eee;
    color : #3c6 ;
    font-size : 18px ;
    font-weight : bold ;
    padding : 5px ;
}
.topic_detail .content_name .icon_new {
    width : 30px ;
    height : 12px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_new.png) ;
    background-repeat : no-repeat ;
}
.topic_detail .author {
    text-align : right ;
    font-size : 14px ;
    padding : 5px 10px ;
    margin-bottom : 10px ;
    border-bottom : 2px dotted #ccc ;
}
.topic_detail .coupon_period span {
    background-color: #3399CC;
    border-radius: 5px;
    color: #FFFFFF;
    margin-right: 3px;
    padding: 1px 3px;
}
.topic_detail .author a {
    color : #3c6 ;
    font-size : 14px ;
}
.topic_detail .topic_content_photos {
    width : 500px ;
    margin-bottom : 10px ;
}
.topic_detail .topic_content_photos ul li {
    width : 140px ;
    margin-right : 10px ;
    display : inline-block ;
    vertical-align : top ;
}
.topic_detail .topic_content_photos ul li img {
    width : 100% ;
    height : auto ;
}
.topic_detail .topic_info_box {
    color : #333 ;
    padding-bottom : 10px ;
    margin-bottom : 10px ;
    border-bottom : 2px solid #999 ;
}
.topic_detail .topic_info_box a {
    color : #3c6 ;
}
.topic_detail .topic_info_box .share_box {
    margin-top : 40px ;
}
.topic_detail .topic_info_box .share_box b {
    color : #333 ;
}
.topic_detail .tag_box {
    font-size : 16px ;
    margin-top : 10px ;
}
.topic_detail .tag_box a {
    font-size : 16px ;
    color : #3c6 ;
}
.topic_detail .member-button {
    text-align : right ;
}
.topic_detail .comment_box {
    margin-bottom : 20px ;
}
.topic_detail .comment_box .comment_box_title {
    color : #3c6 ;
    font-weight : bold ;
}
.topic_detail .comment_box .comment_input_area textarea {
    width : 400px ;
    height : 150px ;
}
.topic_detail .comment_box .comment_input_area .btns {
    text-align : right ;
    width : 400px ;
}
.topic_detail .comment_box .comment_input_area .btns input {
    background-color : #3c3 ;
    padding : 10px 5px ;
    margin-top : 5px ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border : none ;
    color : #fff ;
    font-weight : bold ;
    cursor : pointer ;
}
.topic_detail .comment_box .comment_input_area .btns input:hover {
    background-color : #090 ;
}

.topic_detail .comment_box ul {
    border-top : 2px solid #3c6 ;
}
.topic_detail .comment_box ul li {
    padding : 5px 10px ;
    border-bottom : 1px dotted #ccc ;
}
.topic_detail .comment_box ul li .comment_body {
    padding : 0 10px ;
}


/*お気に入り店舗表示用*/
h1.page_title{
    height : 40px ;
    line-height : 40px ;
    background-color : #39AD4C ;
    padding : 5px 0 ;
    position : relative ;
    padding-left : 50px ;
    font-size : 20px ;
    color : #fff ;
}
h1.page_title img{
    position : absolute ;
    top : 10px ;
    left : 5px ;
}
.shop_data_title{
    font-size : 18px ;
    font-weight : bold ;
    color : #333 ;
    position : relative ;
    padding : 5px 10px 0 ;
}
.shop_data_title span{
    position : absolute ;
    right : 10px ;
    font-size : 16px ;
}
.shop_data_list{
    border-top : 2px solid #aaa ;
    margin-bottom : 30px ;
}
.shop_data_list li{
    height : 50px ;
    line-height : 50px ;
    overflow : hidden ;
    border-bottom : 1px dashed #aaa ;
    padding : 0 10px ;
}
.shop_data_list li.even{
    background-color : #eee ;
}
.shop_data_list li .date{
    display : inline-block ;
    margin-right : 10px ;
}
.staff_box{
    display : inline-block ;
    vertical-align : top ;
    width : 47% ;
    padding-right : 2% ;
}
.staff_box.end{
    width : 49% ;
    padding : 0 ;
}
.staff_box span{
    display : inline-block ;
    vertical-align : top ;
    padding : 10px 0 ;
    width : 40px ;
}
.staff_box span img{
    width : auto ;
    height : 28px ;
}
.shop_data_list ul li .icon_coupon{
    background-image : url(../images/icon_coupon.jpg) ;
    background-repeat : no-repeat ;
    width : 38px ;
    height : 34px ;
    display: inline-block ;
    vertical-align : top ;
    margin-top : 6px ;
}
.shop_data_list ul li .icon_otoku{
    background-image : url(../images/icon_otoku.jpg) ;
    background-repeat : no-repeat ;
    width : 38px ;
    height : 34px ;
    display: inline-block ;
    vertical-align : top ;
    margin-top : 6px ;
}