body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
}
#container {
margin-right: auto; margin-left: auto;
width: 1024px;
height:640px;
}

#rad1 {
width: 212px;
height:620px;
float: left;
}

#rad2 {
width: 600px;
height:620px;
float: left;
}

#rad3 {
width: 212px;
height:620px;
float: left;
}
#inforuta {
color: #000000;
background-color:#FFFFFF;
width:580px;
height:400px;
}
.text{
margin-left:20px;
}

#in_rad1_1{
width: 210px;
height:164px;
}
#in_rad1_2{
width: 210px;
height:310px;
}
#in_rad1_3{
width: 210px;
height:137px;
}
#in_rad3_1{
width: 210px;
height:474px;
}
#in_rad3_2{
width: 210px;
height:137px;
}

a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
}

a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
}
a.mail:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
}

a.mail:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
}

a.mail:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
}

a.main.:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
}
a.main:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}

a.main:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
}

a.main:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #000000;
}