@charset "utf-8";

html {scroll-behavior: smooth;}

body {color: #000000;
	background-color: #ffffff;
	background-image: url("img/haikei001.gif");
	background-attachment: fixed;
	max-width: 990px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 30px;
	margin-left: 30px;
}

h1 {font-size: 1.5em;
    font-weight: bold;
    display: inline;
}

h2 {font-size: 1.15em;
    font-weight: bold;
    display: inline;
}

code {display: inline-block;
	padding: 0.1em 0.25em; /* 文字周りの余白 */
	color: #444; /* 文字色 */
	background-color: #e7edf3; /* 背景色 */
	border-radius: 3px; /* 角丸 */
	border: solid 1px #d6dde4; /* 枠線 */
	font-family: Consolas, Menlo, Monaco, -apple-system, BlinkMacSystemFont, "Segoe UI", Meiryo, monospace;
}

table {border: 2px solid #000000;
	background-color: #F5F5DC;
	border-radius: 10px;
}

tr {border: 1px solid #000000;}

td {border: 1px solid #000000;}

/* ul li p {display: inline;} ul,li で p を使う時に改行を防ぐ */

A {text-decoration: none;}
A:link {color: #0000FF;text-decoration: underline;}
A:visited {color: #660099;}
A:active {color: #006400;text-decoration: none;}
A:hover {color: #660099;background: #AAEEAA;text-decoration:underline;}

.orange {background-color: #ffcc99;}
.yellow {background-color: #FFFF7D;}
.red {color: #FF0000;}

.bold {font-weight: bold;}
.ul {text-decoration: underline;}
.li-th {text-decoration: line-through;}
.li-gr {background: linear-gradient(transparent 60%, #ff6 60%);}
.li-gr2 {background: linear-gradient(transparent 60%, #6cf 60%);}
.font_size1 {font-size: 1.5em;}
.font_size2 {font-size: 1.15em;}
.font_size3 {font-size: 1.25em;}
.font_size4 {font-size: 0.85em;}
.centering {margin: 0 auto;} /* モニターの中央にセンターリング */
.centering2 {display: flex;} /* モニターの中央にセンターリング2 */ 
.width-style {width: 610px;} /* table の幅 */
.margin {margin-top: 1.0em;} /* 行の上にマージンを挿入（改行の代わり）UL,LI 対策 */
.list-style {list-style-type: none;} /* 箇条書きの黒点を消す */
.list-style2 {list-style-type: disk;} /* 箇条書きに黒点をつける */
.text_back {background-color: #F5F5F5;border-radius: 10px;} /* テキストの背景色 */

.heading {
	padding: .0em .7em;
	border-left: 5px solid #2589d0;
	border-bottom: 3px solid #d2d2d2;
	background-color: #FFFACD;
	color: #000000;
}