@charset "UTF-8";

h1 {
	font-size:20px;
	margin: 10px 5px;
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
}
h1::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;
}

dl{
	margin-left:15px;
}

dt,dd{
	padding:12px 0px;
}

dt{
	color : #3F51B5;
	width : 240px;
	float : left;
	clear : both;
}

dd{
	width : 720px;
	margin-left : 120px;
}

input,select{
	border-radius: 5px;
	padding: 7px;
	border: solid 2px #ccc;
	box-shadow: none;
	transition: all 0.5s;
	/*フォーカスしたときのトランジション設定 すべてのプロパティが0.5秒で切り替わる*/
}

input:focus,select:focus {
	/*フォーカスした時に影をつける*/
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
	/*フォーカスした時に枠線を太く濃く*/
	border: solid 2px #666;
}

input[type="submit"]{
	background-color:#FCE4EC;
}

input[type="reset"],input[type="button"]{
	background-color:#F5F5F5;
}

table {
    width: 600px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}

table th,
table td {
    padding: 5px;
}

table th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}

table th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
table td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}

.error_messe {
	position: relative;
	padding: 0 .4em .1em;
	margin:25px 50px;
}
.error_messe::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #FFEAEA;
}

u {
	font-size: 20px;
	color: red;
}

.imp {
	font-size: 12px;
	color: red;
}