h3{
	padding: 10px 0; /*上下30px左右0*/
	font-size: 120%; /*フォントサイズを200%*/
	font-weight: bold;
}

table{
	background-color:#ffffff;
	border-collapse: collapse;
}

th,td {
    border: solid 1px;              /* 枠線指定 */
    padding: 5px 0px;      /* 余白指定 */
}

img{
	width: 100%;
	max-width: 700px;
}

input[type="button"]{
	margin: 4px auto;
  border-radius : 5%;          /* 角丸       */
	font-size: 120%;
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 4px 12px;   /* 余白       */
  background    : #00007f;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #00007f;    /* 枠の指定 */
}

input[type="button"]:hover {
  color         : #00007f;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

input[type="checkbox"]{
	-moz-transform:scale(1.3);
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
	margin: 0 10px;
}

hr{
	border: none;
}

label{
}

th{
	text-align: center;
}

a{
	color: #00008b;
}

a:hover{
	text-decoration: underline;
}

.css00{
	width:200px;
}

.css01{
	width:140px;
}

.css02{
	width:300px;
}

.css03{
	text-align:center;
	margin:20px auto;
}

.css04{
	display:inline;
}

.css05{
	text-align: center;
	margin: 20px auto;
}

.css06{
	width: 250px;
}

.css07{
	width: 100%;
	max-width: 200px;
}

.css08{
  border: 2px solid red;/*-- 任意の装飾 --*/
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.css09{
	display: block;
	position: relative;
  width: 100%;
  border: none 1px solid #C00;
}

.css09::before ,
.css09::after {
	position: absolute;
  top: 48%;
	left: 18%;
  content: "";
  display: block;
  width: 100px;
  border-top: 2px solid #C00;
}

.css09::before {
  transform: skewY(-10deg);
}

.css09::after {
  transform: skewY(10deg);
}

.css10{
	display: block;
	width: 100%;
}

#blue{
	background-color:#00bfff;
}

#black{
	background-color:#696969;
}