/*
// HTML source written by Cory Dorning
// Visit www.corydorning.com/blog/jquery-faqs-scroll-and-highlight-tutorial
// for original source code and tutorial
*/
@charset "utf-8";

#block-1 {
	margin-bottom: 0px;
	}

#contests {
	background: url(../../image/result_right.gif) no-repeat;
	width: 464px;
	height: 610px;
	position: relative;
	}

#contests li {
	list-style-type: none;
	width: 463px;
	height: 85px;
	margin-bottom: 2px;
	}

#contests li a {
	list-style-type: none;
	display: block;
	width: 463px;
	height: 85px;
	cursor: pointer;
	}

#contests li#c6,
#contests li#c7 {
	width: 463px;
	height: 172px;
	}
#contests li#c6 a,
#contests li#c7 a {
	width: 463px;
	height: 172px;
	}

#contests li#c6 {
	position: absolute;
	top: 436px;
	left: -463px;
	}



div.result {
	margin: 0 0 0px 0;
	padding: 29px 30px 30px 30px;
	}
	div.result div.capture {
		width: 440px;
		background: #fff;
		float: left;
		border: 1px solid #ccc;
		margin: 0 20px 5px 0;
		padding: 10px;
		}
		div.result div.capture img.image {
			border: 3px solid #ccc;
			margin: 0 0 0 0;
			}
		div.result div.capture:hover img.image {
			border: 3px solid #53b9e4;
			}

		div.result div.capture img.go {
			margin: 0;
			}



	div.result span.voice {
		margin: 0 5px 0 0;
		padding: 5px 5px 5px 24px;
		font-size: 12px;
		line-height: 26px;
		background: url(http://www.paperboy.co.jp/pepacon2009/result/images/comment.png) no-repeat 3px 5px;
		}
		div.result span.voice:hover {
			background: #333 url(http://www.paperboy.co.jp/pepacon2009/result/images/comment.png) no-repeat 3px 5px;
			color: #fff;
			}

div.result h2 {
	clear: both;
	width: 868px;
	height: 56px;
	background: url(http://www.paperboy.co.jp/pepacon2009/result/images/title.gif) no-repeat;
	margin-bottom: 20px;
	}

div#r4 h2 { background-position: 0 0; }
div#r5 h2 { background-position: 0 -56px; }
div#r1 h2 { background-position: 0 -112px; }
div#r2 h2 { background-position: 0 -168px; }
div#r3 h2 { background-position: 0 -224px; }

div#r6 h2 { background-position: 0 -280px; }
div#r7 h2 { background-position: 0 -336px; }


div.explain {
	text-align: center;
	margin-bottom: 20px;
	font-weight: bolder;
	}

div.result h3 {
	border-top: 1px solid #ccc;
	margin: 20px 0 10px 0;
	padding: 20px 0 0 0;
	font-size: 11px;
	font-weight: bolder;
	color: #ff3355;
	}
	span.count {
		font-size: 30px;
		font-family: 'Georgia';
		}

div.from {
	clear: both;
	border: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding: 20px;
	background: #fff;
	font-size: 13px;
	line-height: 20px;
	}
	div.from h3 {
		border-top: none;
		border-bottom: 1px solid #ccc;
		margin: 0 0 15px 0;
		padding: 0 0 5px 0;
		font-size: 11px;
		font-weight: bolder;
		color: #ff3355;
		}

.box {
	
	}
	.box h3.odai {
		font-size: 13px;
		}
	.box div.kaitou {
		
		}
		.box div.kaitou p.note {
			font-size: 16px;
			line-height: 22px;
			border: 3px solid #ccc;
			padding: 15px;
			background: #fff;
			}
		.box div.kaitou p.note span.name {
			font-size: 11px;
			margin: 0 10px;
			padding: 5px;
			background: #eee;
			white-space: nowrap;
			}
			
		.box div.kaitou p.comment {
			margin-left: 40px;
			font-size: 12px;
			color: #666;
			}


div.quiz_result {
	
	}
	div.quiz_result div.count {
		margin: 20px 0;
		text-align: center;
		}
		div.quiz_result div.count span {
			font-size: 30px;
			font-family: 'Georgia';
			}



	div.quiz_result div.answer {
		background: #eee;
		padding: 20px;
		}
		div.quiz_result div.answer h4 {
			font-size: 11px;
			color: #333;
			border-bottom: 1px solid #ccc;
			margin: 0 0 10px 0;
			padding: 0 0 5px 0;
			}
		div.quiz_result div.answer p {
			font-size: 14px;
			line-height: 24px;
			}





.to_top {
	float: right;
	cursor: pointer;
	}