@charset "UTF-8";
* {
    padding: 0;
    margin: 0
}

html {
    overflow-y: scroll
}

body {
    font-family: "HG丸ゴシックM-PRO", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka−等幅", Century Gothic;
    font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
    line-height: 150%;
    font-size: 80%;
    margin-top: 35px;
    background: #ebf2cc
}

a:link {
    color: #219315;
    text-decoration: none
}

a:visited {
    color: #219315;
    text-decoration: none
}

a:hover {
    color: #219315;
    text-decoration: underline
}

a:active {
    color: #219315;
    text-decoration: underline
}

h1 {
    font-size: 125%;
    color: #333;
    background: ;
    padding: 5px;
    margin-bottom: 5px;
    border-left: 5px #92bf4c solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

h2 {
    font-size: 125%;
    color: #333;
    background: ;
    padding: 5px;
    margin-bottom: 5px;
    border-left: 5px #92bf4c solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

h3 {
    font-size: 125%;
    color: #333;
    background: ;
    padding: 5px;
    margin-bottom: 5px;
    border-left: 5px #92bf4c solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.top_h3 {
    border: 0;
    background: url();
    text-align: center;
    font-size: 175%;
    margin: 10px 0;
    font-weight: normal
}

address {
    font-style: normal;
    color: #666
}

strong {
    font-weight: normal;
    margin-left: 20px
}

.date {
    color: #bebebe;
    font-size: 11px
}

.new_flag {
    background: #ebf2cc !important;
    border-bottom: #c6d18a 1px solid !important
}

.flag_mosi {
    border: 1px solid #f9dddb;
    padding: 5px;
    background: #fff3ef;
    margin: 5px 0
}

.hand:hover {
    cursor: hand;
    cursor: pointer
}

img {
    border: 0
}

.logo a:link {
    color: ;
    text-decoration: none;
    background: 0
}

.logo a:visited {
    color: ;
    text-decoration: none;
    background: 0
}

.logo a:hover {
    color: ;
    text-decoration: underline;
    background: 0
}

.logo a:active {
    color: ;
    text-decoration: underline;
    background: 0
}

.logo_sprite a {
    background: url(http://cdn.bookmeter.com/image/sprite/common.png?20130322) no-repeat !important;
    background-position: 0 0;
    display: block;
    width: 240px;
    height: 45px
}

.logo_sprite a div {
    width: 240px;
    height: 45px
}

.b {
    font-weight: bold
}

#header strong {
    overflow: hidden;
    width: 200px;
    display: block;
    height: 19px;
    text-align: center
}

.gad_header_area .gad_header {
    width: 468px;
    margin: -64px 15px 0 0;
    float: right
}

.info_area a {
    padding: 7px 7px 7px 30px !important;
    background-position: 8px 7px !important;
    background-color: #fcf2f2 !important;
    border-bottom: 1px solid #f9dddb;
    border-top: 1px solid #f9f9f9;
    display: block;
    color: #ef1010;
    font-weight: bold
}

.info_area a:hover,
.info_area .midoku_twitter_user_area:hover,
.info_area .midoku_facebook_user_area:hover {
    background-color: #f9dddb !important;
    border-top: 1px solid #f9dddb
}

.info_area .midoku_twitter_user_area,
.info_area .midoku_facebook_user_area {
    background-color: #fcf2f2 !important;
    padding: 7px 7px 7px 30px !important;
    background-position: 8px 7px !important;
    border-bottom: 1px solid #f9dddb;
    border-top: 1px solid #f9f9f9
}

.info_area .midoku_twitter_user_area a,
.info_area .midoku_facebook_user_area a {
    padding: 0 !important;
    background: none !important;
    border: 0
}

.button_info_del {
    float: right;
    margin: 9px 7px 0 0;
    background: ;
    width: 20px;
    text-align: center;
    font-size: 12px;
    color: #999;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.button_info_del:hover {
    background: #f9dddb;
    color: #333;
    cursor: hand;
    cursor: pointer
}

.button_simple {
    display: block;
    text-align: center;
    border: 1px solid #dcdcdc;
    margin: 10px 0;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 30%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f3f3f3));
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.button_simple:hover {
    background: #efefef;
    background: -moz-linear-gradient(top, #f1f1f1 30%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#efefef))
}

.button_simple a {
    display: block;
    padding: 10px 0
}

.button_arasuji {
    font-size: 18px
}

::-webkit-input-placeholder {
    color: #dcdcdc
}

:-moz-placeholder {
    color: #dcdcdc
}

#container {
    width: 780px;
    margin: 0 auto
}

#header {
    padding: 0;
    width: 780px;
    margin: 0 auto;
    padding-top: 10px
}

#content {
    width: 740px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    overflow: hidden;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-radius: 0 0 5px 5px
}

#main {
    width: 100%
}

#main_left {
    width: 490px;
    float: left
}

#main_right {
    width: 490px;
    float: left
}

#side {
    width: 230px;
    float: left;
    margin-left: 20px
}

#side h3,
#side h2 {
    background: 0;
    padding: 0;
    border: 0
}

#side_left {
    width: 230px;
    float: left;
    margin-right: 20px
}

#footer {
    text-align: center;
    padding: 20px;
    width: 740px;
    clear: left;
    font-size: 11px
}

#top {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: url(http://cdn.bookmeter.com/image/bg_top.jpg) repeat-x left;
    overflow: hidden;
    color: #fff;
    font-weight: normal;
    height: 35px;
    background: -moz-linear-gradient(top, #92bf4c 30%, #699a1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#92bf4c), to(#699a1a));
    -webkit-box-shadow: 0 1px 2px gray;
    -moz-box-shadow: -2px 0 2px gray;
    box-shadow: 0 1px 2px gray
}

#top a:link {
    color: #f3f3f3;
    text-decoration: none
}

#top a:visited {
    color: #f3f3f3;
    text-decoration: underline
}

#top a:hover {
    color: #fff;
    text-decoration: underline
}

#top a:active {
    color: #fff;
    text-decoration: underline
}

#graph_p {
    float: left;
    width: 240px;
    overflow: hidden
}

#graph_b {
    float: left;
    width: 240px;
    overflow: hidden
}

#navi {
    border-bottom: 1px solid #fff;
    margin: 5px 0 0 0;
    padding: 0;
    background: #f9f9f9;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0 0
}

.navi_s {
    text-align: center;
    padding: 10px 5px;
    background: #f9f9f9;
    z-index: 0;
    position: relative
}

.navi_s .input_q {
    border: 1px solid #e1e1e1;
    background: #fff;
    width: 600px !important;
    font-size: 24px !important;
    padding: 0;
    height: 30px
}

.navi_s .input_q:hover {
    border: 1px solid #999
}

.navi_s .submit {
    font-size: 16px;
    vertical-align: top;
    padding: 0 5px;
    height: 32px
}

.navi_search_right {
    float: right
}

.navi_search_right input {
    padding: 0 5px;
    height: 32px
}

.navi_search_right_link_list {
    position: absolute;
    right: 4px;
    top: 2px;
    color: #dcdcdc;
    font-size: 12px
}

.navi_search_right_link_list a {
    color: #bebebe
}

.navi_s .navi_search_right {
    float: none;
    position: absolute;
    top: 12px;
    right: 30px
}

.navi_s .navi_search_right .submit {
    border: 0;
    background: 0;
    color: #219315;
    font-size: 13px;
    vertical-align: middle;
    padding: 0 0 0 3px
}

.navi_s .input_q {
    border: 1px solid #d5d5d5;
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#e3e3e3', Direction=-45, Strength=2);
    box-shadow: 1px 1px 2px #e3e3e3 inset;
    -moz-box-shadow: 1px 1px 2px #e3e3e3 inset;
    -webkit-box-shadow: 1px 1px 2px #e3e3e3 inset;
    width: 505px !important;
    line-height: 30px;
    padding: 0 2px;
    vertical-align: top;
    _vertical-align: bottom;
    *margin-top: -3px
}

html>
/**/

body .navi_s .input_q {
    _margin-top: -2px
}

:root .navi_s .input_q {
    margin-top: 0 \0/IE9
}

.navi_s form .submit {
    border: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: url(http://cdn.bookmeter.com/image/sprite/common.png?20130322);
    background-position: 0 -74px;
    margin-left: -3px;
    padding: 0;
    width: 104px;
    line-height: 32px;
    text-indent: -9999px
}

.search_select1,
.search_select2 {
    position: relative;
    display: inline;
    margin-left: 5px
}

.search_select1 select,
.search_select2 select {
    background: 0;
    _background: #efefef;
    position: absolute;
    width: 70px;
    height: 32px;
    _top: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    z-index: 2;
    zoom: 1;
    cursor: pointer;
    cursor: hand
}

.search_select1 div,
.search_select2 div {
    border-radius: 2px;
    border: 1px solid #ddd;
    _border: 0;
    background: #efefef;
    _background: #f9f9f9;
    display: inline-block;
    /display: inline;
    width: 60px;
    padding: 0 5px;
    line-height: 30px;
    text-align: left;
    zoom: 1
}

.search_select2 select {
    width: 95px
}

.search_select2 div {
    width: 85px
}

.search_select1 i,
.search_select2 i {
    background-image: url(http://cdn.bookmeter.com/image/sprite/common.png?20130322);
    background-position: -106px -74px;
    display: block;
    position: absolute;
    width: 8px;
    height: 5px;
    top: 5px;
    /top: 24px;
    right: 10px;
    z-index: 1
}

.search_select2 i {
    right: 6px;
    /right: 10px
}

@-moz-document url-prefix() {
    .search_select2 i {
        right: 10px
    }
}

.footer_s {
    padding: 20px 0;
    margin-top: 20px;
    border: #dcdcdc 1px solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    clear: left
}

#navi a:link {
    color: ;
    text-decoration: none
}

#navi a:visited {
    color: ;
    text-decoration: none
}

#navi a:hover {
    color: ;
    text-decoration: none
}

#navi a:active {
    color: ;
    text-decoration: none
}

#navi a,
.navi_message a,
.navi_rank a,
.navi_group_top_link span {
    border-left: 1px solid #FFF;
    border-right: 1px solid #bebebe;
    padding: 2px 7px
}

.navi_inner {
    border-bottom: 1px solid #dcdcdc !important
}

.navi_message,
.navi_rank {
    padding: 10px 15px;
    background: #fff3ef
}

.navi_group {
    position: relative;
    z-index: 90
}

.navi_group_top_link a,
.navi_group_top_link span {
    position: relative;
    z-index: 100;
    background: #f9f9f9;
    cursor: pointer;
    cursor: hand;
    padding-bottom: 5px;
    display:
}

.navi_group_sub_box {
    position: absolute;
    top: 17px;
    left: -1px;
    background: #f9f9f9;
    width: 140px;
    z-index: 90;
    display: none;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 2px 2px 2px #dcdcdc;
    -moz-box-shadow: 2px 2px 2px #dcdcdc;
    box-shadow: 2px 2px 2px #dcdcdc -moz-border-radius: 0 7px 7px 7px;
    -webkit-border-radius: 0 7px 7px 7px;
    border-radius: 0 7px 7px 7px;
    padding: 0 !important
}

.navi_group_sub_box a {
    display: block;
    padding: 9px 0 9px 39px
}

.navi_group_sub_box a:hover {
    background: #7bac2f;
    text-decoration: none !important
}

.navi_inner .navi_group_sub_box {
    top: 39px
}

.navi_group_sub_box li {
    position: relative;
    padding: 0;
    zoom: 1
}

.navi_selected a {
    background: #f1f1f1
}

.navi_group_sub_box a i {
    background: url(http://cdn.bookmeter.com/image/sprite/menu_icons.png?20130322) no-repeat;
    display: block;
    position: absolute;
    width: 22px;
    height: 21px;
    top: 8px;
    left: 11px
}

.navi_sub_account i {
    background-position: 0 0
}

.navi_sub_message i {
    background-position: -22px 0 !important
}

.navi_sub_logout i {
    background-position: -44px 0 !important
}

.navi_sub_help i {
    background-position: -66px 0 !important;
    px 0 !important
}

.navi_sub_information i {
    background-position: -88px 0 !important
}

.navi_inner div a:hover,
.navi_inner div .navi_group_top_link span:hover {
    background: #f1f1f1;
    color: #000
}

.navi_inner div a,
.navi_inner div .navi_group_top_link span {
    color: #444;
    display: block;
    padding: 10px 12px !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #dcdcdc !important
}

.navi_inner .navi_box {
    float: left
}

.navi_inner .navi_left_link a {
    border-left: none !important
}

.navi_clear {
    clear: left;
    height: 0;
    overflow: hidden
}

.pankuzu_area {
    color: gray
}

.pankuzu_area ul {
    overflow: auto;
    height: 100%
}

.pankuzu_area li {
    float: left;
    margin-right: 5px;
    line-height: 12px
}

.pankuzu_area a {
    text-decoration: underline;
    color: gray;
    margin-right: 5px
}

.pankuzu_area a:hover {
    color: #505050
}

.pankuzu_home_link {
    display: inline-block;
    padding: 0 6px;
    background: url(http://cdn.bookmeter.com/image/sprite/common.png?20130322) no-repeat !important;
    background-position: 0 -47px !important;
    margin-right: 2px;
    margin-bottom: 0;
    width: 2px;
    height: 15px;
    vertical-align: middle
}

.pankuzu_home_link:hover {
    background: url(http://cdn.bookmeter.com/image/sprite/common.png?20130322) no-repeat;
    background-position: -15px -47px !important
}

.pankuzu_home_link span {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0
}

#top .navi_group {
    height: 34px;
    background: ;
    display: block;
    max-width: 300px;
    float: right;
    padding: 5px 10px 0 10px
}

#top .navi_group:hover {
    background: -moz-linear-gradient(top, #a5c66b 60%, #a0c462 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#a5c66b), to(#a0c462))
}

#top .top_single_link {
    height: 36px;
    height: 35px\9;
    background: ;
    display: block;
    _display: inline;
    max-width: 300px;
    float: right;
    padding: 0 10px 0 10px;
    overflow: hidden
}

#top .top_single_link:hover {
    background: -moz-linear-gradient(top, #a5c66b 60%, #a0c462 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#a5c66b), to(#a0c462))
}

#top .top_single_link a {
    display: block;
    _display: inline;
    height: 36px;
    line-height: 36px;
    height: 35px\9;
    line-height: 35px\9;
    overflow: hidden
}

#top .navi_group_sub_box {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    background: #92bf4c;
    width: auto;
    padding: 0 10px;
    z-index: 90;
    display: none;
    border: 0 solid #dcdcdc;
    -webkit-box-shadow: 0 2px 2px gray;
    -moz-box-shadow: 0 2px 2px gray;
    box-shadow: 0 2px 2px gray;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    text-align: left
}

#top .navi_group_top_link a {
    background: 0
}

#top .midoku_top {
    display: block;
    max-width: 200px;
    float: right;
    margin: 7px 10px 0 10px;
    font-weight: normal;
    font-size: 11px;
    border: 0 solid #000;
    padding: 1px 10px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #333 !important
}

#top .midoku_top a {
    text-decoration: none !important
}

.top_user_thumb {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin: 0 5px 0 0
}

.page_navis {
    padding: 15px 5px;
    height: 25px;
    text-align: center
}

.page_navis a,
.page_navis .now_page span {
    font-size: 16px;
    border: 1px solid #dcdcdc;
    padding: 5px 10px;
    margin: 0 2px;
    font-weight: bold;
    color: #666;
    background: #f6f6f6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.now_page a,
.page_navis .now_page span {
    border: 1px solid #8dba47;
    background: #8dba47;
    padding: 5px 10px;
    margin: 0 2px;
    color: #fff
}

.page_navis a:hover,
.page_navis .now_page span:hover {
    border: 1px solid #cfd4ff;
    background: #eee;
    padding: 5px 10px;
    margin: 0 2px
}

.now_page a:hover,
.page_navis .now_page span:hover {
    border: 1px solid #7dac33;
    background: #7dac33;
    padding: 5px 10px;
    margin: 0 2px
}

.page_navi_hedge a {
    font-weight: normal
}

.page_navi_info {
    text-align: center;
    color: #808080;
    font-size: 12px
}

#tabArea {
    margin: 0 0 10px 0
}

.tabMenu {
    border-bottom: 2px solid #8dba47
}

.tabMenu li {
    float: left;
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 14px;
    zoom: 1
}

.tabMenu li.first {
    margin: 0
}

.tabMenu li a {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #f6f6f6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    padding: 7px 12px 6px;
    color: #666;
    line-height: 1.5
}

.tabMenu li a:hover {
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    background: #eee;
    text-decoration: none
}

.tabMenu .selected a {
    border-top: 1px solid #8dba47;
    border-left: 1px solid #8dba47;
    border-right: 1px solid #8dba47;
    background: #8dba47;
    color: #fff;
    font-weight:
}

.tabMenu .selected a:hover {
    background: #8dba47
}

.tubSubMenu {
    margin: 7px 0 0 10px;
    font-size: 12px
}

.tubSubMenu li {
    display: inline-block;
    /display: inline
}

.tubSubMenu li a,
.tubSubMenu li span {
    background: url(http://cdn.bookmeter.com/image/icon_arrow_gray.png) no-repeat left 3px;
    padding: 0 13px 0 10px;
    color: #666
}

.tubSubMenu li.selected a,
.tubSubMenu li.selected span {
    background: url(http://cdn.bookmeter.com/image/icon_arrow_black.png) no-repeat left 3px;
    padding: 0 13px 0 10px;
    color: #333;
    font-weight: bold
}

.content_header {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin: -20px -20px 10px -20px;
    padding: 5px 10px;
    font-size: 12px
}

.content_2column_200_750 {
    width: 950px !important;
    padding: 0 0 !important;
    overflow: hidden !important
}

.content_2column_200_750 .content_header {
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    padding: 7px 10px
}

.content_2column_200_750 #side_left {
    width: 200px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #f3f3f3;
    margin: 0
}

.content_2column_200_750 #main_right {
    width: 749px;
    padding: 0
}

.content_2column_200_750 #main_right .inner {
    width: 100%;
    margin: 0
}

.content_2column_200_750 #main_right h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 0 0 10px;
    border: 0
}

.content_2column_200_750 #result_search_category h3 {
    background: #f9f9f9;
    border: 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    padding: 10px
}

.left_menu_box .left_menu_box_title {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    background: #f3f3f3;
    font-weight: bold
}

.left_menu_box {
    background-repeat: no-repeat;
    background-position: 10px center;
    margin: 0;
    padding: 0
}

.left_menu_box:hover,
.left_menu_box_sub:hover {
    background-color: #f9f9f9
}

.left_menu_box span,
.left_menu_box a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #f3f3f3;
    padding-left: 33px;
    padding: 10px;
    height: 19px;
    overflow-x: hidden
}

.left_menu_box a div,
.left_menu_box_sub a div {
    margin-right: 5px
}

.left_menu_box_sub {
    margin: 0;
    padding: 0
}

.left_menu_box_sub a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #f3f3f3;
    padding-left: 40px
}

.left_menu_box_border {
    border: 0;
    margin: 0;
    padding: 0
}

.inner {
    border: 0 #fff solid;
    padding: 0;
    margin: 0 0 10px 0;
    width: 740px;
    overflow: auto
}

#top .inner {
    border: 0;
    padding: 0 1px 0 0;
    margin: 0 auto;
    width: 780px;
    text-align: right;
    overflow: visible
}

#main_left .inner {
    width: 490px;
    padding: 0 0 10px 0;
    overflow: hidden;
    margin-right: 0
}

#main_right .inner {
    width: 490px;
    padding: 0 0 10px 0;
    overflow: hidden;
    margin-right: 10px
}

#side .inner {
    width: 208px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fafafa;
    border: #f4f4f4 1px solid
}

#side_left .inner {
    width: 230px;
    margin-bottom: 10px;
    text-align: left
}

.book {
    float: left;
    width: 118px;
    height: 122px;
    text-align: center;
    line-height: 120%;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0 2px;
    position: relative
}

.book img {
    -webkit-box-shadow: 2px 2px 2px #dcdcdc;
    -moz-box-shadow: 2px 2px 2px #dcdcdc;
    box-shadow: 2px 2px 2px #dcdcdc
}

.book_box,
.book_box_inline {
    height: 215px !important
}

.book_box_inline_3r {
    height: 230px !important
}

.book_box:hover {
    cursor: hand;
    cursor: pointer
}

.book_box img {
    border: 1px solid #dcdcdc;
    height: 150px;
    max-width: 140px
}

.book_box_book_image {
    overflow: hidden
}

.book_box_inline .book_box_book_image img,
.book_box_inline_3r .book_box_book_image img {
    border: 1px solid #dcdcdc;
    height: 150px;
    max-width: 140px
}

.book_box:hover img {
    border: 1px solid gray
}

.book_box_inline .book_box_book_image img:hover,
.book_box_inline_3r .book_box_book_image img:hover {
    border: 1px solid gray
}

.book_box_inline_3r:hover .quick_add_plus_button {
    display: block
}

#side_left .book_box a {
    display: block;
    margin-top: 5px;
    max-height: 38px;
    /height: 18px;
    overflow: hidden
}

#side_left .book_box:hover a {
    text-decoration: underline
}

.book_box .book_box_book_title a,
.book_box_inline .book_box_book_title a,
.book_box_inline_3r .book_box_book_title a {
    display: block;
    margin-top: 5px;
    max-height: 38px;
    overflow: hidden
}

.book_box:hover .book_box_book_title a {
    text-decoration: underline
}

.book_box_book_author {
    font-size: 12px
}

.book_box_book_author a {
    font-size: 12px;
    max-height: 18px;
    display: block;
    overflow: hidden
}

#side_left .book_box {
    width: 144px
}

.book_button_add_ver {
    height: 180px !important
}

.book_button_add_ver .button_buy_mini img {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.profile_image {
    margin: 5px 5px 10px 0;
    text-align: center
}

.user_page .profile_image img {
    border: 1px solid #bebebe;
    padding: 4px;
    -webkit-box-shadow: 0 2px 2px #dcdcdc;
    -moz-box-shadow: 0 2px 2px #dcdcdc;
    box-shadow: 0 2px 2px #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.profile_buttons {
    margin: 5px 5px 5px 0;
    text-align: center
}

.profile_detail {
    float: right;
    text-align: right;
    color: #bebebe
}

.profile_detail img {
    vertical-align: middle
}

.title_right {
    float: right;
    margin-right: 15px;
    margin-top: 5px
}

#title {
    font-size: 26px;
    line-height: 150%;
    color: #333;
    padding: 4px;
    margin-bottom: 16px;
    border-left: 0 #92bf4c solid
}

.book_detail {
    overflow: hidden;
    text-align: center
}

.book_detail .book_image {
    -webkit-box-shadow: 5px 5px 5px #dcdcdc;
    -moz-box-shadow: 5px 5px 5px #dcdcdc;
    box-shadow: 5px 5px 5px #dcdcdc;
    margin-bottom: 10px;
    border: 1px solid #dcdcdc
}

.book_detail .book_image:hover {
    border: 1px solid gray
}

.book_detail .i_book_image_175 {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px
}

.i_book_image {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px
}

.book_pub_comment {
    border: 1px dotted #dcdcdc;
    margin: 0 0 5px 155px;
    padding: 5px
}

.book .read_end {
    width: 111px;
    height: 100px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://cdn.bookmeter.com/image/book_read_end.png) no-repeat
}

.book_edit_area {
    padding: 10px;
    background: #fff3ef;
    margin: 5px 0
}

.book_edit_area_body {
    margin-bottom: 5px
}

.book_edit_area_body select {
    font-size: 20px
}

.book_edit_area_body textarea {
    font-size: 16px;
    width: 550px !important;
    padding: 7px;
    vertical-align: middle;
    height: auto
}

.book_edit_area_cbox {
    background: 0;
    border: 0
}

.book_edit_area_cbox:hover {
    border: 0
}

.book_edit_area_category {
    width: 550px !important
}

.tubu_area .input_tubu {
    width: 410px;
    height: 40px;
    font-size: 16px;
    overflow: auto
}

.tubu_area .submit {
    height: 48px;
    width: 60px;
    vertical-align: top
}

.reread_box {
    border-top: 1px dotted #dcdcdc;
    margin-top: 10px;
    padding-top: 10px
}

.book_add_button img {
    vertical-align: middle;
    margin-bottom: 3px
}

.book_add_button_sprite a {
    background: url(http://cdn.bookmeter.com/image/sprite/book_add_button.png?20130322) no-repeat;
    display: block;
    width: 300px;
    height: 40px;
    margin-bottom: 3px
}

.book_add_read {
    background-position: 0 0
}

.book_add_now {
    background-position: 0 -40px !important
}

.book_add_tun {
    background-position: 0 -80px !important
}

.book_add_pre {
    background-position: 0 -120px !important
}

.book_add_reread {
    background-position: 0 -160px !important
}

.book_add_now_del {
    background-position: -600px -40px !important
}

.book_add_tun_del {
    background-position: -600px -80px !important
}

.book_add_pre_del {
    background-position: -600px -120px !important
}

.book_add_read:hover {
    background-position: -300px 0 !important
}

.book_add_now:hover {
    background-position: -300px -40px !important
}

.book_add_tun:hover {
    background-position: -300px -80px !important
}

.book_add_pre:hover {
    background-position: -300px -120px !important
}

.book_add_reread:hover {
    background-position: -300px -160px !important
}

.book_add_now_del:hover {
    background-position: -900px -40px !important
}

.book_add_tun_del:hover {
    background-position: -900px -80px !important
}

.book_add_pre_del:hover {
    background-position: -900px -120px !important
}

form {
    display: inline
}

input,
textarea,
select {
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 3px;
    font-size: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

textarea {
    font-family: monospace
}

input:hover,
textarea:hover,
select:hover {
    border: 1px solid #999
}

.submit {
    border: 1px solid #8dba47;
    background: #8dba47;
    color: #fff;
    cursor: pointer;
    cursor: hand
}

.submit:hover {
    border: 1px solid #7dac33;
    background: #7dac33
}

.submit_cancel {
    background: #f9f9f9;
    color: #666;
    border: 1px solid #bebebe
}

.submit_cancel:hover {
    background: #dcdcdc
}

form .input_b_comment {
    width: 300px
}

side {
    background: #219315;
    color: #fff;
    border: 1px solid #cfd4ff
}

.profile_textarea {
    width: 400px;
    height: 300px
}

li {
    list-style-type: none;
    padding: 5px 0
}

#side_left li {
    border-bottom: 1px #f4f4f4 solid
}

#side_left ul {
    border-bottom: 1px solid #dcdcdc;
    margin: 0 10px
}

#side_left li {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    background: #f3f3f3
}

#side_left li a {
    width: 190px;
    display: block;
    background: #f9f9f9;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #dcdcdc;
    padding: 5px;
    margin-left: 6px
}

#side_left .list_on a {
    background: #f3f3f3;
    margin-left: 0;
    border-left: 7px solid #92bf4c
}

#side_left .list_sub {
    margin-left: 7px
}

#side_left .list_sub a {
    background: #f3f3f3;
    margin-left: 0;
    border-left: 7px solid orange;
    width: 183px
}

#side_left .inner_navi {
    background: #f9f9f9;
    border: 1px solid #dedede;
    margin: 0 0 5px 0
}

#side_left .inner_navi_inner {
    padding: 10px 0 10px 12px
}

.bp_sample td {
    padding: 10px
}

.bp_sample img {
    padding-bottom: 10px
}

.bp_sample textarea {
    overflow: hidden
}

.midoku_count,
.midoku_count a {
    color: red;
    font-weight: bold;
    font-size: 12px
}

.midoku_count a:visited {
    color: red
}

.midoku_count a:hover {
    color: #fff;
    background: red
}

.midoku_count a:active {
    color: #fff;
    background: red
}

.err {
    margin: 5px 0;
    padding: 0 5px;
    font-weight: bold;
    color: red
}

.att {
    font-weight: bold;
    color: red
}

.att2 {
    color: red
}

.error,
.attention,
.notice {
    padding: 10px 8px 8px 31px;
    margin: 10px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.error {
    border: 1px solid #f8e6e6;
    background: url(http://cdn.bookmeter.com/image/icon_error2.png) #fff7f7 no-repeat 10px 10px;
    color: #e00
}

.attention {
    border: 1px solid #f8efd4;
    background: url(http://cdn.bookmeter.com/image/icon_attention.png) #fffcf4 no-repeat 10px 10px
}

.notice {
    border: 1px solid #dcf6da;
    background: url(http://cdn.bookmeter.com/image/icon_notice.png) #f3fff2 no-repeat 10px 10px
}

.res_content {
    display: none
}

.res_link_on a:link {
    color: orange !important;
    text-decoration: none
}

.res_link_on a:visited {
    color: orange !important;
    text-decoration: none
}

.res_link_on a:hover {
    color: orange !important;
    text-decoration: underline
}

.res_link_on a:active {
    color: orange !important;
    text-decoration: underline
}

.res_link_off a:link {
    color: #bebebe;
    text-decoration: none
}

.res_link_off a:visited {
    color: #bebebe;
    text-decoration: none
}

.res_link_off a:hover {
    color: #bebebe;
    text-decoration: underline
}

.res_link_off a:active {
    color: #bebebe;
    text-decoration: underline
}

.res_list_area {
    width: ;
    overflow: hidden;
    display: none
}

.res {
    background: #f3f3f3;
    margin-top: 5px;
    padding: 10px;
    overflow: auto;
    height: 100%
}

.res img {
    float: left;
    margin: 0 5px 5px 0
}

.res_del_link_area {
    float: right
}

.res_del_link_area a {
    color: #bebebe
}

.res_post_input {
    width: 300px;
    padding: 1px
}

.set_textarea_rows {
    height: ;
    line-height: 120%;
    overflow: hidden;
    resize: none;
    font-family: monospace
}

.res_post_form_tumb {
    float: left;
    margin: 0 5px 5px;
    display: none
}

.res_post_form_tumb img {
    width: 34px;
    height: 34px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.res_post_form_textarea {
    float: left;
    margin-top: 1px
}

.res_post_form_textarea .submit {
    display: none;
    margin-top: 5px
}

.res_list_thumb {
    width: 40px;
    float: left
}

.res_list_thumb img {
    width: 34px;
    height: 34px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.res_list_detail {
    width: 400px;
    float: left
}

.res_list_info {
    color: #777;
    font-size: 11px
}

.res_list_info a:link {
    color: #bebebe
}

.res_list_info a:hover {
    color: #bebebe
}

.res_list_info a:visited {
    color: #bebebe
}

.res_list_info a:active {
    color: #bebebe
}

.midoku {
    color: red;
    font-weight: bold
}

.midoku_top {
    background: red;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999
}

.midoku a:link {
    color: red;
    text-decoration: none
}

.midoku a:visited {
    color: red;
    text-decoration: none
}

.midoku a:hover {
    color: #fff;
    background: red;
    text-decoration: underline
}

.midoku a:active {
    color: #fff;
    background: red;
    text-decoration: underline
}

#top .midoku a:link {
    color: #fff;
    text-decoration: none
}

#top .midoku a:visited {
    color: #fff;
    text-decoration: none
}

#top .midoku a:hover {
    color: #fff;
    background: red;
    text-decoration: underline
}

#top .midoku a:active {
    color: #fff;
    background: red;
    text-decoration: underline
}

#navi_box_aishou,
#navi_box_yomitomo,
#navi_box_favorite,
.navi_box_normal {
    position: relative
}

.navi_box_midoku_cnt {
    color: #fff;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    box-shadow: 1px 1px 1px #333 !important;
    padding: 2px 2px 0 2px !important;
    font-size: 11px;
    line-height: 13px;
    min-width: 10px;
    text-align: center;
    background: red;
    position: absolute;
    right: 1px;
    top: -5px;
    z-index: 90
}

.user {
    float: left;
    width: 61px;
    height: 64px;
    overflow: hidden;
    text-align: center
}

.tr_head {
    background: #f6f6f6
}

.tr_bg1 {
    background: #fff
}

.tr_bg2 {
    background: #f8ffec
}

.tr_bgs1 {
    border-bottom: 1px solid #ebebeb
}

.tr_bgs2 {
    border-bottom: 1px solid #ebebeb
}

td {
    padding: 4px 5px
}

td img {
    vertical-align: middle;
    padding-right: 0
}

.profile_table td {
    padding: 0 10px 0 0
}

.profile_table {
    margin-bottom: 2px
}

.profile {
    overflow: auto;
    width: 230px;
    padding-top: 2px
}

.profile dl {
    background: #fff;
    clear: left
}

.profile dt {
    float: left;
    width: 60px;
    background: ;
    padding: 5px 0 5px 10px;
    background: #f8ffec;
    overflow: hidden;
    margin: 2px 0;
    text-align: right
}

.profile dd {
    float: left;
    width: 145px;
    padding: 5px 5px 5px 10px;
    background: #f8ffec;
    overflow: hidden;
    margin: 2px 0;
    text-align: left
}

.profile .intro dt {
    display: none
}

.profile .intro dd {
    width: 215px
}

.readers {
    color: #dc5324;
    background: #ffac8f;
    font-weight: bold;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 2px;
    font-family: Monaco
}

.readers a {
    color: #dc5324
}

.readers_10 {
    color: #dc5324;
    background: #ffac8f;
    font-weight: bold;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 2px;
    font-family: Monaco
}

.readers_10 a {
    color: #dc5324
}

.readers_1 {
    color: #ff8c5f;
    background: #ffe8df;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 2px
}

.readers_1 a {
    color: #ff8c5f
}

.tagcloud10 {
    font-size: 250%;
    line-height: 150%
}

.tagcloud9 {
    font-size: 200%;
    line-height: 150%
}

.tagcloud8 {
    font-size: 170%;
    line-height: 150%
}

.tagcloud7 {
    font-size: 150%;
    line-height: 150%
}

.tagcloud6 {
    font-size: 135%;
    line-height: 150%
}

.tagcloud5 {
    font-size: 120%;
    line-height: 150%
}

.tagcloud4 {
    font-size: 110%;
    line-height: 150%
}

.tagcloud3 {
    font-size: 105%;
    line-height: 150%
}

.tagcloud2 {
    font-size: 100%;
    line-height: 150%
}

.tagcloud1 {
    font-size: 90%;
    line-height: 150%
}

.tagcloud0 {
    font-size: 90%;
    line-height: 150%
}

.tag_list_area {
    overflow: auto;
    height: 100%;
    clear: left
}

.tag_list_area div {
    float: left;
    height: 100%;
    margin: 5px 5px 0 0
}

.tag_list_area div a {
    display: block;
    padding: 5px;
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    text-decoration: none;
    text-align: center
}

.tag_list_area div a:hover {
    background: #f1f1f1
}

.edit_ok {
    color: red
}

.nice_star_list span {
    position: relative
}

.nice_star_list a,
.nice_star_list a:visited,
.nice_star_list {
    color: orange !important
}

.nice_star_user_list {
    margin: 5px 0;
    overflow: hidden
}

.nice_star_user img {
    width: 34px;
    height: 34px;
    margin: 0 5px 5px 5px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.nice_star_user,
.nice_res_star_user {
    float: left
}

.nice_res_star_user_list {
    margin: 4px 0;
    overflow: hidden
}

.nice_res_star_user img {
    width: 25px;
    height: 25px;
    margin: 0 4px 4px 4px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.star_add_user {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    padding: 5px;
    border: 1px solid #dcdcdc;
    background: #fff;
    width: 100px
}

.star_add_user img {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    vertical-align: middle
}

.nice_button {
    vertical-align: middle;
    margin: 0 0 2px 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.nice_button span {
    font-size: 11px;
    margin: 2px 0 0 2px
}

.nice_button_sprite i,
.nice_button_sprite_del i {
    background: url(http://cdn.bookmeter.com/image/sprite/common.png?20130322) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: top;
    *vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.nice_button_sprite i {
    background-position: -31px -47px !important
}

.nice_button_sprite_del i {
    background-position: -48px -47px !important;
    *margin-right: 2px
}

.nice_button_sprite span {
    font-size: 11px;
    margin: 2px
}

.nice_link_no_login {
    color: #bebebe;
    cursor: pointer;
    cursor: hand
}

.nice_link_no_login:hover {
    text-decoration: underline
}

.juni {
    font-size: 30px
}

.rank_point {
    font-size: 30px
}

.gad_top_s {
    float: right
}

.gad_s {
    text-align: center;
    padding-bottom: 10px;
    overflow: hidden
}

.sgad {
    overflow: hidden
}

#matome_g_2 {
    display: none
}

#matome_g_3 {
    display: none
}

.log_list_comment a:link {
    color: #333;
    text-decoration: none
}

.log_list_comment a:visited {
    color: #333;
    text-decoration: none
}

.log_list_comment a:hover {
    color: #333;
    text-decoration: underline
}

.log_list_comment a:active {
    color: #333;
    text-decoration: underline
}

.log_list_box {
    padding: 15px;
    overflow: auto;
    border-bottom: 1px solid #dcdcdc;
    height: 100%
}

.log_list_box:hover {
    background: #f8ffec !important
}

.log_list_user_image {
    width: 60px;
    float: left
}

.log_list_detail {
    float: left;
    width: 420px;
    color: #444
}

.log_list_detail_title {
    margin-bottom: 4px
}

.log_list_username {
    font-weight: bold
}

.log_list_comment {
    font-size: 15px;
    color: #444;
    margin: 0 0 5px 0
}

.log_list_thumb {
    float: left;
    width: 100px;
    border-right: 1px solid #dcdcdc;
    padding-bottom: 300px;
    margin-bottom: -300px
}

.log_list_thumb img {
    width: 100px
}

.log_list_thumb_detail {
    float: left;
    padding: 10px;
    width: 340px !important
}

.log_list_thumb_detail_title {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 3px
}

.log_list_date {
    color: #8a8a8a
}

.log_list_info {
    color: #bebebe;
    font-size: 11px;
    margin: 3px 0
}

.log_list_info a:link {
    color: #bebebe
}

.log_list_info a:hover {
    color: #bebebe
}

.log_list_info a:visited {
    color: #bebebe
}

.log_list_info a:active {
    color: #bebebe
}

.log_list_thumb_area {
    border: 1px solid #eaeaea;
    background: #f9f9f9;
    padding: 0;
    overflow: hidden;
    clear: left;
    height: 100%
}

.log_list_thumb_button {
    display: block;
    width: 100%;
    max-width: 120px;
    min-width: 80px;
    line-height: 24px;
    border: 1px solid #dcdcdc;
    text-align: center;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #fff 50%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0;
    float: left;
    margin-right: 10px
}

.log_list_thumb_button:hover {
    border: 1px solid #bebebe;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 50%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f3f3f3))
}

.log_list_thumb_button a {
    display: block;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.new_book_inner_side .book {
    width: 100px
}

.ad_head {
    text-align: center;
    padding-top: 10px;
    background: #fff
}

.more {
    clear: left;
    margin: 5px 0;
    text-align: right
}

#side_left .more {
    margin: 5px 10px 5px 0
}

.more_button {
    display: block;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #dcdcdc;
    margin: 10px 0;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 30%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f3f3f3));
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    cursor: hand
}

.inputcommentlength {
    color: gray;
    margin-left: 5px
}

.search_sort_select_area {
    float: right;
    margin: 7px 10px 0 0
}

.timeline .inner {
    width: 529px;
    padding: 0 0 10px 0;
    overflow: hidden;
    margin-right: 0
}

#netabare_button_area {
    float: right
}

.netabare {
    color: #dcdcdc
}

.netabare:hover {
    color: #333
}

.netabare_button_off {
    color:
}

.netabare_button_on {
    color: ;
    background: #ebf2cc;
    border-color: #cbea98
}

.netabare_flag {
    background: #ff0f00;
    color: #fff;
    font-size: 11px;
    padding: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.add_favorite_link_off,
.add_favorite_link_on {
    display: block;
    padding: 7px 0;
    width: 160px;
    margin: 5px auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px gray;
    -moz-box-shadow: 0 1px 2px gray;
    box-shadow: 0 1px 2px gray
}

.add_favorite_link_off {
    border: 1px solid #e3e3e3;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #e3e3e3 30%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f9f9f9));
    -webkit-box-shadow: 0 1px 2px #e3e3e3;
    -moz-box-shadow: 0 1px 2px #e3e3e3;
    box-shadow: 0 1px 2px #e3e3e3
}

.add_favorite_link_off:link {
    color: #bebebe;
    text-decoration: none
}

.add_favorite_link_off:visited {
    color: #bebebe;
    text-decoration: none
}

.add_favorite_link_off:hover {
    color: #444;
    text-decoration: none
}

.add_favorite_link_off:active {
    color: #444;
    text-decoration: none
}

.add_favorite_link_on {
    border: 1px solid #feaa23;
    background: #ffec5f;
    background: -moz-linear-gradient(top, #ffec5f 30%, #feaa23 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffec5f), to(#feaa23))
}

.add_favorite_link_on:link {
    color: #444;
    text-decoration: none
}

.add_favorite_link_on:visited {
    color: #444;
    text-decoration: none
}

.add_favorite_link_on:hover {
    color: #000;
    text-decoration: none
}

.add_favorite_link_on:active {
    color: #000;
    text-decoration: none
}

.keyword_list {
    overflow: auto;
    width: 560px;
    border-bottom: 1px dashed #dcdcdc
}

.keyword_list:hover {
    background: #f9f9f9
}

.keyword_list_inner {
    padding: 7px
}

.keyword_list_title {
    float: left
}

.keyword_list_del_button {
    float: right
}

.profile_box_side {
    padding: 0;
    margin: 0
}

.home_menu {
    background-repeat: no-repeat;
    background-position: 6px center;
    margin: 0;
    padding: 0
}

.home_menu:hover,
.home_menu_sub:hover {
    background-color: #f9f9f9
}

.home_menu a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    padding-left: 40px;
    position: relative
}

.home_menu a i {
    background: url(http://cdn.bookmeter.com/image/sprite/menu_icons.png?20130322) no-repeat;
    display: block;
    position: absolute;
    width: 27px;
    height: 28px;
    top: 3px;
    left: 7px;
    _left: -32px
}

.home_menu a div,
.home_menu_sub a div {
    margin-right: 5px
}

.home_menu_sub {
    margin: 0;
    padding: 0
}

.home_menu_sub a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    padding-left: 48px
}

.home_menu_border {
    border: 0;
    margin: 0;
    padding: 0
}

.active_menu {
    background-color: #f3f3f3
}

.active_menu a i {
    /top: 0 !important
}

.profile_name {
    position: relative
}

.profile_name a {
    padding: 0 0 0 24px;
    font-size: 12px
}

.profile_name a i {
    background: url(http://cdn.bookmeter.com/image/sprite/menu_icons.png?20130322) no-repeat;
    background-position: 0 -22px !important;
    display: block;
    position: absolute;
    width: 27px;
    height: 29px;
    top: 1.1em;
    left: 0
}

.home_menu_tl i {
    background-position: -27px -22px !important
}

.home_menu_book i {
    background-position: -54px -22px !important
}

.home_menu_now i {
    background-position: -81px -22px !important
}

.home_menu_tun i {
    background-position: -108px -22px !important
}

.home_menu_pre i {
    background-position: -135px -22px !important;
    top: 6px !important
}

.home_menu_data i {
    background-position: -162px -22px !important;
    top: 5px !important
}

.home_menu_new i {
    background-position: -189px -22px !important;
    top: 4px !important
}

.home_menu_nice i {
    background-position: -216px -22px !important
}

.home_menu_author i {
    background-position: -243px -22px !important;
    left: 9px !important
}

.home_left_profile_box_area {
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
    overflow: auto;
    clear: both;
    height: 100%
}

.home_left_favorite_area {
    border-bottom: 1px solid #f3f3f3;
    padding: 10px
}

.home_left_favorite_area:hover {
    background-color: #f9f9f9
}

.home_left_favorite_area h5 {
    font-size: 14px;
    margin-bottom: 7px
}

.home_left_favorite_area .user {
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px
}

.home_left_favorite_area .user img {
    width: 34px;
    height: 34px
}

.home_left_normal_area {
    border-bottom: 1px solid #f3f3f3;
    padding: 7px
}

.home_left_normal_area:hover {
    background-color: #f9f9f9
}

.about_list {
    overflow: auto;
    height: 100%;
    padding-bottom: 2px
}

.about_list_image {
    float: left;
    width: 260px;
    margin-right: 20px
}

.about_list_detail {
    float: left;
    width: 400px;
    font-size: 16px;
    line-height: 160%;
    color: #666
}

.button_invite_mixi_friends,
.button_invite_twitter_friends,
.button_invite_facebook_friends {
    padding: 8px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: ;
    margin: 5px;
    -webkit-box-shadow: 2px 2px 2px #dcdcdc;
    -moz-box-shadow: 2px 2px 2px #dcdcdc;
    box-shadow: 2px 2px 2px #dcdcdc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.button_invite_mixi_friends a:link,
.button_invite_mixi_friends a:hover,
.button_invite_mixi_friends a:visited,
.button_invite_mixi_friends a:active,
.button_invite_twitter_friends a:link,
.button_invite_twitter_friends a:hover,
.button_invite_twitter_friends a:visited,
.button_invite_twitter_friends a:active,
.button_invite_facebook_friends a:link,
.button_invite_facebook_friends a:hover,
.button_invite_facebook_friends a:visited,
.button_invite_facebook_friends a:active {
    color: #fff !important
}

.button_invite_mixi_friends {
    background: #fa0
}

.button_invite_twitter_friends {
    background: #0093c1
}

.button_invite_facebook_friends {
    background: #3b5998
}

.author_list {
    padding: 10px 5px;
    border-bottom: 1px dashed #dcdcdc;
    height: 100%;
    overflow: auto
}

.author_list:hover {
    background: #f9f9f9
}

.author_list_left {
    float: left;
    width: 420px
}

.author_list_right {
    float: right;
    width: 120px;
    text-align: right
}

.del_link_text {
    color: #bebebe
}

.del_link_text:hover {
    color: #bebebe
}

.del_link_text:visited {
    color: #bebebe
}

.del_link_text:active {
    color: #bebebe
}

.status_post_form_box {
    padding: 20px 0 20px 14px;
    border-bottom: 0 solid #dcdcdc;
    background: #f9f9f9
}

.status_post_input {
    width: 460px;
    font-size: 18px;
    color: #666
}

.status_post_form_textarea .set_textarea_rows {
    height: ;
    line-height: 120%;
    overflow: hidden;
    resize: none
}

.status_post_form_tumb {
    float: left;
    margin: 2px 10px 0 0
}

.status_post_form_tumb img {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.status_post_form_textarea {
    float: left;
    margin-top: 1px
}

.status_post_form_textarea .submit {
    display: none;
    margin-top: 5px
}

.header_ad_right {
    width: 150px;
    margin: -64px 15px 0 0;
    float: right;
    font-size: 11px;
    width: 200px;
    margin: -64px 0 0 0
}

.header_ad_right a:link {
    color: #219315;
    text-decoration: underline;
    font-weight: bold
}

.header_ad_right a:hover {
    color: #219315;
    text-decoration: underline
}

.header_ad_right a:visited {
    color: #219315;
    text-decoration: underline
}

.header_ad_right a:active {
    color: #219315;
    text-decoration: underline
}

.header_ad_right img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 5px;
    width: 200px;
    height: auto
}

.search_history_box {
    margin-top: 8px
}

.search_history_box a:link,
.search_history_box a:hover,
.search_history_box a:active,
.search_history_box a:visited {
    color: #bebebe
}

#sides {
    float: left;
    width: 159px;
    margin-left: 10px;
    background:
}

#sides h3 {
    font-size: 14px
}

.q_add_link {
    display: block;
    background: #ff815b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 140px;
    text-align: center;
    padding: 4px;
    color: #fff !important;
    font-size: 13px
}

.q_add_link:hover {
    background: #ff6f47;
    color: #fff !important;
    text-decoration: none
}

.q_add_link:active {
    color: #fff !important
}

.q_add_link:visited {
    color: #fff !important
}

.q_add_link img {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin: 4px 0
}

.button_all_tl {
    color: #00b6f6 !important;
    font-weight: bold
}

.button_all_tl:hover {
    color: #00b6f6 !important
}

.button_all_tl:active {
    color: #00b6f6 !important
}

.button_all_tl:visited {
    color: #00b6f6 !important
}

.book_detail_info {
    background: #f9f9f9;
    clear: left;
    overflow: auto;
    margin: 5px 0;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: -moz-linear-gradient(top, #f9f9f9 30%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f3f3f3));
    overflow: hidden;
    padding-bottom: 10px
}

.book_detail_info_box {
    float: left;
    text-align: center;
    width: 98px
}

.book_detail_info_box_inner_left {
    padding: 10px 5px;
    border-right: 1px solid #dcdcdc;
    padding-bottom: 1000px;
    margin-bottom: -1000px
}

.book_detail_info_box_inner_center {
    padding: 10px 5px;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #fff;
    padding-bottom: 1000px;
    margin-bottom: -1000px
}

.book_detail_info_box_inner_right {
    padding: 10px 5px;
    border-left: 1px solid #fff;
    padding-bottom: 1000px;
    margin-bottom: -1000px
}

.book_detail_amazon {
    margin: 10px 0 0 0;
    clear: left;
    overflow: auto
}

.book_detail_amazon_left {
    float: left;
    text-align: left;
    width: 50%
}

#photo_file_select {
    width: 160px;
    background: 0;
    border-color: #bebebe
}

#photo_select_area {
    margin: 6px 0 0 5px;
    float: left
}

.photo_box_tl img {
    cursor: pointer;
    cursor: hand;
    border: 1px solid #dcdcdc;
    padding: 2px;
    background: #fff
}

#uploadImage {
    width: 140px
}

#uploadImage img {
    border: 1px solid #dcdcdc;
    padding: 3px;
    margin: 5px 0 0 5px
}

#photo_select_area_input {
    display: none
}

#photo_select_camera {
    cursor: pointer;
    cursor: hand;
    margin-top: 4px
}

.favorite_cnt_info {
    width: 160px;
    background: #f9f9f9;
    clear: left;
    overflow: auto;
    margin: 5px 0;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: -moz-linear-gradient(top, #f9f9f9 30%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f3f3f3));
    overflow: hidden;
    margin: 10px auto 0 auto
}

.favorite_cnt_info:hover {
    background: #f6f6f6;
    clear: left;
    overflow: auto;
    margin: 5px 0;
    background: -moz-linear-gradient(top, #f6f6f6 30%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f0f0f0));
    margin: 10px auto 0 auto
}

.favorite_cnt_info a {
    text-decoration: none;
    color: #333
}

.favorite_cnt_info a:hover {
    color: #000
}

.favorite_cnt_info_inner {
    padding: 6px 5px
}

.navi_signup_area {
    background: #fffcf2;
    padding: 10px 20px;
    border-top: 1px solid #ece3c6;
    border-bottom: 1px solid #ece3c6;
    overflow: auto;
    clear: left;
    cursor: hand;
    cursor: pointer
}

.navi_signup_area span {
    vertical-align: middle;
    font-size: 14px
}

a.signup_button {
    background: #f98816;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #488500;
    vertical-align: middle;
    background: #4ea100;
    background: linear-gradient(top, #79c310 30%, #4ea100 100%);
    background: -moz-linear-gradient(top, #79c310 50%, #4ea100 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#79c310), to(#4ea100))
}

.navi_signup_area:hover span {
    text-decoration: underline
}

a.signup_button:hover,
.navi_signup_area:hover a.signup_button {
    border: 1px solid #488500;
    background: #79c310;
    background: linear-gradient(top, #99d744 30%, #4ea100 100%);
    background: -moz-linear-gradient(top, #99d744 50%, #4ea100 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#99d744), to(#4ea100));
    -webkit-box-shadow: 0 1px 1px #bebebe;
    -moz-box-shadow: 0 1px 1px #bebebe;
    box-shadow: 0 1px 1px #bebebe
}

.button_signup_green,
.button_signup_red {
    width: 300px;
    text-align: center
}

.button_signup_green a,
.button_signup_red a {
    text-align: left;
    display: block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
    line-height: 60px;
    height: 60px;
    color: #fff;
    font-size: 20px;
    -webkit-box-shadow: 0 3px 3px #dcdcdc;
    -moz-box-shadow: 0 3px 3px #dcdcdc;
    box-shadow: 0 3px 3px #dcdcdc
}

.button_signup_green a i,
.button_signup_red a i {
    background: url(http://cdn.bookmeter.com/image/icon_btn_bookmeter.png) no-repeat right center;
    display: inline-block;
    width: 58px;
    height: 100%;
    margin: -3px 14px 0 0;
    vertical-align: middle;
    zoom: 1
}

.button_signup_green a {
    border: 1px solid #488500;
    background: #4ea100;
    background: -moz-linear-gradient(top, #79c310 50%, #4ea100 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#79c310), to(#4ea100))
}

.button_signup_green a:hover {
    background: #79c310;
    background: -moz-linear-gradient(top, #99d744 50%, #4ea100 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#99d744), to(#4ea100))
}

.button_signup_red a {
    border: 1px solid #b0281a;
    background: #c53727;
    background: -moz-linear-gradient(top, #dd4b39 50%, #c53727 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#dd4b39), to(#c53727))
}

.button_signup_red a:hover {
    background: #dd4b39;
    background: -moz-linear-gradient(top, #eb6a53 50%, #c53727 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#eb6a53), to(#c53727))
}

.orijinal_post_user_area {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #dcdcdc
}

.orijinal_post_user_area img {
    float: left;
    margin: 0 5px 0 0;
    width: 40px;
    height: 40px
}

.quick_add_book_data_area {
    overflow: hidden;
    height: 100%;
    margin: 0 0 10px 0
}

.quick_add_book_data_area .book {
    float: left;
    width: 84px;
    height: 105px;
    margin-bottom: 0
}

.quick_add_book_data_detail {
    float: left;
    width: 206px;
    margin-top: 5px
}

.quick_add_book_data_detail_link {
    font-size: 11px;
    margin-top: 5px
}

.quick_add_book_data_detail_link a:link,
.quick_add_book_data_detail_link a:hover,
.quick_add_book_data_detail_link a:visited,
.quick_add_book_data_detail_link a:active {
    text-decoration: ;
    color: #6fa022
}

.quick_add_status_button {
    width: 294px;
    height: 40px;
    line-height: 40px;
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    text-align: center;
    margin-left: 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: -moz-linear-gradient(top, #fff 50%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    cursor: hand;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 2px #dcdcdc;
    -moz-box-shadow: -2px 0 2px #dcdcdc;
    box-shadow: 0 1px 2px #dcdcdc
}

.quick_add_status_button:hover {
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #fff 50%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9))
}

.quick_add_status_form_area {
    margin: 10px 0;
    width: 300px
}

.quick_add_status_form_area .status_post_form_box {
    overflow: auto;
    display: none;
    padding: 10px
}

.quick_add_plus_button {
    height: 28px;
    width: 28px;
    top: -7px;
    right: 2px;
    background: url(http://cdn.bookmeter.com/image/button_quick.png?) no-repeat;
    padding: 0;
    border: 0;
    cursor: hand;
    cursor: pointer;
    position: absolute;
    display: none
}

.quick_add_plus_button:hover {
    background: url(http://cdn.bookmeter.com/image/button_quick_on.png?) no-repeat
}

.button_add_favorite,
.button_del_favorite {
    width: 150px;
    height: 34px;
    cursor: hand;
    cursor: pointer
}

.button_add_favorite {
    background: url(http://cdn.bookmeter.com/image/button_add_favorite.png) no-repeat
}

.button_add_favorite:hover {
    background: url(http://cdn.bookmeter.com/image/button_add_favorite_on.png) no-repeat
}

.button_del_favorite {
    background: url(http://cdn.bookmeter.com/image/button_del_favorite.png) no-repeat
}

.button_del_favorite:hover {
    background: url(http://cdn.bookmeter.com/image/button_del_favorite_on.png) no-repeat
}

.user_list {
    width: 100%;
    overflow: auto;
    border-bottom: 1px solid #dcdcdc;
    margin: 0
}

.user_list_inner {
    padding: 10px;
    overflow: auto
}

.user_list_thumb {
    float: left;
    width: 55px
}

.user_list_detail {
    float: left
}

.user_list_right {
    float: right;
    margin-top: 6px
}

.tab_navi_sub {
    margin: 5px 0 5px 7px
}

.tab_navi_sub a {
    color: #333;
    text-decoration: underline;
    font-size: 12px
}

.tab_navi_sub .selected {
    color: gray;
    text-decoration: none
}

.flag_comment {
    position: absolute;
    left: 5px;
    top: -7px
}

.flag_comment img {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.status_post_form_textarea .sosial_media_post_custom_area {
    float: right;
    margin: 7px
}

.status_post_form_textarea .sosial_media_post_custom_area img {
    cursor: pointer;
    cursor: hand
}

.book_list_simple_box {
    border-bottom: 1px dashed #dcdcdc;
    cursor: hand;
    cursor: pointer
}

.book_list_simple_box:hover {
    background: #f9f9f9
}

.book_list_simple_inner {
    padding: 5px 0;
    overflow: auto;
    clear: left
}

.book_list_simple_td {
    float: left
}

.book_list_simple_td_date {
    width: 120px;
    text-align: center
}

.book_list_simple_td_title {
    width: 250px
}

.book_list_simple_td_author {
    width: 130px
}

.book_list_simple_td_page {
    width: 60px;
    text-align: right
}

#top {
    z-index: 99
}

.top_midoku_area {
    height: 35px;
    _height: 35px;
    _margin-top: 1px;
    *height: 35px;
    height: 35px\0/;
    border: 0;
    overflow: ;
    float: right
}

.top_midoku_area .new_flag {
    background: #ebf2cc !important;
    border-bottom: #c6d18a 1px solid
}

.top_midoku_box {
    width: 90px;
    height: 24px;
    border: 0;
    margin: 5px;
    padding: 0;
    font-family: "Tahoma", "Arial";
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    border-radius: 12px !important;
    -moz-box-shadow: 1px 1px 1px #333 !important;
    -webkit-box-shadow: 1px 1px 1px #333 !important;
    box-shadow: 1px 1px 1px #333 !important;
    display: block;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    position: relative;
    float: left
}

.top_midoku_box:hover {
    background-color: #9ac653;
    background: -moz-linear-gradient(top, #9ac653 60%, #6fa022 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#9ac653), to(#6fa022))
}

#top_midoku_area_fav .top_midoku_box {
    width: 90px
}

.top_midoku_box .top_midoku_box_inner {
    text-align: center;
    height: 100%;
    text-shadow: 0 -1px 0 #333;
    cursor: hand;
    cursor: pointer;
    width: 19px;
    float: right;
    height: 100%;
    padding: 0;
    text-align: center;
    font-size: 11px;
    line-height: 25px;
    background: #7cab32;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    _margin-left: -3px
}

.top_midoku_box_inner div {
    padding: 0;
    cursor: hand;
    cursor: pointer;
    height: 100%;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.top_midoku_list_area {
    position: absolute;
    top: 40px;
    left: -100px;
    background: #f9f9f9;
    height: 480px;
    width: 360px;
    border: 2px solid #bebebe;
    -webkit-box-shadow: 0 1px 5px gray;
    -moz-box-shadow: -2px 0 5px gray;
    box-shadow: 0 1px 5px gray;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: none;
    color: #000
}

#top_midoku_list_area_nice,
#top_midoku_list_area_res,
#top_midoku_list_area_fav {
    display: none;
    z-index: 99
}

.top_midoku_list_area:after,
.top_midoku_list_area:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.top_midoku_list_area:after {
    border-bottom-color: #f9f9f9;
    border-width: 10px;
    left: 134px;
    margin-left: -10px
}

.top_midoku_list_area:before {
    border-bottom-color: #bebebe;
    border-width: 14px;
    left: 134px;
    margin-left: -14px
}

#top_midoku_area_fav .top_midoku_list_area:before,
#top_midoku_area_fav .top_midoku_list_area:after {
    left: 134px
}

.top_midoku_list_area .log_list_box {
    width: 340px;
    padding: 10px 10px;
    height: auto;
    text-align: left;
    cursor: hand;
    cursor: pointer
}

.top_midoku_list_area .log_list_detail {
    width: 280px
}

.top_midoku_list_area a {
    color: #333 !important;
    text-decoration: underline
}

.top_midoku_list_area .log_list_detail_title a {
    text-decoration: underline !important;
    font-weight: bold;
    color: #333 !important
}

.top_midoku_list_area_inner {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 440px;
    width: 360px
}

.top_midoku_cnt {
    font-family: "Tahoma", "Arial";
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    box-shadow: 1px 1px 1px #333 !important;
    padding: 0 !important;
    font-size: 11px;
    height: 100%;
    line-height: 25px;
    background: red;
    position: static;
    right: -4px;
    top: 1px;
    z-index: 99;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    text-shadow: 0 -1px 0 #333;
    margin: 0 !important;
    font-size: 12px
}

.top_midoku_total_cnt {
    font-family: "Tahoma", "Arial";
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    box-shadow: 1px 1px 1px #333 !important;
    padding: 0 !important;
    font-size: 12px;
    height: 100%;
    line-height: 25px;
    position: static;
    right: -4px;
    top: 1px;
    z-index: 98;
    cursor: hand;
    cursor: pointer;
    background: #7cab32;
    text-align: center;
    text-shadow: 0 -1px 0 #333;
    margin: 0 !important
}

.top_midoku_total_cnt_full {
    -moz-border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
    border-radius: 1px !important;
    box-shadow: 1px 1px 1px #666 !important;
    padding: 0 1px 0 2px !important;
    font-size: 10px;
    height: 15px;
    line-height: 15px
}

.top_midoku_total_cnt a {
    display: block;
    padding: 0;
    font-size: 12px;
    text-decoration: none !important
}

.top_midoku_total_cnt a:hover {
    text-decoration: none !important
}

.top_midoku_list_area .top_midoku_area_header {
    text-align: center;
    background: #f3f3f3;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #bebebe;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: green
}

.top_midoku_list_area .top_midoku_area_header .info {
    font-size: 11px;
    color: #333
}

.top_midoku_list_area .top_midoku_area_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
    width: 100%;
    border-top: 1px solid #bebebe;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.top_midoku_cnt span,
.top_midoku_total_cnt a span,
.top_midoku_total_cnt div span {
    font-size: 10px
}

.top_midoku_box_inner_red {
    border-left: 1px #d51007 solid
}

.top_midoku_box_inner_red div {
    border-left: 1px #ff5656 solid;
    background: red
}

.top_midoku_box_inner_green {
    border-left: 1px #699a1b solid
}

.top_midoku_box_inner_green div {
    border-left: 1px #afd376 solid;
    background: #7cab32
}

.rank_box_1 {
    font-size: 200%
}

.rank_box_3 {
    font-size: 180%
}

.rank_box_20,
.rank_box_other {
    font-size: 150%
}

.rank_box_1 .rank_box_content {
    max-width: 410px;
    width: 410px
}

.rank_box_3 .rank_box_content {
    max-width: 480px;
    width: 480px
}

.rank_box_20 .rank_box_content,
.rank_box_other .rank_box_content {
    max-width: 550px;
    width: 550px
}

.rank_value_box {
    color: #219315;
    margin-bottom: 10px;
    -moz-text-shadow: 1px 1px 1px #333;
    -webkit-text-shadow: 1px 1px 1px #333;
    text-shadow: 1px 1px 1px #333
}

.rank_value_box span {
    font-size: 20px;
    font-weight: bold
}

.rank_box_content {
    float: left;
    width: 100%
}

.rank_box .log_list_thumb_button {
    font-size: 14px;
    line-height: 30px;
    padding: 3px 0 0 0;
    width: 160px
}

.rank_box_content_title {
    text-decoration: underline;
    font-weight: bold;
    color: #219315
}

.content_2column_200_750 .rank_box {
    overflow: auto;
    height: 100%;
    line-height: 150%;
    padding: 20px;
    border-bottom: 1px solid #f1f1f1;
    background: -moz-linear-gradient(top, #fff 30%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9))
}

.content_2column_200_750 .rank_box .thumb {
    margin-right: 15px;
    -webkit-box-shadow: 5px 5px 5px #dcdcdc;
    -moz-box-shadow: 5px 5px 5px #dcdcdc;
    box-shadow: 5px 5px 5px #dcdcdc
}

.content_2column_200_750 .rank_box .thumb_box {
    float: left;
    margin-bottom: 10px
}

.content_2column_200_750 .rank_box .thumb_box img {
    border: 1px solid #dcdcdc
}

.content_2column_200_750 .rank_box .quick_add_plus_button_text {
    display: block;
    max-width: 120px;
    line-height: 30px;
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    text-align: center;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #fff 50%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 0;
    cursor: hand;
    cursor: pointer;
    font-size: 16px;
    margin: 5px 0
}

.category_name_search_form_area {
    width: 100%
}

.category_name_search_form_area_title {
    margin: 40px 0;
    font-size: 30px;
    line-height: 150%
}

.category_name_search_form_area .navi_s {
    padding: 0 0 40px 0;
    background: 0
}

.category_name_search_form_area .input_q {
    height: 42px;
    line-height: 42px
}

.category_name_search_form_area .submit {
    height: 42px;
    font-size: 18px
}

.category_name_search_form_area_info {
    color: gray;
    margin-top: 5px
}

.category_name_search_form_area #result_search_category {
    overflow: auto;
    height: 100%
}

#result_search_category .tag {
    border: 1px solid #f3f3f3;
    float: left;
    overflow: hidden;
    height: 30px;
    margin: 5px;
    padding: 0;
    line-height: 30px
}

#result_search_category .tag a {
    overflow: hidden;
    border-bottom: 0;
    padding: 0 10px;
    line-height: 30px;
    display: block;
    height: 30px
}

#result_search_category .tag:hover {
    background-color: #f9f9f9
}

.kindle_flag_mark {
    position: absolute;
    top: 0;
    left: 12px;
    background: #000;
    color: #f90;
    font-weight: bold;
    padding: 1px 0;
    width: 16px
}

.dokuryou_flag_mark {
    position: absolute;
    top: -10px;
    left: 51px;
    background: #55990d;
    color: #fff;
    line-height: 18px;
    height: 18px;
    width: 40px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 11px;
    *font-size: 12px;
    font-family: Arial
}

.clearfix {
    width: 100%
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.button_amazon_cart,
.button_amazon_detail {
    background: url(http://cdn.bookmeter.com/image/sprite/book.png?20140529) no-repeat;
    background-size: 431px auto;
    display: block
}

.button_amazon_cart {
    background-position: 0 -24px;
    cursor: pointer;
    padding: 0;
    width: 147px;
    height: 25px
}

.button_amazon_detail {
    background-position: 0 -53px;
    width: 300px;
    height: 40px
}

.social_bookmeter_button,
.social_share_button,
#social_button_area i.loading {
    background: url(http://cdn.bookmeter.com/image/sprite/book.png?20140211) no-repeat;
    background-size: 431px auto;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

#social_button_area i.loading {
    width: 97px;
    height: 20px
}

.social_bookmeter_button {
    background-position: 0 0;
    width: 70px;
    height: 20px;
    margin-right: 4px
}

.social_share_button {
    background-position: -71px 0;
    width: 65px;
    height: 20px;
    margin-right: 4px
}

#social_tweetbutton i.loading {
    background-position: -137px 0
}

#social_likebutton i.loading {
    background-position: -235px 0
}

#social_iinebutton i.loading {
    background-position: -333px 0
}

.send_idea_area {
    width: 300px;
    border: 1px solid #dde5b7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #f8fce8;
    margin: 0 auto
}

.send_idea_area_inner {
    padding: 15px;
    text-align: center
}

.send_idea_area textarea {
    width: 260px;
    height: 60px;
    outline: 0;
    -webkit-box-shadow: inset 2px 2px 2px 0 #ddd;
    -moz-box-shadow: inset 2px 2px 2px 0 #ddd;
    box-shadow: inset 2px 2px 2px 0 #ddd;
    font-size: 14px;
    margin-top: 5px
}

.send_idea_area input {
    width: ;
    margin-top: 10px;
    padding: 2px 15px
}

.scrollup_icon {
    background: url(http://cdn.bookmeter.com/image/sprite/common.png?20130322) no-repeat;
    background-position: -252px -26px;
    display: block;
    width: 48px;
    height: 48px
}

#container {
    width: 950px
}

#header {
    width: 950px
}

#content {
    width: 910px
}

#main_left {
    width: 590px
}

#main_right {
    width: 590px
}

#side {
    width: 300px
}

#side_left {
    width: 300px
}

#footer {
    width: 910px
}

#graph_p {
    width: 293px
}

#graph_b {
    width: 293px
}

.inner {
    width: 910px
}

#top {
    min-width: 950px
}

#top .inner {
    width: 950px
}

#main_left .inner {
    width: 590px
}

#main_right .inner {
    width: 590px
}

#side .inner {
    width: 278px
}

#side_left .inner {
    width: 300px
}

#side_left ul {
    margin: 0
}

#side_left li a {
    width: 280px
}

#side_left .list_sub a {
    width: 273px
}

.profile {
    width: 300px
}

.profile dt {
    width: 90px
}

.profile dd {
    width: 185px
}

.profile .intro dt {
    display: none
}

.profile .intro dd {
    width: 285px
}

.log_list_detail {
    width: 420px
}

.timeline .inner {
    width: 529px
}

.gad_header_area {
    margin-right: 200px
}

.book {
    width: 136px;
    height: 160px;
    line-height: 150%
}

.log_list_detail {
    width: 500px
}

.book .read_end {
    left: 16px
}

.top_h3 {
    font-size: 200%
}

.navi_s .input_q {
    width: 500px;
    font-size: 18px
}

.comment_page_box {
    width: 570px
}

.comment_page_box2 {
    width: 570px
}

.comment_page_box2 textarea {
    width: 560px
}

.comment_box_r {
    width: 485px;
    padding: 15px
}

.comment_box2_r {
    width: 495px;
    font-size: 15px;
    line-height: 160%;
    padding: 5px 10px
}

.res_box {
    width: 570px
}

.comment_area {
    width: 520px
}

.profile_textarea {
    width: 500px;
    font-size: 16px
}

#account_setting input {
    font-size: 18px;
    padding: 5px
}

#account_setting select {
    font-size: 16px
}

#account_setting .input_text {
    width: 400px
}

body.noscroll {
    position: fixed;
    width: 100%;
    margin-top: 0;
    padding-top: 35px
}