@charset "utf-8";/* CSS Document */

/* yjMain */
#yjContentWrap{
	width: 623px;
	margin: -5px 0 20px 5px;
	background: url(../../images/media/cobg_01.png) repeat-y top left;
}
.yjContent{
	background: url(../../images/media/cobg_02.png) no-repeat top left;
}
.yjContentInner{
	width: 612px;
	padding: 8px 6px;
	background: url(../../images/media/cobg_03.png) no-repeat bottom left;
}
.h1Wrp{	min-height: 35px;
	padding-bottom: 5px;
	background: #fbf9e4 url(../../images/media/ttbg_01.png) repeat-x bottom left;
	color: #000;}
h1{ width:520px;}
*html h1{/* for IE5.x 6 */
	height: 33px;
	padding-top: 8px;
}
h1 .s{
	margin: 0 5px;
	color: #a8ab8e;
	font-size: 161.5%;
}
#contents h1 a{ text-decoration:underline;} 
h1 a,h1 strong{
	font-size: 184.6%;
}
h1 strong{
	margin-right: 3px;
	color: #000;
}
.jp{
	padding:3px 0 3px 40px;
	background:url(../../images/ranking/icn_h1Ranking.png) no-repeat 5px center;
}
.otherArea{
	padding: 0 10px 3px;
	background-color: #f0f0df;
	color: #98956a;
	line-height: 1.3;
}
.yjContentInner h2{
	margin:10px 10px 5px 10px;
	padding-left: 3px;
	border-left: 4px solid #71a500;
	font-size: 115.4%;
	font-weight: bold;
	line-height: 1.3;
}
.yjContentInner h2 .b{
	color: #6b9b01;
}
#monthly{
	border-top: 2px solid #c5bf7d;
}
#weekly h2,
#monthly h2{
	float: left;
}
#weekly .update,
#monthly .update{
	display: inline;
	float: right;
	margin: 10px 5px 0 0;
}
#weekly .tabRank,
#monthly .tabRank{
	clear: both;
}
#weekly .ex,
#monthly .ex{
	clear:both;
	margin:-5px 0 5px 10px;
	color:#7F7F7F;
}
.filter{
	padding: 10px;
}
.filter p{
	display: inline;
	float: left;
	margin-right: 3px;
}
.filter input,
.filter select{
	display: block;
	margin: 0;
	padding: 1px;
}

/* tabRank */
.tabRank li{
	float: left;
	height: 33px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
}
.tabRank ul{
	background: url(../../images/media/nabg_02.png) repeat-x top left;
}
.tabRank .c{
	display: block;
	width: 130px;
	margin-left: -1px;
	padding-left: 1px;
	border-right: 1px solid #c5bf7d;
	border-left: 1px solid #c5bf7d;
	background: url(../../images/media/nabg_01.png) repeat-x top left;
	font-weight: bold;
	line-height: 33px;
}
.tabRank a:link,
.tabRank a:visited{
	display: block;
	width: 130px;
	border-right: 1px solid #e3e2ce;
	color: #0063c6;
	line-height: 33px;
	text-decoration: none;
}

/* rankList */
.keepBtn{
	display: inline;
	vertical-align: bottom;
}
.rankList{
	padding: 0 10px;
}
.rankList li{
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #ddddd1;
	background: url(../../images/ranking/cobg_04.png) repeat-x left top;
	zoom: 1;
}
.rankList .icn{
	position: absolute;
	top: 10px;
	left: 0;
	width: 30px;
	text-align: center;
}
.rankList .icn img{
	margin-bottom: 3px;
}
.rankList .item{
	margin-left: 30px;
}
.rankList .data{
	float: left;
	width: 480px;
	margin-bottom: 5px;
}
.rankList .bene{
	float: right;
	width: 79px;
	margin-bottom: 5px;
}
.rankList .coupon{
	padding-left: 18px;
	background: url(../../images/icn_coupon.png) no-repeat left center;
}
.rankList .stamp{
	padding-left: 18px;
	background: url(../../images/icn_stamp.png) no-repeat left center;
}
.rankList .img{
	padding: 2px;
	border: 1px solid #deddcb;
}
.rankList .ttl{
	font-size: 123.1%;
	font-weight: bold;
}
.rankList .ttl a:link{
	vertical-align: top;
}
.rankList .genre{
	font-size: 84.6%;
}
.rankList .genre a:link,
.rankList .genre a:visited{
	color: #8e8846;
}
.rankList .tel{
	margin-bottom: 3px;
}
.rankList .tel .t{
	font-size: 115.4%;
	font-weight: bold;
}
.rankList .tel .n{
	padding-left: 18px;
	background: url(../../images/icn_phone.png) no-repeat left center;
	font-size: 115.4%;
	font-weight: bold;
	color: #9a4201;
}
.rankList .st{
	float: left;
	margin-bottom: 3px;
	padding: 2px 5px;
	background-color: #f1faf9;
}
.rankList .st span,
.rankList .st img{
	vertical-align: middle;
}
.rankList .st .s{
	margin: 0 3px;
	color: #f27900;
	font-weight: bold;
	font-size: 115.4%;
}
.rankList .st .e{
	padding: 1px 0 1px 20px;
	background: url(../../images/icn_kutikomi.png) no-repeat left center;
}
.rankList .st .n{
	color: #0063c6;
}
.st00,
.st05,
.st10,
.st15,
.st20,
.st25,
.st30,
.st35,
.st40,
.st45,
.st50{
	background-image: url(../../images/icn_starM.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.st00 {
	background-position: -96px 0;
}
.st05 {
	background-position: -80px 0;
}
.st10 {
	background-position: -224px 0;
}
.st15 {
	background-position: -64px 0;
}
.st20 {
	background-position: -208px 0;
}
.st25 {
	background-position: -48px 0;
}
.st30 {
	background-position: -192px 0;
}
.st35 {
	background-position: -32px 0;
}
.st40 {
	background-position: -176px 0;
}
.st45 {
	background-position: -16px 0;
}
.st50 {
	background-position: 0 0;
}
.rankList .price{
	clear: left;
}
.rankList .price .t{
	font-weight: bold;
}
.rankList .read{
	clear: both;
	padding-top: 5px;
	border-top: 1px dotted #dadfc3;
}

/* rankListS */
.rankListS{
	margin: 0 10px;
	border-top: 1px solid #ddddd1;
}
.rankListS .leftCol{
	float: left;
	position: relative;
	width: 290px;
}
.rankListS .rightCol{
	float: right;
	position: relative;
	width: 290px;
}
.rankListS li{
	position: relative;
	margin: -1px 0 10px;
	padding-top: 10px;
	border-top: 1px solid #ddddd1;
	zoom: 1;
}
.rankListS .icn{
	position: absolute;
	top: 10px;
	left: 0;
	width: 30px;
	text-align: center;
}
.rankListS .icn .r{
	font-size: 123.1%;
	font-weight: bold;
}
.rankListS .icn img{
	margin-bottom: 3px;
}
.rankListS .img{
	float: right;
}
.rankListS .img{
	padding: 2px;
	border: 1px solid #deddcb;
}
.rankListS .ttl{
	font-weight: bold;
	line-height: 1.3;
	word-break:break-all; word-wrap:break-word;
}
.rankListS .ttl a:link{
	vertical-align: top;
}
.rankListS .item{
	margin-left: 30px;
}
.rankListS .genre{
	font-size: 84.6%;
}
.rankListS .genre a:link,
.rankListS .genre a:visited{
	color: #8e8846;
}
.rankListS .st .e{
	display: -moz-inline-box;/* for FireFox2 */
	display: inline-block;
	margin: 0 2px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url(../../images/icn_kutikomi.png) no-repeat left center;
}
.rankListS .coupon{
	display: inline;
	float: left;
	margin-right: 5px;
	padding-left: 18px;
	background: url(../../images/icn_coupon.png) no-repeat left center;
}
.rankListS .stamp{
	float: left;
	padding-left: 18px;
	background: url(../../images/icn_stamp.png) no-repeat left center;
}

.rank .noList{ margin:0 20px 10px; padding:5px; border:#CBCFAA dotted 1px; color:#999; line-height:1.2;}

/*ratingS*/
.ratingArea div{ float:left;}
.ratingArea img{ margin-right:3px; vertical-align:-4px; _vertical-align:middle;}
.ratingS{ width:60px; margin-right:3px; background:url(../../images/icn_starS.png) no-repeat 0 6px; text-indent:-9999px;}
span.ratingS { display:inline-block;}
.ratingS.score00{ background-position:-72px 4px;}
.ratingS.score10{ background-position:-168px 4px;}
.ratingS.score20{ background-position:-156px 4px;}
.ratingS.score30{ background-position:-144px 4px;}
.ratingS.score40{ background-position:-132px 4px;}
.ratingS.score50{ background-position:0 4px;}
.ratingS.score05{ background-position:-60px 4px;}
.ratingS.score15{ background-position:-48px 4px;}
.ratingS.score25{ background-position:-36px 4px}
.ratingS.score35{ background-position:-24px 4px;}
.ratingS.score45{ background-position:-12px 4px;}
.ratingArea .score{color: #F27900;font-weight: bold;}
.ratingArea .e{display: -moz-inline-box;/* for FireFox2 */display: inline-block;margin: 0 2px;width: 16px;height: 16px;text-indent: -9999px;background:url(../../images/icn_kutikomi.png) no-repeat left center;}
/* rankImage */
#monthly .rankImage{
	display: inline;
	float: left;
	width: 160px;
	margin: 0 12px 0 8px;
}
#monthly .rankImage li{
	position: relative;
	margin: -1px 0 10px;
	padding-top: 11px;
	border-top: 1px solid #ddddd1;
	zoom: 1;
}
.rankImage .icn{
	position: absolute;
	top: 10px;
	left: 0;
	width: 30px;
	text-align: center;
}
.rankImage .icn .r{
	font-size: 123.1%;
	font-weight: bold;
}
.rankImage .icn img{
	margin-bottom: 3px;
}
.rankImage .img{
	float: right;
	margin-right:15px;
}
.rankImage .img{
	padding: 2px;
	border: 1px solid #deddcb;
}

.rankImage .img1{ float: right;margin-right:15px;}
.rankImage .img1{ width:104px; height:104px; border: 1px solid #ddddd1;}
.rankImage .img1 .imgWrp{ position:relative; width:100px; height:100px; border: 2px solid #FFF; overflow:hidden;}
.rankImage .img1 img{position:absolute; top:0; left:0;}

.rankImage .img2{ float: right;margin-right:15px;}
.rankImage .img2{ width:104px; height:104px;}
.rankImage .img2 .imgWrp{float: right; /width:100px; /height:100px; /padding: 2px; /border: 1px solid #deddcb; /text-align:center;}
.rankImage .img2 .imgWrp a{ display:table-cell; width:100px; height:100px; padding:2px; border:1px solid #DEDDCB;text-align:center;vertical-align:middle;}
.rankImage .img2 .imgWrp a{ /border:none; /display:block; /padding:0; /height:100px;}

.rankImage .name{
	margin-left: 35px;
	font-size: 115.4%;
	font-weight:bold;
	word-break:break-all;
	word-wrap:break-word;
}
.rankImage .ref{ clear:both; text-align:center;}
/* rankImageS */
.monthContent{
	border-top: 1px solid #ddddd1;
	zoom: 1;
}
#monthly .rankImageS{
	width: 425px;
	margin-left: 165px;
}
.rankImageS{
}
.rankImageS .leftCol{
	width: 195px;
	float: left;
}
.rankImageS .rightCol{
	width: 195px;
	float: right;
}
.rankImageS li{
	position: relative;
	margin: -1px 0 10px;
	padding-top: 10px;
	border-top: 1px solid #ddddd1;
	zoom: 1;
}
.rankImageS .icn{
	position: absolute;
	top: 10px;
	left: 0;
	width: 30px;
	text-align: center;
}
.rankImageS .icn .r{
	font-size: 123.1%;
	font-weight: bold;
}
.rankImageS .icn img{
	margin-bottom: 3px;
}
.rankImageS .item{
	margin-left: 30px;
}
.rankImageS .img{
	display: inline;
	float: left;
	margin-right: 5px;
}
.rankImageS .img{
	padding: 2px;
	border: 1px solid #deddcb;
}
.rankImageS .img1{ display: inline; float: left; margin-right: 5px;}
.rankImageS .img1{ width:48px; height:48px; border: 1px solid #ddddd1;}
.rankImageS .img1 .imgWrp{ position:relative; width:44px; height:44px; border: 2px solid #FFF; overflow:hidden;}
.rankImageS .img1 img{position:absolute; width:75px; height:135px; top:-8px; left:-16px;}

.rankImageS .img2{ display: inline; float: left; margin-right: 5px;}
.rankImageS .img2{ width:48px; height:48px;}
.rankImageS .img2 .imgWrp{float: right; /width:44px; /height:44px; /padding: 2px; /border: 1px solid #deddcb; /text-align:center;}
.rankImageS .img2 .imgWrp a{display:table-cell;width:44px;height:44px; padding:2px; border:1px solid #DEDDCB;text-align:center;vertical-align:middle;}
.rankImageS .img2 .imgWrp a{ /border:none; /display:block; /padding:0; /height:44px;}




.rankImageS .name{
	margin-left:60px;
	font-weight:bold;
	word-break:break-all;
	word-wrap:break-word;
}
/* yjSub */
#yjSub h2{
	margin: 10px 0;
	padding-left: 3px;
	border-left: 4px solid #71a500;
	font-size: 115.4%;
	font-weight: bold;
	line-height: 1.3;
}

/* subRank */
.subRank{
	margin: 10px;
	padding-top: 10px;
}

.subRank .update{
	margin:-5px 0 5px;
	text-align:right;
}
.subRank ul{
	border-top: 1px dotted #dadfc3;
}
.subRank li{
	position: relative;
	min-height: 3.5em;
	margin-right: 10px;
	padding: 5px 0;
	border-bottom: 1px dotted #dadfc3;
	zoom: 1;
}
*html .subRank li{/* for IE5.x 6 */
	height: 3.5em;
}
.subRank .icn{
	float: left;
	width: 30px;
	text-align: center;
}
.subRank .icn .r{
	font-size: 92.3%;
}
.subRank .icn .r span{
	font-size: 133.3%;
	font-weight: bold;
}
.subRank .icn img{
	margin-bottom: 3px;
}
.subRank .num{
	background-color: #fefbcd;
	color: #808080;
}
.subRank .numL{
	background-color: #f0f0df;
	color: #808080;
}
.subRank .icn .first{
	color: #ff6600;
}
.subRank .item{
	margin-left: 34px;
}
.subRank .img{
	display: inline;
	float: left;
	margin-right: 5px;
}
.subRank .img{
	padding: 2px;
	border: 1px solid #deddcb;
}
#yjSub .ex{
	margin-bottom:10px;
	color:#7F7F7F;
}

.subRank .img1{ float:left;margin-right:5px;}
.subRank .img1{ width:52px; height:52px; border: 1px solid #ddddd1;}
.subRank .img1 .imgWrp{ position:relative; width:48px; height:48px; border: 2px solid #FFF; overflow:hidden;}
.subRank .img1 img{ position:absolute; top:-8px; left:-16px; width:80px; height:80px;}

.subRank .img2{ float:left; margin-right:15px;}
.subRank .img2{ width:52px; height:52px;}
.subRank .img2 .imgWrp{ /width:48px; /height:48px; /padding: 2px; /border: 1px solid #deddcb; /text-align:center;}
.subRank .img2 .imgWrp a{ display:table-cell; width:48px; height:48px; padding:2px; border:1px solid #DEDDCB;text-align:center;vertical-align:middle;}
.subRank .img2 .imgWrp a{ /border:none; /display:block; /padding:0; /height:48px;}

/* novice */
#novice{
	margin-bottom: 10px;
	text-align: center;
	font-size: 115.4%;
	font-weight: bold;
}
#novice a:link,
#novice a:visited{
	display: block;
	padding: 5px 0;
	border:1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e0e0e0 url(../../images/genre/cobg_new_01.png) repeat-x left top;
}
#novice span{
	padding-left: 20px;
	background: url(https://s.yimg.jp/images/sicons/c/wakaba16.gif) no-repeat left center;
}
/* banner */
.banner{
	margin-bottom: 10px;
}

/* mobile */
.mobile{margin-bottom: 10px;padding: 8px 6px;border: 1px solid #bbb;line-height:1.3;}
.mobile .img{float: left;}
.mobile .ttl{margin-left: 105px;font-weight: bold;}
.mobile .explain{margin-left: 105px;}
.mobile .send{margin-left: 105px;padding-left: 35px;background: url(https://s.yimg.jp/images/mobile/common/phonemail.gif) no-repeat left center;}
.mobile .need{margin-left: 105px;font-size: 84.6%;}

/*AD*/
.pos-im{ margin:0 16px 10px 10px;}
#yjSub .pos-im{ margin:0 0 10px 0;}<?php include("module/pos-imSub.html"); ?>