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


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



html {
  overflow-y:scroll;
}

span.red{
	color:red;
}
span.silver{
	color:silver;
}

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

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


/***
h2{
	width:100%;
	padding-left: 10px;
   border-top: solid 1px #600;
   border-bottom: solid 1px #600;
   border-left: solid 15px #600;
   border-right: solid 15px #600;
   text-align: center;
}

p.resizeimage img { width: 100%; }

***/


h3{
    position:relative;
    padding-left:23px;
    line-height: 38px;
}
     
h3:before{
    content:'';
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    height:12px;
    width:12px;
    display:block;
    position:absolute;
    top:14px;
    left:7px;
    background-color:#03C;
    box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity:0.50;
    z-index: 1;
}

h3:after{
    content:'';
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    height:15px;
    width:15px;
    display:block;
    position:absolute;
    top:7px;
    left:2px;
    background-color:#C3F;
    box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
	
/*
h4{
	width:30%;
	padding:3px 5px;
	margin-left:25px;
	border-color:#600;
	border-width:0px 0px 0px 10px;
	border-style:solid;
}
*/
h4{
	margin-left:35px;
}
 

/*
以下を参照してボタンデザインを指定
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);/*浮き上がるように*/
}



.approvalbutton{
  display: inline-block;
  background-color: crimson;/*背景色*/
  color: white;/*文字色*/
  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;/*変化を緩やかに*/
}

.approvalbutton: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);/*浮き上がるように*/
}


//placeholderの色が濃かったので薄くする
/* for Webkit */
.form-control::-webkit-input-placeholder{
    color: silver;
    font-size: 0.9em;
}
 
/* for Firefox */
.form-control::-moz-placeholder{
    color: silver;
    font-size: 0.9em;
}
 
/* for Firefox 18以前 */
.form-control:-moz-placeholder{
    color: silver;
    font-size: 0.9em;
}
 
/* for Windows IE */
.form-control:-ms-input-placeholder{
    color: silver;
    font-size: 0.9em;
}