@charset "UTF-8";

body{
max-width: 800px;
margin: 0 auto;
}

p.txt{ 
 color : #3D4144 ;
 padding : 0 2% 1.7em 3% ;
 margin: 0 ;
}
p.last{ 
 margin: 0 2% 7em 3% ;
}

a {
  color:#FF8928;
  font-size: 1.2em;/*文字サイズ*/
  font-weight: bold;
  line-height: 1.8 ;
}
a:hover {
  background: #FFFFCC;/*背景色*/
}
a:visited {
  color:#00CCCC;
}

h2.sub {
  padding: 0.2em;/*文字周りの余白*/
  color: #202124;/*文字色*/
  background: #FFFFCC;/*背景色*/
  border-left: solid 7px #00CCCC;/*左線（実線 太さ 色）*/
  margin: 0.5em 1.5% ;
}

h3.chuu {
  color: #202124;/*文字色*/
  padding: 0.3em 0 0 0;/*上下の余白*/
  border-top: solid 5px #9DF3EF;/*上線*/
  border-bottom: solid 5px #9DF3EF;/*下線*/
  margin: 0.5em 2% ;
  display:inline-block;
}

h4.choi {
  color: #202124;/*文字色*/
  background: linear-gradient(transparent 60%, #CDFAF7 40%);
  display:inline-block;
  margin: 0.5em 2% ;
}

div.box1 {
    color: #202124;
    padding: 0.5em 0.5em;
    border: solid 2px #00CCCC;/*線*/
    background-color:#FFFFE0;
    border-radius: 10px;/*角の丸み*/
    display:inline-block;
  margin : 0.7em 2.5% ;
}
.box1 .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.point {
  background-color:#FFEA7D;
}

span.kaizen {
  background-color:#b3ffb3;
}

span.ao1 {
 color:#3366cc/*青*/
}
span.aka2 {
 color:#cc3300/*赤*/
}
span.ore3 {
 color:#ff9900/*オレンジ*/
}
span.mido4 {
 color:#009900/*みどり*/
}
span.mura5 {
 color:#990099/*紫*/
}

table {
 border: 0;
 color: #202124;
}
table td {/*table内のtdに対して*/
  padding: 0 0 0 1em;
}

/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #00CCCC;
	text-decoration: none;
}