/* --------- common area --------- */
* {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.bold {
  font-weight:bold;
}
header #logo {
  margin:20px;
}
header #logo img {
  width:125px;
}
nav {
  width:100%;
  height:40px;
  background-color:#8dac05;
  border-bottom:3px solid #cccccc;
  margin-bottom:0px;
}
nav ul li {
  float:left;
}
nav ul li a {
  display:block;
  height:40px;
  width:125px;
  text-align:center;
  text-decoration:none;
  line-height:35px;
  color:#ffffff;
  font-size:13px;
  background-color:#8dac05;
  border-right:1px dotted #ffffff;
  border-bottom:3px solid #cccccc;
}
nav ul li a:hover {
  background-color:#748e04;
  border-bottom:3px solid #666666;
}
#key-visual {
  width:100%;
  height:150px;
  background-color:#ecf4c9;
  background-image:url(/seminar/img/bg.png);
  background-position-x:center;
  background-size:cover;
}
#seminar-block {
  width:800px;
  margin-top:25px;
  margin-left:auto;
  margin-right:auto;
}
#seminar-block > li {
  border:1px solid #eeeeee;
}
#seminar-block > li > h2 {
  font-size:15px;
  margin:10px;
  color:#666666;
  background-color:#e6e8e0;
  padding:10px 10px 10px 15px;
  border-left:5px solid #748e04;
  font-weight:bold;
}
#seminar-block .container .image {
  float:left;
  width:200px;
  margin-left:10px;
  margin-right:10px;
  font-size:13px;
}
#seminar-block .container .image img {
  width:200px;
}
#seminar-block .container .description {
  float:left;
  width:500px;
  font-size:13px;
}
#seminar-block .show-detail a {
  width:780px;
  margin-left:auto;
  margin-right:auto;
  background-color:#ffb000;
  color:#ffffff;
  display:block;
  text-align:center;
  padding:10px;
  border:1px solid #dd9902;
  margin-top:10px;
  margin-bottom:10px;
  text-decoration:none;
}
#seminar-block .show-detail a:hover {
  background-color:#c28806;
}
#seminar-wrapper {
  width:800px;
  margin-left:auto;
  margin-right:auto;
}
#seminar-key-visual {
  margin-top:10px;
}
#seminar-key-visual img {
  width:100%;
}
#seminar-content {
  margin-top:15px;
  margin-bottom:15px;
  font-size:15px;
  line-height:25px;
}
#seminar-wrapper h1 {
  margin-top:15px;
  margin-bottom:15px;
  font-size:24px;
  border-left:5px solid #ecf4c9;
  border-bottom:1px solid #ecf4c9;
  padding-left:10px;
  color:#333333;
}
#seminar-wrapper h2 {
  margin-top:15px;
  margin-bottom:15px;
  font-size:20px;
  border-left:5px solid #ecf4c9;
  border-bottom:1px solid #ecf4c9;
  padding-left:10px;
  color:#333333;
}
#seminar-wrapper .seminar-info {
  margin-left:10px;
}
#seminar-wrapper .seminar-info dt {
  font-weight:bold;
  font-size:15px;
  margin-bottom:10px;
  display:inline-block;
  background-color:#7e9a00;
  color:#ffffff;
  padding:3px 10px 3px 10px;
  border-radius:3px;
}
#seminar-wrapper .seminar-info dd {
  color:#666666;
  font-size:15px;
  margin-bottom:10px;
  padding-left:10px;
}
#seminar-wrapper .seminar-speaker .photo img {
  max-width:30%;
  max-width:300px;
}
#seminar-wrapper .seminar-speaker .profile {
  color:#666666;
  font-size:13px;
  margin-top:10px;
}
#seminar-wrapper .seminar-images {
  width:800px;
}
#seminar-wrapper .seminar-images ul li {
  width:260px;
  margin-right:10px;
  float:left;
  height:250px;
}
#seminar-wrapper .seminar-images ul li:nth-child(3n) {
  margin-right:0px;
}
#seminar-wrapper .seminar-images ul li .photo {
  width:100%;
  height:200px;
  overflow:hidden;
}
#seminar-wrapper .seminar-images ul li .photo img {
  width:100%;
}
#seminar-wrapper .seminar-images ul li .info {
  margin-top:5px;
  font-size:13px;
}
.order-form {
  margin-left:10px;
}
.order-form dt {
  font-size:14px;
  color:#666666;
  margin-bottom:5px;
}
.order-form dd {
  font-size:14px;
  color:#666666;
  margin-bottom:5px;
}
.order-form dt .need {
  padding:1px 5px 1px 5px;
  display:inline-block;
  background-color:#7e9a00;
  color:#ffffff;
  font-size:10px;
  border-radius:3px;
  margin-left:10px;
}
.order-complete {
  font-size:13px;
  margin-top: 15px;
  margin-bottom: 15px;
}
input[type=text],
input[type=email] {
  padding:5px;
  font-size:14px;
  color:#666666;
}
button[type=submit] {
  margin-top:10px;
  padding:10px 5px 10px 5px;
  font-size:20px;
  font-weight:bold;
  background-color:#ffb000;
  color:#ffffff;
  border:1px solid #dd9902;
  width:100%;
}
footer {
  margin-top:25px;
  height:100px;
  background-color:#eeeeee;
}
footer #copyright {
  text-align:center;
  font-size:12px;
  color:#999999;
  padding:10px;
}
#home .widetext {
  font-size:13px;
  width:800px;
  margin-top:25px;
  margin-left:auto;
  margin-right:auto;
}