@charset "UTF-8";
*{
  font-size : 1em;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
#header{
  border-width : 1px;
  border-style : solid;
  border-color : silver;
  width : 998px;
  height : 690px;
  background-image : url(j-image/junia20140426-02.png);
  background-repeat : no-repeat;
  background-position : center center;
}
.hd-read{
  visibility : hidden;
}
.top-read{
  font-size : 0.9em;
  text-align : center;
}
#wrapper{
  background-color : white;
  width : 1000px;
  margin-top : auto;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
}
#contents{
  width : 1000px;
  float : left;
}
#course1{
  width : 314px;
  height : 500px;
  position : relative;
  top : 10px;
  left : 10px;
  float : left;
  border-width : 3px;
  border-style : dotted;
  border-color : rgb(0, 219, 219);
  background-color : rgb(200, 255, 255);
  margin-bottom : 15px;
}
#course2{
  width : 314px;
  height : 500px;
  position : relative;
  top : 10px;
  left : 20px;
  float : left;
  border-width : 3px;
  border-style : dotted;
  border-color : orange;
  background-color : rgb(255, 213, 170);
  margin-bottom : 15px;
}
#course3{
  width : 314px;
  height : 500px;
  float : left;
  position : relative;
  left : 30px;
  top : 10px;
  border-width : 3px;
  border-style : dotted;
  border-color : lime;
  background-color : rgb(185, 255, 185);
  margin-bottom : 15px;
}
#footer{
  clear : both;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : silver;
}
#course1 h2{
  background-color : rgb(15, 165, 255);
  width : 315px;
  height : 30px;
  line-height : 30px;
  vertical-align : middle;
  text-align : center;
  border-width : 0px 0px 1px;
  border-style : solid;
  border-bottom-color : rgb(0, 225, 225);
  color : white;
}
#course2 h2{
  background-color : rgb(255, 133, 11);
  width : 315px;
  height : 30px;
  line-height : 30px;
  vertical-align : middle;
  text-align : center;
  border-width : 0px 0px 1px;
  border-style : solid;
  border-bottom-color : rgb(232, 116, 0);
  color : white;
}
#course3 h2{
  background-color : rgb(105, 220, 12);
  width : 315px;
  height : 30px;
  line-height : 30px;
  vertical-align : middle;
  text-align : center;
  border-width : 0px 0px 1px;
  border-style : solid;
  border-bottom-color : green;
  color : white;
}
.course-img{
  margin-top : 5px;
  margin-left : 30px;
  margin-right : auto;
  margin-bottom : 5px;
  position : relative;
}
.course-setumei{
  font-size : 0.9em;
  line-height : 1.5;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  border-width : 1px;
  border-style : solid;
  border-color : silver;
  background-color : white;
}
.toiawase{
  clear : both;
  margin-bottom : 5px;
  text-align : center;
}
#footer ul{
  text-align : center;
  list-style-type : none;
  margin-left : auto;
  margin-right : auto;
  width : 608px;
}
#footer ul li{
  padding-left : 10px;
  padding-right : 10px;
  float : left;
  width : 130px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : silver;
  border-right-color : silver;
}
#footer ul li a{
  display : block;
  text-decoration : none;
  font-size : 0.9em;
}
.copyright{
  font-size : 0.7em;
  clear : both;
  text-align : center;
  margin-top : 40px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
  font-family : sans-serif;
}
.kaigyo{
  clear : both;
  font-size : 1.2em;
  text-align : center;
  margin-top : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
}