@charset"UTF-8";


#wrapper {
  width: 980px;
  background-image: url("./img/background/wallpaper04.png");
  margin: auto;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";
}



/* ----- パンくずリスト ----- */
.breadcrumbs p {
  display:inline-block;
  border-top-style:  ridge;
  border-bottom-style:  ridge;
  border-color: #000080;
  color:#0000FF;
  padding: 3px;
}

/* ----- CONTENTS(レイアウト左側) Start----- */
#content {
  display: block;
  float:  left;
  width:  630px;               /* レイアウト横幅 */
}


.breadcrumbs p {
  display:inline-block;
  border-top-style:  ridge;
  border-bottom-style:  ridge;
  border-color: #000080;
  color:#0000FF;
  padding: 3px;
}

#introduce {
  display: block;
  padding-left: 10px; 
  padding-right: 10px;
  margin: 10px;
  line-height: 120% ;
  border-color: #000080;
  border-style: double;
  border-radius: 20px;
  width: 580px;
  
}

#introduce img {
  margin-right: 20px;
  margin-bottom: 20px;
}

#introduce h2 {
  color: #000066;
}


#introduce strong {
  color: #000066;
}

#introduce p {
  text-align: center;
}

#guide {
  display: block;
  padding-left: 10px; 
  padding-right: 10px;
  margin: 10px;
  line-height: 120% ;
  border-color: #000080;
  border-style: double;
  border-radius: 20px;
  width: 580px;  
}


/* -------- セミナー内容 --------------------------- */
table#seminar {
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

/* A:▼テーブル全体の装飾▼ */
table#seminar {
  border-collapse: collapse; /* 枠線を重ねて表示 */
  border-style: double;
  border-color: #000080;
}

/* B:▼テーブル内側(セル)の装飾▼ */
table#seminar tbody th,
table#seminar tbody td {
  padding: 5px; /* セル内側の余白量 */
  border: 3px ridge #000080;  /*内枠の装飾 */
}
/* C:▼テーブルの見出し部分の装飾▼ */

 /* ▼各行の見出し部分(プロフィール画像)の装飾▼ */
table#seminar tbody th {
  background-image: url("./img/background/wallpaper01.png"); /* 背景色 */
  width: 150px;
  font-size: 14px;
}

table#seminar caption {
  font-size: 22px;
  font-weight: 900;
  text-decoration:underline;
  color: #000066;
}


table#seminar tbody td {
  width: 430px;
  font-size:14px;
 /* font-size: 12px;*/
  line-height: 120% ;
  padding-left: 10px;
}

table#seminar h3 {
  margin-top: 0px;
}

#media {
  display: block;
  padding-left: 10px; 
  padding-right: 10px;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right:10px;
  line-height: 120% ;
  border-color: #000080;
  border-style: double;
  border-radius: 20px;
  width: 580px;  
}


#media strong {
  color: #000066;
}






/* -------- スタッフ紹介 --------------------------- */
/*  スタッフ紹介を使用する場合は
   下記の「table#staff」のコメント化を解除してください


/*
table#staff {
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: auto;
}

*/


/* A:▼テーブル全体の装飾▼ */
/*table#staff {*/
/*  border-collapse: collapse; *//* 枠線を重ねて表示 */
/*  border-style: double;*/
/*  border-color: #ffb6c1; */
/*}*/


/* B:▼テーブル内側(セル)の装飾▼ */
/*table#staff tbody th,*/
/*table#staff tbody td {*/
/*  padding: 5px; */           /* セル内側の余白量 */
/*  border: 3px ridge #ffb6c1; */ /*内枠の装飾 */
/*}*/


/* C:▼テーブルの見出し部分の装飾▼ */

 /* ▼各行の見出し部分(プロフィール画像)の装飾▼ */
/*table#staff tbody th {*/
/*  background-image: url("./img/background/wallpaper03.png"); */ /* 背景色 */
/*  width: 180px;*/
/*}*/

/*table#staff caption {*/
/*  font-size: 26px;*/
/*  font-weight: 900;*/
/*  text-decoration:underline overline;*/
/*  color: #003399;*/
/*}*/


/*table#staff tbody td {*/
/*  width: 430px;*/
/*  line-height: 120%;*/
/*}*/

/*table#staff h3 {*/
/*  margin-top: 0px;*/
/*}*/

/*table#staff p#name {*/
/*  margin-top: 10px;*/
/*  font-size: 16px;*/
/*  border-bottom-style:  ridge;*/
/*  border-color: #000080;*/
/*}*/


/* ----- スタッフからのメッセージ ----- */
/*
   スタッフからのメッセージを使用する場合は
   下記の#messageのコメント化を解除してください

#message {
  display: block;
  background: #ffffff;
  border-radius: 30px;
  margin-top:    30px;
  margin-left:   10px;
  margin-right:   0px;
  margin-bottom: 10px;
  padding: 10px; 
  font-weight:800;
}

#message h3 {
  border-top-style: double;
  border-bottom-style:  double;
  border-color: #ffb6c1;
  text-align:center;
}

#message p {
  margin-left:  270px;
}

*/




/* ----- CONTENTS(レイアウト左側) End----- */



/* ----- サイドメニュー(レイアウト右側) Start----- */ 
#sidebar {
  display: block;
  float: right;
  width: 320px;
  border: 5px;            /*枠線太さ*/
  border: #000080;
  border-style: inset;
  line-height:   120% ;
  margin-top:   10px;
  margin-left:  10px;
  margin-right: 10px;
}


/* イベント予定 見出し*/
#event1 .subtitle {
  display: block;
  width:  310px;
  font-weight: 900;
  font-size:  18px;
  border-top-style: double;
  border-bottom-style:  double;
  border-color: #000080;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
  background-image:url(img/background/line_pink.png);
}

/* イベント予定内容 */
#event2 {
  display: block;
  overflow-y: scroll;  /* スクロール　はみ出して表示 */ 
  width:  290px;
  height: 300px;
  border:#000080;
  border-style: solid;
  border-radius: 20px;
  margin: 5px;
  padding: 10px;
}

/* 報告　見出し */
#report1 .subtitle {
  display: block;
  width:  310px;
  font-weight: 900;
  font-size:  18px;
  border-top-style: double;
  border-bottom-style:  double;
  border-color: #000080;
  margin-top: 30px;
  margin-left:  5px;
  margin-right: 5px;
  text-align: center;
  background-image:url(img/background/line_pink.png);
}

/* 報告 */
#report2 {
  display: block;
  overflow-y: scroll;  /* スクロール　はみ出して表示 */ 
  width:  290px;
  height: 300px;
  border: #000080;
  border-style: solid;
  border-radius: 20px;
  margin-top:   5px;
  margin-left:  5px;
  margin-right: 5px;  
  margin-bottom: 20px;
  padding: 10px;
}

/*  お問い合わせ告知 */
.contact p {
  display: block;
  font-weight: 900;
  font-size:  16px;
  color:  #000099;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-color: #000080;
  border-width:thick;
  padding: 7px;
  margin-top:10px;
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
} 

/* ----- 問い合わせバナー ----- */
#banner_contact {
  display: block;
  border-bottom-style:ridge;
  border-top-style:ridge;
  background-color: #000080;
  vertical-align: center;

}

#banner_contact p {
  margin-left: 19px;
  vertical-align: center;
}

#map {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}


/* ----- サイドメニュー(レイアウト右側) End ----- */ 


.clear {
  clear: both;
}