@charset "utf-8";

#main #content #boxSubVisual.school {
  background:url("../img/bg_visual.jpg") no-repeat center center;
  background-size:cover;
}

#main #content #boxSubVisual h1 {
  right:70px;
  text-align:right;
}


#main #content #body h2 {
  padding:15px 0;
  font-size:28px;
  text-align:center;
}


#main #content #body section.listTopicsBox3 {
}
#main #content #body section.listTopicsBox3 ul {
}
#main #content #body section.listTopicsBox3 ul li {
  float:left;
  width:33%;
  list-style:none;
}
#main #content #body section.listTopicsBox3 ul li div {
/*
  position:relative;
*/
  margin:5px;
  width:auto;
  border:1px solid #ccc;
  box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
  cursor:pointer;
/*
  z-index:1;
*/
}
#main #content #body section.listTopicsBox3 ul li div:hover {
  box-shadow: 1px 1px 6px 1px rgba(192, 120, 0, 0.6);
}
#main #content #body section.listTopicsBox3 ul li div table {
  width:100%;
  font-size:16px;
  line-height:1.5em;
}
#main #content #body section.listTopicsBox3 ul li div table tr {
}
#main #content #body section.listTopicsBox3 ul li div table tr th {
  padding:9px 12px 12px;
  background:#e2dcb7;
  text-align:left;
}
#main #content #body section.listTopicsBox3 ul li div table tr td {
  padding:9px 12px 12px;
  background:#fff;
}
#main #content #body section.listTopicsBox3 ul li div table tr td p {
  height:160px;
  vertical-align:top;
  overflow:hidden;
}
#main #content #body section.listTopicsBox3 ul li div table tr td p.free {
  min-height:160px;
  height:auto;
  overflow:visible;
}
#main #content #body section.listTopicsBox3 ul li div table tr td p img {
  margin:6px 0;
  width:100%;
}
#main #content #body section.listTopicsBox3 ul li div.popup {
  position:absolute;
  z-index:3;
}


#main #content #body #boxLibray {
  padding:0 0 30px;
}
#main #content #body #boxLibray ul {
  padding:0 10px;
  font-size:18px;
  line-height:1.0em;
  border:1px solid #ccc;
  border-radius:6px;
}
#main #content #body #boxLibray ul li {
  float:left;
  padding:9px 3px 12px;
  list-style:none;
}
#main #content #body #boxLibray ul li a {
  display:block;
  padding:0;
  width:60px;
  text-align:center;
}




/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#main #content #boxSubVisual h1 {
  text-align:center;
}

#main #content #body section.listTopicsBox3 ul li {
  float:none;
  width:100%;
  list-style:none;
}



}