﻿/* profile.html */

/* profile */

div.profile {
	width: 100%;
	margin: 0 0 20px 0;
	background: url('../images/profileMiddle.jpg') left top repeat-y;
}

div.profile div.tContents {
	width: auto;
	background: url('../images/profileTop.jpg') left top no-repeat;
}

div.profile div.tContents h3 {
	height: 50px;
}

div.profile div.tContents h3 span {
	display: none;

}

div.profile div.tContents p {
	width: auto;
	font-size: 12px;
	padding: 400px 20px 15px 20px;
	background:  url('../images/topicBottom.gif') right bottom no-repeat;
}

/* news */

div.biography {
	width: 100%;
	margin: 0 0 20px 0;
	background: url('../images/topicMiddle.jpg') left top repeat-y;
}

div.biography div.tContents {
	width: auto;
	background: url('../images/biographyTop.jpg') left top no-repeat;
}

div.biography div.tContents h3 {
	height: 50px;
}

div.biography div.tContents h3 span {
	display: none;

}

div.biography div.tContents div.biotable {
	padding: 30px 0 10px 0;
	background: url('../images/topicBottom.gif') right bottom no-repeat;
}

div.biography div.tContents table {
	width: 550px;
	margin: 0 auto; 
}
div.biography div.tContents table caption{}

div.biography div.tContents table th {
	width: 60px;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	vertical-align: top;
}

div.biography div.tContents table td{
	width: auto;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
}

td.matome {
	text-align: center;
	color: yellow;
}

div.biography div.tContents div.biotable h3 {
	width: 589px;
	height: 36px;
}

div.biography div.tContents div.biotable h3 span {
	display: none;
}
div.biography div.tContents div.biotable h3.y1999{
	background: url('../images/1999y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2000{
	background: url('../images/2000y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2001{
	background: url('../images/2001y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2002{
	background: url('../images/2002y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2003{
	background: url('../images/2003y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2004{
	background: url('../images/2004y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2005{
	background: url('../images/2005y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2006{
	background: url('../images/2006y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2007{
	background: url('../images/2007y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2008{
	background: url('../images/2008y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2009{
	background: url('../images/2009y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2010{
	background: url('../images/2010y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2011{
	background: url('../images/2011y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2012{
	background: url('../images/2012y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2013{
	background: url('../images/2013y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2014{
	background: url('../images/2014y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2015{
	background: url('../images/2015y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2016{
	background: url('../images/2016y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2017{
	background: url('../images/2017y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2018{
	background: url('../images/2018y.jpg') left top no-repeat;
}
div.biography div.tContents div.biotable h3.y2019{
	background: url('../images/2019y.jpg') left top no-repeat;
}

/* banner */
div.banner {
	width: auto;
	height: 146px;
	background: #ffffff url('../images/bannerArea.jpg') left top no-repeat;
}

div.banner ul {
	list-style: none;
	position: relative;
}

div.banner ul li {
	width: 234px;
	height: 60px;
}

div.banner ul li img {
	width: 234px;
	height: 60px;
	border-style: none;
}

div.banner ul li.li1 {
	position: absolute;
	top: 10px;
	left: 40px;
}

div.banner ul li.li2 {
	position: absolute;
	top: 10px;
	left: 300px;
}

div.banner ul li.li3 {
	position: absolute;
	top: 75px;
	left: 40px;
}

div.banner ul li.li4 {
	position: absolute;
	top: 75x;
	left: 300px;
}