#detail_name {
    font-size: 22px;
    position: absolute;
    left: 180px;
    top: 105px;
    width: 440px;
}

.detail_table {
    width: 92%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 4%;
    padding-left: 4%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.detail_table_list1 {
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    width: 80px;
    min-width: 80px;

}
.detail_table_list2 {
    font-size: 16px;
    line-height: 1.3em;
    word-break: break-all;
}

.detail_icon {
    float: left;
    width: 90px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    color: #666;
    position: absolute;
    left: 540px;
    top: 30px;
}
.detail_icon a:link{
    color: #666;
}
.detail_icon a:visited{
    color: #666;
}


.detail_icon img{
width: 38px;
}

#detail_blog_finding_box{
    width: 100%;
    margin-top: 35px;
    margin-bottom: 5px;
    position: relative;
}
#detail_blog_subscription {
    top: 0px;
    right: 0px;
    z-index: 100;
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background-color: #F3594D;
    text-align: center;
    padding-top: 4px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 20px;
    margin-right: 5px;
    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
}
#detail_blog_finding {
    background-image: url(../../sys_img/pc/blog_icon.jpg);
    padding-left: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px;
    font-size: 19px;
    letter-spacing: 1px;
    margin-left: 10px;
    color: #333;
    line-height: 30px;
}


.detail_blog_box {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dedede;
    float: left;
    width: 100%;
}
.detail_blog_photo {
    float: left;
    width: 160px;
    overflow: hidden;
    min-height: 60px;
    max-height: 100px;
    background-color: #333;
}

.detail_blog_photo img{
    width: 160px;
}

.detail_blog_entry {
    float: left;
    width: 450px;
    padding-left: 14px;
    height: 100px;
    padding-right: 15px;
}
.blog_entry_date {
    font-size: 13px;
    padding-top: 10px;
    color: #444;
}
.blog_entry_title {
    font-size: 16px;
    line-height: 1.4em;
}

/* edited by j-miura */ /*hereout*/
#j_header{
    margin-bottom: 5px;
}

#detail_header_j {
    height: 140px;
    position: relative;
}

#detail_name_j {
    font-size: 22px;
    position: absolute;
    left: 180px;
    top: 60px;
    width: 440px;
}

#detail_face_header_j {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
    position: absolute;
    border-radius: 120px;        /* CSS3草案 */
    -webkit-border-radius: 120px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 120px;   /* Firefox用 */
    background-color: #eee;
    background-image: url(../../sys_img/no_image200.gif);
    background-size: 120px;
    background-repeat: no-repeat;
    border: 1px solid #eee;
    overflow: hidden;
    margin-top: 0px;
    left: 30px;
    top: 10px;
}


#detail_face_header_j img{
    width: 100%;
}

.table-css {
	border-width: 1px;
	border-style: solid;
	border-color: #dedede;
	border-collapse: collapse;
	border-right-style:none;
	border-left-style:none;
}

.detail_blog_box_j {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dedede;
    float: left;
    width: 100%;
}
.detail_blog_photo_j {
    float: left;
    width: 160px;
    overflow: hidden;
    min-height: 60px;
    max-height: 100px;
    background-color: #FFF;
}

.detail_blog_photo_j img{
    width: 160px;
}

.detail_blog_entry_j {
    width: 280px;
    padding-left: 170px;
}
.blog_entry_date_j {
    font-size: 13px;
    padding-top: 5px;
    color: #444;
}
.blog_entry_title_j {
    font-size: 16px;
    line-height: 1.4em;
}

#detail_user_finding {
    /*padding-left: 10px;*/
    height: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px;
    font-size: 19px;
    letter-spacing: 1px;
    /*margin-left: 10px;*/
    color: #333;
    line-height: 30px;
	text-align: center;
}
#detail_face_j {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
    border-radius: 120px;        /* CSS3草案 */
    -webkit-border-radius: 120px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 120px;   /* Firefox用 */
    background-color: #eee;
    background-image: url(../../sys_img/no_image200.gif);
    background-size: 120px;
    background-repeat: no-repeat;
    border: 1px solid #eee;
    overflow: hidden;
    margin-top: 0px;
    /*left: 30px;*/
    top: 25px;
	text-align:center;
	margin-left:auto;
    margin-right:auto;

}
#detail_face_j img{
    width: 100%;
	height: 100%;
}
/* edited by j-miura */ /*here*/

#check_genre_wrap{
    position: absolute;
    left: 180px;
    top: 70px;
    width: 400px;
}

#checkin_number {
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    display: inline;
    background-image: url(../../sys_img/pc/checkin_icon_small.jpg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 22px;
    height: 30px;
        line-height: 30px;

}

#genre {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    float: left;
    margin-right: 5px;
    height: 27px;
    line-height: 30px;
    margin-top: 3px;
}
#genre_text {
    float: left;
    margin-right: 20px;
    font-size: 15px;
    height: 30px;
        line-height: 30px;

    font-weight: bold;
    
}
#detail_face {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
    position: absolute;
    border-radius: 120px;        /* CSS3草案 */
    -webkit-border-radius: 120px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 120px;   /* Firefox用 */
    background-color: #eee;
    background-image: url(../../sys_img/no_image200.gif);
    background-size: 120px;
    background-repeat: no-repeat;
    border: 1px solid #eee;
    overflow: hidden;
    margin-top: 0px;
    left: 30px;
    top: 25px;
}


#detail_face img{
    width: 100%;
}

#distance {
    color: #FFF;
    background-color: #3cf;
    text-align: center;
    width: 70px;
    font-size: 13px;
    font-weight: bold;
    margin-right: auto;
    position: absolute;
    top: 30px;
    z-index: 500;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    line-height: 25px;
    height: 25px;
    left: 180px;
}

#checkin_icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100;
}
#checkin_icon img{
    width: 40px;
}

#header_line {
    width: 100%;
    background-color: #37aa83;
    height: 50px;
    color: #FFF;
    position: fixed;
    z-index: 1000;
}
#menu_icon {
    float: left;
    margin-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#link_logo {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#blog_search {
    float: right;
    line-height: 50px;
    height: 50px;
    margin-right: 20px;
}

#profile_wrap {
    float: right;
    line-height: 30px;
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    position: relative;
    padding-left: 15px;
}
#profile_name {
    float: right;
    line-height: 30px;
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    font-size: 13px;
}
#header_tab {
    width: 100%;
    background-color: #fff;
    height: 60px;
    color: #FFF;
    line-height: 60px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
}
.nav_tab {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
}


@charset "utf-8";

/* -----------------------------------------------------------
CSS Information
    レイアウト
----------------------------------------------------------- */

/*-----------------------------------------------
 __share_style
-----------------------------------------------*/
.inner {
    padding: 0px;
    margin: 0px;
}

#container {
    float: left;
    width: 100%;
    background: #fff;
    height: 100%;
}

#contents {
    float: right;
    width: 100%;
    height: 100%;
}

/* __main
------------------------------------------*/

#map {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#map .inner {
    margin-left: 640px;
    background-color: #EAF6F2;
    height: 100%;
    z-index: -1000;
    width: 100%;
    padding-top: 110px;
}

/* __sub
------------------------------------------*/

#contents_left {
    float: left;
    width: 640px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dedede;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

#contents_left .inner {
    padding-bottom: 111px;
}

#contents > #contents_left {
    margin-left: -100%;
    background-color: #FFF;
    position: relative;
    left: 0px;
    top: 111px;
    overflow: hidden;
}

/*
div#display_section {
    height: 1000px;
    width: 98%;
    padding: 5px;
    overflow: scroll;
    border: 1px solid #CCC;
    -webkit-overflow-scrolling: touch;
}
*/


#detail_header {
    height: 160px;
    position: relative;
}
#slide_wrap {
    height: 100px;
    background-color: #F99;
    margin-left: 30px;
}
#footer {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #EAF6F2;
    margin: 0px;
}



.nav_tab {
    color: #333;
    font-size: 15px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
}
.nav_tab a:link{
    color: #333;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
}
.nav_tab a:visited{
    color: #333;

}
.nav_tab a:hover{
    color: #fff;
    background-color: #F3594D;
    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
    position: relative;
}

.nav_tab a:hover:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #F3594D;
    border-width: 5px;
    margin-left: -5px;
    z-index: 100;

}





.nav_tab2 {
    color: #333;
    font-size: 15px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    float: left;
}
.nav_tab2 a:link{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    color: #fff;
    background-color: #F3594D;
    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
    position: relative;
    
}
.nav_tab2 a:visited{
    color: #fff;
    background-color: #F3594D;
    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
    position: relative;

}


.nav_tab2 a:link:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #F3594D;
    border-width: 5px;
    margin-left: -5px;
    z-index: 100;
}
.nav_tab2 a:visited:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #F3594D;
    border-width: 5px;
    margin-left: -5px;
    z-index: 100;

}
#cse-search-box input {
    height: 30px;
    border: 0px none;
    padding-right: 10px;
    padding-left: 10px;
}
#submit_button {
    font-weight: bold;
    background-color: #db473d;
    height: 30px;
    color: #FFF;
    font-size: 16px;
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 2px;
    cursor: pointer;
}
#pageslide{
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 2000;
    width: 300px;
    margin: 0px;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dedede;
}
.boxnew {
    background-color: #eaf6f2;
    margin: 8px;
    padding: 20px;
    position: relative;
    left: 0px;
    top: 0px;   
}
.box {
    margin: 8px;
    padding: 20px;
    position: relative;
    left: 0px;
    top: 0px;   
}
.new_icon {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 100;
}
.entry_profile_wrap {
    height: 90px;
    position: relative;
    left: 0px;
    top: 0px;
}

.entry_profile img{
    max-width:80px;
    max-height:70px;
}
.entry_name{
    position: absolute;
    left: 100px;
    top: 10px;
    font-size: 14px;
    color: #333;
    height: 20px;
    width: 430px;
    overflow: hidden;
}
.entry_blog_name{
    position: absolute;
    left: 100px;
    top: 30px;
    font-size: 19px;
    font-weight: bold;
    width: 430px;
    height: 50px;
    overflow: hidden;
    line-height: 1.3em;
}
.entry_blog_name a:link{
    color: #333;
}
.entry_blog_name a:visited{
    color: #333;
}

.timestamp{
    position: absolute;
    top: 10px;
    font-size: 12px;
    color: #333;
    right: 0px;
}

.like_star_on{
    position: absolute;
    top: 20px;
    right: 0px;
    font-size: 33px;
    color: #F6A734;
}

.like_star_on a:link{
    color: #F6A734;
}
.like_star_on a:visited{
    color: #F6A734;
}
.like_star_on a:hover{
    color: #999999;
}


.like_star_off{
    position: absolute;
    top: 20px;
    right: 0px;
    font-size: 33px;
    color: #999999;
}

.like_star_off a:link{
    color: #999999;
}
.like_star_off a:visited{
    color: #999999;
}
.like_star_off a:hover{
    color: #F6A734;
}






.list_star_on{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 33px;
    color: #F6A734;
}

.list_star_on a:link{
    color: #F6A734;
}
.list_star_on a:visited{
    color: #F6A734;
}
.list_star_on a:hover{
    color: #999999;
}


.list_star_off{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 33px;
    color: #999999;
}

.list_star_off a:link{
    color: #999999;
}
.list_star_off a:visited{
    color: #999999;
}
.list_star_off a:hover{
    color: #F6A734;
}



.entry_body {
    height: 150px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.6em;
}
.entry_body img {
    max-width: 200px;
    max-height: 270px;
    margin-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #EAF6F2;
}


.entry_title {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}


.button {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    outline: none;
    position: relative;
    z-index: 2;
    color: #333;
    -webkit-perspective: 100%;
    perspective: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #2ba17e;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.4em;
    padding-right: 5%;
    padding-left: 5%;
}
.button:hover {
    color: #fff;
}

.button::before,
.button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    opacity: 0;
}

.button,
.button::before,
.button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button:hover::after {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
}

.entry_comment{
        position: relative;
        float: left;
}
.entry_comment a:link{
    width: 160px;
    float: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dedede;
    background-image: url(../../sys_img/pc/icon_comment.png);
    background-repeat: no-repeat;
    background-position: 80px center;
    padding-left: 130px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    font-weight: bold;
    color: #3A3A38;
}
.entry_comment a:visited{
    color: #3A3A38;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dedede;
}
.entry_detail_link{
        position: relative;
        float: left;
}
.entry_detail_link a:link{
    width: 160px;
    float: left;
    background-image: url(../../sys_img/pc/icon_blog.png);
    background-repeat: no-repeat;
    background-position: 80px center;
    padding-left: 130px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    font-weight: bold;
    color: #3A3A38;

}
.entry_detail_link a:visited{
    color: #3A3A38;
}



.entry_detail_link_1{
        position: relative;
        float: left;
}
.entry_detail_link_1 a:link{
    width: 300px;
    float: left;
    background-image: url(../../sys_img/pc/icon_blog.png);
    background-repeat: no-repeat;
    background-position: 235px center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    font-weight: bold;
    color: #3A3A38;
    padding-left: 280px;
}
.entry_detail_link_1 a:visited{
    color: #3A3A38;
}





.entry_detail_link_2{
        position: relative;
        float: left;
}
.entry_detail_link_2 a:link{
    width: 340px;
    float: left;
    background-image: url(../../sys_img/pc/icon_blog.png);
    background-repeat: no-repeat;
    background-position: 195px center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    font-weight: bold;
    color: #3A3A38;
    padding-left: 240px;
    border: 2px solid #333;
    margin-bottom: 20px;
}
.entry_detail_link_2 a:visited{
    color: #3A3A38;
    border: 2px solid #333;
}
.entry_detail_link_2 a:hover{
    color: #FFFFFF;
    border: 2px solid #333;
    background-color: #333333;
}

.border_bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
}

.border_left {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dedede;
}
.border_top {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dedede;
}
.number {
    font-size: 11px;
    line-height: 25px;
    color: #FFF;
    background-color: #db473d;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 65px;
    top: -5px;
    text-align: center;
    font-weight: bold;
    border-radius: 50px;        /* CSS3草案 */
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;   /* Firefox用 */
}
.number_1 {
    font-size: 11px;
    line-height: 25px;
    color: #FFF;
    background-color: #db473d;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 220px;
    top: -5px;
    text-align: center;
    font-weight: bold;
    border-radius: 50px;        /* CSS3草案 */
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;   /* Firefox用 */
}
.number_2 {
    font-size: 9px;
    line-height: 25px;
    color: #FFF;
    background-color: #db473d;
    height: 23px;
    width: 23px;
    position: absolute;
    left: -4px;
    top: 0px;
    text-align: center;
    font-weight: bold;
    border-radius: 50px;        /* CSS3草案 */
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;   /* Firefox用 */
    z-index: 100;
}
.number_3 {
    font-size: 9px;
    line-height: 25px;
    color: #FFF;
    background-color: #db473d;
    height: 23px;
    width: 23px;
    position: absolute;
    left: 260px;
    top: 8px;
    text-align: center;
    font-weight: bold;
    border-radius: 50px;        /* CSS3草案 */
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;   /* Firefox用 */
    z-index: 100;
}
.timeline_ad {
    float: left;
    margin-left: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.timeline_ad_wrap {
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
    width: 100%;
}
.distance_blog {
    font-weight: bold;
    color: #FFF;
    background-color: #3CF;
    text-align: center;
    width: 70px;
    padding: 5px;
    position: absolute;
    top: -28px;
    right: -28px;
    font-size: 13px;
}
.entry_detail {
    font-size: 17px;
    line-height: 1.6em;
}
.entry_detail img {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.entry_detail_title {
    font-size: 22px;
    line-height: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFF;
    background-color: #333;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}
.entry_detail_title:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(55, 170, 131, 0);
    border-top-color: #333;
    border-width: 7px;
    margin-left: -7px;
    z-index: 100;
}
#comment_wrap {
    margin: 30px;
}
.share_button_wrap {
    margin-top: 30px;
    margin-right: 4.5%;
    margin-bottom: 20px;
    margin-left: 4.5%;
    float: left;
    width: 91%;
}
.share_button {
    width: 12.2%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
}
.share_button img{
    width: 100%;

}
.menu_navi {
    width: 77%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    color: #333;
    padding-top: 5px;
    padding-right: 5%;
    padding-bottom: 5px;
    padding-left: 18%;
    position: relative;
}

a:link .menu_navi {
    background-color: #fff;
}

a:hover .menu_navi{
    background-color: #dedede;
    position: relative;
}
.menu_navi img {
    position: absolute;
    left: 10px;
    top: 5px;
}
#menu_logo {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 3px;
}
.menu_text {
    font-size: 13px;
    line-height: 1.3px;
    margin-top: 5px;
    margin-bottom: 15px;
}
#menu {
    overflow: hidden;
}
.margine20{
    margin: 20px;   
}
.list_wrap {
    float: left;
    height: 70px;
    width: 598px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
    position: relative;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dedede;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dedede;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    overflow: hidden;
}
.list_button_wrap {
    float: left;
    height: 70px;
    width: 20%;
    color: #FFF;
    
}

#login_wrap {
    float: right;
    line-height: 30px;
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    position: relative;
    padding-left: 5px;
}

button.login_button {
    font-size: 15px;
    font-weight: bold;
    background-color: #333;
    color: #fff;
    border-style: none;
    height: 30px;
    width: 100%;
    cursor: pointer;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
    margin: 0px;
    line-height: 30px;
}


button.login_button:hover {
    background-color: #f7f8ed;
    color: #333;
}



button.list_button_on {
    font-size: 20px;
    font-weight: bold;
    background-color: #F3594D;
    color: #fff;
    border-style: none;
    height: 70px;
    width: 100%;
}


button.list_button_on:hover {
    background-color: #f7f8ed;
    color: #333;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dedede;
}

button.list_button_off {
    font-size: 20px;
    font-weight: bold;
    background-color: #f7f8ed;
    color: #333;
    height: 70px;
    width: 100%;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
    border-left-color: #dedede;
}


button.list_button_off:hover {
    background-color: #F3594D;
    color: #fff;
}
.list_photo {
    height: 70px;
    width: 14%;
    float: left;
    overflow: hidden;
    margin-right: 3%;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dedede;
}

.list_photo img{
    /*max-width: 100%;*/
    width: 100%;
    max-height:140px;
}
.list_right {
    float: left;
    height: 70px;
    width: 55%;
    position: relative;
    font-size: 15px;
    line-height: 1.6em;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.setlist_right {
    float: left;
    height: 70px;
    width: 82%;
    position: relative;
    font-size: 15px;
    line-height: 1.6em;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.recommend {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid #dedede;
}
.pack_wrap {
    background-color: #FFFFFF;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-color: #dedede;
    border-right-color: #dedede;
    border-bottom-color: #dedede;
    border-left-color: #dedede;
}
.pack_text {
    text-align: center;
    font-size: 15px;
    margin-right: 20px;
    margin-left: 20px;
}

.btn_01 {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    font-size: 16px;
    margin: 10px 2% 10px 0;
    padding: 8px 5px;
    transition: all 0.2s linear 0s;
    width: 40%;
    font-weight: bold;
}
.btn_01:hover {
    color: #ffffff !important;
    background-color: #333;
}

.btn_02 {
    background: none repeat scroll 0 0 #3d9db3;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding: 8px 5px;
    transition: all 0.2s linear 0s;
    width: 57%;
}


.btn_02:hover {
    color: #ffffff !important;
    background-color: #333;
}


.btn_03 {
    background: none repeat scroll 0 0 #3d9db3;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding: 8px 5px;
    transition: all 0.2s linear 0s;
    width: 100%;
}


.btn_03:hover {
    color: #ffffff !important;
    background-color: #333;
}

.pack_button {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 30px;
}




select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
   text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
}
select::-ms-expand {
  display: none;
}
.custom {
    overflow: hidden;
    display: inline-block;
  *display: inline;
  *zoom: 1;
    position: relative;
    border-radius: 0.2em;
    border: 1px solid #dedede;
    box-shadow: 0 2px 0 #AAA;
    background-color: white;
    overflow: hidden; /* 伸ばした分を隠す */
}
.custom > select {
  width: 130%;
  padding: 0.6em 2.4em 0.6em 0.6em;
  font-size: 1rem;
  
}
.custom:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") center no-repeat;
  pointer-events: none;
}
.default .custom > select {
  width: auto;
}
.overflow .custom {
  overflow: visible;
}
.overflow .custom select {
  outline: 2px dotted rgba(255, 255, 0, 0.5);
}


.left220 {
    margin-left: 220px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.left240 {
    margin-left: 240px;
    margin-top: 20px;
    margin-bottom: 30px;
}

#btnSettingInput input {
    background-color: #F3594D;
    background-repeat: no-repeat;
    background-size: 300px auto;
    font-size: 18px;
    height: 50px;
    padding-bottom: 15px;
    padding-top: 10px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    margin-right: 20%;
    margin-left: 20%;
    width: 60%;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


#btnSettingInput input:hover {
    background-color: #333;
    color: #FFF;
}

button, input[type="reset"], input[type="button"], input[type="submit"] {
    color: buttontext;
    font: ;
    line-height: normal;
    text-align: center;
    text-shadow: none;
    white-space: pre;
}
button, input[type="color"]:-moz-system-metric(color-picker-available), input[type="reset"], input[type="button"], input[type="submit"] {
    -moz-appearance: button;
    -moz-binding: none;
    -moz-user-select: none;
    box-sizing: border-box;
    cursor: default;
}
.info_box {
    width: 100%;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #dedede;
    border-bottom-color: #dedede;
    font-size: 13px;
    line-height: 1.2em;
    float: left;
}
.info_box img{
    width: 60px;
}
.info_right {
    float: left;
    width: 550px;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dedede;
}

.info_date {
    font-size: 11px;
}
.trimming-60 {
    float: left;
    

}
html {
  height: 100%;
}
#header_tab {
    position: fixed;
    z-index: 2000;
    top: 50px;
}

.detail_header {
    height: 160px;
    position: relative;
}
.distance {
    color: #FFF;
    background-color: #3cf;
    text-align: center;
    width: 70px;
    font-size: 13px;
    font-weight: bold;
    margin-right: auto;
    position: absolute;
    top: 30px;
    z-index: 500;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    line-height: 25px;
    height: 25px;
    left: 180px;
}
.detail_face {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
    position: absolute;
    border-radius: 120px;        /* CSS3草案 */
    -webkit-border-radius: 120px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 120px;   /* Firefox用 */
    background-color: #eee;
    background-image: url(../../sys_img/no_image200.gif);
    background-size: 120px;
    background-repeat: no-repeat;
    border: 1px solid #eee;
    overflow: hidden;
    margin-top: 0px;
    left: 30px;
    top: 25px;
}


.detail_face img{
    width: 100%;
}

.check_genre_wrap{
    position: absolute;
    left: 180px;
    top: 70px;
    width: 400px;
}
.genre {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    float: left;
    margin-right: 5px;
    height: 27px;
    line-height: 30px;
    margin-top: 3px;
}
.genre_text {
    float: left;
    margin-right: 20px;
    font-size: 15px;
    height: 30px;
        line-height: 30px;

    font-weight: bold;
    
}
.checkin_number {
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    display: inline;
    background-image: url(../../sys_img/spot/checkin_icon_small.jpg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 22px;
    height: 30px;
        line-height: 30px;

}
.detail_name {
    font-size: 22px;
    position: absolute;
    left: 180px;
    top: 105px;
    width: 440px;
}

.detail_option {
    font-size: 13px;
    position: absolute;
    left: 180px;
    top: 135px;
    width: 440px;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    -moz-text-overflow:ellipsis; /* Firefox */ 
    -o-text-overflow: ellipsis; /* Opera */ 
}

.no_br br{
    display: none;
}

#autoPage {
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    transition: all 0.2s linear 0s;
    width: 80%;
    text-align: center;
    display: inline-block;
    margin-top: 30px;
    margin-right: 10%;
    margin-bottom: 40px;
    margin-left: 10%;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #F3594D;
     -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}


#autoPage:hover {
    color: #ffffff !important;
    background-color: #333;

}ra