body {
  width: 683px;
  margin-left: 25px;
  margin-top: 10px;
  margin-right: 50px;
  margin-bottom: 10px;
  background-color: #E0E0E0;
  font-family: "Times New Roman", Times, serif;
}

.main{
  background-repeat : no-repeat;
  background-position : 0% 100%;
  background-color: #FDF0F0;
}

.strip{
  width: 683px;
  height: 20px;
  background-color: #0000FF;
}

.strip img{
  width: 5px;
  height: 0px;
  height: 0:
}


#home {
  display: inline-block;
  width: 123px;
  height: 28px;
  background-image: url(./navi/home.png);
  background-repeat: no-repeat;
  background-color: #FDF0F0;
}

#about {
  display: inline-block;
  width: 123px;
  height: 28px;
  background-image: url(./navi/about.png);
  background-repeat: no-repeat;
  background-color: #FDF0F0;
}

#regist {
  display: inline-block;
  width: 123px;
  height: 28px;
  background-image: url(./navi/regist.png);
  background-repeat: no-repeat;
  background-color: #FDF0F0;
}

#venue {
  display: inline-block;
  width: 123px;
  height: 28px;
  background-image: url(./navi/venue.png);
  background-repeat: no-repeat;
  background-color: #FDF0F0;
}

#home:hover {
  display: inline-block;
  width: 123px;
  height: 28px;
  background-repeat: no-repeat;
  background-color: #FDF000;
}

#about:hover {
  display: inline-block;
  width: 123px;
  height: 28px;
  background-repeat: no-repeat;
  background-color: #FDF000;
}

#regist:hover {
  display: inline-block;
  width: 123px;
  height: 28px;
  background-repeat: no-repeat;
  background-color: #FDF000;
}

#venue:hover {
  display: inline-block;
  width: 123px;
  height: 28px;
  background-repeat: no-repeat;
  background-color: #FDF000;
}


.title{
  text-align: center;
  margin-top: 2em;
}

.bgPicture{
  background-repeat : no-repeat;
  background-position : 0% 100%;
  background-color: #FDF0F0;
}

.content{
  width: 630px;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.contentLeft{
  width: 300px;
  float: left;
  margin-top: 30px;
  margin-left: 25px;
}

.contentLeft p{
  margin-bottom: 1em;
}

.contentRight{
  width: 300px;
  float: right;
  margin-top: 30px;
  margin-left: 25px; 
  margin-right: 25px;
}

.back{
  width: 683px;
  margin-top: 2em;
  margin-bottom: 1em;
  text-align: center;
  font-size: x-large;
  font-weight: bold;
}

.link{
  width: 683px;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: x-large;
  font-weight: bold;
}

.link p{
  margin-top: 0em;
  margin-bottom: 0em;
}

.footer{
  width: 653px;
  padding-right: 0px;
  background-color: #0000FF;
  text-align: right;
  font-size: large;
  color: gold;
}

.footer img{
  float: right;
  padding-right: 0px;
  vertical-align: bottom;
}

.footer p{
  float: right;
  padding-right: 1em;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.contentlist{
  margin-left: 100px; 
  list-style-image:url(http://www.biken.osaka-u.ac.jp/rcc/pictures/0026_boatshowbullet.png);
}

.programlist{
  border-spacing: 0px 15px;
}

.programlist td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.8em;
}

.blue1{
  padding-left: 10px;
  background-color: #A0A0F0;
}

.blue2{
  padding-left: 10px;
  background-color: #C0C0F0;
}

.orange{
  padding-left: 10px;
  background-color: #F0C850;
}

A { text-decoration: none;
  color: blue;
}
A:visited{
  text-decoration: none;
  color: #D50A62;
}
A:hover {
  color: red;
  text-decoration: underline;
}