@charset "EUC-JP";

/* ************************************************ */
/* filter */
/* ************************************************ */
#filter          { font-size:12px; color:#505050; background-color:#eaf8e7; padding:8px; text-align:left; line-height:150%; }
#filter DIV      { margin:12px 0px 12px 0px; border-width:0px; border-style:solid; border-color:#8aa897; }
#filter DIV SPAN { font-size:14px; font-weight:bold; color:#505050; letter-spacing:-1px; }
#filter DIV IMG  { margin-right:2px; }
#filter UL LI { display:inline; padding-right:5px; }
#filter UL LI SPAN.filtered { font-weight:bold; }
#filter UL LI SPAN { color:#808080; white-space:nowrap; }
#filter UL LI SPAN.new  { color:red; font-size:10px; font-family:'Arial'; }



/* ************************************************ */
/* ランキング */
/* ************************************************ */
#ranking {
	min-width:940px;
}

#rankWrapper {
	width:100%;
	margin-right:-200px;
	float:left;
	position:relative;
}

.rank-update {
	position:absolute;
	top:-1.2em;
	right:0;
	font-size:.8em;
	color:#666;
}

#rank { position:relative; margin-right:210px; }

#rank TABLE { width:100%; }
#rank TABLE.rank {
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
}
#rank TABLE.rank TD { padding:10px 6px; border:1px solid #ccc; white-space:nowrap; font-size:12px; vertical-align:middle; }
#rank TABLE.rank TR.menu {
	background: -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#606060));
	background: -moz-linear-gradient(top,#c8c8c8,#606060);
	background: linear-gradient(180deg, #c8c8c8,#606060);
	background-color:#8a8a8a;
	color:white; 
	font-size:12px;
}
#rank TABLE.rank TR.menu TD {
	padding:6px;
	width:5%;
	text-align:center;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8c8c8, endColorstr=#606060, GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8c8c8, endColorstr=#606060, GradientType=0);
}
#rank TABLE.rank TR.menu TD.m2 { text-align:left; width:80%; }
#rank TABLE.rank TR.pr { background-color:#eeeeee; }
#rank TABLE.rank TR.d0 { background-color:#ffffff; }
#rank TABLE.rank TR.d1 { background-color:#f0f0f0; }
#rank TABLE.rank TD.d1 { color:#333; }
#rank TABLE.rank TD.d2 { color:#555; white-space:normal; }
#rank TABLE.rank TD.d3 { color:#555; }
#rank a.thumb {
	margin-right:8px;
	margin-bottom:3px;
	float:left;
}
#rank a.thumb img {
	width:55px;
	height:55px;
	border:1px solid #ddd;
}
#rank DT { font-size:16px; line-height:17px; }
#rank DT a { line-height:17px; }
#rank DT IMG { margin-left:5px; margin-bottom:2px; vertical-align:middle; }
#rank DT IMG.mini { margin-bottom:2px; }
#rank DD { display:block; font-size:13px; line-height:1.4em; padding-top:.4em; }
#rank DL.best10 DT { display:block; font-size:18px; }
#rank DL.best10 DT .ttl { padding:2px 0px 2px 18px; background:url('/img/v2/icon_best10s.gif') no-repeat left center; }
#rank DL.best25 DT { display:block; font-size:17px; }
#rank DL.best25 DT .ttl { padding:2px 0px 2px 18px; background:url('/img/v2/icon_best25s.gif') no-repeat left center; }
#rank DD P { color:gray; font-size:11px; margin-top:.2em; line-height:1.3em; }
#rank DD P SPAN { letter-spacing:-1px; }
#rank DD P A { text-decoration:none; color:#44a; }
#rank DD P A.info { text-decoration:none; color:#508050; }
#rank DD P A:hover { color:tomato; text-decoration:underline; }


/* ページナビ */
.rank-pagenavi { white-space:nowrap; font-size:.8em; margin:.4em 0; }
.rank-pagenavi li {
	display:inline-block;
	*display:inline; *zoom:1;
	padding:.3em .8em;
	background:#fcfcfc;
	z-index:2;
	border:1px solid #aaa;
	border-radius:.2em;
	margin:0 .15em;
	font-weight:bold;
	vertical-align:top;
}
.rank-pagenavi li:first-child { font-weight:normal; margin-left:0; }
.rank-pagenavi li:last-child { font-weight:normal; margin-right:0; }
.rank-pagenavi li.now { background:#e0e0e0; }
.rank-pagenavi li.dot { color:#777; }
.rank-pagenavi li a {
	display:block;
	padding:.3em .8em;
	margin:-.3em -.8em;
	font-weight:normal;
	text-decoration:none;
}
.rank-pagenavi li a:hover {
	background-color:steelblue;
	border-radius:.2em;
	color:white;
}

.rank-navi-footer { font-size:1.1em; text-align:center; margin:35px auto; }

#thumbloadLink { 
	margin-left:12px; 
	background-image:url(/img/v2/icon_thumbload.gif); 
	background-repeat:no-repeat;
	background-position:3px center;
	padding:2px 3px;
	padding-left:19px;
	background-color:white;
	border-width:1px 0px 0px 1px;
	border-style:solid;
	border-color:gray;
	font-size:11px;
}
#thumbloadLink img { margin-left:2px; }



/* ************************************************ */
/* 検索フォーム */
/* ************************************************ */
.rank-search {
	border:1px solid #bbb;
	padding:.15em;
	margin-top:.6em;
}
.rank-search form.search {
	width:auto;
	padding:.5em;
	background:#e0e0e0;
}
.rank-search form.search input[type="text"] { width:300px; }



/* ************************************************ */
/* サイドバー */
/* ************************************************ */
#ranking #side {
	position:relative;
	float:right;
	width:200px;
	margin-top:2.2em;
}

#ranking #side .content {
	padding:0px;
	border:1px solid gray;
	background-color:white;
	margin:20px 0;
	font-size:14px;
}

#ranking #side .content:first-child { margin-top:0px; }

#ranking #side .content li {
	list-style:none none outside;
	line-height:20px;
	margin:0px;
	padding:0px;
	padding-left:3px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#ranking #side .content h3 {
	font-size:13px;
	line-height:34px;
	background-color:#f8f8f8;
	color:#404040;
	margin-bottom:5px;
	border-bottom:1px dotted gray;
	text-shadow:0px 0px 1px white;
}

#ranking #side .content a.footer {
	clear:both;
	font-size:12px;
	color:#606060;
	display:block;
	text-align:right;
	margin:0px 3px 10px 0px;
	padding-top:6px;
}

#ranking #side .content .desc {
	margin:8px 5px;
	color:#505050;
	font-size:12px;
	line-height:13px;
}
#ranking #side .content .desc p { margin-bottom:6px; }

#ranking #side .button { border-radius:4px; padding:0px; border:3px solid #008000; background-color:#00a000; max-width:250px; margin:0 auto; }
#ranking #side .button a {
	text-align:center;
	vertical-align:middle;
	display:block;
	padding:10px 15px 7px 15px;
	color:white;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
}
#ranking #side .button a:visited { color:white; }
#ranking #side .button a p { font-size:12px; margin-bottom:2px; }
#ranking #side .button a h5 { background:url('/img/v2/icon/icon_21x25_entry.png') no-repeat left center; padding-left:28px; display:inline; margin-left:-12px; }
#ranking #side .mypage { border-color:#ff5501; background-color:#ff7800; }
#ranking #side .mypage a h5 { background:url('/img/v2/icon/icon_21x25_mypage_g.png') no-repeat left center; padding-left:28px; display:inline; margin-left:-12px; }

#ranking #side .loader { text-align:center; margin:10px; }
#ranking #side .loader p {
	display:inline;
	background:url('/img/v2/icon/loader.gif') no-repeat left center;
	padding:5px 0;
	padding-left:24px;
	font-size:12px;
	color:#505050;
}

#ranking #side .thumb h3 {
	background:url('/img/v2/icon/icon_19x19_buroga_g.png') no-repeat 5px 6px;
	padding-left:30px;
}
#ranking #side .thumb li {
	float:left;
	text-align:center;
	font-size:12px;
	color:#505050;
	padding:5px;
}
#ranking #side .thumb li img {
	border:1px solid gray;
}

#ranking #side .vote h3 {
	background:url('/img/v2/icon/icon_19x19_vote_g.png') no-repeat 5px center;
	padding-left:30px;
}
#ranking #side .vote li {
	font-size:10px; 
	color:#505050; 
	padding:6px 4px; 
	border-bottom:1px dotted gray;
	line-height:16px;
}
#ranking #side .vote li a { 
	display:block; 
	font-size:14px; 
	text-decoration:none;
	overflow:hidden;
	white-space:nowrap; text-overflow:ellipsis; 
	background:url('/vote/img/icon_qstn_s.gif') no-repeat left center;
	padding-left:18px;
	margin-bottom:2px;
}

#ranking #side .ads { margin:20px 0; }



/* ************************************************ */
/* 履歴表示 */
/* ************************************************ */
#historySide {}
#historySide h3 { padding-left:5px; }
#historySide .item li {
	min-height:53px;
	clear:both;
	border-top:1px dotted gray;
}
#historySide .item li:last-child { border-bottom:1px dotted gray; }
#historySide .allow {
	width:80%;
	height:26px;
	margin:3px auto;
	cursor:pointer;
	opacity:0.4;
	border:1px solid white;
	border-radius:6px;
	transition:all 0.2s ease-in-out;
}
#historySide .allow:hover {
	opacity:1;
	border-color:#c0c0c0;
}
#historySide .up {
	background:url('/img/v2/icon/allow_u.png') no-repeat center center;
}
#historySide .down {
	background:url('/img/v2/icon/allow_d.png') no-repeat center center;
}
#historySide .item a {
	font-size:12px !important;
	display:block;
	margin:5px 0px;
	white-space:normal !important;
	overflow:hidden;
	text-overflow:ellipsis;
}
#historySide .item img {
	width:40px;
	height:40px;
	float:left;
	margin:0px 2px;
	border:1px solid gray;
}

#historyBottom {
	margin:30px 0px; 
	font-size:12px; 
	border:1px dotted gray;
	padding:5px 10px;
}
#historyBottom .button {
	width:30px;
	opacity:0.4;
	border:1px solid white;
	border-radius:12px;
	transition:all 0.2s ease-in-out;
}
#historyBottom .button:hover {
	opacity:1;
	cursor:pointer;
	border-color:gray;
}
#historyBottom .left {
	background:url('/img/v2/icon/allow_l.png') no-repeat center center;
}
#historyBottom .right {
	background:url('/img/v2/icon/allow_r.png') no-repeat center center;
}
#historyBottom h3 { font-size:15px; }
#historyBottom h3::before { content:"■"; margin-right:3px; color:gray; }
#historyBottom table { width:100%; margin-bottom:8px; }
#historyBottom table td { height:100px; vertical-align:middle; }
#historyBottom .item li {
	padding:0px;
	float:left;
	min-height:95px;
}
#historyBottom .item a {
	display:block;
	margin:0px 3px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center;
}
#historyBottom .item a:hover { box-shadow:1px 1px 3px black; }
#historyBottom .item img {
	width:70px;
	height:70px;
	box-shadow:2px 2px 2px gray;
	margin:3px auto;
	display:block;
}