@charset "UTF-8";

#main {
	float: left;	/*左に回り込み*/
	width: 100%;		/*幅*/
	padding-bottom: 40px;
}

/*h2タグの設定*/
#main h2 {
	clear: both;
	margin-bottom: 2px;	/*見出しの下にとるスペース*/
  	padding: 0.2em;/*文字周りの余白*/
 	 color: #010101;/*文字色*/
 	 background: #eaf3ff;/*背景色*/
  	border-bottom: solid 3px #516ab6;/*下線*/
}

/*h3タグの設定*/
#main h3 {
	clear: both;
	width: 100%;
	border: 1px solid #cccccc;	/*枠線の幅、線種、色*/
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	padding: 10px 20px; /*上下、左右への余白*/
	color: #003333;		/*文字色*/
	
	background: linear-gradient(#ffffff, #f0f0f0);	/*背景グラデーション*/
}
/*mainコンテンツのh3タグの１文字目への追加設定*/
#main h3::first-letter {
	border-left: 5px solid #4169e1;	/*左側のアクセントラインの幅、線種、色*/
	padding-left: 10px;				/*ラインとテキストの間に空ける余白*/
}

#main h3 + p {
	margin-top: -10px;
}

/*h3タグの設定(競合しないように追加)*/
#mainmain h3 {
	clear: both;
	border: 1px solid #cccccc;	/*枠線の幅、線種、色*/
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	padding: 10px 20px; /*上下、左右への余白*/
	color: #003333;		/*文字色*/
	background: linear-gradient(#ffffff, #f0f0f0);	/*背景グラデーション*/
}

/*mainmainコンテンツのh3タグの１文字目への追加設定*/
#mainmain h3::first-letter {
	border-left: 5px solid #4169e1;	/*左側のアクセントラインの幅、線種、色*/
	padding-left: 10px;				/*ラインとテキストの間に空ける余白*/
}

#mainmain h3 + p {
	margin-top: -10px;
}



#main hr {
  border-top: 2px dashed #9dd1ff;
  background-color: #56b0ff;
  width="100%";
}

#main2 hr {
  border-top: 3px double #ccc;
  width="100%";
}

/*************************************************
 * 20220613 ボタン2追加
 *************************************************/


.btn--orange2,
a.btn--orange2 {
  color: #fff;
  width: 160px;
  text-align:center;
  background-color: #eb6100;
}
.btn--orange2:hover,
a.btn--orange2:hover {
  color: #fff;
  background: #f56500;
}

.btn--blue2,
a.btn--blue2 {
  color: #ffffff;
  width: 160px;
  text-align:center;
  background: #0000ff;
}
.btn--blue2:hover,
a.btn--blue2:hover {
  color: #ffffff;
  background: #1e90ff;
}



/*************************************************
 * 20220510 ボタン追加
 *************************************************/

.btn--orange,
a.btn--orange {
  color: #ffffff;
  width: 160px;
  padding: 8px;
  text-align:center;
  background: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #ffffff;
  background: #ffd700;
}

.btn--green,
a.btn--green {
  color: #fff;
  width: 300px;
  padding: 10px;
  text-align:center;
  background-color: #2e8b57;
}
.btn--green:hover,
a.btn--green:hover {
  color: #fff;
  background: #3cb371;
}

.btn--red,
a.btn--red {
  color: #fff;
  width: 300px;
  padding: 10px;
  text-align:center;
  background-color: #ff0000;
}
.btn--red:hover,
a.btn--red:hover {
  color: #fff;
  background: #dc143c;
}

.btn--blue,
a.btn--blue {
  color: #ffffff;
  width: 160px;
  padding: 10px;
  text-align:center;
  background: #0000ff;
}
.btn--blue:hover,
a.btn--blue:hover {
  color: #ffffff;
  background: #1e90ff;
}

a.btn--radius {
   border-radius: 100vh;
}


/*
     FILE ARCHIVED ON 09:16:35 Sep 05, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:14:22 Jun 05, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.438
  load_resource: 187.863
  PetaboxLoader3.resolve: 134.568
  PetaboxLoader3.datanode: 44.813
*/