@charset "UTF-8";

/*申請画面と管理画面で共通のもの*/
.examtab {
    border-bottom: solid 1px #717171;
    border-left: solid 1px #717171;
    margin-bottom: 30px;
    position: relative;
}
.examtab a { 
    display:inline-block; 
    color:#717171;
    border-top:solid 1px #717171;
    border-right:solid 1px #717171;
    background-color:#f6f6f6; 
    /*width:200px; */
    width: 160px;
    text-align:center; 
    padding:10px 0px;
    /*font-size:21px;*/
    font-size:20px;
    cursor: pointer;
}
.examtab a.active { 
    color: #fff;
    background-color: #00b96f;
}
.examtab .tabpos0 { position: absolute; left: 85px;}
.examtab .tabpos1 { position: absolute; left: 285px;}
.examtab .tabpos2 { position: absolute; left: 485px;}
.examtab .tabpos3 { position: absolute; left: 685px;}

.examtab span.tabtitle {
    display: inline-block;
    margin: 0px;
    /*font-size: 26px;*/
    /*font-size: 23px;*/
    font-size: 20px;
    font-weight: bold;
    color: #00b96f;
    float: right;
    /*line-height: 36px;*/
    line-height: 44px;
}


table.form{
	width: 100%;
    margin: 0px;
    border-collapse: collapse;
}

table.form > tbody > tr > th {
	background-color: #F3F3F3;
    border: solid 1px #DED9D7;
    height: 30px;
    padding: 5px;
	width: 200px;
    font-weight: normal;
	text-align: left;
	font-size: 14px;
	color: #4D4D4D;
    letter-spacing: 0em;
    vertical-align: top;
}

table.form > tbody > tr > th.title {
    height: 20px;
    background-color: #00b96f;
    color: #FFF;
}

table.form > tbody > tr > td {
    border: solid 1px #DED9D7;
    height: 30px;
    padding: 5px;
}
table.form > tbody > tr > td.red {
    color:#Ff0000;
    font-weight: bold;
}

table.form .green {
    color: #00b96f;
}

table.form > tbody > tr > td.no_border {
	border: none;
}

table.form font.small{
	font-size: 12px;
	font-weight: 400;
}

table.form  em {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
}

table.form  input, table.form textarea{
    width: 100%;
    font-size: 100%;
    padding: 5px;
    box-sizing: border-box;
}
table.form  input[type='text'] , table.form select{
    height: 30px;
}
table.form textarea {
    min-height: 300px;
}
table.form  input[type='checkbox'] {
    width:30px;
}
table.form  input[type='file']{
    width: 300px;
}
table.form  input.m{
	width: 95px;
}
table.form  input.s{
	width: 70px;
}
table.form  input.r{
    width: 20px;
    margin:0px;
}
table.form  select{
    min-width : 95px;
}

/*ボタン*/
div.form_btn {
    text-align: center;
    padding: 15px 0px;
}

div.form_btn a{
    display: inline-block;
    padding : 10px;
    text-align: center;
    min-width: 180px;
    box-sizing: border-box;
    background-color: #00b96f;
    font-size: 21px;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
}

div.form_btn a#btnCLOSE {
    font-size: 18px;
}


/*メッセージ*/
table.errmsg {
    border: solid 1px #DED9D7;
    border-collapse: collapse;
    width: 100%;
    min-height: 250px;
    height: 100px; /*設定がないとmin-heightが効かない*/
}
table.errmsg td{
    min-height: 500px;
    height: 100px; /*設定がないとmin-heightが効かない*/
    text-align: center;
    vertical-align: middle;
    border: solid 1px #DED9D7;
}