a:link {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
td {
	font-size: 12px;
}
.navigation {
	color: #FFFFFF;
}
a.navigation:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.navigation:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.navigation:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.leftNavigation {
	font-size: 12px;
}
a.leftNavigation:link {
	color: #000000;
	text-decoration: none;
}
a.leftNavigation:visited {
	color: #000000;
	text-decoration: none;
}
a.leftNavigation:hover {
	color: #FF0000;
	text-decoration: none;
}
.bg2 {
	background-repeat: repeat-x;
}
.leftItem{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	height: 25px;
	padding-top: 10px;
	padding-left: 20px;
    background-color:expression((this.rowIndex%2==0)?"#CCCCFF":"#CCCCFF");
    ryo:expression(
    onmouseover=function(){this.style.backgroundColor=(this.style.backgroundColor!='#0066FF'?'#0066FF':((this.rowIndex%2==0)?"":""))},
    onmouseout=function(){this.style.backgroundColor=(this.style.backgroundColor!=''?'':((this.rowIndex%2==0)?"":""))}) 
}
.x {
	position: relative;
}
.x2 {
	position: absolute;
	left: 400px;
}
.line-photo {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #e8e8e8 1px solid; BORDER-LEFT: #e8e8e8 1px solid; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 170px; BACKGROUND-COLOR: #009AD6
}
.boaderTopLeft {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	border-left-color: #D7D7D7;
}