div#breadcrumb_list{
  font-size: 0.9em;
  margin-bottom: 4em;
}

a#big_button,
div#big_button_close,
a.big_button{
  display: block;
    border-radius: 5em;
    background-color: #fff;
    text-align: center;
    color: #009378;
    text-decoration: none;
    margin-top: 1em;
    padding: 1.5em 0.5em;
    font-size: 1.4em;
    font-weight: bold;
    border: 5px solid #009378;
    transition: 0.3s all;
    line-height: 1.2;
    position: relative;
}
a#big_button:hover,
a.big_button:hover{
  background-color: #ea5550;
  color: #fff !important;
}
div#big_button_close{
  opacity: 0.7
}
div#big_button_close span{
  font-size: 0.9em;
  color: red;
}

div#footer #big_button img.deg{
  position: absolute;
  width: 11%;
  display: block;
  top: -2em;
  left: 0;
  transform: rotate(-15deg);
  box-shadow: 10px 5px 5px #bbb;
}


#smoll_button{
  display: block;
  border-radius: 5em;
  background-color: #fff;
  text-align: center;
  color: #009378;
  text-decoration: none;
  margin-top: 1em;
  padding: 0.3em 0em;
  font-size: 1.2em;
  font-weight: bold;
  border: 2px solid #009378;
  transition: 0.3s all;
  line-height: 1.2;
}
a#smoll_button:hover{
  background-color: #ea5550;
  color: #fff !important;
}


div#end_header{
  background-color: #FAD719;
  color: #ea5550;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  padding: 1em 0em;
}

div#end_header a#archive_link{
  display: block;
  margin: 1em auto;
  width: 70%;
  border-radius: 5em;
  background-color: #fff;
  text-align: center;
  color: #ea5550;
  text-decoration: none;
  padding: 1.5em 0em;
  font-size: 1.4em;
  font-weight: bold;
  border: 5px solid #ea5550;
  transition: 0.3s all;
  line-height: 1.2;
}
div#end_header a#archive_link:hover{
  background-color: #ea5550;
  color: #fff !important;
}

div#limited_contents{
  margin-top: 2em;
  padding-top: 1em;
}


div#limited_contents ul{
  margin: 1em auto;
  width: 100%;
  font-size: 1.1em;
  text-align: center;
  list-style-type: none;
  font-weight: bold;
}
div#limited_contents ul a{
  color: #ea5550;
}
div#limited_contents ul a:hover{
  text-decoration: none;
}

.red_button{
  display: block;
  margin: 1em auto;
  width: 70%;
  border-radius: 5em;
  background-color: #fff;
  text-align: center;
  color: #ea5550;
  text-decoration: none;
  padding: 0.8em 0em;
  font-size: 2em;
  font-weight: bold;
  border: 5px solid #ea5550;
  transition: 0.3s all;
  line-height: 1.2;
}
.red_button span{
  font-size: 0.8em;
  display: inline-block;
  margin-left: 1em;
}
.red_button:hover{
  background-color: #ea5550;
  color: #fff !important;
}

.gray_button{
  display: block;
  margin: 1em auto;
  width: 70%;
  border-radius: 5em;
  background-color: #fff;
  text-align: center;
  color: #999;
  text-decoration: none;
  padding: 0.8em 0em;
  font-size: 1.4em;
  font-weight: bold;
  border: 5px solid #bbb;
  transition: 0.3s all;
  line-height: 1.2;
}


.caption{
  font-size: 0.8em;
  line-height: 1.3;
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
}

.initial{
  display: block;
  color: #ea5550;
  font-size: 1.4em;
  font-weight: bold;
}

.annotation{
  margin-top: 0.5em;
  font-size: 0.9em;
  line-height: 1.3;
}

div.box{
  width: 100%;
  margin: 2em auto 2em;
  padding: 5em 0px 5em;
}

div.box div.box_content{
  min-width: 924px;
  max-width: 1200px;
  width: 92%;
  margin: 0em auto;
  text-align: left;
}

div.box div.box_intoroduction{
  margin-top: 2em;
  line-height: 1.7;
}
div.box div.box_intoroduction h5{
  background-color: #009378;
  color: #fff;
  font-size: 1.2em;
  padding: 0.6em 1em 0.4em;
  line-height: 1;
  margin-bottom: 1em;
}


div.box div.box_intoroduction div.intoro_a{ width: 35%; margin-right: 2%; }
div.box div.box_intoroduction div.intoro_b{ width: 35%; margin-right: 2%; }
div.box div.box_intoroduction div.intoro_c{ width: 26%; }
div.box div.box_intoroduction div.intoro_ab{ width: 72%; margin-right: 2%;}
div.box div.box_intoroduction div.intoro_bc{ width: 63%; }
div.box div.box_intoroduction div.intoro_abc{ width: 100%; margin-bottom: 2em;}
div.box div.box_intoroduction div.intoro_half{ width: 48%; }
div.box div.box_intoroduction div.intoro_d{ width: 26%; margin-right: 2%; }
div.box div.box_intoroduction div.intoro_e{ width: 35%; margin-right: 2%; }
div.box div.box_intoroduction div.intoro_f{ width: 35%; }
div.box div.box_intoroduction div.intoro_ef{ width: 72%; }
div.box div.box_intoroduction img{ width: 100%; }
div.box div.box_intoroduction a img:hover{ opacity: 0.6; }
div.deep div.box_intoroduction{ color: #fff; }
div.box div.box_intoroduction div.intoro_a,
div.box div.box_intoroduction div.intoro_b{
  /*text-indent: 1em;*/
}

div.box div.box_intoroduction ul li{
  margin-left: 1.5em;
}

div.box div.box_intoroduction div.album{
  margin-top: 2em;
  width: 100%;
}
div.box div.box_intoroduction div.album a{
  width: 32%;
  margin-right: 1%;
  display: block;
}
div.box div.box_intoroduction div.album a img{
  width: 100%;
}

div.box div.box_intoroduction div.album_half{
  margin: 2em auto 0em;
  width: 65%;
}
div.box div.box_intoroduction div.album_half a{
  width: 49%;
  margin-right: 1%;
  display: block;
}
div.box div.box_intoroduction div.album .caption,
div.box div.box_intoroduction div.album_half .caption{
  margin: 0em 0em 1em;
  text-align: center;
  font-size: 0.9em;
}


div.box div.caption{
  font-size: 0.8em;
  text-align: center;
  line-height: 1.5;
}

div.box div.box_intoroduction h6{
  width: 90%;
  font-size: 1.1em;
  color: #009378;
  background-color: #CEF2EB;
  padding: 0.3em 5% 0.1em;
  margin-bottom: 1em;
}

div.box table.kikanshi_table{
  border-collapse: collapse;
  border: 0px solid #fff;
  border-top: 1px solid #000;
}
div.box table.kikanshi_table th,
div.box table.kikanshi_table td{
  border-bottom: 1px solid #000;
  padding: 1em;
}
div.box table.kikanshi_table th{
  border-right: 1px solid #000;
}

div.box div.inbox{
  margin-bottom: 3em;
}

div.box div.boxtolink{
  margin-top: 1.5em;
}
div.box div.boxtolink div.boxtolink_content a,
div.box div.boxtolink div.boxtolink_content div{
  background-color: #009378;
  color: #fff;
  text-decoration: none;
  padding: 0.2em 2.5em 0.1em;
  border-radius: 1em;
  margin-right: 0.8em;
  margin-bottom: 1em;
  right: 0;
}
div.box div.boxtolink div.boxtolink_content a img,
div.box div.boxtolink div.boxtolink_content div img{
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  margin-right: 0.3em;
}
div.box div.boxtolink div.boxtolink_content a:hover{
  background-color: #ea5550;
  color: #fff !important;
}
div.box div.boxtolink div.boxtolink_content .ready{
  background-color: #666;
  cursor: default;
}
div.box div.boxtolink div.boxtolink_content .ready span{
  color: yellow;
  font-size: 0.8em;
}


div.box div.page_link{
  margin-bottom: 4em;
}
div.box div.page_link h4{
  color: #666;
  font-size: 1.2em;
}
div.box div.page_link div.right{

}
div.box div.page_link div.right a{
  display: block;
  text-decoration: none;
  line-height: 1;
  margin-bottom: 0.5em;
  text-align: left;
}
div.box div.page_link div.right a img{
  display: inline-block;
  width: 0.9em;
  margin-right: 0.5em;
}

div.box div.page_link_child{
  text-align: center;
  margin-bottom: 4em;
  color: #009378;
  font-size: 1.1em;
}
div.box div.page_link_child a img{
  display: inline-block;
  width: 0.9em;
  margin-right: 0.5em;
}
div.box div.page_link_child a{ color: #009378; text-decoration: none;}
div.box div.page_link_child a:hover{  }
div.box div.page_link_child span{ padding: 0em 1.5em; }
div.box div.page_link_child span.short{ padding: 0em 1em; }





div.service_box{
  width: 86%;
  padding: 1em 7%;
  background-color: #CEF2EB;
  box-shadow: 5px 5px 12px rgba(0,0,0,0.4);
  position: relative;
  margin-bottom: 3em;
}

span.service_box_accent{
  display: block;
  width: 40%;
  margin: 0% auto;
  background-color: #FAD719;
  color: #005C42;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0.4em 1em 0.2em;
  line-height: 1;
  border-radius: 1em;
  position: relative;
  top: -1.8em;
  text-align: center;
}

div.service_box h3{
  margin-top: 1em;
  line-height: 1.3;
}

div.service_box h6{
  font-size: 1.1em;
  text-align: center;
  color: #005C42;
}

div.service_box div.service_box_content{
  text-indent: 1em;
}

div.service_box table th,
div.service_box table td{
  vertical-align: top;
  font-weight: normal;
  line-height: 1.3;
  font-size: 1em;
  padding-bottom: 0.3em;
}
div.service_box table th{
  padding-right: 1em;
}




table.program{
  margin-bottom: 2em;
  width: 100%;
}

table.program th,
table.program td{
  font-size: 1em;
  vertical-align: top;
  font-weight: normal;
}

table.program th{ width: 10%; }
table.program td{ width: 87%; padding-left: 3%; padding-top: 0.3em;}

table.short_program_title th{ width: 5%; }
table.short_program_title td{ width: 93%; padding-left: 3%; padding-top: 0.3em;}

table.program tr.program_title th{ width: 100%; }

table.program tr.program_title h4{
  background-color: #009378;
  color: #fff !important;
  font-size: 1.1em;
  border-radius: 1em;
  width: 100%;
  padding: 0.3em 0em 0.1em;
  text-align: center;
  margin-bottom: 1em;
}

table.program td ul{ list-style-type: none; }
table.program td ul li{ line-height: 1.2; }
table.program td ul li.b{ margin-top: 0.8em; margin-bottom: 0.3em;}
table.program td ul li.b span{
  font-size: 0.8em;
  display: block;
  line-height: 1.2;
  margin-bottom: 0.2em;
  color: #005C42;
}
table.program td ul li.n{ margin-bottom: 0.5em; font-weight: bold;}




.program_teacher{ margin-bottom: 2em; }

.program_teacher .pt_title{
  background-color: #FAD719;
  color: #005C42;
  padding: 0.3em 1em 0.1em;
  width: 6em;
  text-align: center;
  font-weight: bold;
}

.program_teacher h4{
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  margin-top: 0.5em;
}

.program_teacher .pt_content{
  margin-top: 1em;
}

.program_teacher .pt_content img.left{
  width: 30%;
}
.program_teacher .pt_content div.right{
  width: 65%;
  font-weight: 0.9em;
  line-height: 1.4;
}

.program_teacher .profile{
  margin-top: 1.5em;
}
.program_teacher .profile .affiliation{
  display: block;
  font-size: 0.85em;
  line-height: 1.5;
}
.program_teacher .profile h5{
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0em;
}
.program_teacher .profile h5 span{
  font-size: 0.6em;
  display: inline-block;
  margin-left: 0.5em;
}
.program_teacher .profile .introduction{
  display: block;
  margin-top: 0em;
  font-size: 0.9em;
  line-height: 1.2;
}


.table_list .b th{
  padding-top: 0.5em;
}




/*== パスワード保護関連 始め=======================================*/
form.post-password-form{
  font-size: 2em;
}

div#entry_button_activate{
  width: 100%;
  text-align: center;
}

div#entry_button_activate form{
  text-align: center;
}

div#entry_button_activate form input{
  margin-top: 1em;
  font-size: 2em;
  text-align: center;
}

div#entry_button_activate form input#submit{
  padding: 0.2em 1em;
  line-height: 1.2;
  border-radius: 1em;
  border: 4px solid #009378;
  background-color: #009378;
  color: #fff;
  cursor: pointer;
}
div#entry_button_activate form input#submit:hover{
  background-color: #fff;
  color: #009378;
}

/*== パスワード保護関連 終り=======================================*/
