div#header {
	text-align:right;
	font-size:small;
}

INPUT#txtnokori
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: transparent;
}

INPUT#txtmess
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: red;
    VISIBILITY: hidden;
}

html {
  overflow-y:scroll;
}


span.red {color: red;}
span.blue {color: blue;}
span.blueback {color: white;background-color:blue;}
span.redback {color: white;background-color:red;}
span.white {color: white;background-color:black;}
span.orange {background-color: #ffa300;}

span.gold {background-color: gold;}
label.red {color: red;}

hr{
	 border-width: 5px 0 0 0; /* 太さ */
	 border-color: white; /* 色 */
}

h1, h2 {
	width:100%;
	background-color: #600;
	color: #FFF;
	padding-left: 10px;
   text-align: center;
}

	
h4{
	width:30%;
	padding:3px 5px;
	margin-left:25px;
	border-color:#600;
	border-width:0px 0px 0px 10px;
	border-style:solid;
}


/*
以下を参照してボタンデザインを指定
https://saruwakakun.com/html-css/material/button
*/

.linkbutton{
  display: inline-block;
  background-color: whitesmoke;/*背景色*/
  color: #000;/*文字色*/
  font-size: 1em;/*文字サイズ*/
  line-height: 1.5;
  text-decoration: none;
  letter-spacing: 0.05em;/*字間*/
  padding: 0.2em 1em;/*ボタン内の余白*/
  border-radius: 3px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}

.linkbutton:hover{
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

.form-control::placeholder{
	font-style: italic;
	color: silver; 
}