@charset "euc-jp";
/* CSS Document */

.tblstyle1 {
	width: 90%;
}
.tblstyle1 th, .tblstyle1 td {
	line-height: 1.5;
	padding: 0.4em;
	border-bottom: solid 1px #CCC;
}
.tblstyle1 th {
	text-align: left;
	white-space: nowrap;
}
.tblstyle1 table {
	width: auto;
	margin: 0;
}
.tblstyle1 table th, .tblstyle1 table td {
	padding: 0 0.5em;
	border: none;
}

/* marker */
.marker01 {
	background: linear-gradient(transparent 60%, #FCD8D8 60%);
	padding: 1px 4px;
	font-weight: bold;
}
.marker02 {
	background: linear-gradient(transparent 60%, #FCFCAD 60%);
	padding: 1px 4px;
	font-weight: bold;
}
.marker03 {
	background: linear-gradient(transparent 60%, #DFFAC5 60%);
	padding: 1px 4px;
	font-weight: bold;
}
.marker04 {
	background: linear-gradient(transparent 60%, #D6F2FE 60%);
	padding: 1px 4px;
	font-weight: bold;
}
.marker05 {
	background: linear-gradient(transparent 60%, #EBD7FD 60%);
	padding: 1px 4px;
	font-weight: bold;
}

/*  */
.stitle1, .stitle2, .stitle3, .stitle4 {
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding-left: 16px;
	color: #333;
}
.stitle1::before, .stitle2::before, .stitle3::before, .stitle4::before {
	display: block;
	content: '';
	position: absolute;
	top: .8em;
	left: 0;
	width: 10px;
	height: 10px;
	border: solid 1px #FFF;
	border-radius: 100%;
	margin-top: -5px;
}
.stitle1::before {
	background-color: #FF7373;
}
.stitle2::before {
	background-color: #A8B931;
}
.stitle3::before {
	background-color: #759C4E;
}
.stitle4::before {
	background-color: #B78D00;
}

/* font color */
.color01 {
	color: #D90000;
}
.color02 {
	color: #630;
}
.color03 {
	color: #00238C;
}
.color04 {
	color: #0059B2;
}
.color05 {
	color: #008C8C;
}
.color06 {
	color: #063;
}
.color07 {
	color: #FF4000;
}
.color08 {
	color: #FF265C;
}

@media screen and (max-width:499px){
.tblstyle1 {
	width: 100%;
}
}