@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: 27px;
  margin: 0 auto 10px;
  padding: 0 10px;
  background: #FFF;
  border-bottom: 1px solid #E0E0E0;
  line-height: 27px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #373737;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bread_cramb a {
  color: #006699;
}

/* 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;
}

/* btnBeginner
-------------------------------------------------------------*/
.btnBeginner {
	margin: 3px 3px 7px 0;
	padding: 3px;
	background-color: #F2FEF6;
	background-image: url(/pcc/images/top/2016/bigi_mark.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	border: 1px solid #A5E267;
	border-radius: 3px;
}
.btnBeginner.allTop {
	margin: 0 0 7px 0;
	background-position: 10px center;
}
.btnBeginner.logout {
	background-position: 10px center;
}
.btnBeginner:hover {
	background-color: #FFF;
}
.btnBeginner a,
.btnBeginner a:hover {
	display: block;
	padding-left: 19px;
	line-height: 30px;
	font-size: 14px;
	color:#333;
	text-decoration: none;
}
.btnBeginner.allTop a,
.btnBeginner.logout a {
	padding-left: 30px;
}

/* btnGuide
-------------------------------------------------------------*/
.btnGuide {
	margin: 3px 3px 7px 0;
	padding: 3px;
	background-color: #FFFAF2;
	background-image: url(/pcc/images/top/2016/guide_mark.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	border: 1px solid #FFB630;
	border-radius: 3px;
}
.btnGuide.allTop {
	margin: 0 0 7px 0;
	background-position: 10px center;
}
.btnGuide.logout {
	background-position: 10px center;
}
.btnGuide:hover {
	background-color: #FFF;
}
.btnGuide a,
.btnGuide a:hover {
	display: block;
	padding-left: 19px;
	line-height: 30px;
	font-size: 14px;
	color:#333;
	text-decoration: none;
}
.btnGuide.allTop a,
.btnGuide.logout a {
	padding-left: 30px;
}

/* btnAppdl
-------------------------------------------------------------*/
.btnAppdl {
	margin: 3px 3px 7px 0;
	padding: 3px;
	background-color: #F4FAFF;
	background-image: url(/pcc/images/top/2016/guide_apri.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	border: 1px solid #5DB8D3;
	border-radius: 3px;
}
.btnAppdl.allTop {
	margin: 0 0 7px 0;
	background-position: 10px center;
}
.btnAppdl.logout {
	background-position: 10px center;
}
.btnAppdl:hover {
	background-color: #FFF;
}
.btnAppdl a,
.btnAppdl a:hover {
	display: block;
	padding-left: 19px;
	line-height: 30px;
	font-size: 14px;
	color:#333;
	text-decoration: none;
}
.btnAppdl.allTop a,
.btnAppdl.logout a {
	padding-left: 30px;
}

/* btnQuestionnaire
-------------------------------------------------------------*/
.btnQuestionnaire {
	margin: 3px 3px 7px 0;
	background-color: #F9FFFB;
	border: 1px solid #A5E267;
	border-radius: 3px;
}
.btnQuestionnaire.allTop {
	margin: 0 0 7px 0;
}
.btnQuestionnaire:hover {
	background-color: #FFF;
}
.btnQuestionnaire a,
.btnQuestionnaire a:hover {
	display: block;
	padding: 3px;
	background-image: url(/pcc/images/top/2016/quest_mark.png);
	background-size: 8%;
	background-repeat: no-repeat;
	background-position: 12px 5px;
	color:#333;
}
.btnQuestionnaire a +a {
	border-top: 1px dotted #A5E267;
}
.btnQuestionnaire .btn_text {
	padding: 2px 0 5px 27px;
	line-height: 18px;
	font-size: 13px;
	font-weight: bold;
	color: #2B5005;
}
.btnQuestionnaire .btn_text_sub {
	padding: 0 0 4px 6px;
	line-height: 12px;
	font-size: 12px;
}

/* navBanner
-------------------------------------------------------------*/
.navBanner {
	margin: 10px auto 5px;
	text-align: center;
}
.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-top: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 #F60;
	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-top: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 #F60;
	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-top: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 #F60;
	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-top: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 #F60;
	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-top: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 #F60;
	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-top: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 #F60;
	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-top: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 #F60;
	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-top: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-top: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-top:10px;
	padding: 0px;
	text-align: center;
}
.naviSmafo	a {
	display:block;
}
.naviSmafo	img {
	width: 182px;
}

/* naviSns(for top)
-------------------------------------------------------------*/
.naviSns {
	margin-top: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-top: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 #F60;
	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-top: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: 27px;
	margin:0 auto 10px;
	padding: 0 10px;
	background: #FFF;
	border-bottom: 1px solid #E0E0E0;
	line-height: 27px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color:#373737;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.brCramb.top h1{
	display: inline;
	font-size: 12px;
}
.brCramb.top a{
	color:#069;
}
.brCramb.top span.brCramb_m:after{
	content: ">";
	padding: 0 3px;
	display: inline;
}