@charset "Shift_JIS";

@import "style.css";

/* style_ranking.css */
/*---------------------------------------------------------------------
//=====RESET=====//
* 01 reset 

//=====LAYOUT=====//
* 01 common
* 03 pagetitle
* 04 ranking_wrap
* 08 areaTitle
* 09 pastTitle
* 10 rankinglistWrap
* 11 pastrankinglistWrap

* 13 linktoMore
* 14 pagetop
-----------------------------------------------------------------------*/

/* 01 common
---------------------------------------------------------------------- */

/* ------ contents reset ------ */
#contents{
	width:760px;
	margin-bottom:40px;
}


/* 03 pagetitle
---------------------------------------------------------------------- */
#pagetitle {
position: relative;
	width: 760px;
	height: 230px;
	background: url(../img/top/ttl_bg.jpg) no-repeat;
	}
#pagetitle h1 {
	padding:60px 0 0 0;
	text-align: center;
	}
#pagetitle .lead {
	padding:14px 0 0 64px;
	color: #663300;
	font-size: 14px;
	line-height: 18px;
	}

/*sns*/
#pagetitle ul {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 219px;
	height: 32px;
	background: url(../img/top/spHeader_sns.png) top right no-repeat;
}
#pagetitle ul li {
	float: right;
	padding: 10px 10px 0 8px;
}

#pagetitle h1 {
}

#pagetitle p {
	padding: 3px 0 3px 357px;
	background: url(../img/top/spHeader_lead_bg.png) right top repeat-y;
}


/* 04 ranking_wrap
---------------------------------------------------------------------- */
.ranking_wrap {
	width: 760px;
	}


/* 08 areaTitle
---------------------------------------------------------------------- */
.areaTitle {
	width: 760px;
	height:50px;
	background-image: url(../img/rankttl_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 ;
	
	}
.areaTitle h2 {
margin:20px 0 0 0;
font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:8px 0 0 40px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	*font-size: 120%;
	word-break: break-all;
	}
.areaTitle h2 span {
font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 24px;
	*font-size: 120%;
	}
	
/* 09 pastTitle
---------------------------------------------------------------------- */
.pastTitle {
	width: 760px;
	height:50px;
	background-image: url(../img/top/pastrank_ttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 ;
	}
.pastTitle h2 {
	margin:20px 0 0 0;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px 0 0 10px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	*font-size: 120%;
	}
.pastTitle h2 span {
font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 24px;
	*font-size: 120%;
	}

/* 10 rankinglistWrap
---------------------------------------------------------------------- */
.ranking_wrap clearfix{
	}
.rankinglistWrap {
	vertical-align:top;
	display:inline-block;
	width:240px;
	margin:0 10px 0 0;
	}
.rankinglistWrap h3{
	margin:0 0 2px 0;
	background: url(../img/top/pin_ico.gif) no-repeat;
	padding:0 0 0 14px;
	font-size: 15px;
	line-height:18px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	*font-size: 120%;
	letter-spacing: -0.8px;
	word-break: break-all;
	}
.rankinglistWrap .photoW{
	border:1px solid #ccc; 
	padding:5px;
	background-color:#fff;
	box-sizing: border-box;
	}
.rankinglistWrap .photo{
	text-align: center;
    vertical-align: middle;
    height: 171px;
    width: 228px;
    display: table-cell;
		}
.rankinglistWrap .photo img{
	/*max-width:100%;
	max-height: 100%;*/
	max-width:228px;
	max-height:171px;

		}
.rankinglistWrap ul{
	margin:0 10px 0 0;
	word-break: break-all;
	}
.rankinglistWrap li{
	font-size: 14px;
	line-height: 18px;
	margin:4px 0;
	}
.rankinglistWrap .no1{
	background: url(../img/no1_ico.jpg) no-repeat;
	padding:0 0 0 30px;
}
.rankinglistWrap .no1 a{
	font-weight:bold;
}
.rankinglistWrap .no2{
	background: url(../img/no2_ico.jpg) no-repeat;
	padding:0 0 0 30px;
}
.rankinglistWrap .no3{
	background: url(../img/no3_ico.jpg) no-repeat;
	padding:0 0 0 30px;
}
.rankingBtn{
	margin:0 0 26px 0;
}
.rankingBtn a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
.rankingBtn li{
	display:inline-block;
	margin:0 10px 0 0;
}
.rankingW{
	background: url(../img/top/index_bg.gif) no-repeat right top;
	word-break: break-all;
}

/* 11 seasonrankinglistWrap
---------------------------------------------------------------------- */
.seasonranking_wrap clearfix{
	}
.seasonrankinglistWrap {
	vertical-align:top;
	display:inline-block;
	width:760px;
	margin:0 10px 0 0;
	}
.seasonrankinglistWrap h3{
	margin:2px 0 8px 0;
	font-size: 14px;
	line-height:18px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size: 120%;
	letter-spacing: -0.8px;
	}
.seasonrankinglistWrap h3 a{
	font-weight: bold;
	font-size: 16px;
	}
.seasonrankinglistWrap .w{
	width:500px;
	float:right;
	
	}
.seasonrankinglistWrap .photoW{
	margin:0 20px 0 0;
	width:240px;
	border:1px solid #ccc; 
	padding:5px;
	background-color:#fff;
	box-sizing: border-box;
	float:left;
	}
.seasonrankinglistWrap .photo img{
		text-align: center;
    vertical-align: middle;
    /* width: 228px; */
    height: 171px;
    display: table-cell;
    max-width: 228px;
    margin: 0 auto;
	max-height: 171px;
		}
.seasonrankinglistWrap .w ul{
	margin:0 10px 0 0;
	word-break: break-all;
	}
.seasonrankinglistWrap .w li{
	font-size: 14px;
	line-height: 18px;
	margin:4px 0;
	}
.seasonrankinglistWrap .w .no1{
	background: url(../img/no1_ico.jpg) no-repeat;
	padding:0 0 0 30px;
}
.seasonrankinglistWrap .w .no1 a{
	font-weight:bold;
}
.seasonrankinglistWrap .w .no2{
	background: url(../img/no2_ico.jpg) no-repeat;
	padding:0 0 0 30px;
}
.seasonrankinglistWrap .w .no3{
	background: url(../img/no3_ico.jpg) no-repeat;
	padding:0 0 0 30px;
}
.w .rankingBtn{
	text-align:right;
	position:relative;
	margin:30px 14px 0 0;
}
.w .rankingBtn a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
.w .rankingBtn li{
	display:inline-block;
	margin:0 13px 0 0;
}



/* 12 pastrankinglistWrap
---------------------------------------------------------------------- */
.pastranking_wrap clearfix{
	}
.pastrankinglistWrap {
	vertical-align:top;
	display:inline-block;
	width:240px;
	margin:0 10px 0 0;
	}
.pastrankinglistWrap h3{
	margin:0 0 2px 0;
	background: url(../img/top/pin_ico.gif) no-repeat;
	padding:0 0 0 14px;
	font-size: 15px;
	line-height:18px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	*font-size: 120%;
	letter-spacing: -0.8px;
	}
.pastrankinglistWrap .photoW{
	border:1px solid #ccc; 
	padding:5px;
	background-color:#fff;
	box-sizing: border-box;
	}
.pastrankinglistWrap .photo{
	text-align: center;
    vertical-align: middle;
    height: 171px;
    width: 228px;
    display: table-cell;
		}
.pastrankinglistWrap .photo img{
	/*max-width:100%;
	max-height: 100%;*/
	max-width:228px;
	max-height:171px;

		}
.pastrankinglistWrap dl{
	font-size: 14px;
	line-height: 18px;
	margin:4px 0 0 0;
	}
.pastrankinglistWrap dt{
	float:left;
	margin:0 0 20px 0;
	}
.pastrankinglistWrap dd{
	font-weight:bold;
}

/*過去のランキング*/
.past{
	margin:20px 0 0 0;
}
.past dl{
	font-size: 14px;
	line-height: 22px;
}
.past dt{
	width:50px;
	float:left;
	text-align:right;
}
.past dd{
	word-break: break-all;
}


/*次回のランキング*/
.next{
	width:760px;
	margin:20px 0 0 0;
	clear:both;
	/*height:90px;*/
	background: url(../img/top/nextrank_bg.gif) no-repeat;
}
.next h4{
	width:180px;
	/*height:90px;*/
	float:left;
}
.next p{
display:block;
width:560px;
	margin:10px 20px 10px 0;
	/*padding:25px 0 0 0;*/
	font-size: 14px;
	line-height:20px;
	float:right;
	word-break: break-all;
}
.next p span{
	font-weight: bold;
	color: #FF0000;
}


/*その他のランキング*/
.other{
	margin:20px 0 0 0;
	clear:both;
	width:760px;
	/*height:120px;*/
	background: url(../img/list/otherrank_ttlBg.gif) no-repeat;
}
.other h4{
	width:180px;
	float:left;
}
.other li{
	display:inline-block;
	font-size: 13px;
	line-height:22px;
}

.other ul{
	/*margin:20px 0;*/
	padding:10px 0;
}

/*メールアドレス*/
.mail{
	margin:10px 0;
	text-align:right;
}



/* 14 pagetop
---------------------------------------------------------------------- */
.pagetop {
width:760px;
	padding-top: 5px;
	text-align:right;
	clear:both;
	}
	
	
/*---------------------------------------------------------------------------------------------------*/