@charset "utf-8";
/* COMMON =============================================
	html
	body
	#wrapper
	#contents

============================================= */

@font-face {
	font-family: "outlined-iconset";
	src: url("/fonts/outlined-iconset.eot");
	src: url("/fonts/outlined-iconset.eot?iefix") format("eot"),
		url("/fonts/outlined-iconset.woff") format("woff"),
		url("/fonts/outlined-iconset.ttf") format("truetype"),
		url("/fonts/outlined-iconset.svg#outlined-iconset") format("svg");
}

img {
	-ms-interpolation-mode: bicubic;
}

input::-ms-clear {
	visibility: hidden
}

input::-ms-reveal {
	visibility: hidden
}

input[type=text],
input[type=submit],
input[type=button],
button {
	-webkit-appearance: none !important;
}

i {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
div,
p,
span,
th,
td {
	/*選択させない*/
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

html {
	display: none;
}

* {
	-webkit-appearance: normal;
}

html,
body {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

body {
	font-family: Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1.4;
	font-weight: 500;
}


@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ", Meiryo, sans-serif !important;
	}
}

.iconArea {
	font-family: "outlined-iconset" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


table {
	font-size: 1.1em;
}

#printUnAble {
	display: none;
}

#wrapper {
	height: auto;
	min-height: 90%;
}

#login #wrapper,
#question #wrapper {
	min-height: 100%;
}

#copyright {
	margin-top: 15px;
	padding-top: 1em;
	padding-bottom: 10px;
	font-size: 0.8em;
	text-align: center;
}

input,
textarea {
	padding: 1%;
	margin-bottom: 1%;
}

input[type=submit] {
	cursor: pointer;
	border: 1px solid #333333;
	border-radius: 10px;
	margin-bottom: 0;
}

.btnContainer input[type=button] {
	color: #fff;
	cursor: pointer;
	border: 1px solid #333333;
	border-bottom: 3px solid #000;
	border-radius: 10px;
	margin-bottom: 0;
	font-weight: bold;
	padding: 10px 0%;
}


span.checkBox {
	font-size: 0.9em;
	display: inline-block;
	margin: 5px 5px 0 0;
}

.errMsg {
	font-weight: bold;
	color: #FF0000;
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: clip !important;
}


h1 {
	margin-top: 2px;
}

h2 {
	font-size: 1.4em;
	text-align: left;
}

h3 {
	margin-top: 3%;
}

h4 {
	text-align: left;
}

em {
	font-size: 1.2em;
}

em.rstMsg {
	font-weight: bold;
}

th.timeCell {
	width: 5em;
}

input[type=button] {
	border: none;
	border-bottom: 3px solid #ccc;
}

input[type=button]:hover {
	cursor: pointer;
}

table {
	table-layout: fixed;
}

var {
	display: inline;
}

.nav-button {
	display: block;
}

#qsetBox ul {
	padding: 0 1.5%;
}

.btnLink {
	white-space: nowrap;
	display: inline-block;
	border-radius: 10px;
	width: 30%;
	margin: 0 1%;
	font-size: 1.1em;
	font-weight: bold;
}

.btnLink input,
.btnLink a {
	text-align: center;
	display: inline-block;
	padding: 10px 0%;
	border-radius: 10px;
	width: 100%;
	color: #fff;
	background: #333333;
	text-decoration: none;
	line-height: inherit;
}

.btnLink a:hover,
.btnLink a.selected {
	background: #035B4D;
	border-color: #08937C;
}

.closeBtn {
	cursor: pointer;
}

#pageTop {
	clear: both;
	margin-top: 20px;
	text-align: right;
}

#pageTop a:hover {
	text-decoration: none;
}

#goMainMenu {
	margin-top: 40px;
	text-align: center;
}

div.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

div.btnContainer {
	width: 100%;
	margin: 20px 0;
	text-align: center;
}

div.btnContainer form {
	display: inline;
}


span.err {
	color: #FF0946;
}

p.rstMsg {
	text-align: left;
	color: #FF0946;
	font-weight: bold;
}

div.messageBox {
	border: 1px solid #333333;
	margin: 20px auto;
	padding: 5%;
	width: 80%;
}

tr.disabled td {
	background: #aaa !important;
}

#examEntry {
	width: 85%;
	margin: 20px auto;
}

div.messageBox dt,
#examEntry dt {
	font-size: 1.3em;
	margin-bottom: 10px;
	text-align: center;
}

#examEntry dt span.lead {
	font-size: 1.8em;
	font-weight: bold;
}


div.messageBox dd.center,
#examEntry dd.center {
	padding: 3%;
	border: 1px solid #222222;
	border-radius: 10px;
	background: #FFFFFF;
	font-size: 1.5em;
}

div.messageBox dd.center,
#examEntry dd.center {
	text-align: center;
}

#examEntry dd.center p.errMsg {
	line-height: 2em;
	font-size: 1.1em;
}


#pagerArea {
	text-align: center;
}

#pagerArea li {
	margin: 1% 0;
	display: inline-block;
}

#pagerArea li a {
	display: inline-block;
	padding: 10px 13px;
	border-radius: 10px;
	border: 1px solid #444444;
	border-bottom: 3px solid #444444;
	line-height: 1;
	color: #333;
	background: #FFFFFF;
	text-decoration: none;
}

#pagerArea li.currentPage a {
	color: #fff;
	background: #777;
}

#pagerArea li a:hover {
	color: #fff;
	background: #444;
}

.redText {
	color: #f00;
}

/*-----------------------------------------------ボタンの色*/
.btnCancel input,
.btnCancel a,
.btnFalse a,
.btnFalse input {
	border-color: #555 !important;
	background: #aaa !important;
}


.btnCancel input:hover,
.btnCancel a:hover {
	border-color: #333 !important;
	background: #777 !important;
}

.btnConfirm input,
.btnConfirm a {
	border-color: #50970d !important;
	background: #80C41C !important;
}


.btnConfirm input:hover,
.btnConfirm a:hover {
	border-color: #035B4D !important;
	background: #08937C !important;
}

.btnCaution input,
.btnCaution a {
	border-color: #e50036 !important;
	background: #ff003c !important;
}

.btnCaution input:hover,
.btnCaution a:hover {
	background: #ff8a00 !important;
	border-color: #e57c00 !important;
}

.btnErase input {
	border-color: #7F0423 !important;
	background: #FF0946 !important;
}

.btnErase input:hover {
	border-color: #7F2B40 !important;
	background: #7F0423 !important;
}


#btnChange input {
	display: none;
}

/*-----------------------------------------------*/
#userChangeTable {
	width: 80%;
}

#userChangeTable *[disabled] {
	border: none;
	background: #fff;
	color: #333;
}

#userChangeTable th {
	width: 12em;
}


#userChangeTable td {
	text-align: left;
}

#userChangeTable input {
	width: 90%;
}

#userChangeTable input[type=password],
#userChangeTable input[type=text] {
	width: 95%;
}

.spanish #userChangeTable input[type=password] {
	font-size: .85em;
}



#userChangeTable span.mailChange,
#userChangeTable tr.passwd,
#userChangeTable select {
	display: none;
}

#userChangeTable span.memo {
	display: none;
	font-size: 0.8em;
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: clip !important;
}


#userChangeTable span.mailChange {
	font-size: 0.8em;
}


#searchQuery {
	margin-top: 20px;
	padding: 1%;
	border: 1px solid #333;
	font-size: 1.2em;
	background: #FFFFFF;
}

#select #searchQuery p {
	border: none;
	text-align: left;
	padding: 0;
	margin-left: 1em;
}

div.inquiryBox {
	margin: 0 auto 30px;
	padding: 2% 10%;
	border: 1px solid #333;
	width: 60%;
	background: #ffffff;
	text-align: left;
}

#totalList td li a {
	font-size: 1em;
}

table.resultTableV tr.doneNews td {
	background: #aaa;
}

table.resultTableV tr.reserved td {
	color: #888;
	background: #ffa;
}


td pre {
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	white-space: pre-wrap;
	word-break: break-all;
}

.nowrap {
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: clip !important;
	word-break: break-all !important;
}

span.displayTitle {
	display: inline-block;
	font-weight: bold;
	font-size: 2em;
	margin-bottom: .1em;
}

#examSeries {
	position: absolute;
	right: 10px;
	top: 0;
	margin-top: 1em;
	font-size: 0.8em;
	color: #fff;
	text-align: center;
}

.textIndentBox {
	padding-left: 1em;
	text-indent: -1em;
}

table.planeTable {
	border: none !important;
}

table.planeTable th,
table.planeTable td {
	border: none !important;
	background: none !important;
	color: #333 !important;
	padding: 3px 0 !important;
}

.inline-block {
	display: inline-block;
}

.result-title {
	margin-top: 3em;
	font-weight: bold;
}

.mouse-event-canceller {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 100000;
	width: 100%;
	height: 100%;
}

#headerArea h1 img{
	height:40px;
}