@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; /* Old browsers */
	background: -moz-linear-gradient(top, #ff91ca 0%, #ef017c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff91ca), color-stop(100%, #ef017c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff91ca 0%, #ef017c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff91ca 0%, #ef017c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff91ca 0%, #ef017c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff91ca 0%, #ef017c 100%); /* W3C */
	-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; /* Old browsers */
	background: -moz-linear-gradient(top, #ef017c 0%, #ff91ca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef017c), color-stop(100%, #ff91ca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ef017c 0%, #ff91ca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ef017c 0%, #ff91ca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ef017c 0%, #ff91ca 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ef017c 0%, #ff91ca 100%); /* W3C */
	-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; /* Old browsers */
	background: -moz-linear-gradient(top, #FC0, #F30); /* FF3.6+ */
	background: -webkit-gradient(linear, center top, center bottom, from(#FC0), to(#F30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FC0, #F30); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FC0, #F30); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FC0, #F30); /* IE10+ */
	background: linear-gradient(top, #FC0, #F30); /* W3C */
	-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;
}