@charset "utf-8";

IMG {border: none;}

/* 全体用フレーム */
#wrapper {
width:745px;
margin:0 auto 30px;
text-align:left;
line-height:1.4em;
}

/* ------------------------- main */

#main{
	position: absolute;
	width: 7450px;
	margin: 153px 0px 0px 0px;
}

/* ------------------------- content */

#content{
	float: left;
	width: 745px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	background: #ffffff url(../img/ranking/bg.jpg) left top no-repeat;
}

#content a{ text-decoration: underline; }


#content img.top{ margin: 0px 0px 0px 20px; }


/* アニトラ調べ */
#content p.quot{
	text-align:center;
	color: #ffffff;
	font-size: 11px;
	z-index: 1;
}


/* 
	各ランク - 1位～4位まで
 -------------------------------------------------- */

#content .rank1,
#content .rank2,
#content .rank3,
#content .rank4{
	width: 688px;
	margin: 0px 0px 0px 20px;
	background: url(../img/ranking/rank1-bg.gif) right 19px repeat-y;
}


#content .rank1{ margin: 0px 0px 0px 20px; }


#content .rank2,
#content .rank4{
	background: url(../img/ranking/rank2-bg.gif) right 19px repeat-y;
}



/* 各ランキング内コンテンツ */

/* 枠 */
#content .inner{
	margin: 20px 0px 0px 60px;
}

#content .rank2 .inner,
#content .rank4 .inner{ margin: 7px 0px 0px 60px; }

#content .r1{ height: 340px; }
#content .r2{ height: 289px; }
#content .r3{ height: 241px; }
#content .r4{ height: 289px; }




/* 各説明文 */
#content .inner p{
	margin: 0px 30px 20px 260px;
}


/* リンク */
#content p.link{
	padding: 0px 0px 0px 12px;
	background: url(../img/ranking/link-bg.gif) left 4px no-repeat;
}



/* ------------------------------ ユーザーコメント */

/* 枠 */
#content .inner dl{
	margin: 0px 30px 0px 260px;
	padding: 10px;
	background-color: #eaeaea;
}


/* 画像 */
#content .inner dl dt{
	float: right;
	margin: 0px 0px 0px 15px;
}

/* テキスト */
#content .inner dl dd{
	font-size: 11px;
	line-height: 14px;
}

/* リンク */
#content .inner dl dd.link{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	font-size: 12px;
	background: url(../img/ranking/link-bg.gif) left 4px no-repeat;
}

#content .inner img.mainpic{
	position: absolute;
}

#content .inner img.point{
	margin: 40px 0px 0px;
}


/*
	各ランク　-　5位～10位
 -------------------------------------------------- */

#content .rank-frame{
	width:745px;
	margin: 0px 0px 0px 20px;
	background: url(../img/ranking/rank-frame.gif) 22px 0 repeat-y;
}

#content .rank5,
#content .rank7,
#content .rank9{
	float: left;
	width: 352px;
}

#content .rank6,
#content .rank8,
#content .rank10{
	float: left;
	width: 336px;
}

#content .rank9{ margin: 12px 0px 0px 0px; background: url(../img/ranking/rank9-bg.gif) right bottom no-repeat; }
#content .rank10{ margin: 12px 0px 0px 0px;  background: url(../img/ranking/rank10-bg.gif) right bottom no-repeat; }


#content .rank5 dl.main,
#content .rank7 dl.main,
#content .rank9 dl.main{ margin: 20px 20px 0px 42px; }

#content .rank6 dl.main,
#content .rank8 dl.main,
#content .rank10 dl.main{ margin: 20px 20px 0px 23px; }


#content .rank-frame dl.main dd{
	margin: 10px 0px 0px;
	font-size: 12px;
}

#content .rank-frame dl.main dd.link{
	padding: 0px 0px 0px 10px;
	background: url(../img/ranking/link-bg.gif) left 4px no-repeat;
}


#content .rank-frame dl.sub{
	margin: 20px 20px 20px 42px;
	padding: 10px;
	background-color: #eaeaea;
}

#content .rank6 dl.sub,
#content .rank8 dl.sub,
#content .rank10 dl.sub{ margin-left: 22px; }

/* 画像 */
#content .rank-frame dl.sub dt{
	float: right;
	margin: 0px 0px 0px 15px;
}

/* テキスト */
#content .rank-frame dl.sub dd{
	font-size: 11px;
	line-height: 14px;
}

/* リンク */
#content .rank-frame dl.sub dd.link{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	font-size: 12px;
	background: url(../img/ranking/link-bg.gif) left 4px no-repeat;
}



#content .border{
	background: url(../img/ranking/border-bottom.gif) left bottom no-repeat;
}





/*
		Anniversary Introduction
 -------------------------------------------------- */

#content .goto{
	width: 666px;
	margin: 0 0 0 42px;
	padding:0;
	background-color:#F29F01;
}


#content .goto .info{
	width: 666px;
	height: 170px;
	background: url(../img/ranking/info-bg.gif) left top no-repeat;
	padding:0;
	margin:0;
}


#content .goto .info img{
	float: left;
	margin: 45px 40px;
	padding:0;
}


#content .goto .info dl{
	margin: 0px 50px 0px 250px;
	padding: 35px 0px 0px 0px;
}


#content .goto .info dl dt{ color: #ff0000; padding:0; margin:0;}

#content .goto .info dl dd{ margin: 10px 0px 0px 0px; padding:0; margin:0;}

#content .goto .info dl dd.link{
	padding: 0px 0px 0px 10px;
	background: url(../img/ranking/link-bg.gif) left 4px no-repeat;
	margin:0;
}


/* ----------------------------------- backnumber */

/* 枠 */
#content .backnumber {
	width: 700px;
	margin: 50px 0px 0px 15px;
}


/* 商品列 */
#content .backnumber .list {
	margin: 10px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background-color: #e3e3e3;
}


/* 各商品 */
#content .backnumber .list dl {
	float: left;
	display: inline;
	width: 152px;
	margin: 0px 10px 20px 13px;
}

/* 商品画像 */
#content .backnumber .list dl dt a img {
	border: 1px solid #e3e3e3;	
}

#content .backnumber .list dl dt a:hover img {
	border: 1px solid #f9396f;	
}

/* タイトル */
#content .backnumber .list dl dd {
	margin: 5px 0px 5px 3px;
	padding: 0px 0px 0px 6px;
	font-size: 11px;
	background: url(img/link-back-01.gif) left 5px no-repeat;
}

/* テーマタイトル */
#content .backnumber .list dl dd span.ttl {
	font-weight: bold;
}

.pagetop{
	text-align:right;
	margin-top:20px;
	padding-right:20px;
	background: url(../img/ranking/arrow.gif) 635px 3px no-repeat;
}