@charset "utf-8";

#navi_left_promo {
  float:left;
  width:160px;
  margin: 0px;
  padding: 0px;
  text-align:left;
}
#navi_left_promo #navi_img,
#navi_left_promo #navi_search,
#navi_left_promo #navi_genre,
#navi_left_promo #navi_sns,
#navi_left_promo #navi_rank,
#navi_left_promo #navi_review,
#navi_left_promo #navi_smafo {
  margin-bottom: 10px;
}
#navi_left_promo .navi_title {
  width:140px;
  height: 28px;
  background-image: url(/pcc/images/top/2013_1/bg_title_left_navi.png);
  background-repeat: no-repeat;
  padding:0 10px;
}
#navi_left_promo .navi_title h1 {
  line-height: 28px;
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
}
#navi_left_promo .navi_title p {
  line-height: 28px;
  font-size: 12px;
  color: #FFCC00;
  font-weight: bold;
}
#navi_left_promo .navi_contents {
  width: 152px;
  padding: 3px;
  border:1px solid #ccc;
  border-top:none;
}
#navi_left_promo .bg_navi_box {
  background:#F3F3F3;
}
#navi_left_promo .bg_navi_box a {
  text-decoration:none;
}
#navi_left_promo .navi_contents .bg_d{
  background:#CCCCCC;
  color: #333333;
}
#navi_left_promo .subnavi_contents {
 padding: 5px 0;
}
#navi_left_promo .subnavi_contents ul {
  width:152px;
  margin: 0 auto;
  list-style-type:none;
}
#navi_left_promo .subnavi_contents li{
  padding:0 10px;
  background: url(/pcc/N/special/test_top1302/left_navi/images/arrow_or_s.png) no-repeat 10px center;
}
#navi_left_promo .subnavi_contents a{
  text-indent:10px
}
#navi_left_promo .border_dashed {
  border-bottom:1px dashed #ccc;
}
#navi_left_promo .more_link{
  text-align:right;
  color:#FF6600;
  padding:3px;
}
#navi_left_promo .more_link img{
  margin-right:3px;
}
#navi_left_promo .bg_d h2{
  color: #FFFFFF;
}
#navi_left_promo .subnavi_title h2{
  font-size: 12px;
}
#navi_left_promo .subnavi_title{
  width: 142px;
  height: 22px;
  margin: 0 auto;
  padding:0 5px;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  line-height:22px;
}
#navi_left_promo .subnavi_title a:link
#navi_left_promo .subnavi_title a:visited
#navi_left_promo .subnavi_title a:hover
#navi_left_promo .subnavi_title a:active {
  color: #333;
  text-decoration: none;
}
#navi_left_promo .subnavi_contents a {
  display:block;
  color: #333;
  text-decoration: none;
  font-size: 12px;
  line-height:1.5;
}
#navi_left_promo .subnavi_contents a:link,
#navi_left_promo .subnavi_contents a:visited,
#navi_left_promo .subnavi_contents a:hover,
#navi_left_promo .subnavi_contents a:active {
  color: #333;
  text-decoration: none;
}
#navi_left_promo .subnavi_contents a:hover{
  text-decoration: underline;
}

/*アプリDLボタン*/
#navi_left_promo #navi_img{
  text-align:center;
}
#navi_left_promo #navi_img img {
  width: 152px;
}
#navi_left_promo #navi_img .top_dll_btn a {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  border:2px solid #FFF;
  vertical-align: middle;
  cursor: pointer;
  background: #ff91ca;
  background: -moz-linear-gradient(top, #ff91ca 0%, #ef017c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff91ca), color-stop(100%, #ef017c));
  background: -webkit-linear-gradient(top, #ff91ca 0%, #ef017c 100%);
  background: -o-linear-gradient(top, #ff91ca 0%, #ef017c 100%);
  background: -ms-linear-gradient(top, #ff91ca 0%, #ef017c 100%);
  background: linear-gradient(to bottom, #ff91ca 0%, #ef017c 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 4px #777;
  -moz-box-shadow: 0px 1px 4px #777;
  box-shadow: 0px 1px 4px #777;
  -pie-background: linear-gradient(top, #ff91ca 0%, #ef017c 100%);
  behavior: url(/pcc/js/pie/PIE.htc);
}
#navi_left_promo #navi_img .top_dll_btn a:hover {
  background: #ff91ca;
  background: -moz-linear-gradient(top, #ef017c 0%, #ff91ca 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef017c), color-stop(100%, #ff91ca));
  background: -webkit-linear-gradient(top, #ef017c 0%, #ff91ca 100%);
  background: -o-linear-gradient(top, #ef017c 0%, #ff91ca 100%);
  background: -ms-linear-gradient(top, #ef017c 0%, #ff91ca 100%);
  background: linear-gradient(to bottom, #ef017c 0%, #ff91ca 100%);
  -pie-background: linear-gradient(top, #ef017c 0%, #ff91ca 100%);
  behavior: url(/pcc/js/pie/PIE.htc);
}
#navi_left_promo #navi_img .top_dll_btn a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*ジャンル*/
#navi_left_promo #navi_genre .subnavi_title h2{
  text-indent: 1em;
}
#navi_left_promo #navi_genre .subnavi_title .subnavi_title_mark{
  background: url(/pcc/N/special/test_top1302/left_navi/images/arrow_or_m.png) no-repeat left center;
}
#navi_left_promo #navi_genre .subnavi_contents a {
  text-indent: 10px;
}
#navi_left_promo #navi_genre .subnavi_title a {
  background: url(/pcc/N/special/test_top1302/left_navi/images/arrow_or_m.png) no-repeat left center;
  color:#333333;
  display: block;
}

/*コミュニティ*/
#navi_left_promo #navi_sns .subnavi_contents ul {
  width: 142px;
  padding: 0 5px;
}
#navi_left_promo #navi_sns .subnavi_contents li {
  background: none;
  padding: 5px 0;
}
#navi_left_promo #navi_sns .subnavi_contents a {
  display:inline;
  line-height: 1.2;
}
#navi_left_promo .sns_img_f,
#navi_left_promo .sns_img_t{
  float: left;
  margin-right:5px;
}
#navi_left_promo .sns_img_f img {
  width: 30px;
  margin-bottom: 5px;
}
#navi_left_promo .sns_img_t img {
  width: 30px;
  margin-bottom: 5px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#navi_left_promo .sns_text{
  float: left;
  width: 107px;
}
#navi_left_promo .sns_text a{
  line-height:1.2;
}

/*スマホ訴求*/
#navi_left_promo #navi_smafo {
  background: #F90;
  background: -moz-linear-gradient(top, #FC0, #F30);
  background: -webkit-gradient(linear, center top, center bottom, from(#FC0), to(#F30));
  background: -webkit-linear-gradient(top, #FC0, #F30);
  background: -o-linear-gradient(top, #FC0, #F30);
  background: -ms-linear-gradient(top, #FC0, #F30);
  background: linear-gradient(top, #FC0, #F30);
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
  text-align:center;
  padding:5px;
  font-size:12px;
}

/*ランキング*/
#navi_left_promo #navi_rank .subnavi_contents li {
  background: none;
  padding: 5px 0;
}
#navi_left_promo .rankbox_img {
  float: left;
  width: 60px;
  margin-left: 5px;
}
#navi_left_promo #navi_rank .subnavi_contents .rankbox_img a,
#navi_left_promo #navi_rank .subnavi_contents .rankbox_title a,
#navi_left_promo #navi_rank .subnavi_contents .rankbox_author a,
#navi_left_promo #navi_rank .subnavi_contents .rankbox_magazine a{
  text-indent: 0;
  display: inline;
}
#navi_left_promo #navi_rank .subnavi_contents .rankbox_author a,
#navi_left_promo #navi_rank .subnavi_contents .rankbox_magazine a{
  font-size: 11px;
}
#navi_left_promo #navi_rank .subnavi_contents{
  padding:0;
}
#navi_left_promo .rankbox_title {
  float: left;
  width: 83px;
}
#navi_left_promo .rank_w_box{
  padding:5px 0;
}

/*高評価レビュー*/
#navi_left_promo #navi_review .subnavi_contents a {
  display: inline;
  line-height:1.2;
}

/* layout
-------------------------------------------------------------*/
#navi_left {
  float:left;
  width:165px;
  margin: 0;
  padding: 0;
  text-align:left;
}
#navi_left_wide {
  float:left;
  width:192px;
  margin: 0;
  padding: 0;
  text-align:left;
}

/* bread_cramb
-------------------------------------------------------------*/
.bread_cramb {
  width: 970px;
  height: auto;
  margin: 0 auto 10px;
  padding: 3px 10px 2px;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  line-height: 18px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: #373737;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bread_cramb a {
  color: #069;
}

/* btnNewRegist
-------------------------------------------------------------*/
.btnNewRegist {
  margin: 3px 3px 7px 0;
  padding: 5px 0;
  background: #FFFBE9;
  border: 1px solid #FFBC58;
  border-radius: 3px;
  text-align: center;
}
.btnNewRegist.allTop {
  margin: 0 0 7px 0;
}
.btnNewRegist a,
.btnNewRegist a:hover {
  display: block;
  text-decoration: none;
}
.btnNewRegist .new_regist_text {
  margin: 5px auto 3px;
  font-size: 10px;
}
.btnNewRegist .new_regist_text_top {
  margin: 5px auto;
  font-size: 12px;
}
.btnNewRegist .new_regist_text_top a {
  display: inline-block;
}
.btnNewRegist .coupon_text {
  font-size: 10px;
  color: #F03;
}
.btnNewRegist .new_regist_btn {
  margin: 5px;
  padding: 10px 0;
  background: #F90;
  border: 1px solid #F90;
  border-radius: 3px;
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
}
.btnNewRegist .new_regist_btn:hover {
  background: #FFB62F;
}

.naviArea {
  margin-bottom:10px;
  background:#FFF;
}
.naviArea .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.naviArea .sub_menu_title a {
  display: block;
  height: 22px;
  margin: 0;
  padding: 0 5px 0 9px;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}
.naviArea ul {
  list-style-type: none;
  margin: 0 3px 3px 4px;
  border-bottom: 1px solid #E7E7E7;
}
.naviArea ul li {
  padding: 0;
}
.naviArea ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.naviArea ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.naviArea ul li a.markCheck:before {
  border-color: transparent transparent transparent #ff8c2f;
}
.naviArea ul li a:hover {
  color:#333;
  text-decoration: underline;
}
.naviArea .more_link {
  padding:3px;
  text-align:right;
  color:#FF6600;
}
.naviArea .more_link a {
  color: #FF6600;
}

/* emoji */
#navi_left span.em-large {
  font-size: 14px;
  color: #FF646E;
}

/* btnBeginner/btnGuide/btnAppdl/btnIsland/btnQuestionnaire
-------------------------------------------------------------*/
.btnBeginner,
.btnGuide,
.btnAppdl,
.btnIsland,
.btnQuestionnaire {
  margin: 3px 3px 7px 0;
  padding: 3px;
  background-color: #FFFAF2;
  background-image: none;
  border: 1px solid #FFB630;
  border-radius: 3px;
}
.btnBeginner.allTop,
.btnGuide.allTop,
.btnAppdl.allTop,
.btnIsland.allTop,
.btnQuestionnaire.allTop {
  margin: 0 0 7px 0;
}
.btnBeginner:hover,
.btnGuide:hover,
.btnAppdl:hover,
.btnIsland:hover,
.btnQuestionnaire:hover {
  background-color: #FFF;
}
.btnBeginner a,
.btnBeginner a:hover,
.btnGuide a,
.btnGuide a:hover,
.btnAppdl a,
.btnAppdl a:hover,
.btnIsland a,
.btnIsland a:hover,
.btnQuestionnaire a,
.btnQuestionnaire a:hover {
  display: block;
  padding-left: 10px;
  line-height: 30px;
  font-size: 14px;
  color:#333;
  text-decoration: none;
}
.btnQuestionnaire a,
.btnQuestionnaire a:hover {
  background-image: none;
}
.btnQuestionnaire a + a {
  border-top: 1px dotted #FFB630;
}
.btnBeginner.allTop a,
.btnBeginner.logout a,
.btnGuide.allTop a,
.btnGuide.logout a,
.btnAppdl.allTop a,
.btnAppdl.logout a,
.btnIsland.allTop a,
.btnIsland.logout a {
  padding-left: 10px;
}
.btnQuestionnaire .btn_text {
  padding: 2px 0 5px;
  line-height: 18px;
  font-size: 13px;
  font-weight: bold;
  color: #2B5005;
}
.btnQuestionnaire .btn_text_sub {
  padding: 0 0 4px;
  line-height: 12px;
  font-size: 12px;
}

/* navBanner
-------------------------------------------------------------*/
.navBanner {
  text-align: center;
  margin-bottom:10px;
}
.navBanner a {
  display: block;
}
.navBanner a + a {
  margin-top: 6px;
}
.navBanner img {
  width: 182px;
}
.navBanner.special_top img {
  width: 165px;
}

/* navBannerBorder
-------------------------------------------------------------*/
.navBannerBorder {
  margin: 10px auto 0;
  text-align: center;
}
.navBannerBorder .nav_banner_inner {
  padding:3px;
  border:1px solid #CCC;
}
.navBannerBorder .nav_banner_inner a {
  display: block;
}
.navBannerBorder .nav_banner_inner a + a {
  margin-top: 3px;
}
.navBannerBorder .nav_banner_inner img {
  width: 184px;
}

/* navSearchTitle
-------------------------------------------------------------*/
.navSearchTitle {
  margin-bottom:10px;
  background:#FFF;
}
.navSearchTitle .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.color_boy .navSearchTitle .menu_title {
  border-bottom: 2px solid #0185E5;
}
.color_girl .navSearchTitle .menu_title {
  border-bottom: 2px solid #FF6E78;
}
.color_novel .navSearchTitle .menu_title {
  border-bottom: 2px solid #3BB280;
}
.color_maga .navSearchTitle .menu_title {
  border-bottom: 2px solid #66CC66;
}
.color_bl .navSearchTitle .menu_title {
  border-bottom: 2px solid #00AAE6;
}
.color_tl .navSearchTitle .menu_title {
  border-bottom: 2px solid #FFCC00;
}
.color_hq .navSearchTitle .menu_title {
  border-bottom: 2px solid #FFA3F0;
}
.color_sexy .navSearchTitle .menu_title {
  border-bottom: 2px solid #333;
}
.color_book .navSearchTitle .menu_title {
  border-bottom: 2px solid #21A42E;
}
.color_scroll .navSearchTitle .menu_title {
  border-bottom: 2px solid #88B5C5;
}
.navSearchTitle ul {
  list-style-type: none;
  margin: 0 3px 0 4px;
}
.navSearchTitle ul li {
  padding: 0;
}
.navSearchTitle ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.color_boy .navSearchTitle ul li a,
.color_girl .navSearchTitle ul li a,
.color_novel .navSearchTitle ul li a,
.color_maga .navSearchTitle ul li a,
.color_bl .navSearchTitle ul li a,
.color_tl .navSearchTitle ul li a,
.color_hq .navSearchTitle ul li a,
.color_sexy .navSearchTitle ul li a,
.color_book .navSearchTitle ul li a{
  line-height: 27px;
}
.color_boy .navSearchTitle ul li.appeal_icon a,
.color_girl .navSearchTitle ul li.appeal_icon a,
.color_novel .navSearchTitle ul li.appeal_icon a,
.color_maga .navSearchTitle ul li.appeal_icon a,
.color_bl .navSearchTitle ul li.appeal_icon a,
.color_tl .navSearchTitle ul li.appeal_icon a,
.color_hq .navSearchTitle ul li.appeal_icon a,
.color_sexy .navSearchTitle ul li.appeal_icon a,
.color_book .navSearchTitle ul li.appeal_icon a{
  line-height: 25px;
}
.navSearchTitle ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navSearchTitle ul li a:hover {
  color:#333;
  text-decoration: underline;
}
.navSearchTitle ul li.appeal_icon a {
  padding-left: 0;
}
.navSearchTitle ul li.appeal_icon a:before {
  content: none;
}
.navSearchTitle ul li.appeal_icon .el-E6DD {
  font-size:12px;
  color:#FF646E;
}
.navSearchTitle ul li.appeal_icon .el-E71A {
  font-size:12px;
  color:#FFC926;
}
.navSearchTitle ul li.appeal_icon .color_or {
  font-weight:normal;
  color:#F60;
}
.navSearchTitle .border_dashed {
  border-bottom:1px solid #E7E7E7;
}

/* navMenuList
-------------------------------------------------------------*/
.navMenuList {
  margin-bottom:10px;
  background:#FFF;
}
.navMenuList .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.navMenuList ul {
  list-style-type: none;
  margin: 0 3px 0 4px;
}
.navMenuList ul li {
  padding: 0;
}
.navMenuList ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.navMenuList ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navMenuList ul li a:hover {
  color:#333;
  text-decoration: underline;
}

/* navSearchGenre(for other/sexy)
-------------------------------------------------------------*/
.navSearchGenre {
  margin-bottom:10px;
  background:#FFF;
}
.navSearchGenre .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.color_sexy .navSearchGenre .menu_title {
  border-bottom: 2px solid #333;
}
.navSearchGenre .sub_menu_title a {
  display: block;
  height: 22px;
  margin: 0;
  padding: 0 5px 0 9px;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}
.navSearchGenre ul {
  list-style-type: none;
  margin: 0 3px 3px 4px;
  border-bottom: 1px solid #E7E7E7;
}
.navSearchGenre ul li {
  padding: 0;
}
.navSearchGenre ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.navSearchGenre ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navSearchGenre ul li a:hover {
  color:#333;
  text-decoration: underline;
}
.navSearchGenre .more_link {
  padding:3px;
  text-align:right;
  color:#FF6600;
}
.navSearchGenre .more_link a {
  color: #FF6600;
}

/* navSearchComic
-------------------------------------------------------------*/
.navSearchComic {
  margin-bottom:10px;
  background:#FFF;
}
.navSearchComic .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.color_boy .navSearchComic .menu_title {
  border-bottom: 2px solid #0185E5;
}
.color_girl .navSearchComic .menu_title {
  border-bottom: 2px solid #FF6E78;
}
.color_novel .navSearchComic .menu_title {
  border-bottom: 2px solid #3BB280;
}
.color_maga .navSearchComic .menu_title {
  border-bottom: 2px solid #66CC66;
}
.color_bl .navSearchComic .menu_title {
  border-bottom: 2px solid #00AAE6;
}
.color_tl .navSearchComic .menu_title {
  border-bottom: 2px solid #FFCC00;
}
.color_hq .navSearchComic .menu_title {
  border-bottom: 2px solid #FFA3F0;
}
.color_sexy .navSearchComic .menu_title {
  border-bottom: 2px solid #333;
}
.color_book .navSearchComic .menu_title {
  border-bottom: 2px solid #21A42E;
}
.color_scroll .navSearchComic .menu_title {
  border-bottom: 2px solid #88B5C5;
}
.navSearchComic .sub_menu_title {
  display: block;
  height: 22px;
  margin: 0;
  padding: 0 5px 0 9px;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.navSearchComic .sub_menu_title .color_or {
  margin-left:3px;
  color:#F60;
}
.navSearchComic ul {
  list-style-type: none;
  margin: 0 3px 6px 4px;
  padding-bottom: 5px;
  border-bottom: 1px solid #E7E7E7;
}
.navSearchComic ul:last-child {
  border-bottom: none;
}
.navSearchComic ul li {
  padding: 0;
}
.navSearchComic ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.navSearchComic ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -5px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navSearchComic ul li a:hover {
  color:#333;
  text-decoration: underline;
}
.navSearchComic .more_link {
  padding:3px;
  text-align:right;
  color:#FF6600;
}
.navSearchComic .more_link a {
  color: #FF6600;
}

/* navSearchMagazine(for sexy)
-------------------------------------------------------------*/
.color_sexy .navSearchMagazine {
  margin-bottom:10px;
  background:#FFF;
}
.color_sexy .navSearchMagazine .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #333;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.color_sexy .navSearchMagazine ul {
  list-style-type: none;
  margin: 0 3px 3px 4px;
}
.color_sexy .navSearchMagazine ul li {
  padding: 0;
}
.color_sexy .navSearchMagazine ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.color_sexy .navSearchMagazine ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.color_sexy .navSearchMagazine ul li a:hover {
  color:#333;
  text-decoration: underline;
}

/* navSearchPublisher(for book/sexy)
-------------------------------------------------------------*/
.navSearchPublisher {
  margin-bottom:10px;
  background:#FFF;
}
.navSearchPublisher .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.color_sexy .navSearchPublisher .menu_title {
  border-bottom: 2px solid #333;
}
.color_book .navSearchPublisher .menu_title {
  border-bottom: 2px solid #21A42E;
}
.navSearchPublisher ul {
  list-style-type: none;
  margin: 0 3px 3px 4px;
}
.color_book .navSearchPublisher ul {
  border-bottom: 1px solid #E7E7E7;
}
.navSearchPublisher ul li {
  padding: 0;
}
.navSearchPublisher ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.navSearchPublisher ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navSearchPublisher ul li a:hover {
  color:#333;
  text-decoration: underline;
}
.navSearchPublisher .more_link {
  padding:3px;
  text-align:right;
  color:#FF6600;
}
.navSearchPublisher .more_link a {
  color: #FF6600;
}

/* navSearchAuthor(for book)
-------------------------------------------------------------*/
.navSearchAuthor {
  margin-bottom:10px;
  background:#FFF;
}
.navSearchAuthor .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.color_book .navSearchAuthor .menu_title {
  border-bottom: 2px solid #21A42E;
}
.navSearchAuthor .sub_menu_title {
  height: 22px;
  margin: 0;
  padding: 3px 5px 0 9px;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.navSearchAuthor ul {
  list-style-type: none;
  margin: 0 3px 3px 4px;
}
.navSearchAuthor ul li {
  padding: 0;
}
.navSearchAuthor ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.navSearchAuthor ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navSearchAuthor ul li a:hover {
  color:#333;
  text-decoration: underline;
}

/* navComicNews(for top/book)
-------------------------------------------------------------*/
.navComicNews {
  margin-bottom:10px;
  background:#FFF;
}
.navComicNews .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.navComicNews ul {
  list-style-type: none;
  margin: 0 auto;
  border-bottom: 1px solid #E7E7E7;
}
.navComicNews ul li {
  margin: 0 auto 5px;
  padding: 5px 5px 0;
  border-bottom: 1px dotted #ccc;
}
.navComicNews ul li:last-child {
  border-bottom: none;
}
.navComicNews ul li .cnews_img {
  float: left;
  width: 70px;
}
.navComicNews ul li .cnews_img img {
  width: 70px;
  border: 1px solid #999;
}
.navComicNews ul li .cnews_title {
  float: left;
  width: 90px;
  margin-left: 10px;
}
.navComicNews ul li .cnews_title a {
  line-height: 1.5;
  font-size: 12px;
  color: #333;
}
.navComicNews ul li .cnews_intro{
  padding: 5px;
}
.navComicNews ul li  a.more_read {
  display:inline;
  color: #F60;
}
.navComicNews .more_link {
  padding:3px;
  text-align:right;
  color:#FF6600;
}
.navComicNews .more_link a {
  color: #FF6600;
}

/* navMagazineLogo(for top)
-------------------------------------------------------------*/
.navMagazineLogo {
  margin-bottom:10px;
  background:#FFF;
}
.navMagazineLogo .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.navMagazineLogo .sub_menu_title {
  display: block;
  height: 22px;
  margin: 0;
  padding: 0 5px 0 9px;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.navMagazineLogo ul {
  list-style-type: none;
  margin: 0 0 3px 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #E7E7E7;
}
.navMagazineLogo ul li {
  padding: 2px 0;
}
.navMagazineLogo ul li a {
  display: inline-block;
  text-decoration: none;
}
.navMagazineLogo ul li a img {
  width: 77px;
  margin: 0 5px;
}
.navMagazineLogo .more_link {
  padding:3px;
  text-align:right;
  color:#FF6600;
}
.navMagazineLogo .more_link a {
  color: #FF6600;
}

/* naviSmafo(for top)
-------------------------------------------------------------*/
.naviSmafo {
  margin-bottom:10px;
  padding: 0px;
  text-align: center;
}
.naviSmafo  a {
  display:block;
}
.naviSmafo  img {
  width: 182px;
}

/* naviSns(for top)
-------------------------------------------------------------*/
.naviSns {
  margin-bottm:10px;
  background:#FFF;
}
.naviSns .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.naviSns .sub_menu_title {
  margin-bottom: 3px;
  padding: 5px;
  background:#F4FFED;
}
.naviSns ul {
  list-style-type: none;
  padding: 0 5px;
}
.naviSns ul li {
  padding: 5px 0;
  border-bottom: 1px solid #E7E7E7;
}
.naviSns .sns_img_f {
  float: left;
  margin-right:5px;
}
.naviSns .sns_img_f a {
  display:block;
}
.naviSns .sns_img_f img {
  width: 30px;
  margin-bottom: 5px;
}
.naviSns .sns_img_t a {
  display:block;
}
.naviSns .sns_img_t {
  float: left;
  margin-right:5px;
}
.naviSns .sns_img_t img {
  width: 30px;
  margin-bottom: 5px;
  border-radius:2px;
}
.naviSns .sns_text{
  float: left;
}
.naviSns .sns_text a{
  line-height:1.2;
}
.naviSns iframe{
  min-width: 142px !important;
}

/* navService
-------------------------------------------------------------*/
.navService {
  margin-bottom:10px;
  background:#FFF;
}
.navService .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.navService .sub_menu_title {
  display: block;
  height: 22px;
  margin: 0;
  padding: 0 5px 0 9px;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.navService ul {
  list-style-type: none;
  margin: 0 3px 6px 4px;
  border-bottom: 1px solid #E7E7E7;
}
.navService ul:last-child {
  border-bottom: none;
}
.navService ul li {
  padding: 0;
}
.navService ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  line-height: 25px;
  color:#333;
  text-decoration: none;
}
.navService ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navService ul li a:hover {
  color:#333;
  text-decoration: underline;
}
.navService ul li.appeal_icon a {
  padding-left: 0;
}
.navService ul li.appeal_icon a:before {
  content: none;
}

/* navAllRanking
-------------------------------------------------------------*/
.navAllRanking {
  margin-bottom:10px;
  background:#FFF;
}
.navAllRanking .menu_title {
  height: 22px;
  margin: 0 0 5px;
  padding: 3px 5px;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color:#333;
}
.navAllRanking ul {
  list-style-type: none;
  margin: 3px;
}
.navAllRanking .border_dashed {
  border-bottom: 1px solid #E7E7E7;
}
.navAllRanking .each_title_w_box {
  padding: 5px 1px 5px 5px;
}
.navAllRanking .each_title_w_box_img {
  float: left;
  width: 60px;
}
.navAllRanking .each_title_w_box_img a {
  display: block;
}
.navAllRanking .each_title_w_box_img img {
  border: 1px solid #CCC;
}
.navAllRanking .each_title_w_box_text {
  min-height: 90px;
  margin-left: 63px;
}
.navAllRanking .each_title_w_box_text .title a {
  display: block;
  font-size: 12px;
  color: #333;
}
.navAllRanking .each_title_w_box_text .author{
  margin-top: 2px;
}
.navAllRanking .each_title_w_box_text .author a {
  margin: 4px 0;
  font-size: 12px;
  color: #373737;
}
.navAllRanking .title_details_review_point_star img {
  padding-bottom: 2px;
}
.navAllRanking a#ranking_url {
  color: #FF6600;
}
.navAllRanking .more_link {
  padding:3px;
  text-align:right;
  color:#FF6600;
}

/* brCramb
-------------------------------------------------------------*/
.brCramb.top{
  width: 970px;
  height: auto;
  margin: 0 auto 10px;
  padding: 3px 10px 2px;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  line-height: 18px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: #373737;
  overflow: auto;
}
.brCramb.top h1{
  display: inline;
  font-size: 12px;
  font-weight: normal;
}
.brCramb.top a{
  color:#069;
}
.brCramb.top span.brCramb_m:after{
  content: ">";
  padding: 0 3px;
  display: inline;
}
/* interactiveLink_area
-------------------------------------------------------------*/
.interactiveLink_area{
  height: auto;
  padding: 0 0 8px;
  background: #fff;
  color: #888;
}
.interactiveLink_area .interactiveTitle {
  height: 28px;
  margin: 20px auto 0;
  background: #fafafa;
  border-top: 2px solid #cccccc;
  border-bottom: 1px solid #eaeaea;
  line-height: 29px;
  text-align: left;
  font-weight: bold;
  color: #333;
}
.interactiveLink_area .interactiveTitle h2{
  font-size: 17px;
  font-weight: bold;
  color: #333;
  padding-left: 8px;
}
.interactiveLink_area .interactiveBox {
  padding: 8px;
  border-bottom: 1px solid #eaeaea;
}
.interactiveLink_area a{
  color: #08C;
  text-decoration: none;
}
.interactiveLink_area a:hover {
  text-decoration: underline;
}
.interactiveLink_area p{
  text-align: left;
  line-height: 20px;
  font-size: 13px;
}