@charset "Shift_JIS";

		* {
			margin: 0px;
			padding: 0px;
		}

		body {
			font-size: 80%;
			font-family: Helvetica,Arial,Meiryo,"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,"‚l‚r ‚oƒSƒVƒbƒN";
			line-height: 1.6;
			color: #333;
			background: url(topb.jpg) repeat-x 0% 0%;
			padding: 15px;
			margin: 0px auto;
			text-align: center;
			}
		
		input,select,textarea,option,table,th,td {
			font-size: 12px;
			font-family: Helvetica,Arial,Meiryo,"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,"‚l‚r ‚oƒSƒVƒbƒN";
			line-height: 1.6;
			color: #252525;
			}

		a {
			color: #0066ff;
		}

		a:hover {
			color: #0099ff;
		}

		#contents {
			width: 950px;
			margin: 0px auto;
			padding-bottom: 30px;
		}

/* headline */

		h1 {
			margin: 120px 0px 30px;
			font-size: 125%;
			font-weight: normal;
		}
		
		h1 span {
			font-weight: bold;
			display: block;
		}
		
		h2 {
			font-size: 100%;
			margin-bottom: 1.5em;
			padding: 5px;
			background: #f8f8f8;
		}

		.miscon h2 {
			background: #f99;
		}
		
		.mister h2 {
			background: #99f;
		}
		
		h3,
		.enquete dl dt {
			font-size: 110%;
			text-align: left;
			margin-bottom: 1em;
			padding-left: 5px;
			border-left: 8px solid #9f9;
		}

		.miscon h3 {
			border-left: 8px solid #f99;
		}

		.mister h3 {
			border-left: 8px solid #99f;
		}

		h4 {
			font-size: 110%;
			text-align: left;
			margin-bottom: 1.5em;
			padding: 5px;
			background: #f8f8f8;
		}

		input,select,textarea {
			padding: 2px;
			display: block;
		}
			
		p {
			font-size: 80%;
			text-align: center;
		}	

		#contents p {
			font-size: 100%;
			text-align: left;
			margin-bottom: 1.5em;
		}
		
		#contents .info p {
			margin-bottom: 10px;
		}
		
		#contents .info p.henly {
			color: #660033;
		}

		#contents .info p.winly {
			color: #660033;
		}

		#contents p.closed {
			color: #cc0000;
			font-weight: bold;
		}

		#contents .submit p {
			text-align: center;
		}

		#contents p.attention,
		.enquete dd span {
			font-size: 85%;
			color: #666;
			padding-top: 5px;
			margin-bottom: 1.5em;
		}
		
		#contents p.back {
			text-align: right;
		}

		.enquete dl {
			text-align: left;
		}

		.enquete dl dd {
			margin-bottom: 1.5em;
		}

		.enquete dl dd dl {
			margin-left: 1.5em;
		}
		
		.enquete dl dd dl dt {
			border: none;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.enquete dl dd dl dd {
			margin-bottom: 15px;
			margin-left: 1.5em;
		}

		#contents .info ul {
			text-align: left;
			font-size: 110%;
			font-weight: bold;
			list-style: none;
			margin-bottom: 20px;
			border-bottom: dashed 1px #ccc;
			border-top: dashed 1px #ccc;
			padding: 10px 0px;
		}

		.submit input {
			margin: 0px auto 20px;
			padding: 5px 10px;
			font-size: 110%;
			font-weight: bold;
			display: block;
			text-align: center;
			background: #cfc;
			border: solid 1px #6f6;
		}

		.miscon .submit input {
			background: #fcc;
			border: solid 1px #f66;
		}

		.mister .submit input {
			background: #ccf;
			border: solid 1px #66f;
		}

/* table */

		table,tr,th,td {
			font-size: 100%;
			vertical-align: top;
		}
		
		table {
			width: 950px;
			margin: 0px auto 1.5em;
			border-collapse: collapse;
		}
		
		th {
			font-size: 14px;
			padding: 10px 0px;
		}

		.miscon th {
			background: #fff0f0;
			border: solid 1px #fcc;
		}
		
		.mister th {
			background: #f0f0ff;
			border: solid 1px #ccf;
		}
		
		th span {
			display: block;
			font-size: 12px;
			font-weight: normal;
			color: #666;
		}
		
		th a {
			color: #333;
			text-decoration: none;
			vertical-align: baseline;
		}
		
		th a:hover {
			text-decoration: underline;
		}
		
		th img {
			display: block;
			margin: 0px auto 15px;
		}
		
		td {
			padding: 10px 10px 20px;
			background: #fff;
			text-align: left;
		}

		.miscon td {
			border: solid 1px #fcc;
		}
		
		.mister td {
			border: solid 1px #ccf;
		}

	.battle table th {
		text-align: left;
		font-weight: bold;
		border-bottom: solid 1px #ccc;
		margin-bottom: 10px;
	}
	
	.battle table td {
		padding-bottom: 1.5em;
	}

	.battle table td p {
		margin-bottom: 10px;
	}
	
	.battle table td strong {
		display: block;
		padding: 5px;
		margin-bottom: 10px;
	}
	
	.battle table td.male strong {
		background: #eef;
	}

	.battle table td.female strong {
		background: #fee;
	}

	.battle table td strong a {
		text-decoration: none;
		color: #666;
	}

	.battle table td strong a:hover {
		text-decoration: underline;
	}

	.battle ul.attention {
		color: #c00;
		font-size: 90%;
		text-align: left;
		margin: 0px 1.5em 15px;
	}
	
	.battle ul.attention ul {
		margin-left: 1.5em;
	}
	.battle ol {
		text-align: left;
		font-size: 130%;
		font-weight: bold;
		margin-bottom: 15px;
		list-style: none;
	}
	
	.battle ol li.rank01 {
    	background: url("./rank_01.gif") no-repeat scroll 0 50% transparent;
    	padding: 14px 50px;
	}
	
	.battle ol li.rank02 {
    	background: url("./rank_02.gif") no-repeat scroll 0 50% transparent;
    	padding: 14px 50px;
	}

	.battle ol li.rank03 {
    	background: url("./rank_03.gif") no-repeat scroll 0 50% transparent;
    	padding: 14px 50px;
	}

/* ranking */

	#contents .ranking {
		width: 610px;
		margin: 0px auto 20px;
	}

	#contents .ranking h3.rank01 {
		font-size: 130%;
    	background: url("./rank_01.gif") no-repeat scroll 0 50% transparent;
    	border: medium none;
    	padding: 14px 50px;
	}

	#contents .ranking h3.rank02 {
		font-size: 130%;
    	background: url("./rank_02.gif") no-repeat scroll 0 50% transparent;
 	  	border: medium none;
    	padding: 14px 50px;
	}

	#contents .ranking h3.rank03 {
		font-size: 130%;
    	background: url("./rank_03.gif") no-repeat scroll 0 50% transparent;
 	  	border: medium none;
    	padding: 14px 50px;
	}

	#contents .ranking .center {
		text-align: left;
	}

	#contents .ranking .center .left {
		width: 300px;
		float: left;
	}

	#contents .ranking .center .right {
		width: 300px;
		float: right;
	}

	#contents .ranking .center img {
		text-align: center;
		margin: 0px auto 10px;
		display: block;
	}

	.miscon .ranking .center ul {
			font-size: 90%;
			color: #660000;
			padding: 10px 10px 10px 20px;
			background: #fffcfc;
	}

	.mister .ranking .center ul {
			font-size: 90%;
			color: #000066;
			padding: 10px 10px 10px 20px;
			background: #fcfcff;
	}

	#contents .ranking p.entrycomment {
		color: #666666;
    	font-size: 90%;
    	margin: 0 auto 10px;
    	text-align: center;
	}
	
	#contents td.entrycomment {
		color: #666;
		font-size: 90%
	}
	
	.miscon td dl {
		background: #fffcfc;
		color: #660000;
		padding: 10px;
		margin: 5px;
	}

	.mister td dl {
		background: #fcfcff;
		color: #000066;
		padding: 10px;
		margin: 5px;
	}