@charset "utf-8";


#sousenkyo {
	width:660px;
	margin:20px auto 0 auto;
	border-radius:10px;
	background:#000;
	padding:10px 0 20px 0;
}

#sousenkyo a {
	color:#04d;
	text-decoration:underline;
}

#sousenkyo a:hover {
	color:#d04;
	text-decoration:underline;
}

#sousenkyo header {
	margin:0;
	padding:0;
	overflow:hidden;
}

#sousenkyo h1,
#sousenkyo h3 {
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
}

#sousenkyo h2 {
	margin:10px 0 0 0;
	padding:0;
	overflow:hidden;
	text-align:center;
}

#sousenkyo h1 img,
#sousenkyo h2 img,
#sousenkyo h3 img {
	margin:0;
}

#sousenkyo #main {
	width:640px;
	margin:10px auto 0 auto;
	background:#fff;
	border-radius:10px;
}

#sousenkyo #main .rank {
	padding:0;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

#sousenkyo #main #rank1 {
	padding:10px 0 15px 0;
	background:#fff;
	background:-webkit-linear-gradient(top,  #f9f9f9 0%, #fff 10%, #fff 95%, #f9f9f9 98%, #e5e5e5 100%);
	border-bottom:1px solid #c5c5c5;
	border-radius:10px 10px 0 0;
}

#sousenkyo #main #rank1 .rank {
	width:236px;
	height:52px;
	margin:5px auto 10px auto;
	background:url(../img/sousenkyo/icon_rank.png) no-repeat 0 0;
}

#sousenkyo #main #rank1 h2 {
	width:560px;
	height:40px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	background:url(../img/sousenkyo/rank1_name.png) no-repeat 0 0;
}

#sousenkyo #main #rank1 p {
	width:554px;
	height:460px;
	margin:10px auto;
	padding:0;
	overflow:hidden;
}

#sousenkyo #main #rank1 ul.btn {
	width:592px;
	height:62px;
	margin:auto;
	padding:0;
	list-style:none;
	position:relative;
}

#sousenkyo #main #rank1 ul.btn li {
	position:absolute;
	width:286px;
	height:62px;
}

#sousenkyo #main #rank1 ul.btn li.i4 {
	top:0;
	left:0;
}

#sousenkyo #main #rank1 ul.btn li.i5 {
	top:0;
	right:0;
}

#sousenkyo #main #rank1 ul.btn li a {
	display:block;
	width:286px;
	height:62px;
	text-decoration:none;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

#sousenkyo #main #rank1 ul.btn li.i4 a {
	background:url(../img/sousenkyo/btn_buy-L.png) no-repeat 0 0;
}

#sousenkyo #main #rank1 ul.btn li.i5 a {
	background:url(../img/sousenkyo/btn_buy-L.png) no-repeat 0 -62px;
}

#sousenkyo #main #rank2-3 {
	padding:10px 0 15px 0;
	background:#fff;
	background:-webkit-linear-gradient(top,  #f9f9f9 0%, #fff 10%, #fff 95%, #f9f9f9 98%, #e5e5e5 100%);
	border-bottom:1px solid #c5c5c5;
	position:relative;
}

#sousenkyo #main #rank2-3 .bg {
	width:640px;
	margin:0 auto;
	background:url(../img/sousenkyo/rank2-3_pict.jpg) no-repeat center 98px;
}

#sousenkyo #main #rank2-3 #rank2 {
	float:left;
	width:50%;
}

#sousenkyo #main #rank2-3 #rank3 {
	float:right;
	width:50%;
}

#sousenkyo #main #rank2 .rank {
	width:158px;
	height:42px;
	margin:5px auto 10px auto;
	background:url(../img/sousenkyo/icon_rank.png) no-repeat 0 -60px;
}

#sousenkyo #main #rank3 .rank {
	width:158px;
	height:42px;
	margin:5px auto 10px auto;
	background:url(../img/sousenkyo/icon_rank.png) no-repeat 0 -110px;
}

#sousenkyo #main #rank2 h2 {
	width:274px;
	height:34px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	background:url(../img/sousenkyo/rank2_name.png) no-repeat 0 0;
}

#sousenkyo #main #rank3 h2 {
	width:242px;
	height:34px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	background:url(../img/sousenkyo/rank3_name.png) no-repeat 0 0;
}

#sousenkyo #main #rank2-3 ul.btn {
	width:262px;
	height:58px;
	margin:260px auto 0 auto;
	padding:0;
	list-style:none;
	position:relative;
}

#sousenkyo #main #rank2-3 ul.btn li {
	position:absolute;
	width:126px;
	height:58px;
}

#sousenkyo #main #rank2-3 ul.btn li.i4 {
	top:0;
	left:0;
}

#sousenkyo #main #rank2-3 ul.btn li.i5 {
	top:0;
	right:0;
}

#sousenkyo #main #rank2-3 ul.btn li a {
	display:block;
	width:126px;
	height:58px;
	text-decoration:none;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

#sousenkyo #main #rank2-3 ul.btn li.i4 a {
	background:url(../img/sousenkyo/btn_buy-S.png) no-repeat 0 0;
}

#sousenkyo #main #rank2-3 ul.btn li.i5 a {
	background:url(../img/sousenkyo/btn_buy-S.png) no-repeat -126px 0;
}

#sousenkyo #main #rank4,
#sousenkyo #main #rank5,
#sousenkyo #main #rank6,
#sousenkyo #main #rank7,
#sousenkyo #main #rank8,
#sousenkyo #main #rank9,
#sousenkyo #main #rank10 {
	padding:0;
	background:#fff;
	background:-webkit-linear-gradient(top,  #f9f9f9 0%, #fff 5%, #fff 95%, #f9f9f9 98%, #e5e5e5 100%);
	border-bottom:1px solid #c5c5c5;
}

#sousenkyo #main .inner {
	width:620px;
	height:240px;
	margin:0 auto !important;
	padding:0 !important;
}

#sousenkyo #main #rank4 .inner .pict,
#sousenkyo #main #rank6 .inner .pict,
#sousenkyo #main #rank8 .inner .pict,
#sousenkyo #main #rank10 .inner .pict {
	float:left;
	width:310px;
	height:240px;
	text-align:right;
}

#sousenkyo #main #rank5 .inner .pict,
#sousenkyo #main #rank7 .inner .pict,
#sousenkyo #main #rank9 .inner .pict {
	float:left;
	width:310px;
	height:240px;
	text-align:left;
}

#sousenkyo #main .pict img.mt10 {
	margin:10px 0 0 0;
}

#sousenkyo #main .pict img.mt15 {
	margin:15px 0 0 0;
}

#sousenkyo #main .pict img.mt20 {
	margin:20px 0 0 0;
}


#sousenkyo #main #rank4 .inner .box,
#sousenkyo #main #rank6 .inner .box,
#sousenkyo #main #rank8 .inner .box,
#sousenkyo #main #rank10 .inner .box {
	float:left;
	width:292px;
	height:200px;
	margin:20px 0 0 6px;
	position:relative;
}

#sousenkyo #main #rank5 .inner .box,
#sousenkyo #main #rank7 .inner .box,
#sousenkyo #main #rank9 .inner .box {
	float:left;
	width:292px;
	height:200px;
	margin:20px 6px 0 0;
	position:relative;
}

#sousenkyo #main .box h4 {
	margin:13px 0 0 0;
	padding:0;
	width:292px;
	text-align:center;
	overflow:hidden;
}

#sousenkyo #main .box .btnarea ul.btn {
	position:absolute;
	bottom:0;
	left:15px;
	width:262px;
	height:58px;
}

#sousenkyo #main .box ul.btn {
	width:262px;
	height:58px;
	margin:0 auto;
	padding:0;
	list-style:none;
	position:relative;
}

#sousenkyo #main .box ul.btn li {
	position:absolute;
	width:126px;
	height:58px;
}

#sousenkyo #main .box ul.btn li.i4 {
	top:0;
	left:0;
}

#sousenkyo #main .box ul.btn li.i5 {
	top:0;
	right:0;
}

#sousenkyo #main .box ul.btn li a {
	display:block;
	width:126px;
	height:58px;
	text-decoration:none;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

#sousenkyo #main .box ul.btn li.i4 a {
	background:url(../img/sousenkyo/btn_buy-S.png) no-repeat 0 0;
}

#sousenkyo #main .box ul.btn li.i5 a {
	background:url(../img/sousenkyo/btn_buy-S.png) no-repeat -126px 0;
}

#sousenkyo #main .box .rank {
	width:118px;
	height:40px;
	margin:0 auto;
}

#sousenkyo #main #rank4 .box .rank {
	background:url(../img/sousenkyo/icon_rank.png) no-repeat 0 -160px;
}

#sousenkyo #main #rank5 .box .rank {
	background:url(../img/sousenkyo/icon_rank.png) no-repeat -118px -160px;
}

#sousenkyo #main #rank6 .box .rank {
	background:url(../img/sousenkyo/icon_rank.png) no-repeat 0 -200px;
}

#sousenkyo #main #rank7 .box .rank {
	background:url(../img/sousenkyo/icon_rank.png) no-repeat -118px -200px;
}

#sousenkyo #main #rank8 .box .rank {
	background:url(../img/sousenkyo/icon_rank.png) no-repeat 0 -240px;
}

#sousenkyo #main #rank9 .box .rank {
	background:url(../img/sousenkyo/icon_rank.png) no-repeat -118px -240px;
}

#sousenkyo #main #rank10 .box .rank {
	width:124px;
	background:url(../img/sousenkyo/icon_rank.png) no-repeat 0 -280px;
}


#sousenkyo #main #info {
	padding:15px 15px 0px 15px;
}

#sousenkyo #main #info ul {
	list-style:none;
	margin:0;
	padding:10px 20px 7px 20px;
	border-radius:10px;
	background:#000;
	background:-webkit-linear-gradient(top, #5f5f5f 0%, #111 100%);
	color:#f5f5f5;
	font-size:16px;
	line-height:1.4;
}

#sousenkyo #main #info ul li {
	margin:0 0 5px 0;
	padding:0;
}

#sousenkyo #main #info ul li span {
	font-size:13px;
}

#sousenkyo #main #info p {
	font-size:13px;
	color:#444;
	line-height:1.4;
	padding:10px 20px 0 20px;
	margin:0;
}


/* rank30 */

#sousenkyo #main #rank30 {
	padding:15px 0 0 0;
}

#sousenkyo #main #rank30 p {
	width:524px;
	height:102px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#sousenkyo #main #rank30 p a {
	display:block;
	width:524px;
	height:102px;
	text-decoration:none;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	background:url(../img/sousenkyo/btn_more.png) no-repeat 0 0;
}

#sousenkyo #main #rank30 ul {
	border-top:1px solid #cfcfcf;
	list-style:none;
	margin:0;
	padding:0;
}

#sousenkyo #main #rank30 ul li {
	float:left;
	width:320px;
	padding:12px 0;
	margin:0;
	background:#fff;
	background:-webkit-linear-gradient(top, #fff 0%, #fdfdfd 49%, #efefef 51%, #dfdfdf 100%);
	border-bottom:1px solid #cfcfcf;
}

#sousenkyo #main #rank30 dl {
	margin:0;
	padding:0;
}

#sousenkyo #main #rank30 dt {
	float:left;
	width:26px;
	height:24px;
	background:#222;
	background:-webkit-linear-gradient(top, #777 0%, #111 100%);
	font-size:14px;
	line-height:24px;
	text-align:center;
	color:#fff;
	border-radius:8px;
	margin:2px 5px 0 10px;
	font-family:"Times New Roman", Times, serif;
}

#sousenkyo #main #rank30 dd {
	height:26px;
	font-size:17px;
	line-height:26px;
	text-align:left;
	color:#222;
	font-weight:bold;
}

#sousenkyo #main #rank30 ul li.gototop {
	clear:left;
	float:none;
	width:616px;
	padding:12px 0 20px 0;
	margin:0 auto;
	background:#fff;
	border-bottom:none;
}

#sousenkyo #main #rank30 ul li.gototop a {
	float:right;
	display:block;
	width:140px;
	height:40px;
	overflow:hidden;
	text-decoration:none;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/sousenkyo/btn_top.png) no-repeat 0 0;
}

#sousenkyo #thanks {
	margin:20px 10px;
	padding:0;
	text-align:center;
}


/*   #now   */

#sousenkyo #now {
	margin:30px 0 10px 0;
	padding:0;
	font-size:20px;
	text-align:center;
}

#sousenkyo #now a {
	color:#fff !important;
}

#sousenkyo #now a:hover {
	color:#ff0 !important;
}







/* footer */

#sousenkyo #btn {
	width:270px;
	height:72px;
	margin:15px auto 0 auto;
	overflow:hidden;
}

#sousenkyo #btn a {
	width:270px;
	height:72px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/sousenkyo/btn_pazudoraya.jpg) no-repeat;
	background-size:270px 72px;
}

#sousenkyo footer {
	background:#444;
	padding:10px;
	margin:30px 0 0 0;
	font-size:10px;
	color:#fff;
	border-top:1px solid #777;
}

#sousenkyo footer p.note {
	text-align:left;
	line-height:1.4;
	margin:0;
	padding:0 0 10px 0;
}

#sousenkyo footer p.copyright {
	text-align:center;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	border-top:1px dotted #888;
	font-family:Arial, Helvetica, sans-serif;
}

