@charset "utf-8";
body {
 margin: 0px;
 background-color: #f7f5e5;
 font-family :Helvetica,'Meiryo','メイリオ',sans-serif;
 font-size: 14px;
 color: #152197;
}

/* Container＝全体を囲んで、中央揃え */
#container {
 margin: 4px auto 4px;
 width: 850px;
 background-color: #ffffff;
 border-left: 1px solid #b19582;
 border-right:1px solid #b19582;
 box-shadow: 5px 5px 5px rgba(0,0,0,0.0);
 -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
 -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
}

/* Header＝タイトルヘッダー部分（背景画像とページタイトルH1＝右揃え） */
header {
 height: 50px;
 padding: 40px 50px 20px 0;
 background-image: url("tt-common.png");
}
header h1 {
 font-size: 45px;
 font-weight: bold;
 color: deeppink;
 text-align: right;
 text-shadow: 3px 3px 1px white, -3px 3px 1px white, 3px -3px 1px white, -3px -3px 1px white;
 letter-spacing: 5px;
}
nav {
 color: blue;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 7px 30px;
 border-top: 3px solid blue;
 border-bottom: 1px solid black;
 font-size: 17px;
}

/* Main（メイン） */
main {
 width: 750px;
 padding: 25px 0px 0px 50px;
}
.notice {
 width: 600px;
 margin: 10px auto 25px;
 padding: 20px 20px 20px 20px;
 color: black;
 font-size: 18px;
 line-height: 26px;
 border: 1px solid #004000;
 border-radius: 10px;
}
.notice1 {
 margin: 0 0 10px 0;
 font-weight: bold;
}
.notice2 {
 font-size: 17px;
 text-indent: 17px;
}
.notice3 {
 font-size: 17px;
 text-align:right;
}

hr {
 margin: 35px 0px 25px 20px;
 width: 95%;
 border-top: 5px solid tan;
}

/*----------------メインボックス----------------------*/
.title-obi{
 width: 520px;
 margin: 10px auto 20px;
 padding: 10px 0 10px 0;
 text-align: center;
 background-color: #f3fffa;
 border-left: 35px solid #008000;
 border-bottom-left-radius: 10px;
 border-bottom: 1px solid #004000;
 border-bottom-right-radius: 10px;
 border-top: 1px solid #004000;
 border-top-right-radius: 10px;
 border-right: 35px solid #008000;
 border-top-left-radius: 10px;
 font-weight: bold;
 color: black;
}
#title1 {
 text-align: center;
 font-size: 20px;
 letter-spacing: 8px;
 margin: 0 0 10px 0;
}
#title2 {
 font-size: 26px;
 line-height: 30px;
 letter-spacing: 3px;
}
p.top-text{
  margin : 5px 70px 0px 80px;
  font-size : 16px;
  text-indent:16px;
  line-height:27px;
}
.school{
  margin:15px auto 10px;
  display:block;
  width:550px;
  background-image : url(buhuu.JPG);
  border-top-left-radius : 20px 20px;
  border-top-right-radius : 20px 20px;
  border-bottom-right-radius : 20px 20px;
  border-bottom-left-radius : 20px 20px;
}
.lecturer{
 margin: 20px 0 10px 0;
 display: block;
 font-size: 20px;
 text-align: center;
 color: black;
 font-weight: bold;
}
/*----------------申し込みメールボックス----------------------*/
#mail-box{
  position: relative;
  width: 650px;
  margin: 25px auto 20px;
  padding: 25px 0px 20px 25px;
  border-top-left-radius: 80px;
  border: 4px #92dae7 solid;
}
.mail{
  float: left;
  margin:-5px 0px 0px -7px;
  width:130px;
}
#setsumei-box {
 float: left;
 width: 495px;
 margin: 0 0 0 15px;
 border: 0px solid #000;
}
p.mail-setumei1{
 margin: 0px 0px 0px 23px;
 font-size: 18px;
 color: #152197;
 text-indent: -23px;
 line-height: 25px;
 border: 0px solid #000;
}
p.mail-setumei2{
 margin: 0px 0px 0px 50px;
 font-size: 18px;
 color: #152197;
 text-indent: -23px;
 line-height: 25px;
 border: 0px solid #000;
}
p.mail-setumei2:before {
 content: "・";
 font-family: MSゴシック;
 color: red;
 font-weight: bold;
}
p.mail-setumei3{
 color: black;
 font-size: 16px;
 line-height: 20px;
 text-indent: 16px;
 margin: 20px 10px 10px 10px;
}
p.mail-setumei4{
 color: #152197;
 font-size: 16px;
 line-height: 20px;
 text-indent: 16px;
 margin: 0px 10px 10px 10px;
}
#main-info-box {
 clear: both;
 width: 520px;
 margin: 10px 0 0 110px;
 border: 0px solid #000;
}
p.main-info {
  margin : 0px 0px 0px 0px;
  font-size : 20px;
  color : #152197;
  line-height:30px;
}
.main-info2 {
  margin : 0px 0px 0px 80px;
  font-size : 17px;
  color : #152197;
  line-height:24px;
}
.ul {
 color: #152197;
 text-decoration: underline blue;
}
.redbold1 {
 font-size: 22px;
 font-weight: bold;
 color: red;
}
/*----------------	プロフィール----------------------*/
#box-profile{
 width: 635px;
 height: 160px;
 margin: 10px auto 40px;
 padding: 10px 20px 20px 30px;
 border-radius: 15px;
 border : 2px dotted #004000;
}
#box-profile1 {
 float:left;
 width: 120px;
}
.photo{
  width:90px;
  margin: 43px 0 0 15px;
}
#box-profile2 {
 float: left;
 width: calc(100% - 120px);
}
p.profile1{
 width: 100%;
 text-align: center;
 float: left;
 font-size:18px;
 margin:10px 0px 10px 3px ;
 font-weight:bold;
 text-align : center;
}
p.profile2{
 margin : 3px 0px 0px 10px;
 font-size:16px;
 text-indent: 16px;
 line-height:20px;
 letter-spacing : 1px;
}
/* Footer部分 */
footer {
 width: 100%;
 height: 35px;
 padding: 25px 0 10px 0;
 background-color: #b38c4f;
}
footer p {
 width: 100%;
 font-size: 20px;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 letter-spacing: 0.2em;
}