@charset "utf-8";

body{
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin:0;
	padding:0;
	background-color:#ffffff;
	text-align:left;
	color:#000000;
	font-size:15px;
	-webkit-text-size-adjust: none;
}

img {
border:none;
border-style:none;
vertical-align:bottom;
}

hr{
border:solid #414f5c;
border-width:1px 0 0 0;
height:1px;	/* for IE6 */
clear:both;	/* for IE6 */
}



/*============================================*/

div#pagebody {
	width:100%; margin:0 auto;		/*内容全体をセンタリング*/
}

div#header {
	background-color:#0080FF;			/*ヘッダ部分の背景色*/
	text-align:center;						/*IE6以下でセンタリングするための対策*/
}

div#header h1 {
	color:#ffffff;
	font-size:110%;								/*文字サイズ*/
  margin: 0;
  padding: 5px 0px;
  background-color: #0080FF;
  text-shadow:1px 1px 2px rgba(0,0,0,.3);
}

div#textarea {
}


/*============================================*/

.link-style01 {
	color: #00008C;
}
.link-style01:hover {
	color: #ffffff;
	background-color: #00008C;
}

.link-style02 {
	color: #ffffff;
}
.link-style02:hover {
	color: #000000;
	background-color: #ffffff;
}

.link-style03 {
	color: #00008C;
}
.link-style03:hover {
	color: #ffffff;
	background-color: #00008C;
}

.link-style011 {
  display: inline-block;
  width: 50%;
  text-align: center;
  background-color: #fff4ce;
  text-decoration: none;
  font-weight: bold;
	color: #ad991e;
  padding: 6px 6px 6px 6px;
  border: solid 2px #ad991e;
  border-radius: 25px;
	line-height: 1.0;
}
.link-style011:hover {
  background: #faca57;
  color: white;
}



/*============================================*/


p {
	margin: 0.5em 0.5em;
}

.p-style01 { padding-left:1.0em; text-indent:-1.0em; }

.p-style02 { padding-left:1.0em; text-indent:0.0em; }



/*============================================*/

#backcolor01 { 
 background-color: #81b93c;
 padding: 5px 0px;
}

#backcolor02 { 
 background-color: #BAC6CF;
 padding: 5px 0px;
}


/*============================================*/

/* マーカー・蛍光ペンCSSジェネレーター: https://webspe.net/tools/marker/ */
#markercolor01 { 
 background-image: linear-gradient(0deg, #ffff73 0.7em, transparent 0.5em);
}

#markercolor02 { 
 background-image: linear-gradient(0deg, #FFBFFF 0.7em, transparent 0.5em);
}

#markercolor03 { 
 background-image: linear-gradient(0deg, #CFFFBF 0.7em, transparent 0.5em);
}

/* 
#markercolor01 { 
 background-color: #ffff73;
}
*/