/* 外枠 */
body{
	line-height:150%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#ranking  { text-decoration:none; }
}

#ranking a:link,
#ranking a:visited,
#ranking a:hover,
#ranking a:active
 { color: #068681; } 

#top3{
	width:1001px;
	background-color:#E0F3EF;
	padding-bottom:20px;
	margin-bottom:10px;
}

#top3 strong{
	color:#FF3366;
}

#ranking #main{
	width:760px;
	float:left;
	margin-right:10px;
}

#ranking #right{
	width:230px;
	float:left;
}



/* base */
p{
	margin:0px;
}

.fl{
	float:left;
}

.ac{
	text-align:center;
}

.mt5{
	margin-top:5px;
}

.mt8{
	margin-top:8px;
}

.mr0{
	margin-right:0px;
}

.mb4{
	margin-bottom:4px;
}

.mb5{
	margin-bottom:5px;
}

.ml15{
	margin-left:15px;
}

.lh130{
	line-height:130%;
}

.cx:after,
#ranking .movie .cont:after{
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#ranking .bar{
	clear:both;
	background-image:url(../img/base/title02.gif);
	background-repeat:no-repeat;
	width:742px;
	height:16px;
	font-size:15px;
	font-weight:bold;
	color:#2BC8B0;
	padding:5px 0 0 18px;
	margin-bottom:10px;
}

/*動画部分*/
#ranking .movie{
	background:url(../img/movie/movie_bg.gif) repeat;
	padding-bottom:10px;
}

#ranking .movie h2{
	background:url(../img/movie/main.jpg) no-repeat;
	width:1000px;
	height:231px;
	text-indent:-9999px;
	margin:0;
}

#ranking .movie div.cont{
	background:#FFFFFF;
	width:980px;
	margin:0 auto;
}

#ranking .movie .cont ul{
	margin:0;
}

#ranking .movie .cont ul li{
	margin:0 10px 10px 0;
	float:left;
	list-style:none;
	width:320px;
}

#ranking .movie .cont ul li.last{
	margin:0 0 10px 0;
}

#ranking .movie .cont ul li div{
	padding:10px;
	line-height:180%;
}

#ranking .movie .cont ul li div p{
	margin:0;
	font-size:14px;
}

#ranking .movie .cont ul li div h3{
	font-size:16px;
	margin:10px 0 5px 0;
	line-height:120%;
}

#ranking .movie .cont ul li div p strong{
	color:#FF0066;
}

/*バナー*/
#ranking .bannerarea{
	margin:0 5px 0 10px;
	width:745px;
	font-size:12px;
}

#ranking .bannerarea p{
	float:left;
	margin:0 5px 5px 0;
}



/* メインTOP3 */
#top3 .title{
	width:213px;
	height:279px;
	background-image:url(../img/base/top3.jpg);
	background-repeat:no-repeat;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

#top3 .title p{
	margin-top:105px;
}

#top3 .title p.day{
	margin-top:48px;
	font-size:12px;
}

#top3 .monitor{
	width:172px;
	border: 1px solid #DDDDDD;
	margin-right:10px;
	float:left;
	background-color:#FFFFFF;
	line-height:130%;
}

#top3 .monitor .in{
	padding:5px 8px;
}

#top3 .monitor .in .grade{
	text-align:center;
	margin:3px 0 5px 0;
}

/* メインカテゴリ */
#top3 .category{
	width:230px;
	float:left;
}

#top3 .category_in{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9DE3D7;
	border-bottom-color: #9DE3D7;
	border-left-color: #9DE3D7;
	background-color:#FFFFFF;
}

#top3 .category ul{
	margin:2px 10px 15px 10px;
	padding:0px;
}

#top3 .category ul li{
	list-style:none;
	background-image:url(../img/base/icon01.gif);
	background-repeat:no-repeat;
	line-height:100%;
	font-size: 15px;
	font-weight: bold;
	padding-left:15px;
	margin-bottom:10px;
}

/* ジャンル別人気ランキング */
#ranking .genre{
	width:760px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2BC8B0;
}

#ranking .genre dl{
	display:block;
	width:138px;
	margin-right:10px;
	line-height:100%;
	float:left;
	display: inline;
}

#ranking .genre dl.start{
	margin-left:15px;
	display: inline;
}

#ranking .genre dl dt{
	display:block;
	font-size:15px;
	font-weight:bold;
	margin-bottom:7px;
}

#ranking .genre dl dt a:link,
#ranking .genre dl dt a:visited,
#ranking .genre dl dt a:hover,
#ranking .genre dl dt a:active { color: #DC45DE; }

#ranking .genre dl dd{
	display:block;
	font-size:12px;
	background-image:url(../img/base/list.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	padding-left:10px;
	margin:0 0 5px 10px;
}

#ranking .genre dl dd.last{
	background-image:url(../img/base/list_last.gif);
	background-repeat:no-repeat;
	margin-bottom:0px;
}

/* ピックアップモニター */

#ranking .pickup{
	width:740px;
	background-color:#EAEAEA;
	margin-bottom:10px;
	margin-left:10px;
}

#ranking .pickup .title{
	width:740px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size:15px;
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;
}

#ranking .pickup .title p{
	padding:5px 5px 3px 5px;
}

#ranking .pickup .monitor{
	width:144px;
	display:inline;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	margin-left:2px;
	margin-bottom:2px;
	float:left;
	text-decoration:none;
}

#ranking .pickup a:link,
#ranking .pickup a:visited,
#ranking .pickup a:hover,
#ranking .pickup a:active { color: #DC45DE; }

#ranking .pickup .monitor .in{
	padding:2px 3px;
}

#ranking .pickup .monitor .in .cont{
	text-decoration:underline;}

#ranking .pickup .monitor .in .txt{
	line-height:130%;
	margin-bottom:3px;
	color:#333333;
}

/* ピックアップ値段黄色高さ低いバージョン 
#ranking .pickup .monitor .in .price{
	background-image:url(../img/base/price.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-size: 16px;
	font-weight: bold;
	width:138px;
	height:21px;
	padding-top:5px;
}
*/

/* ピックアップ値段ピンク高さ高いバージョン */
#ranking .pickup .monitor .in .price{
	background-image:url(../img/base/price_l.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-size: 17px;
	font-weight: bold;
	width:138px;
	height:26px;
	padding-top:10px;
}

#ranking .pickup .monitor .in .grade{
	text-align:center;
	margin:2px 0 3px 0;
}

/* プレゼントがもらえるモニター */

#ranking .gift{
	margin:5px 0 0 15px;
}

#ranking .gift ul{
	padding:0px;
}

#ranking .gift ul li{
	list-style:none;
	background-image:url(../img/base/icon01.gif);
	background-repeat:no-repeat;
	line-height:100%;
	margin-bottom:5px;
	padding:2px 0 0 15px;
}

#ranking .gift ul li a:link,
#ranking .gift ul li a:visited,
#ranking .gift ul li a:hover,
#ranking .gift ul li a:active { color: #DC45DE; }

/* 右側：話題のキーワード */

#ranking #right .key{
	width:230px;
	background-color:#EAEAEA;
	margin-bottom:10px;
}

#ranking #right .key .title{
	width:230px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size:15px;
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;
}

#ranking #right .key .title p{
	padding:5px 5px 3px 5px;
}

#ranking #right .key .box{
	margin:10px 18px;
}

#ranking #right .key .box ul{
	clear:both;
}

#ranking #right .key .box ul li{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	list-style:none;
	display:block;
}

#ranking #right .key ul li a:link,
#ranking #right .key ul li a:visited,
#ranking #right .key ul li a:hover,
#ranking #right .key ul li a:active { color: #068681; }

/* 右側PRバナー */
#ranking #right .pr p{
	margin-bottom:10px;
}


/*********** 第2階層:左メニュー ***********/

/*
#ranking .leftmenu ul{
	display:block;
	border-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-color: #E0D9BE;
	padding-top:0px;
	margin-top:0px;
	background-color:#F3F0E5;
}

#ranking .leftmenu ul li{
	display:block;
	background-image:url(../img/base/leftmenu.gif);
	background-repeat:no-repeat;
	width:158px;
	height:19px;
	font-size:15px;
	font-weight:bold;
	padding:7px 5px 5px 35px;
	margin:0px;
}

#ranking .leftmenu ul a:hover li,
#ranking .leftmenu ul li.select{
	background-position:left bottom;
	margin:0px;
}

#ranking .leftmenu ul div.cont{
	margin:0px;
}

#ranking .leftmenu ul div.cont div.menu{
	padding:10px 10px 10px 40px;
	font-size:12px;
	font-weight: normal;
}

#ranking .leftmenu ul .cont .menu p{
	background-image:url(../img/base/icon2.gif);
	background-repeat:no-repeat;
	line-height:100%;
	padding-left:10px;
	margin-bottom:7px;
}

#ranking .leftmenu ul .cont .menu p.last{
	background-image:url(../img/base/icon2_last.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}
*/

/*********** 第2階層:左メニュー ***********/

#ranking .leftmenu{
	width:200px;
	float:left;
	margin-right:20px;
}

#ranking .leftmenu .cont{
	display:block;
	border-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-color: #E0D9BE;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:10px;
	background-color:#F3F0E5;
}

#ranking .leftmenu .cont .li{
	display:block;
	background-image:url(../img/base/leftmenu.gif);
	background-repeat:no-repeat;
	width:158px;
	height:19px;
	font-size:15px;
	font-weight:bold;
	padding:7px 5px 5px 35px;
	margin:0px;
}

#ranking .leftmenu .cont a:hover .li,
#ranking .leftmenu .cont .select{
	background-position:left bottom;
}

#ranking .leftmenu .cont .submenu{
	padding:10px 10px 5px 40px;
	font-size:12px;
	font-weight: normal;
}

#ranking .leftmenu .cont .submenu p{
	background-image:url(../img/base/icon2.gif);
	background-repeat:no-repeat;
	line-height:100%;
	padding-left:10px;
	margin-bottom:7px;
	line-height:100%;
}

#ranking .leftmenu .cont .submenu p.last{
	background-image:url(../img/base/icon2_last.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}

/*********** 第2階層:上ナビ ***********/

#ranking .info{
	width:780px;
	float:left;
}

#ranking #info ul.navi{
	display:block;
}

#ranking .info ul.navi li{
	display:block;
	background-image:url(../img/base/navi.gif);
	background-repeat:no-repeat;
	width:130px;
	height:20px;
	font-size: 15px;
	font-weight: bold;
	text-align:center;
	float:left;
	padding-top:3px;
	text-decoration:none;
}

#ranking .info ul.navi li.last{
	background-position:left bottom;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7BC0B0;
	display:block;
	background-image:url(../img/base/navi.gif);
	background-repeat:no-repeat;
	width:129px;
	_width:128px;
	height:20px;
	font-size: 15px;
	font-weight: bold;
	text-align:center;
	float:left;
	background-position:left top;
	padding-top:3px;
}

#ranking .info .navifoot{
	width:780px;
	_width:779px;
}

#ranking .info ul.navi a:hover li,
#ranking .info ul.navi li.select{
	background-position:left bottom;
	color:#FFFFFF;
}


/*********** ジャンル・お悩み***********/

#ranking #genre .main{
	text-align:right;
	background-image:url(../img/base/genre/main.gif);
	background-repeat:no-repeat;
	width:987px;
	height:66px;
	margin-bottom:10px;
	padding:14px 7px 7px 7px;
	float:left;
	
}

#ranking #trouble .main{
	text-align:right;
	background-image:url(../img/base/trouble/main.gif);
	background-repeat:no-repeat;
	width:987px;
	height:66px;
	margin-bottom:10px;
	padding:14px 7px 7px 7px;
	float:left;
	
}

#ranking #genre .main .updated,
#ranking #trouble .main .updated{
	text-decoration:none;
	text-align:center;
	width:163px;
	padding:5px 10px;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#27A67F;
	line-height:100%;
}

#ranking #genre .info .title,
#ranking #trouble .info .title{
	font-size:33px;
	color:#BAAE85;
	font-weight:bold;
	margin-top:8px;
	line-height:100%;
}

#ranking #genre .info .rank{
	margin:8px 5px 0 0;
	float:left;
}

#ranking #genre .info .name{
	font-size:35px;
	font-weight: bold;
	margin:22px 0 0 0;
	float:left;
	line-height:100%;
	width:708px;
}

#ranking #genre .info .name_long{
	font-size:35px;
	font-weight: bold;
	margin:8px 0 0 0;
	float:left;
	line-height:100%;
	width:708px;
	height:71px;
}

/*** 1位情報 ***/

#ranking #genre .info .graph{
	background-color:#F3F0E5;
	padding:10px 0;
	margin:10px 0 15px 0;
}

/* 左側:モニター情報 */
#ranking #genre .info .graph .honorarium{
	width:224px;
	float:left;
	background-color:#E0D9BE;
}

#ranking #genre .info .graph .honorarium .img{
	background-image:url(../img/base/genre/monitor_bg.gif);
	background-repeat:no-repeat;
	width:220px;
	height:116px;
	text-align:right;
	padding:2px;
	margin:0px;
}

#ranking #genre .info .graph .honorarium .price{
	width:133px;
	float:left;
	margin:8px 0 0 3px;
	font-size:18px;
	font-weight:bold;
	line-height:130%;	
}

#ranking #genre .info .graph .honorarium .price .thanks{
	color:#FF3366;
}

/* センター:レーダー */
#ranking #genre .info .graph .radar_este{
	background-image:url(../img/rader/rader_este_bg.gif);
}

#ranking #genre .info .graph .radar_supple{
	background-image:url(../img/rader/rader_supple_bg.gif);
}

#ranking #genre .info .graph .radar_haircare{
	background-image:url(../img/rader/rader_haircare_bg.gif);
}

#ranking #genre .info .graph .radar_drinks{
	background-image:url(../img/rader/rader_drinks_bg.gif);
}

#ranking #genre .info .graph .radar_basemakeup{
	background-image:url(../img/rader/rader_basemakeup_bg.gif);
}

#ranking #genre .info .graph .radar_rental{
	background-image:url(../img/rader/rader_rental_bg.gif);
}

#ranking #genre .info .graph .radar_purchase{
	background-image:url(../img/rader/rader_purchase_bg.gif);
}

#ranking #genre .info .graph .radar_delivery{
	background-image:url(../img/rader/rader_delivery_bg.gif);
}

#ranking #genre .info .graph .radar_carbike{
	background-image:url(../img/rader/rader_carbike_bg.gif);
}

#ranking #genre .info .graph .radar_insurance{
	background-image:url(../img/rader/rader_insurance_bg.gif);
}

#ranking #genre .info .graph .radar_gift{
	background-image:url(../img/rader/rader_gift_bg.gif);
}

#ranking #genre .info .graph .radar_fashion{
	background-image:url(../img/rader/rader_fashion_bg.gif);
}

#ranking #genre .info .graph .radar_contact{
	background-image:url(../img/rader/rader_contact_bg.gif);
}

#ranking #genre .info .graph .radar_tvshopping{
	background-image:url(../img/rader/rader_tvshopping_bg.gif);
}

#ranking #genre .info .graph .radar_marriage{
	background-image:url(../img/rader/rader_marriageg_bg.gif);
}

#ranking #genre .info .graph .radar_membership{
	background-image:url(../img/rader/rader_membership_bg.gif);
}

#ranking #genre .info .graph .radar_este,
#ranking #genre .info .graph .radar_supple,
#ranking #genre .info .graph .radar_haircare,
#ranking #genre .info .graph .radar_drinks,
#ranking #genre .info .graph .radar_basemakeup,
#ranking #genre .info .graph .radar_rental,
#ranking #genre .info .graph .radar_purchase,
#ranking #genre .info .graph .radar_delivery,
#ranking #genre .info .graph .radar_carbike,
#ranking #genre .info .graph .radar_insurance,
#ranking #genre .info .graph .radar_gift,
#ranking #genre .info .graph .radar_fashion,
#ranking #genre .info .graph .radar_contact,
#ranking #genre .info .graph .radar_tvshopping,
#ranking #genre .info .graph .radar_marriage,
#ranking #genre .info .graph .radar_membership{
	width:310px;
	height:184px;
	float:left;
	background-repeat:no-repeat;
}

#ranking #genre .info .graph .radar_este p,
#ranking #genre .info .graph .radar_supple p,
#ranking #genre .info .graph .radar_haircare p,
#ranking #genre .info .graph .radar_drinks p,
#ranking #genre .info .graph .radar_basemakeup p,
#ranking #genre .info .graph .radar_rental p,
#ranking #genre .info .graph .radar_purchase p,
#ranking #genre .info .graph .radar_delivery p,
#ranking #genre .info .graph .radar_carbike p,
#ranking #genre .info .graph .radar_insurance p,
#ranking #genre .info .graph .radar_gift p,
#ranking #genre .info .graph .radar_fashion p,
#ranking #genre .info .graph .radar_contact p,
#ranking #genre .info .graph .radar_tvshopping p,
#ranking #genre .info .graph .radar_marriage p,
#ranking #genre .info .graph .radar_membership p{
	margin:17px 0 0 72px;
}

/* 右側:点数 */
#ranking #genre .info .graph .points{
	width:246px;
	height:184px;
	float:left;
	background-color:#F3F0E5;
}

#ranking #genre .info .graph .points table{
	width:232px;
	border-collapse : collapse;
	border: 1px solid #AE9951;
}

#ranking #genre .info .graph .points table td.left{
	background-color:#E0D9BE;
	color:#7A6F45;
	text-align:center;
	padding:2px;
	width:100px;
	border: 1px solid #AE9951;
}

#ranking #genre .info .graph .points table td.right{
	background-color:#FFFFFF;
	color:#666666;
	text-align:center;
	padding:2px;
	border: 1px solid #AE9951;
}

#ranking #genre .info .graph .points table td.right span.score_s{
	color:#F15D9C;
	font-weight:bold;
	font-size:15px;
	margin-right:2px;
}

#ranking #genre .info .graph .points table td.right .score{
	color:#F15D9C;
	font-size:38px;
	padding:5px 5px 1px 5px;
	line-height:80%;
}

#ranking #genre .info .graph .points table td.right .score .denominator{
	margin-top:18px;
	font-size:12px;
	color:#666666;
}

#ranking #genre .info .graph{
	background-color:#F3F0E5;
	padding:10px 0;
	margin-top:10px;
}

/* クチコミ・店舗情報 */
#ranking #genre .info .graph .reviews{
	width:746px;
	background-image:url(../img/base/genre/info_bg.gif);
	margin:15px auto 10px auto;
	color:#666666;
}

#ranking #genre .info .graph .reviews .review{
	width:335px;
	float:left;
	margin:15px 15px 5px 15px;
	display:inline;
}

#ranking #genre .info .graph .reviews .shop{
	width:335px;
	float:right;
	margin:15px 15px 5px 15px;
	display:inline;
}

/*** 2位以下情報 ***/
#ranking #genre .info .below_left{
	width:382px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
	background-color:#F3F0E5;
}

#ranking #genre .info .below_right{
	width:382px;
	float:left;
	margin-bottom:10px;
	background-color:#F3F0E5;
}

#ranking #genre .info .below_left .honorarium,
#ranking #genre .info .below_right .honorarium{
	width:218px;
	float:left;
	background-color:#E0D9BE;
	margin:0 5px 0 0;
}

#ranking #genre .info .below_left .honorarium .img,
#ranking #genre .info .below_right .honorarium .img{
	margin:5px;
}

#ranking #genre .info .below_left .honorarium .price,
#ranking #genre .info .below_right .honorarium .price{
	width:137px;
	float:left;
	margin:2px 0 0 3px;
	font-size:17px;
	font-weight:bold;
	line-height:120%;
	color:#333333;
}

#ranking #genre .info a .below_left,
#ranking #genre .info a .below_right{
	text-decoration:none;
}

#ranking #genre .info .below_left .honorarium .price .thanks,
#ranking #genre .info .below_right .honorarium .price .thanks{
	color:#FF3366;
}

#ranking #genre .info .below_left .name_below,
#ranking #genre .info .below_right .name_below{
	width:154px;
	float:left;
	font-size: 16px;
	font-weight: bold;
	line-height:120%;
}

#ranking #genre .info .below_left .name_below h4,
#ranking #genre .info .below_right .name_below h4{
	font-size: 16px;
	font-weight: bold;
	line-height:120%;
}

#ranking #genre .info .below_left .name_below .check,
#ranking #genre .info .below_right .name_below .check{
	text-align:center;
	margin:15px 0 5px 0;
}

#ranking #genre .info .below_left .name_below .btn_s,
#ranking #genre .info .below_right .name_below .btn_s{
	text-align:center;
	margin-top:10px;
}

/*********** お悩み上ナビ下テキストナビ ***********/

#ranking #trouble .info ul.txtnavi{
	width:760px;
	display:block;
	background-color:#F3F0E5;
	padding:5px 10px;
}

#ranking #trouble .info ul.txtnavi li{
	display:block;
	float:left;
	margin-right:13px;
}

#ranking #trouble .info ul.txtnavi li a{
	color:#7A6F45;
}

/*
#ranking #trouble .info ul.txtnavi li.select a,
#ranking #trouble .info ul.txtnavi li a:hover{
	color:#068681;
	font-weight:bold;
}
*/

/* 案件 */
#ranking #trouble .info .monitor{
	width:251px;
	background-image:url(../img/base/trouble/monitor_bg.gif);
	background-repeat:no-repeat;
	border: 1px solid #D4EAE5;
	float:left;
	margin-right:10px;
	margin-top:10px;
	padding-bottom:10px;
}

#ranking #trouble .info .last{
	margin-right:0px;
}

#ranking #trouble .info .monitor .name{
	padding:13px 10px;
	font-size: 16px;
	font-weight: bold;
	line-height:120%;
}

#ranking #trouble .info .monitor .honorarium{
	width:251px;
	margin-top:5px;
}

#ranking #trouble .info .monitor .honorarium .price{
	width:176px;
	_width:173px;
	color:#333333;
	font-size: 18px;
	font-weight: bold;
	line-height:120%;
	float:left;
}

#ranking #trouble .info .monitor .honorarium .price .thanks{
	color:#FF3366;
}

#ranking #trouble .info .monitor .txt{
	padding:8px 10px;
	line-height:130%;
}