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

#ranking_list {
	width: 700px;
}
/*----------- tit_navi ----------------*/
#ranking_list #tit_navi {
	background: url(../img/digest/tit_orange.gif) no-repeat;
	width: 680px;
	height: 21px;
	padding: 7px 10px;
	color:#FFF;
	margin: 0 0 10px 0;
}
#ranking_list #tit_navi h2 {
	width:auto;
	height:auto;
	margin: 0;
	padding: 0;
	font-size:14px;
	font-weight: bold;
	float: left; 
}
#ranking_list #tit_navi ul {
	text-align:right;
	float: right;
	width: 280px;
	height:auto;
	margin: 5px 0 3px 0;
	padding: 0;
	font-size: 90%;
}
#ranking_list #tit_navi ul li {
	display:inline;
	margin: 0;
}

/*----- クリック＆お気に入りランキング２０ ------*/
#ranking_list #tit {
	margin: 0 0 20px 0;
}
#ranking_list #tit h2 {
	background: url(../img/click_ranking/tit_ranking_list.gif) no-repeat;
	height: 100px;
	width: 700px;
	margin: 0 0 10px 0;
	padding: 0;
}
#ranking_list #titDrink h2 {
	background: url(../img/click_ranking/tit_ranking_list2.gif) no-repeat;
	height: 100px;
	width: 700px;
	margin: 0 0 10px 0;
	padding: 0;
}
#ranking_list #tit p,
#ranking_list #titDrink p {
	color: #ff6633;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
	margin: 15px 0;
}

#ranking_list #tit ul {
	width: 540px;
	margin: 20px auto 0;
	overflow: hidden;
	clear: both;
}
#ranking_list #tit ul li {
	width: 260px;
	margin: 0 5px;
	display: inline;
	float: left;
}

#ranking_list #tit ul li a {
	height: 40px;
	text-decoration: none;
	background: url(../img/click_ranking/bt_ranking_mode.jpg) no-repeat;
	display: block;
}
#ranking_list #tit ul li a.btnContest {
	background-position: 0 0;
}
#ranking_list #tit ul li a.btnMonth {
	background-position: -260px 0;
}
#ranking_list #tit ul li a.btnContestAct,
#ranking_list #tit ul li a.btnContest:hover {
	background-position: 0 -40px;
}
#ranking_list #tit ul li a.btnMonthAct,
#ranking_list #tit ul li a.btnMonth:hover {
	background-position: -260px -40px;
}

#ranking_list #tit #bt_ranking_sort {
	width:590px;
	margin:20px auto 0 auto;
	overflow: hidden;
	clear:both;
}
#ranking_list #tit #bt_ranking_sort a {
	text-decoration: none;
}
#ranking_list #tit #bt_ranking_sort .b1 a,
#ranking_list #tit #bt_ranking_sort .b1 a:hover,
#ranking_list #tit #bt_ranking_sort .b1-act,
#ranking_list #tit #bt_ranking_sort .b2 a,
#ranking_list #tit #bt_ranking_sort .b2 a:hover,
#ranking_list #tit #bt_ranking_sort .b2-act,
#ranking_list #tit #bt_ranking_sort .b3 a,
#ranking_list #tit #bt_ranking_sort .b3 a:hover,
#ranking_list #tit #bt_ranking_sort .b3-act {
	display:block;
	height:26px;
	background: url(../img/click_ranking/bt_ranking_sort.jpg) no-repeat;
	background-attachment:scroll;
	margin:0 auto;
	float:left;
	text-decoration: none;
}
#ranking_list #tit #bt_ranking_sort .b1 a{
	width: 170px;
	margin:  0 10px 0 0;
	background-position: -0px -0px;
}
#ranking_list #tit #bt_ranking_sort .b1 a:hover,
#ranking_list #tit #bt_ranking_sort .b1-act {
	width: 170px;
	margin:  0 10px 0 0;
	background-position: -0px -26px;
}
#ranking_list #tit #bt_ranking_sort .b2 a{
	width: 220px;
	margin:  0 10px 0 0;
	background-position: -170px -0px;
}
#ranking_list #tit #bt_ranking_sort .b2 a:hover,
#ranking_list #tit #bt_ranking_sort .b2-act {
	width: 220px;
	margin:  0 10px 0 0;
	background-position: -170px -26px;
}
#ranking_list #tit #bt_ranking_sort .b3 a{
	width: 180px;
	margin: 0;
	background-position: -390px -0px;
}
#ranking_list #tit #bt_ranking_sort .b3 a:hover,
#ranking_list #tit #bt_ranking_sort .b3-act {
	width: 180px;
	margin: 0;
	background-position: -390px -26px;
}

/*--------------- ranking_box --------------------*/
#ranking_list #ranking_box {
	width: 700px;
	margin: 0 0 20px 0;
	overflow: hidden;
}
/*------------- ranking_box inn ------------------*/
#ranking_list #ranking_box .inn {
	clear: both;
	margin: 0 0 20px 0;
	height: auto;
}
#ranking_list #ranking_box .inn .upper {
	background: url(../img/click_ranking/bg_rankingBox.jpg) no-repeat;
	height: 40px;
}
#ranking_list #ranking_box .inn .upper h3 {
	background: url(../img/click_ranking/ico_crown.gif) no-repeat 10px 10px;
	font-size: 138.5%;
	font-weight: bold;
	color: #D21F28;
	height: 30px;
	padding: 10px 0 0 40px;
}
#ranking_list #ranking_box .inn .upper h3 strong {
	font-size: 66%;
	color: #333;
}
#ranking_list #ranking_box .inn .upper h3 span {
	margin: 0 0 0 4px;
	font-size: 66%;
	color: #333;
	font-weight: normal;
}
#ranking_list #ranking_box .inn .inner {
	border-left: #FFB1BE 1px solid;
	border-right: #FFB1BE 1px solid;
	width: 698px;
}
#ranking_list #ranking_box .inn .inner .ph1 {
	width: 133px;
	margin: 10px 10px 5px 0;
	padding: 0 0 0 10px;
	text-align: center;
	float: left;
}
#ranking_list #ranking_box .inn .inner .tx_box {
	width: 525px;
	margin: 10px 0 0 0;
	float: left;
}
#ranking_list #ranking_box .inn .inner .tx_box .txtDate {
	margin: 0 0 8px;
	font-size: 77%;
	line-height: 1em;
}
#ranking_list #ranking_box .inn .inner .tx_box a.lnkTitle {
	font-size: 16px;
	color: #ff6633;
	text-decoration: underline;
	font-weight: bold;
}
#ranking_list #ranking_box .inn .inner .tx_box a.lnkTitle:hover {
	text-decoration: none;
}
#ranking_list #ranking_box .inn .inner .tx_box a.lnkMember {
	font-size: 12px;
	color: #009900;
	font-weight: normal;
	text-decoration: none;
}
#ranking_list #ranking_box .inn .inner .tx_box a.lnkMember:hover {
	text-decoration: underline;
}
#ranking_list #ranking_box .inn .inner .tx_box .txtInt {
	margin: 5px 0 0;
}
#ranking_list #ranking_box .inn .inner .tx_box .material {
	color: #006600;
	line-height: 120%;
	padding: 5px 0;
}
#ranking_list #ranking_box .inn .inner .tx_box .material span {
	font-weight: bold;
}
#ranking_list #ranking_box .inn .inner .tx_box ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#ranking_list #ranking_box .inn .inner .tx_box li.list-1{
	display: inline; 
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0px 20px;
	background: URL(../img/digest/ico_time.gif) left center no-repeat;
}
#ranking_list #ranking_box .inn .inner .tx_box li.list-2{
	display: inline; 
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0px 20px;
	background: URL(../img/digest/ico_money.gif) left center no-repeat;
}
#ranking_list #ranking_box .inn .btm {
	background: url(../img/click_ranking/btm_rankingBox.jpg) no-repeat;
	height: 5px;
}


/*---------------------------------------------------------------------------------------------
  ユーザー一覧
---------------------------------------------------------------------------------------------*/
#user_list{}

#user_list #tit_navi{
	background-image:url(../img/digest/tit_orange.gif);
	width:680px;
	height:20px;
	padding:7px 10px 7px 10px;
	font-size:108%;
	font-weight:bold;
	color:#FFF;
}
#user_list #main_tit{
	background:url(../img/click_ranking/tit_user_list.jpg) no-repeat;/* タイトル画像 */
	width:700px;
	height:60px;
	margin:14px 0;
}
#user_list #main_tit span{
	padding: 20px 0 0 70px;
	color: #FFF;
	font-size: 189%;
	font-weight: bold;
	display: block;
}
#user_list #inn{
	width:660px;
	height:auto;
	margin:0 20px;
}
#user_list #inn .tx{
	width:660px;
	height:auto;
	color:#333333;
	margin: 0 0 14px 0;
}
#user_list #inn .tx a{
	color:#D21F26;
	font-weight:bold;
	text-decoration:none;
}
/*
#user_list #inn p.btnRankPoint {
	width: 660px;
	height: 48px;
	margin: 0 0 20px;
	background: url(../img/click_ranking/btnRankPoint.jpg) no-repeat;
	display: block;
}
*/

/* ユーザー一覧 */
#user_list #inn #list_box{
	width:660px;
	height:96px;
	margin: 0 0 13px 0;
	overflow: hidden;
	clear: both;
}
#user_list #inn #list_box .user_box{
	width:135px;
	height:76px;
	background: url(../img/click_ranking/user_list-bg_img.jpg) no-repeat;
	float:left;
	margin: 0 12px 0 0;
	padding:10px;
}
#user_list #inn #list_box .user_box-mag_non{
	width:135px;
	height:76px;
	background: url(../img/click_ranking/user_list-bg_img.jpg) no-repeat;
	float:left;
	margin: 0;
	padding:10px;
}

#user_list #inn #list_box dl {
	width: 135px;
	line-height: 1.1em;
	overflow: hidden;
	clear: both;
}
#user_list #inn #list_box dl dt {
	width: 66px;
	float: left;
}
#user_list #inn #list_box dl dt img{
	/*width:64px;*/
	border: 1px solid #D6D6D6;
	background-color:#FFF;
}
#user_list #inn #list_box dl dd {
	width: 66px;
	text-align: center;
	float: right;
}
#user_list #inn #list_box dl dd a.txtName {
	color:#009900;
	font-size:80%;
	line-height: 1em;
	text-decoration: underline;
}
#user_list #inn #list_box dl dd a.txtName:hover {
	text-decoration: none;
}
#user_list #inn #list_box dl dd p {
	margin: 10px 0 0;
	font-size:80%;
	line-height: 1em;
}
#user_list #inn #list_box dl dd p.txtPointLevel {
	color:#D21F28;
}
#user_list #inn #list_box dl dd p.txtPointAcc {
	color:#4A52FF;
}

/*
#user_list #inn #list_box dl dd a {
	margin: 5px 0 0;
	color: #4A52FF;
	text-decoration: none;
	font-size: 75%;
	display: block;
}
#user_list #inn #list_box dl dd a:hover {
	text-decoration: underline;
}
*/

/*---------------------------------------------------------------------------------------------
  ユーザー詳細
---------------------------------------------------------------------------------------------*/
#user_detail{}

#user_detail #tit_navi{
	background-image:url(../img/digest/tit_orange.gif);
	width:680px;
	height:20px;
	padding:7px 10px 7px 10px;
	font-size:108%;
	font-weight:bold;
	color:#FFF;
}

/* プロフィール */
#user_detail #pro_box{
	width:660px;
	height:auto;
	margin: 20px 20px 0 20px;
	font-size:93%;
	color:#0066FF;
}
#user_detail #pro_box #left_box{
	float:left;
	width:118px;
	height:auto;
	margin: 0 10px 0 0;
}
#user_detail #pro_box #left_box #name{
	text-align: center;
}
#user_detail #pro_box #left_box #sex{
	text-align: center;
}
#user_detail #pro_box #left_box #ph{
	border: 2px solid #D32029;
	padding: 1px;
	margin: 4px 0 0;
}
#user_detail #pro_box #right_box{
	float:left;
	width:526px;
	height:auto;
	margin: 0;
}
#user_detail #pro_box #right_box #level{
	text-align:right;
	float: right;
	width:332px;
	height:21px;
	margin: 0 15px 0 0;
	padding:45px 0 0 0;
}
#user_detail #pro_box #right_box #pic{
	width:114px;
	float: right;
	margin: 0;
}
#user_detail #pro_box #right_box .tbl{
	width:526px;
	height:auto;
	border: 1px solid #999999;
	color:#333333;
	font-size:100%;
	margin:10px 0 0 0;
}
#user_detail #pro_box #right_box td {
	padding: 2px 5px;
	border: 1px solid #999999;
}
#user_detail #pro_box #right_box td.left{
	width:107px;
	height:auto;
	text-align: right;
	background-color:#FFD6DD;
}
#user_detail #pro_box #right_box td.right{
	width:419px;
	height:auto;
	color:#D21F28;
	font-weight: bold;
}
#user_detail #pro_box #right_box td.right a{
	color:#0066FF;
	font-weight: normal;
	text-decoration:none;
}
#user_detail #pro_box #right_box td.right .large{
	font-size:108%;
}
#user_detail #pro_box #right_box td.right a.lnkMytool{
	margin: 0 0 0 10px;
	text-decoration: underline;
}
#user_detail #pro_box #right_box td.right a.lnkMytool:hover{
	text-decoration: none;
}
#user_detail #pro_box #tx_area{
	width:660px;
	height:auto;
	margin:10px 0 0 0;
	color:#333333;
	font-weight:normal;
}
#user_detail #pro_box .col_red01{
	font-weight: bold;
	color: #D21F28;
	font-size:100%;
}
#user_detail #pro_box .col_red02{
	font-weight: bold;
	color: #D21F28;
	font-size:120%;
}
#user_detail #pro_box .frmIntro_u {
	width: 660px;
	height: 32px;
	margin: 15px 0 0;
	background-image: url(../img/click_ranking/tit_introduction.gif);
}
#user_detail #pro_box .frmIntro_d {
	width: 660px;
	height: 15px;
	background-image: url(../img/click_ranking/btm_introduction.gif);
}
#user_detail #pro_box .frmIntro_c {
	width: 620px;
	padding: 0 20px;
	color: #333;
	background: url(../img/click_ranking/line_introduction.gif) repeat-y;
}
#user_detail #pro_box .txtUrl {
	margin: 10px 0 0;
	color: #D21F28;
	text-align: right;
}
#user_detail #pro_box .txtUrl a {
	margin: 0 0 0 5px;
	color: #0066FF;
}

/* レシピ一覧 */
#user_detail #recipe_list #tit_recipe{
	background: url(../img/click_ranking/tit-recipe.gif) no-repeat;
	width:700px;
	height:22px;
	margin:30px 0 13px 0;
}
#user_detail #recipe_list #recipe_list-box{
	width:660px;
	height:auto;
	margin:15px 20px;
	color:#333333;
	font-size:100%;
	overflow: hidden;
	clear: both;
}
#user_detail #recipe_list #recipe_list-box #inn-1{
	width:200px;
	height:auto;
	margin:0 27px 0 0;
	float:left;
}
#user_detail #recipe_list #recipe_list-box #inn-2{
	width:200px;
	height:auto;
	margin:0 0 0 0;
	float:left;
}
#user_detail #recipe_list #recipe_list-box .title a{
	color:#FF6633;
	font-weight: bold;
	width:200px;
	margin: 0 0 6px;
	display: block;
}
#user_detail #recipe_list #recipe_list-box .ph{
	border: 1px solid #EEE;
	height:200px;
	width:200px;
	margin: 10px 0;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

/* MYツール一覧 */
#user_detail #mytool_list #tit_mytool {
	background: url(../img/click_ranking/tit-my_tool.gif) no-repeat;
	width:700px;
	height:22px;
	margin:30px 0 18px 0;
}
#user_detail #mytool_list #tool_box{
	width:660px;
	height:auto;
	margin: 0 auto 15px;
	color:#0066FF;
	overflow:hidden;
}
#user_detail #mytool_list #tool_box .inn{
	width:120px;
	height:auto;
	float:left;
	margin: 0 15px 0 0;
}
#user_detail #mytool_list #tool_box .inn_mag-non{
	width:120px;
	height:auto;
	float:left;
}
#user_detail #mytool_list #tool_box .img{
	background: url(../img/my_page/tool_inn.gif) no-repeat;
	height: 120px;
	width: 120px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	margin: 0 0 3px 0;
}
#user_detail #mytool_list #tool_box .txtDate{
	margin: 5px 0 0;
	font-size: 77%;
	line-height: 1em;
	color: #D21F28;
	text-align:center;
}
#user_detail #mytool_list #tool_box .tx{
	width:120px;
	height:auto;
	text-align:center;
}



















/*---------------------------------------------------------------------------------------------
  ユーザーランキング
---------------------------------------------------------------------------------------------*/
#user_ranking{}

#user_ranking #tit_navi{
	background-image:url(../img/digest/tit_orange.gif);
	width:680px;
	height:20px;
	padding:7px 10px 7px 10px;
	font-size:108%;
	font-weight:bold;
	color:#FFF;
}
#user_ranking #main_tit{
	background:url(../img/click_ranking/tit_user_ranking.jpg) no-repeat;/* タイトル画像 */
	width:700px;
	height:100px;
	margin:14px 0 5px 0;
}
#user_ranking #tx_area{
	color:#FF6633;
	font-weight:bold;
	width:700px;
	height:auto;
	margin: 0 20px 20px 0;
}
#user_ranking #inn{
	width:660px;
	height:auto;
	margin:20px 20px 0;
}
#user_ranking #inn .god_box{
	width:640px;
	height:130px;
	border: 1px solid #7F9DB9;
	padding:10px;
	background: url(../img/click_ranking/ico_god.gif) no-repeat right center;
	margin: 0 0 20px 0;
	cursor: pointer;
}
#user_ranking #inn .god_box .left{
	width:216px;
	height:114px;
	margin: 0 10px 0 0;
	float:left;
	background: url(../img/click_ranking/inn-1.gif);
	padding:8px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#user_ranking #inn .god_box .right{
	width:375px;
	height: auto;
	float:left;
}
#user_ranking #inn .god_box .right .tit{
	color:#D21F28;
	font-size:174%;
	padding: 10px 0 0;
	font-weight:bold;
}
#user_ranking #inn .god_box .right .usrCount{
	color:#3366CC;
	font-size:116%;
	margin: 6px 0 0;
	font-weight:bold;
}
#user_ranking #inn .god_box .right .tx_sub_box{
	width:375px;
	height: auto;
	color:#333333;
	font-size:116%;
	margin: 6px 0 0 0;
	font-weight:bold;
}
#user_ranking #inn .group_box{
	width:300px;
	height:130px;
	border: 1px solid #7F9DB9;
	padding:10px;
	margin: 0 15px 20px 0;
	float:left;
	cursor: pointer;
}
#user_ranking #inn .group_box-mag_non{
	width:300px;
	height:130px;
	border: 1px solid #7F9DB9;
	padding:10px;
	margin: 0 0 20px 0;
	float:left;
	cursor: pointer;
}
#user_ranking #inn .left{
	width:116px;
	height:114px;
	margin: 0 10px 0 0;
	float:left;
	background: url(../img/click_ranking/inn-2.gif);
	padding:8px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
/*
#user_ranking #inn .tit{
	width:158px;
	height:20px;
	float:left;
}
*/
#user_ranking #inn .tx_box{
	width:158px;
	height: auto;
	color:#D32029;
	font-size:120%;
	margin: 10px 0 0 0;
	font-weight:bold;
	float:left;
}
#user_ranking #inn .usrCount{
	color:#3366CC;
	font-size:116%;
	margin: 6px 0 0;
	font-weight:bold;
}