/* CSS Document */

@import "common.css";
@import "navi.css";
@import "main2.css";

body {
	color: #444444;
	background: url(img/back.jpg) center repeat-y #ffffff; }

/* Wrap ======================================= */

#Wrap {
	width: 900px;
	margin: 0 auto;
	background-color: #ffffff; }

/* Header ======================================= */

#Header {
	margin-bottom: 2px;
	background-color: #ffffdd; }

#Header h1 {
	float: left; }

#Header p {
	float: right;
	padding: 30px 20px 0 0; }

#Header #LeftH {
	width: 150px;
	height: 50px;
	float: left; }

#Header #RightH {
	width: 750px;
	float: right; }



/* Footer ======================================= */

#Footer p {
	font-size: 92%;
	text-align: center;
	padding-bottom: 3px; }

#Footer p.BDR {
	padding-top: 5px;
	border-top: 2px solid #006600; }

#Footer img { border: 0; }

#ATop {
	border-top: 1px dotted #666666;
	text-align: right;
	font-size: 85%;
	padding: 5px 20px 0;
	margin: 5px 15px; }

/* Left Right ======================================= */

#Left {
	width: 150px;
	float: left; }

#Right {
	width: 750px;
	float: right; }

/* Right- Conts ======================================= */

#Conts {
	margin: 10px 15px 0; /* width: 720px; */
}

/* Right- TopImage ======================================= */

#TopImage1 {
	width: 740px;
	height: 250px;
	margin: 0 5px; }

#TopImage2 img {
	width: 740px;
	height: 250px;
	margin: 0 5px; }

#TopImage34 img {
	width: 740px;
	height: 250px;
	margin: 0 5px; }

/* Right- ContsL,ContsR ======================================= */

#ContsL {
	width:355px;
	float: left; }

#ContsR {
	width:355px;
	float: right; }

/* Right- H6 ======================================= */

#Conts H6 {
	font-size: 108%;
	font-weight: bold;
	padding: 5px 10px 3px;
	margin: 2px; }

#Conts H6 b {
	font-family: Arial Black;
	padding-left: 1em; }

#Conts H6 span a {
	float: right;
	font-size: 77%;
	font-weight: normal;
	padding-top: 5px; }


/* Right- ContsWrap ======================================= */

#Conts table.About th {
	white-space: nowrap;}

/* Right- ContsWrap ======================================= */

.ContsWrap {
	border: 1px solid #99ff99;
	margin-bottom: 10px; }

.ContsWrap dd table {
	width: 100%; }

.ContsWrap dd table th {
	text-align: left; }

.ContsWrap dd table th.w1 {
	width: 200px; }

.ContsWrap dd table th.w2 {
	width: 80px; }

.ContsWrap dd table th.w3 {
	width: 90px; }

.ContsWrap dd table td.Photo {
	width: 90px; }

.ContsWrap dd table th img {
	width: 80px; }

.ContsWrap dt h3, .ContsWrap dd h3 {
	font-weight: bold;
	padding: 4px 2px 0px; }

.ContsWrap dt h3.Progeny {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #e0e0e0;
	margin: 10px 0 5px;
	padding: 4px 10px 2px; }

.ContsWrap dt h3 span, .ContsWrap dd h3 span {
	color: #dd0000;
	font-size: 92%;
	font-weight: normal;
	margin-left: 2px;
	float: right;
}

.ContsWrap dt p {
	text-align: right;
	font-size: 85%;
	color: #CC0000;
	margin-top: 3px; }

.ContsWrap p.Date {
	text-align: right;
	font-size: 85%;
	color: #CC0000;
	margin-top: 3px; }

/* for IE6 */
* html body .ContsWrap dt p {
	font-size: 100%; }

/* for IE7 */
*+html body .ContsWrap dt p {
	font-size: 100%; }

.ContsWrap dd {
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #bbbbbb; }

.ContsWrap dd p strong {
	font-size: 108%;
	font-weight: bold; }

.ContsWrap dd table th, .ContsWrap dd table td {
	padding: 2px 5px; }

/* Right- Topics ======================================= */

.ContsWrap dd .PhotoWrap {
	width: 200px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left; }

.ContsWrap dd .PhotoWrap img {
	width: 150px; }

.ContsWrap dd .PhotoWrap p {
	margin: 2px 0 0;
	font-size: 92%; }


/* Right- Result ======================================= */

#Result p.Special, #Result p.G1, #Result p.G2, #Result p.G3, #Result p.G4 {
	font-size: 108%;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 3px 0 0 10px; }

#Result p.Special {
	color: #000000;
	background-color: #ffcc00; }

#Result p.G1 {
	color: #ffffff;
	background-color: #000099; }

#Result p.G2 {
	color: #ffffff;
	background-color: #A1050D; }

#Result p.G3 {
	color: #ffffff;
	background-color: #024606; }

#Result p.G4 {
	color: #000000;
	background-color: #99CC00; }

#Result table {
	width: 100%; }

#Result table th {
	width: 150px; }

#Result table td.Photo {
	width: 90px; }

#Result table td.Photo img {
	width: 80px; }


/* Right- List - Conts ======================================= */

#List table th {
	white-space: nowrap; }

#List table td.Photo {
	width: 90px; }

#List img {
	width: 85px; }


/* Right- Progeny - Conts ======================================= */

div#Progeny table.Photo {
	border-collapse: separate;
	border-spacing: 10px 0; }

div#Progeny table.Photo td {
	text-align: center; }

div#Progeny table.Photo td img {
	width: 220px; }

div#Progeny table.Photo td p { font-size: 93%; }

div#dtt { z-index: 0; }

/* mailform ======================================= */

table.mailform {
	width: 650px;
	border-collapse: separate;
	border-spacing: 10px 5px;
	margin: 5px 0; }

table.mailform th, table.mailform td {
	padding: 3px 10px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; }

table.mailform th {
	background-color: #eeeeee;
	text-align: right;
	white-space: nowrap; }

table.mailform td {
	text-align: left; }

table.mailform th span {
	font-size: 140%;
	color: #ff0000;
	padding: 0 3px; }

p.FormCaution {
	margin: 8px; }

p.FormCaution a {
	text-align: center;
	background-color: #ffccff;
	padding: 2px 50px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb; }

p.FormCaution a:hover  {
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd; }


/* Wanted ======================================= */

table.Wanted {
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
	margin: 5px 0; }

table.Wanted th, table.Wanted td {
	padding: 3px 10px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; }

table.Wanted th {
	white-space: nowrap;
	background-color: #eeeeee; }

/* PrevNext ======================================= */

#PrevNext table {
	font-size: 92%;
	width: 360px;
	margin: 5px auto 0; }

#PrevNext table td {
	width: 20%;
	padding: 3px 0;
	text-align: center; }


/* PrevNextGo ======================================= */

#PrevNextGo table {
	font-size: 92%;
	width: 420px;
	margin: 5px auto 0; }

#PrevNextGo table th {
	width: 28%;
	padding: 3px 0;
	text-align: center; }

#PrevNextGo table td {
	width: 18%;
	padding: 3px 0;
	text-align: center; }