@charset "UTF-8";

div,p {
  color: #373737;
  font-weight: normal;
}
.font_12 {
  font-size: 14px
}
.color_r {
  color: #BF0C0C
}
.color_bk {
  color: #373737
}
.block_b {
  display: block
}
.font_size14 {
  font-size: 14px
}
.padding_bottom10 {
  padding-bottom: 10px
}
.margin_top10 {
  margin-top: 10px
}
.margin_r5 {
  margin-right: 5px
}
.margin_t5 {
  margin-top: 5px
}
.margin_t0 {
  margin-top: 0
}
.padding_t0 {
  padding-top: 0
}
/*clumps*/
nav#main-root {
  background: #F1F1F1;
  border: none;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #CCC;
  font-size: 12px;
  color: #373737;
  text-align: left;
  padding: 0 10px;
  font-weight: bold;
  margin-bottom: 0;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
}
nav#main-root a {
  color: #006699
}
nav#main-root span.active-page {
  color: #333;
  font-weight: bold;
}
/*co_container_box_inner*/
.co_container_box_inner {
  padding: 10px 5px
}
/*タイトル詳細用サイドメニュー*/
#navi_left {
  float: left;
  width: 192px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.common_side_menu_w {
  border: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
}
.common_side_menu_title {
  border-top: 1px solid #FFF;
  background: #F1F1F1;
  padding: 8px 5px;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #ccc;
  color: #000;
}
h2.common_side_menu_title {
  font-size: 12px
}
.navi_contents {
  padding: 3px
}
.bg_side_title_box {
  background: #FFF;
}
.bg_side_title_box ul {
  margin: 0 auto;
  list-style-type: none;
}
.border_dashed {
  border-bottom: 1px dashed #ccc
}
.each_title_w_box {
  padding: 5px 1px 5px 5px
}
.each_title_w_box_img {
  float: left;
  width: 60px;
}
.each_title_w_box_text {
  margin-left: 63px;
  min-height: 90px;
}
.each_title_w_box_text .title a {
  display: block;
  font-size: 12px;
  color: #333;
}
.each_title_w_box_text .author a {
  margin: 4px 0
}
.more_link {
  text-align: right;
  color: #FF6600;
  padding: 3px;
}
.subnavi_title {
  margin: 0 auto;
  padding: 0 5px;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  line-height: 22px;
  background: #F1F1F1;
}
.bg_navi_box {
  background: #FFF
}
.subnavi_contents ul {
  margin: 0 auto;
  list-style-type: none;
}
.side_menu_list ul {
  padding: 2px 0
}
.subnavi_contents li {
  background: url(/pc/images/title/1406/arrow_or_s.png) no-repeat 10px center;
  padding: 4px 2px 4px 20px;
}
.subnavi_contents a:hover,
.side_menu_list a:hover {
  text-decoration: underline
}
.each_title_w_box_text .author{
margin-top: 2px;
}
.each_title_w_box_text .author a{
font-size: 12px;
color: #373737;
}
/*タイトル詳細用サイドメニュー*/
/*contents_right*/
.contents_right {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 8px;
  z-index: 1;
  text-align: left;
  float: left;
  width: 780px;
}
/*タイトル詳細説明*/
.title_details_main_box {
  border: 1px solid #ccc
}
/*title_details_thum_box*/
.title_details_thum_box_w {
  padding: 10px
}
.title_details_thum_box {
  width: 155px;
  padding-top: 5px;
  float: left;
}
.title_big_thum {
  width: 145px;
  border: 1px solid #CCC;
  margin-left: 5px;
}
.title_details_thum_text_box {
  padding: 5px 0;
  text-align: center;
}
.title_details_btn_box_section_text {
  line-height: 1.4em;
  font-size: 10px;
  color: #666666;
  margin-bottom: 5px;
}
.title_details_thum_vol_text {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #373737;
}
.rental_top100_m {
  background: transparent url(/pc/images/title/1406/rental_top100.png) no-repeat top left;
  width: 90px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.title_details_thum_cam_box {
  border-top: 1px dotted #ccc;
  padding: 5px 0;
  text-align: center;
}
/*右側ボタンゾーン*/
.title_details_btn_box_w {
  width: 220px;
  float: right;
  border-radius: 5px 5px 0 0;
}
.title_details_btn_box_title {
  border-top: 1px solid #FFF;
  background: #F1F1F1;
  padding: 5px;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #ccc;
  color: #000;
  text-align: center;
  font-size: 14px;
  border: 1px solid #CCC;
}
.title_details_btn_box {
  border: 1px solid #ccc;
  border-top: none;
}
.title_details_btn_box_section {
  padding: 5px
}
.release_end {
  margin: 10px 0
}
.bought_btn_volume {
  width: 194px;
  height: 46px;
  background-image: url(/pc/images/title/1406/volume_abuy_btn.png);
  background-repeat: no-repeat;
  margin: 10px auto;
}
.buy_btn {
  width: 194px;
  height: 46px;
  background-image: url(/pc/images/title/1406/buy_area_title_buy_btn_2.png);
  background-repeat: no-repeat;
  margin: 10px auto;
}
.btn2_area {
  margin: 10px auto 0 auto
}
.btn2_area_btn1 {
  width: 194px;
  height: 31px;
  background-image: url(/pc/images/title/1406/free_btn.png);
  background-repeat: no-repeat;
  margin: 10px auto 5px auto;
}
.btn2_area_btn2,
.btn2_area_btn2_can {
  width: 194px;
  height: 31px;
  background-image: url(/pc/images/title/1406/favo_btn.png);
  background-repeat: no-repeat;
  margin: 0px auto;
}
.btn2_area_btn2_can {
  background-image: url(/pc/images/title/1406/favo_btn_cancel.png)
}
.btn2_area_btn3 {
  width: 194px;
  height: 41px;
  background-image: url(/pc/images/title/1409/free2_btn.png);
  background-repeat: no-repeat;
  margin: 10px auto 5px auto;
}
.pack_buy_btn {
  width: 195px;
  height: 42px;
  background-image: url(/pc/images/title/1406/buy_area_title_pack_buy_btn.png);
  background-repeat: no-repeat;
  margin: 5px auto;
}
.other_buy_link_right {
  background-image: url(/pc/images/title/13_10/arrow_right.png);
  background-repeat: no-repeat;
  padding: 5px;
  line-height: 12px;
  background-position-y: 8px;
  background-position-x: 8px;
}
.other_buy_link a,
.other_buy_link_right a {
  font-size: 12px;
  text-decoration: none;
  margin-left: 15px;
}
.other_buy_link a:hover,
.other_buy_link_right a:hover {
  text-decoration: underline
}
.title_alert_box {
  padding: 8px 5px;
  border: 1px solid #BF0C0C;
  color: #BF0C0C;
  margin-top: 10px;
  text-align: center;
}
.title_alert_box a,
.title_alert_box a:hover {
  color: #BF0C0C;
  display: block;
}
/*通知交流*/
.new_alert_info_btn{
padding: 5px 35px;
}
.new_alert_on_off_btn_w{
}

.new_alert_on_off_title{
float:left;
line-height: 27px;
font-weight: bold; font-size: 14px;
}
.new_alert_on_off_btn{
margin-left:5px;
}
.new_alert_on_btn_w,
.new_alert_off_btn_w{
float:left;
line-height: 25px;
text-align:center;
background:#ccc;
width:53px;

}
.new_alert_on_btn_w{
margin-left: 10px;
border-radius: 5px 0 0 5px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.new_alert_off_btn_w{
border-radius: 0 5px 5px 0;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.alert_on_bg{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}

/*詳細ゾーンの真ん中*/
.title_details_text_box {
margin-left: 163px;
width: 366px;
}
.title_details_text_section {
  padding: 5px 3px;
  border-bottom: 1px dotted #ccc;
}
.title_details_title_name {
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 5px;
  color: #373737;
  vertical-align: top;
}
.title_details_title_name a,
.title_details_title_name a:hover {
  color: #373737;
  text-decoration: none;
}
.sexy_m {
  background: transparent url(/pc/images/title/1406/sexy_m.png) no-repeat top left;
  width: 60px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.end_m {
  background: transparent url(/pc/images/title/1406/end_m.png) no-repeat top left;
  width: 50px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.new_m_b {
  background: transparent url(/pc/image/title/new_m_b.png) no-repeat top left;
  width: 50px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.newbook_m {
  background: transparent url(/pc/image/title/newbook_m.png) no-repeat top left;
  width: 50px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.title_details_author_name {
  font-size: 14px;
  line-height: 14px;
  margin-top: 5px;
}
.title_details_author_name a:hover {
  text-decoration: underline
}
.title_details_cam_value {
  color: #373737;
  font-size: 16px;
  margin-top: 8px;
}
.limit_term_12 {
  font-size: 12px
}
.usual_value {
  color: #999;
  font-size: 10px;
  float: left;
  height: 18px;
  line-height: 18px;
  text-align: right;
  width: 60px;
}
.usual_cost {
  height: 18px;
  line-height: 18px;
  margin-left: 65px;
  font-weight: bold;
}
.title_details_review_point_star img {
  padding-bottom: 2px
}
.category_line {
  padding: 3px 0
}
.category_line_f_l_l {
  float: left;
  width: 90px;
}
.category_line_f_r_l {
  margin-left: 90px;
  min-height: 14px;
}

.title_details_main_box_b_box{
border-top: 1px dotted #ccc;
}
.title_details_main_box_b_box_left{
width: 220px; float: right; margin-right:10px;
}
.title_details_main_box_b_box_right{
width:545px; float:left
}
.taiou_img_text {
  margin-right: 0px;
  margin-left: 3px;
  float: left;
}
.img_box {
  margin-left: 60px
}
.taiou_img {
  margin: 5px 10px 5px 13px
}
.taiou_img img {
  width: 70px;
  margin-right: 1px;
  margin-bottom: 3px;
}
.title_details_intro_box {
  padding: 5px 10px 5px 15px;
}
.title_details_intro_box p {
  line-height: 2.0em;
  color: #373737;
}

.wifi_area{
margin-top:10px; color: #BF0C0C;
}
/*キャンペーンゾーン*/
.title_details_pack_cam_box {
  margin: 10px auto;
  border: 1px solid #FFCFBD;
  border-radius: 5px 5px 0 0;
}
.title_details_pack_cam_box_title_or {
  margin: auto;
  background: #FFE4D9;
  border-top: 1px solid #FFF;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #FFCFBD;
}
.contents_right_co_title {
  padding-left: 8px;
  color: #333333;
  font-weight: bold;
  text-align: left;
  line-height: 26px;
  word-break: break-all;
}
.contents_right_co_title .next_btn {
  margin-bottom: 3px
}
.title_details_pack_cam_box_5pad {
  padding: 10px
}
.title_cam_thum_box_title {
  width: 84px;
  height: 138px;
  float: left;
  padding: 10px 0 0 10px;
}
.title_cam_thum_box_title img.title_s_thum {
  width: 80px;
  border: 1px solid #CCC;
}
.title_cam_btn_box_w {
  width: 210px;
  float: right;
}
.title_cam_box_title {
  margin-left: 104px;
  width: 432px;
  min-height: 140px;
}
.title_details_title_name_h2 {
  font-size: 16px;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  font-weight: bold;
  margin-top: -2px;
}
.title_details_cam_until {
  font-weight: bold;
  line-height: 22px;
}
.bene_m {
  background: transparent url(/pc/images/title/1406/pack_m.png) no-repeat top left;
  width: 60px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.point_m {
  background: transparent url(/pc/images/title/1406/point_m.png) no-repeat top left;
  width: 60px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.free_m {
  background: transparent url(/pc/images/title/1406/free_m.png) no-repeat top left;
  width: 60px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.free2_m {
  background: transparent url(/pc/images/title/1409/free2_m.png) no-repeat top left;
  width: 60px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.down_m {
  background: transparent url(/pc/images/title/1406/down_m.png) no-repeat top left;
  width: 60px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.new_m_b2 {
  background: transparent url(/pc/image/title/new_m_b.png) no-repeat top left;
  width: 50px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
  background-position-y: -1px;
}
.down_value {
  font-size: 14px
}
.down_value,
.down_value_rd {
  height: 18px;
  line-height: 18px;
  margin-left: 65px;
  text-decoration: line-through;
}
.down_value_rd {
  text-decoration: none;
  color: #BF0C0C;
  font-weight: bold;
}
.margin_r_5 {
  margin: 5px auto
}
.title_cam_btn_box_section_text p {
  line-height: 1.4em;
  font-size: 10px;
  color: #666666;
  padding: 5px;
}
.title_details_cam_box {
  margin: 10px auto;
  border: 1px solid #FFCFBD;
  border-radius: 5px 5px 0 0;
}
/*title_each_vol_box*/
.title_each_vol_box {
  margin: 10px auto;
  border: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
}
.title_details_pack_cam_box_title {
  margin: auto;
  height: 27px;
  border-top: 1px solid #FFF;
  background: #F1F1F1;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  color: #000;
}
.title_each_vol_right_title {
  padding-right: 10px;
  float: right;
  color: #333333;
  font-size: 12px;
  padding-top: 4px;
}
.title_box_disp_btn1 {
  height: 20px;
  width: 20px;
  background-image: url(/pc/images/title/13_10/title_box_disp_btn1.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
a:hover .title_box_disp_btn1 {
  background-image: url(/pc/images/title/13_10/title_box_disp_btn1_on.png)
}
.title_box_disp_btn2 {
  height: 20px;
  width: 20px;
  background-image: url(/pc/images/title/13_10/title_box_disp_btn2.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
a:hover .title_box_disp_btn2 {
  background-image: url(/pc/images/title/13_10/title_box_disp_btn2_on.png)
}
.title_box_disp_btn1_on {
  height: 20px;
  width: 20px;
  background-image: url(/pc/images/title/13_10/title_box_disp_btn1_on.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.title_box_disp_btn2_on {
  height: 20px;
  width: 20px;
  background-image: url(/pc/images/title/13_10/title_box_disp_btn2_on.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.title_each_vol_left_title {
  padding-left: 8px;
  color: #333333;
  font-weight: bold;
  text-align: left;
  line-height: 26px;
  height: 26px;
  margin-right: 133px;
}
.vol_release_text {
  color: #BF0C0C;
  font-size: 12px;
  font-weight: normal;
}
.inline_btn {
  display: inline-block;
  margin-left: 10px;
}
.buy_selected_btn {
  padding: 5px;
  height: 32px;
  border-bottom: 1px dotted #ccc;
}
.buy_selected_right_btn {
  float: right;
  height: 25px;
  width: 179px;
  background-image: url(/pc/images/title/1406/buy_selected_right_btn.png);
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 4px;
}
.buy_selected_left_btns,
.buy_selected_left_btns_bought {
  margin-right: 200px;
  height: 25px;
}
.buy_selected_left_btns .text_btns {
  line-height: 28px;
  color: #333333;
  float: left;
  font-size: 14px;
  margin-left : 15px;
}
.buy_selected_left_btn,
.buy_selected_left_bought {
  height: 25px;
  width: 158px;
  background-image: url(/pc/images/title/1406/buy_selected_left_btn.png);
  background-repeat: no-repeat;
  margin-top: 4px;
  margin-left: 120px;
  cursor: pointer;
}
.buy_selected_left_bought {
  background-image: url(/pc/images/title/13_10/already_buy_m.png);
  margin-left: 0;
}
.title_vol_vox_vols_w {
  margin: 0 5px
}
.title_vol_vox_vols {
  list-style-type: none
}
.title_vol_vox_vols li {
  border-bottom: 1px dotted #ccc
}
.title_vol_vox_vols_i {
  padding: 10px
}
.title_vol_vox_vols_i .thum_box_w {
  float: left
}
.title_vol_vox_vols_i .thum_box_w .check_box {
  float: left;
  width: 35px;
  padding-top: 5px;
}
.check_box input {
  width: 18px;
  height: 18px;
}
.title_vol_vox_vols_i .thum_box_w .thum_box {
  margin-left: 35px;
  margin-top: 5px;
}
.title_vol_vox_vols_i .thum_box_w .thum_box img {
  width: 82px;
  border: 1px solid #CCC;
}
.title_vol_btn_box_w {
  float: right;
  width: 137px;
  height: 97px;
  padding-top: 2px;
}
.title_vol_btn_box_w .title_vol_each_buy_btn,
.title_vol_btn_box_w .title_vol_end_btn,
.title_vol_btn_box_w .title_vol_stop_btn {
  width: 137px;
  height: 42px;
  margin-bottom: 4px;
  background-image: url(/pc/images/title/1406/title_vol_each_buy_btn.png);
  background-repeat: no-repeat;
}
.title_vol_btn_box_w .title_vol_end_btn {
  background-image: url(/pcc/images/title/13_10/title_vol_end_btn.png)
}
.title_vol_btn_box_w .title_vol_stop_btn {
  background-image: url(/pcc/images/title/13_10/title_vol_stop_btn.png)
}
.title_vol_btn_box_w .title_vol_each_free_btn {
  width: 137px;
  height: 27px;
  background-image: url(/pc/images/title/1406/title_vol_each_free_btn.png);
  background-repeat: no-repeat;
}
.title_vol_btn_box_w .title_vol_each_free2_btn {
  width: 137px;
  height: 41px;
  background-image: url(/pc/images/title/1409/title_vol_each_free2_btn.png);
  background-repeat: no-repeat;
}
.title_vol_btn_box_w .apri_read_btn,
.title_vol_btn_box_w .browser_read_btn,
.title_vol_btn_box_w .browser_noread_btn,
.title_vol_btn_box_w .apri_noread_btn {
  width: 137px;
  height: 36px;
  margin-bottom: 4px;
  background-image: url(/pc/images/title/1406/apri_read_btn.png);
  background-repeat: no-repeat;
}
.title_vol_btn_box_w .browser_read_btn {
  background-image: url(/pc/images/title/1406/browser_read_btn.png)
}
.title_vol_btn_box_w .browser_noread_btn {
  background-image: url(/pc/images/title/1406/browser_noread_btn.png)
}

.title_vol_btn_box_w .apri_noread_btn {
  background-image: url(/pc/images/title/1406/apri_noread_btn.png)
}
.this_read_apri_btn,
.this_read_browser_btn,
.this_read_noapri_btn,
.this_read_nobrowser_btn {
  width: 194px;
  height: 36px;
  background-image: url(/pc/images/title/1406/this_read_apri_btn2.png);
  background-repeat: no-repeat;
  margin: 10px auto;
}
.this_read_browser_btn {
  background-image: url(/pc/images/title/1406/this_read_browser_btn2.png)
}
.this_read_noapri_btn {
  background-image: url(/pc/images/title/1406/this_read_noapri_btn.png)
}
.this_read_nobrowser_btn {
  background-image: url(/pc/images/title/1406/this_read_nobrowser_btn.png)
}
.title_vol_text_box_w {
  margin-left: 132px;
  margin-right: 147px;
  min-height: 115px;
}
.title_vol_text_box_w_intro {
  margin-top: 5px;
  color: #373737;
  font-size: 12px;
  line-height: 1.5em;
}
/*簡単表示用*/
.title_vol_easy_box {
  margin-left: 3px;
  /*height: 965px;*/
}
.title_vol_easy_box_in_th {
  width: 146px;
  height: 236px;
  background: #F3F3F2;
  border: 1px solid #ccc;
  float: left;
  display: inline;
  text-align: center;
  overflow: hidden;
  margin: 2px;
}
.title_vol_easy_box_in_th .thum_box3_wra {
  margin: 8px 31px;
  position: relative;
}
.title_vol_easy_box_in_th .thum_box3 {
  width: 82px;
  height: 113px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #ccc;
  background: #FFFFFF;
}
.title_vol_easy_box_in_th .free_easy_m {
  width: 44px;
  height: 43px;
  position: absolute;
  background: transparent url(/pc/images/title/13_10/free_easy_m.png) no-repeat;
  top: -8px;
  left: -31px;
}
.title_vol_easy_box_in_th .return_easy_m {
  width: 44px;
  height: 43px;
  position: absolute;
  background: transparent url(/pc/images/title/13_10/return_easy_m.png) no-repeat;
  top: -8px;
  left: -31px;
}
.title_vol_easy_box_in_th .down_easy_m {
  width: 44px;
  height: 43px;
  position: absolute;
  background: transparent url(/pc/images/title/13_10/down_easy_m.png) no-repeat;
  top: -8px;
  left: -31px;
}
.thum_img3_a img {
  max-width: 82px;
  max-height: 113px;
}
.title_check_box {
  border-bottom: 1px dotted #CCC
}
.eaxy_check_box {
  float: left;
  width: 25px;
  margin-top: -3px;
}
.eaxy_check_box input {
  width: 15px;
  height: 15px;
}
.title_check_box h5 {
  margin-left: 25px
}
.title_vol_easy_box_in_th h5 {
  font-size: 12px;
  line-height: 120%;
  height: 28px;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
  margin: 5px;
}
.title_vol_easy_box_in_th h5 a {
  color: #333;
  word-break: break-all;
}
.title_vol_easy_box_in_th .book_last {
  font-size: 11px;
  line-height: 120%;
  padding-top: 2px;
  font-weight: normal;
  height: 13px;
  overflow: hidden;
}
.book_last_cam {
  color: #F00;
  font-weight: bold;
  text-align: center;
  margin: 5px;
  font-size: 12px;
}
.easy_area_btn {
  width: 110px;
  margin: 5px auto;
  text-align: left;
}
.easy_area_btn .buy_btn_img {
  width: 55px
}
.easy_read_btn {
  width: 95px;
  margin: 5px auto;
  text-align: left;
}
.easy_read_btn .read_btn_img {
  width: 95px
}
.title_vol_easy_box .book_cam_value {
  margin: 5px;
  font-weight: bold;
  color: #333;
  font-size: 12px;
}
.title_vol_easy_box .book_dl_term {
  margin: 5px 0;
  color: #333;
  font-size: 12px;
}
/*簡単表示用*/
/*レビュー*/
.tab_title_review_title_box {
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
}
.tab_title_review_title {
  margin: auto;
  height: 27px;
  border-top: 1px solid #FFF;
  background: #F1F1F1;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  color: #000;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.tab_title_review {
  border-top: none
}
.tab_title_review_c_title {
  font-weight: bold;
  font-size: 16px;
  padding: 10px 10px 0 10px;
}
.title_review_btns_box {
  float: right;
  width: 196px;
  height: 29px;
  margin-top: -10px;
  margin-right: 10px;
}
.tab_title_review_left_i {
  margin-right: 210px;
  min-height: 22px;
  line-height: 29px;
  font-size: 12px;
  padding: 0 10px 0 10px;
}
.tab_title_review_left_i img.star {
  margin-bottom: 4px;
  width: 15px;
}
.tab_title_review_new_box {
  margin: 5px auto 0 auto;
  border-top: 1px solid #ccc;
}
.tab_title_review_new_title {
  height: 26px;
  line-height: 26px;
  padding-left: 13px;
  font-weight: bold;
  font-size: 14px;
  background: #F1F1F1;
  border-bottom: 1px solid #ccc;
}
.tab_title_review_new_each_w {

}
.tab_title_review_new_each_box {
  padding: 5px 10px
}
.star_title_face_good_w {
  position: relative
}
.star_title_face {
  font-weight: bold;
  font-size: 14px;
  margin-right: 100px;
}
.star_title_face img.star {
  margin-bottom: 4px;
  width: 15px;
}
.star_title_face img.face {
  margin-bottom: 4px
}
.review_result {
  position: absolute;
  right: 0;
  font-size: 12px;
}
.good_btn_w {
  right: 0;
  top: 0;
  position: absolute;
}
.good_btn {
  background: rgb(242,245,246);
  background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(242,249,252,1) 52%, rgba(227,234,237,1) 86%, rgba(200,215,220,1) 100%, rgba(200,215,220,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(52%,rgba(242,249,252,1)), color-stop(86%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)), color-stop(100%,rgba(200,215,220,1)));
  background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(242,249,252,1) 52%,rgba(227,234,237,1) 86%,rgba(200,215,220,1) 100%,rgba(200,215,220,1) 100%);
  background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(242,249,252,1) 52%,rgba(227,234,237,1) 86%,rgba(200,215,220,1) 100%,rgba(200,215,220,1) 100%);
  background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(242,249,252,1) 52%,rgba(227,234,237,1) 86%,rgba(200,215,220,1) 100%,rgba(200,215,220,1) 100%);
  background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(242,249,252,1) 52%,rgba(227,234,237,1) 86%,rgba(200,215,220,1) 100%,rgba(200,215,220,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 10px;
  padding: 3px 10px;
  text-align: center;
  height: 13px;
}
.reviewer {
  margin: 0 180px 5px 5px;
  font-size: 12px;
}
.reviewer_text {
  margin: 0 5px 5px 5px;
  font-size: 12px;
}
.review_alert_link {
  font-size: 10px;
  text-align: right;
  text-decoration: underline;
}
.review_none_exist_box p {
  margin: 10px
}
.review_other_link {
  margin: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.recommend_box {
  margin: 10px auto;
  width: 780px;
  border-top: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
}
/*レビュー終わり*/
/*related_box*/
.related_box {
  border: 1px solid #ccc
}
.related_text_box {
  padding: 10px 20px;
  font-size: 12px;
}
.related_text_box p {
  line-height: 1.6em;
  font-size: 12px;
}
.related_img {
  padding: 3px 10px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 130px;
  text-align: center;
  background: #F1F1F1;
}
/*pager*/
.slider ul {
  width: 77px;
  display: block;
  margin-left: 0px;
}
.slider li {
  margin-right: 3px;
  width: 64px;
}
.slider .es-carousel-wrapper {
  background-color: #E1E1E1;
  position: relative;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
  padding: 2px 26px;
}
.slider .es-carousel {
  overflow: hidden
}
.slider .es-carousel {
  width: 100%
}
.slider .es-carousel ul li {
  float: left;
  display: block;
  text-align: center;
}
.slider .es-carousel ul li div.p_active {
  background: #ffffe8;
  background: -moz-linear-gradient(top, #ffffe8 3%, #f9f9f9 23%, #f2f2f2 33%, #f4f4f4 86%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffe8), color-stop(23%,#f9f9f9), color-stop(33%,#f2f2f2), color-stop(86%,#f4f4f4), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #ffffe8 3%,#f9f9f9 23%,#f2f2f2 33%,#f4f4f4 86%,#ffffff 100%);
  background: -o-linear-gradient(top, #ffffe8 3%,#f9f9f9 23%,#f2f2f2 33%,#f4f4f4 86%,#ffffff 100%);
  background: -ms-linear-gradient(top, #ffffe8 3%,#f9f9f9 23%,#f2f2f2 33%,#f4f4f4 86%,#ffffff 100%);
  background: linear-gradient(to bottom, #ffffe8 3%,#f9f9f9 23%,#f2f2f2 33%,#f4f4f4 86%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe8', endColorstr='#ffffff',GradientType=0 );
  border-color: #999999;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  padding: 9px 5px;
  font-weight: bold;
  color: #373737;
}
.slider .es-carousel ul li a {
  display: block;
  border-radius: 3px;
  padding: 9px 5px;
  background-color: #666666;
  color: #373737;
  font-weight: bold;
  border: 1px solid #999999;
  background: #c9c9c9;
  background: -moz-linear-gradient(top,  #c9c9c9 10%, #c4c4c4 23%, #b2b2b2 85%, #b2b2b2 94%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#c9c9c9), color-stop(23%,#c4c4c4), color-stop(85%,#b2b2b2), color-stop(94%,#b2b2b2));
  background: -webkit-linear-gradient(top,  #c9c9c9 10%,#c4c4c4 23%,#b2b2b2 85%,#b2b2b2 94%);
  background: -o-linear-gradient(top,  #c9c9c9 10%,#c4c4c4 23%,#b2b2b2 85%,#b2b2b2 94%);
  background: -ms-linear-gradient(top,  #c9c9c9 10%,#c4c4c4 23%,#b2b2b2 85%,#b2b2b2 94%);
  background: linear-gradient(to bottom,  #c9c9c9 10%,#c4c4c4 23%,#b2b2b2 85%,#b2b2b2 94%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#b2b2b2',GradientType=0 );
}
.slider .es-carousel ul li a:hover {
  background: #ffffe8;
  background: -moz-linear-gradient(top, #ffffe8 3%, #f9f9f9 23%, #f2f2f2 33%, #f4f4f4 86%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffe8), color-stop(23%,#f9f9f9), color-stop(33%,#f2f2f2), color-stop(86%,#f4f4f4), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #ffffe8 3%,#f9f9f9 23%,#f2f2f2 33%,#f4f4f4 86%,#ffffff 100%);
  background: -o-linear-gradient(top, #ffffe8 3%,#f9f9f9 23%,#f2f2f2 33%,#f4f4f4 86%,#ffffff 100%);
  background: -ms-linear-gradient(top, #ffffe8 3%,#f9f9f9 23%,#f2f2f2 33%,#f4f4f4 86%,#ffffff 100%);
  background: linear-gradient(to bottom, #ffffe8 3%,#f9f9f9 23%,#f2f2f2 33%,#f4f4f4 86%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe8', endColorstr='#ffffff',GradientType=0 );
}
.slider .es-nav span {
  position: absolute;
  top: 50%;
  left: 1px;
  background: transparent url(/pcc/images/common/new_vol/nav2.png) no-repeat top left;
  width: 20px;
  height: 37px;
  margin-top: -19px;
  text-indent: -9000px;
  cursor: pointer;
}
.slider .es-nav span.es-nav-next {
  right: 0px;
  left: auto;
  background-position: top right;
}
.slider .es-nav span:hover {
  background: transparent url(/pcc/images/common/new_vol/nav2_on.png) no-repeat top left
}
.slider .es-nav span.es-nav-next:hover {
  right: 0px;
  left: auto;
  background-position: top right;
}
/*pager*/
/*border打消し*/
.no_border {
  border: none
}
.recommend_box .contents_rignt_co_th_box_in_th .thum_box3 {
  width: 76px;
  height: 110px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #CCC;
  background: #FFFFFF;
  position: relative;
}

/*レコメンド*/
.reco_box {
	margin:10px auto;
}
.reco_box .tab_title_review_title {
	margin: auto;
	height: 27px;
	border: 1px solid #ccc;
	background: #F1F1F1;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	color: #000;
}
.reco_box ul.reco_box_inner {
	margin: 10px 0px 10px 10px;
}
.reco_box_inner li{
	width:111px;
	background:#FFF;
	border: none;
	float:left;
	display:inline;
	text-align:center;
	overflow: hidden;
	padding: 2px 1px;
	margin: 2px 7px;
}
.reco_box_inner li .thum_box{
	width: 102px;
	height: 146px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background:#FFFFFF;
	position:relative;
	padding:0 0 5px 5px;
}
.reco_box_inner li .thum_img_a img {
	max-width:100px;
	max-height: 144px;
	border:1px solid #ccc;
}
.reco_box_inner li h5{
	height:13px;
	line-height: 120%;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 2px;
	overflow: hidden;
}
.reco_box_inner li h5 a {
	color:#08C;
}
.reco_box_inner li .author_name {
	font-size: 11px;
	line-height: 120%;
	font-weight: normal;
	height:13px;
	overflow: hidden;
	color: #373737;
}
.reco_box_inner li .review_star{
	font-weight: bold;
	font-size: 14px;
}
.reco_box_inner li .review_star img{
	width: 15px;
}
.reco_box_inner li .review_num{
	font-size: 10px;
	font-weight: normal;
}

.contents_rignt_co_th_box {
margin-right: 0;
margin-bottom: 0;
text-align: center;
padding: 0px;
overflow: hidden;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.new_alert_info_area{
padding: 10px 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
}
.new_alert_info_area_title{
float: left;
margin-left: 15px;
line-height: 26px;
font-weight: bold;
font-size: 14px;
}
.new_alert_info_area_btns_w{
float: left;
margin-left:10px;
width: 500px;
}
.new_alert_on_off_btn_w{
float: left;
width: 180px;
}
.side_menu{
}
.side_title_reco_box{
}