/* ===================================================================
CSS information
style info : Acturaries CBT体験版
=================================================================== */

/*
#######################################################################

	html body

#######################################################################
*/
html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #DFE7EB;
	overflow: hidden;
}

#container {
	margin: 0 auto;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#container_examWrapper {
	height: 100%;
	padding: 0;
	position: relative;
	left: -10000px;
	top: -10000px;
}

#container_examWrapper_pdfIflame {
	height: 100%;
	border-right: 1px solid #CCC;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: -0;
	float: left;
	overflow-x: hidden;
	display: none;
}

/*
#######################################################################

	Contents Hide-Show設定

#######################################################################
*/

.disp_none {
	display: none;
}

.disp_block {
	display: block;
}

/* 現在の設問用
--------------------------------------------*/
div.currentExamItem {
	display: block;
}

div.notcurrentExamItem {
	display: none;
}

/* PDF一時非表示
--------------------------------------------*/
.point_none_tempo {
	pointer-events: none;
	cursor: default;
}

/*
#######################################################################

	Proadmin画面

#######################################################################
*/
.proadmin {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	display: none;
}

.proadmin_header {
	width: 100%;
	height: 100px;
	text-align: center;
	background-color: #000;
	border-bottom: 10px solid #74AD00;
}

.proadmin_wsNumber {
	width: 100%;
	height: 200px;
	text-align: center;
	background-color: #FFF;
}

.proadmin_examName {
	width: 100%;
	height: 100px;
	text-align: center;
	background-color: #ddd;
}

#proadmin_startButton {
    width: 301px;
    height: 69px;
    text-align: center;
    cursor: pointer;
    margin: auto;
    margin-top: 60px;
}

/*
#######################################################################

	試験詳細確認画面

#######################################################################
*/
.examDetailConfirm {
	width: 486px;
	height: 499px;

	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
}

.examDetail_first_exam {
	background-image: url(../img/confirm_detail_firstExam.png);
}

.examDetail_second_exam {
	background-image: url(../img/confirm_detail_secondExam.png);
}

/* 試験詳細確認画面　ボタン
--------------------------------------------*/
#examDetailConfirm_confirmButton {
	position: absolute;
	top: 380px;
	left: 120px;
	width: 86px;
	height: 42px;
}

#examDetailConfirm_cancelButton {
	position: absolute;
	top: 380px;
	left: 240px;
	width: 148px;
	height: 42px;
}

/*
#######################################################################

	試験開始画面／試験中試験開始画面／試験終了画面 (1screen)

#######################################################################
*/
.startScreen,
.infoScreen,
.endScreen {
	width: 963px;
	min-height: 616px;
	/*655*/
	background-color: #FFF;
	position: relative;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	/*border-radius:8px;*/
	margin: 0 auto;
	display: none;
}

/* 開始画面／試験中開始画面／終了画面：ヘッダー
--------------------------------------------*/

.itemNumWrapper,
#itemNumWrapper {
	position: absolute;
	top: 12px;
	left: 15px;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}

.infoSectionWrapper,
#infoSectionWrapper {
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}

@media screen and (max-width:1200px){
	.itemNumWrapper,
	#itemNumWrapper,
	.infoSectionWrapper,
	#infoSectionWrapper
	{
		font-size: 12px;
		font-weight: normal;
	}
}


.startScreen_header,
.infoScreen_header,
.endScreen_header {
	height: 57px;
	background-color: #000;
	position: relative;
	border-bottom: 20px solid #619123;
}

#startScreen_header_finishButton,
#infoScreen_header_finishButton,
#endScreen_header_finishButton {
	position: absolute;
	top: 12px;
	left: 790px;
	width: 160px;
	height: 32px;
}

.startScreen_header_ansCount,
.endScreen_header_ansCount,
.endScreen_header_ansCount {
	position: absolute;
	top: 14px;
	left: 630px;
	width: 130px;
	font-size: 130%;
	line-height: 1.2em;
	text-align: center;
	color: #FFF;
}

.startScreen_header_examNname,
.infoScreen_header_examNname,
.endScreen_header_examNname {
	position: absolute;
	top: 60px;
	left: 15px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}

.startScreen_header_candidateName,
.endScreen_header_candidateName,
.endScreen_header_candidateName {
	position: absolute;
	top: 60px;
	left: 810px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}


/* 開始画面／試験中開始画面／終了画面：コンテンツエリア
--------------------------------------------*/
.startScreen_examInfo,
.infoScreen_examInfo,
.endScreen_examInfo {
	position: absolute;
	overflow: auto;
	width: 834px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 77px;
	border: 1px solid #aaa;
	border-radius: 5px;
	left: -3px;
	top: 85px;
	padding: 20px;
}

.startScreen_examInfo_logo,
.infoScreen_examInfo_logo {
	margin-bottom: 20px;
}

.startScreen_examInfo_examName,
.infoScreen_examInfo_examName {
	font-size: 23px;
}

.startScreen_examInfo_text,
.infoScreen_examInfo_text,
.endScreen_examInfo_text {
	font-size: 15px;
	line-height: 22px;
}

.startScreen_examInfo_text.caution,
.infoScreen_examInfo_text.caution {
	font-size: 15px;
	margin-top: 30px;
	font-weight: bold;
}

.startScreen_examInfo_li,
.infoScreen_examInfo_li {
	font-size: 15px;
	line-height: 1.8em;
}

.textred {
	color: #FF0000;
}

.startScreen_itemButton,
.infoScreen_itemButton,
.endScreen_itemButton {
	position: absolute;
	top: 88px;
	left: 9px;
	width: 61px;
	height: auto;
	background-color: #FFF;
}


/* 開始画面／試験中開始画面／終了画面：フッター
--------------------------------------------*/
.startScreen_footer,
.infoScreen_footer,
.endScreen_footer {
	width: 964px;
	height: 50px;
	background-color: #000;
	position: relative;
	border-top: 5px solid #8cc63f;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	/*並列で均等配置*/
	justify-content: space-between;
	/*並列で均等配置*/
}

#startScreen_footer_preferenceButton,
#infoScreen_footer_preferenceButton,
#endScreen_footer_preferenceButton {
	position: relative;
	top: 8px;
	left: 10px;
	width: 30px;
	height: 33px;
	cursor: pointer;
}

#startScreen_footer_startExamButton {
	position: relative;
	top: 4px;
	right: 20px;
	width: 86px;
	height: 42px;
	cursor: pointer;
}

#startScreen_footer_backtoexamButton {
	position: relative;
	top: 4px;
	right: 20px;
	width: 125px;
	height: 41px;
	cursor: pointer;
	display: none;
}

.infoScreen_footer_backtoexamButton {
	position: relative;
	top: 4px;
	right: 20px;
	width: 125px;
	height: 41px;
	cursor: pointer;
}

#backtoexam_button {
	position: absolute;
	top: 636px;
	left: 710px;
	width: 235px;
	height: 32px;
	background-color: #FFF;
}

/*
#######################################################################

	設問画面(2screen)

#######################################################################
*/

/* PDF付き設問 Wrapper
--------------------------------------------*/
.container_examWrapper_examRightScreen {
	min-height: 616px;
	/*655*/
	/*min-width: 500px;*/
	background-color: #FFF;
	position: absolute;
	overflow: hidden;
	float: left;
	margin-left: 50%;
}


/* PDF付き設問 ヘッダー
--------------------------------------------*/
.container_examWrapper_examRightScreen_header {
	width: 100%;
	height: 57px;
	background-color: #000;
	position: relative;
	border-bottom: 20px solid #619123;
}

/* PDF付き設問 ヘッダー：セクション名・設問番号
--------------------------------------------*/
#item_number {
	position: absolute;
	top: 12px;
	left: 15px;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}

#section_name {
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}

@media screen and (max-width:1100px) {

	#item_number,
	#section_name {
		font-size: 10px;
	}
}


#item_number_pdf {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}

#section_name_pdf {
	position: absolute;
	top: 30px;
	left: 15px;
	/*10px*/
	font-size: 13px;
	/*12px*/
	color: #FFF;
	font-weight: bold;
}

.section_name_pdf_scale {
	font-size: 12px !important;
	left: 10px !important;
}

/* PDF付き設問 ヘッダー：試験名・受験者名
--------------------------------------------*/
#candidatename_pdf,
#candidatename_pdf_intro {
	position: absolute;
	top: 60px;
	right: 0;
	margin-right: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}

.candidatename_pdf_scale {
	left: 370px !important;
	font-size: 12px !important;
}

#exam-name_pdf {
	position: absolute;
	top: 60px;
	left: 15px;
	/*10px*/
	font-size: 14px;
	/*12px*/
	color: #FFF;
	font-weight: bold;
}

.exam-name_pdf_scale {
	font-size: 12px !important;
	left: 10px !important;
}

/* セクションタブ
--------------------------------------------*/
.tabSection {
	background: #fff none repeat scroll 0 0;
	width: 36px;
	height: 80px;
	text-align: center;
	padding-top: 10px;
	color: #666;
	cursor: pointer;
	font-size: 16px;
}

.tabSection.tab-active {
	border-top: 1px solid #ddd;
}

.tabSection:not(.tab-active) {
	box-shadow: inset -2px 1px 2px 0px rgb(0 0 0 / 15%);
	background-color: #eee;
}

.tabSection:last-child {
	border-bottom: 1px solid #ddd;
}

.tabWrapper {
	background-color: #eee;
	height: 100%;
	float: left;
	display: block;
	box-shadow: inset -2px 1px 2px 0px rgb(0 0 0 / 15%);
	position: absolute;
}

/*
#######################################################################

	設問ボタン

#######################################################################
*/
.scrl_btn_wrap {
	margin-left: 44px;
	margin-top: 9px;
	position: absolute;
}

.nav-button_overflow_wrap {
	overflow-y: hidden;
	width: 70px;
	position: relative;
}

button.scrl_btn_before,
button.scrl_btn_after {
	position: relative;
	display: inline-block;
	height: 24px;
	width: 50px;
	border-radius: 4px;
	font-family: FontAwesome, "Open Sans", "Source Sans Pro", sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
	background-color: #55903e;
	border-color: #55903e;
	border: 3px;
}

button.scrl_btn_before {
	margin-bottom: 6px;
}

button.scrl_btn_after {
	margin-top: 6px;
}

#QuestionNavButtonHolder {
	width: 70px;
	/*background-color: #ccc;*/
	overflow-y: hidden;
	/*margin: 5px 0;入れるとスクロールがずれる*/
}


/*設問ボタン*/
ul.main-nav-list {
	padding: 0;
	list-style-type: none;
	margin: 0;
}

ul.main-nav-list ul {
	list-style-type: none;
	margin: 0;
}

ul.main-nav-list li {
	margin-top: 6px;
}

ul.main-nav-list li:first-child {
	margin-top: 0;
}

ul.main-nav-list .nav-button,
.itemButtonPannelWrapper .nav-button {
	position: relative;
	display: inline-block;
	height: 24px;
	width: 50px;
	border-radius: 4px;
	font-family: FontAwesome, "Open Sans", "Source Sans Pro", sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
	background-color: #55903e;
	border-color: #55903e;
}

.itemButtonPannelWrapper .nav-button {
	margin-left: 10px;
}

.itemButtonPannelWrapper .nav-button {
	margin-top: 5px;
}

/* ul.main-nav-list .nav-button:focus,
.itemButtonPannelWrapper .nav-button:focus {
	outline: #2196F3 solid 2px;
	outline-offset: 1px;
} */

ul.main-nav-list .nav-done,
.itemButtonPannelWrapper .nav-done {
	background-color: #4A626D;
	border-color: #4A626D;
}

ul.main-nav-list .nav-active,
.itemButtonPannelWrapper .nav-active {
	margin-right: 10px;
	z-index: 1;
}

ul.main-nav-list .nav-done::before,
.itemButtonPannelWrapper .nav-done::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 12px solid #FFFFFF;
	border-right: 12px solid transparent;
	background: #BAC4CB;
	display: block;
	width: 0;
	height: 0;
}

ul.main-nav-list .nav-active::after,
.itemButtonPannelWrapper .nav-active::after {
	content: "";
	position: absolute;
	top: 0;
	left: 48px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: transparent;
	border-left-color: inherit;
}

.itemButtonPannelWrapper .nav-active::after {
	padding-right: 5px;
}

ul.main-nav-list .nav-done,
.itemButtonPannelWrapper .nav-done {
	background-color: #4A626D;
	border-color: #4A626D;
}

.panelButtonWrapper {
	width: 61px;
	display: inline-block;
}

.btn {
	position: relative;
	border-width: 0;
}

.fa-info-circle2:after {
	content: "\f05a";
	font-weight: 500;
	font-size: 1.2em;
}

.fa-flag2:after {
	content: "\f024";
	font-weight: 500;
	padding-left: 1em;
	position: absolute;
	top: 8px;
	right: 6px;
}

/* 設問 Wrapper
--------------------------------------------*/
.exam_area_pdf {
	position: absolute;
	top: 85px;
	left: 107px;
	overflow: auto;
	/*min-height: 545px;*/
	background-color: #FAFBFC;
	border: 1px solid #aaa;
	border-radius: 5px;
}

/* 設問文
--------------------------------------------*/
.mondai_text_pdf {
	background-color: #efefef;
	padding: 15px 10px;
	margin-top: 0px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 14px;
	line-height: 1.5em;
}

/* 選択肢全体 Wrapper
--------------------------------------------*/
[id^="exam_item0"] {
	padding: 25px;
}

@media screen and (max-width:1100px) {
	[id^="exam_item0"] {
		padding: 10px;
	}
}

/* 選択肢個別 Wrapper
--------------------------------------------*/
.answer_wrapper {
	margin-bottom: 20px;
	/*display: inline-block;*/
}

.answer_wrapper:after {
	display: block;
	clear: both;
	content: "";
}

/* 画像形式：選択肢個別 Wrapper
--------------------------------------------*/
.img_answer_AllWrapper {
	margin-top: 40px;
}

.img_answer_wrapper {
	margin-bottom: 20px;
	display: inline-block;
}

/*.img_answer_wrapper:after {
  display: block;
  clear: both;
  content: "";
}*/

/* 選択ボックス
--------------------------------------------*/
.selectBox {
	border: solid 1px #FFF;
	/* 内側の線*/
	outline: solid 3px #3D505A;
	/* 外側の線*/
	outline-offset: 1px;
	/* 内側の線*/
	padding: 5px;
	font-size: 14px;
	margin-left: 15px;
	line-height: 1.5em;
	cursor: pointer;
	float: left;
	box-sizing: border-box;
}


/* 画像形式：選択ボックス
--------------------------------------------*/
.img_selectBox {
	border: solid 1px #FFF;
	/* 内側の線*/
	outline: solid 3px #3D505A;
	/* 外側の線*/
	outline-offset: 1px;
	/* 内側の線*/
	padding: 5px;
	font-size: 14px;
	margin-right: 25px;
	/*line-height:1.5em;　画像選択の場合は無効にする　*/
	cursor: pointer;
	float: left;
	box-sizing: border-box;
}


.img_selectBox img {
	width: 30px;
	height: 30px
}

/* 選択ボックス：選択済み
--------------------------------------------*/
.selectBox.item_selected,
.img_selectBox.item_selected {
	border: solid 1px #FFF;
	/* 内側の線*/
	outline: solid 3px #F7B906;
	/* 外側の線*/
	outline-offset: 1px;
	/* 内側の線*/
	background-color: #FFDE7E;
}

/* 選択ボックス：hover
--------------------------------------------*/
div.selectBox:hover,
div.img_selectBox:hover,
div.item_selected:hover {
	border: solid 1px #FFF;
	/* 内側の線*/
	outline: solid 3px #FFA510;
	/* 外側の線*/
	outline-offset: 1px;
	/* 内側の線*/

}

/* チェックボックス
--------------------------------------------*/
.checkBox {
	display: none !important;
	/*チェックボックス非表示にする場合はアクティブ*/
}

.checkBoxImage_off,
.checkBoxImage_on {
	width: 22px;
	height: 22px;
	margin-top: 5px;
	float: left;
	cursor: pointer;
	display: block;
}

.checkBoxImage_off {
	background-image: url("../img/item_checkBox_off.png");
}

.checkBoxImage_on {
	background-image: url("../img/item_checkBox_on.png");
}

/* チェックボックス：hover
--------------------------------------------*/
.selectBox.checkBox_hover,
.img_selectBox.checkBox_hover {
	border: solid 1px #FFF;
	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 3px #FFA510;
	/* 外側の線になる5pxの一本線の枠線をひく*/
	outline-offset: 1px;
	/* 内側の線になる一本線の枠線をひく*/

}

/* 選択ボックス・チェックボックス pointer:none
--------------------------------------------*/
.selectBox.cannotselect,
.img_selectBox.cannotselect,
.checkBox.cannotselect {
	pointer-events: none;
}

/* 短文記述
--------------------------------------------*/
.shortAnswerInput {
	padding: 5px;
	margin: 10px 0 50px 0;
	font-size: 16px;
	font-family: "MS Gothic";
	display: inline-block;
	color: #555;
	box-sizing: content-box;
	height: 37px;
	resize: none;
	overflow: auto;
	vertical-align: top;
	line-height: 20px;
}

.maxWord20 {
	width: 169px;
}

.maxWord40 {
	width: 338px;
}


.maxWord50 {
	width: 418px;
}

@media screen and (max-width:1150px) {
	.maxWord50 {
		width: 354px;
	}
}



/* 長文記述
--------------------------------------------*/
.essayAnswerInput {
	padding: 5px;
	font-size: 16px;
	font-family: "MS Gothic";
	display: inline-block;
	color: #555;
	box-sizing: border-box;
	width: 100%;
	resize: none;
	overflow: auto;
	vertical-align: top;
	line-height: 20px;
}

.maxHeight10 {
	height: 214px;/*10行固定サイズ*/
}

.maxHeight20 {
	height: 412px;/*20行固定サイズ*/
}

.essayAnswerMessageArea {
	padding: 9px 5px 0px 5px;
	margin-bottom: 30px;
	font-size: 16px;
	font-family: "MS Gothic";
	display: inline-block;
	color: #555;
	box-sizing: border-box;
	height: 40px;
	width: 100%;
	resize: none;
	overflow: auto;
	vertical-align: top;
	line-height: 20px;
	border: 3px solid #9ea7ac;
	border-radius: 0px;
	border-top: none;
}

.reachCountLimitTxt {
	display: none;
	text-align: right;
	float: right;
}

.textcounter_essay {
	float: left;
}

/* input:focus
--------------------------------------------*/
div.essay_answer_AllWrapper textarea,
input[type="text"] {
	background-color: #fff;
	border: 3px solid #9ea7ac;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color linear .2s, box-shadow linear .2s;
	-moz-transition: border-color linear .2s, box-shadow linear .2s;
	-o-transition: border-color linear .2s, box-shadow linear .2s;
	transition: border-color linear .2s, box-shadow linear .2s;
}

div.essay_answer_AllWrapper textarea:focus,
input[type="text"]:focus {
	border-color: #2B9ED8 !important;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #2B9ED8 !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #2B9ED8 !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #2B9ED8 !important;
}

textarea.shortAnswerInput,
textarea.essayAnswerMessageArea,
input[type="text"] {
	background-color: #fff;
	border: 3px solid #9ea7ac;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color linear .2s, box-shadow linear .2s;
	-moz-transition: border-color linear .2s, box-shadow linear .2s;
	-o-transition: border-color linear .2s, box-shadow linear .2s;
	transition: border-color linear .2s, box-shadow linear .2s;
}

textarea.shortAnswerInput:focus,
textarea.essayAnswerMessageArea:focus,
input[type="text"]:focus {
	border-color: #2B9ED8 !important;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #2B9ED8 !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #2B9ED8 !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #2B9ED8 !important;
}

/* PDF付き設問 フッター
--------------------------------------------*/
.exam_footer_pdf {
	width: 100%;
	height: 50px;
	background-color: #000;
	position: relative;
	border-top: 5px solid #8cc63f;
	display: -webkit-flex;
	display: flex;
}


/* 後で見直すボタン
--------------------------------------------*/
.flag_button {
	position: absolute;
	top: 638px;
	left: 665px;
	width: 33px;
	height: 30px;
	background-color: #FFF;
}

/* 終了するボタン
--------------------------------------------*/
.finish_button_pdf,
.finish_button_pdf_off {
	position: absolute;
	top: 9px;
	right: 0;
	margin-right: 10px;
	margin-top: 4px;
	cursor: pointer;
}

/* 戻る・次へボタン
--------------------------------------------*/
#back_pdf,
#next_pdf {
	display: inline-block;
	/*IE11とEdgeでpointer-events: noneを有効にするため*/
	position: relative;
}

.next_prev_pdf {
	position: absolute;
	top: 4px;
	right: 0;
	width: 160px;
	margin-right: 10px;
	display: flex;
	justify-content: space-between;

}

/* 配色設定パネルボタン
--------------------------------------------*/
.preference_button_exam {
	position: absolute;
	top: 8px;
	left: 0px;
	margin-left: 10px;
	width: 30px;
	height: 33px;
	cursor: pointer;
}

/* 設問一覧パネルボタン
--------------------------------------------*/
.itempanel_button {
	position: absolute;
	top: 8px;
	left: 0px;
	margin-left: 50px;
	cursor: pointer;
}

.preference_button img {
	cursor: pointer;
}

/* 後で見直すボタン
--------------------------------------------*/
#flag_button_pdf {
	position: absolute;
	top: 4px;
	right: 0;
	margin-right: 180px;
	cursor: pointer;
}

/* 開始画面に戻るボタン
--------------------------------------------*/
#introduction_button_pdf {
	position: absolute;
	top: 8px;
	left: 0px;
	margin-left: 100px;
	cursor: pointer;
}


/*
#######################################################################

	体験版終了画面

#######################################################################
*/
#tutorialFinishScreen {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	display: none;
	background: -moz-radial-gradient(#FFFFFF, #D9FFC4 70%, #9EE676);
	/* Firefox */
	background: -webkit-radial-gradient(#FFFFFF, #D9FFC4 70%, #9EE676);
	/* safari Chrome */
	background: radial-gradient(#FFFFFF, #D9FFC4 70%, #C3FFA2);
	/* IE */
}

.tutorialFinishScreen_img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 640px;
	height: 200px;
}


.tutorialEndScreenText{
	font-size: 33px;
	font-weight: bold;
}

.tutorialEndScreenCaption{
	font-size: 22px;
	font-weight: bold;
}


/*
#######################################################################

	Jquery UI over ride

#######################################################################
*/
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 1;
	filter: Alpha(Opacity=100);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=100);
	/* For IE8 - See #6059 */
}

/*
#######################################################################

	ModalWindow SET

#######################################################################
*/

/* CSS3 ModalWindow SET
--------------------------------------------*/
@-webkit-keyframes modalFadeIn {
	0% {
		opacity: 0;
		display: block;
	}

	100% {
		opacity: 1;
	}
}

div#modal div:target {
	-webkit-animation-name: modalFadeIn;
	-webkit-animation-duration: 0s;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display: block;
}

/*  Modal Base 
--------------------------------------------*/
.modal_commonLoading,
#modal_calcForceCloseMessage,
#modal_examResultUploadCompleteMessage,
#modal_examDetailConfirmCancelMessage,
#modal_examFinishConfirmNoFlgAllattemptedMessage,
#modal_examFinishConfirmNoFlgUnattemptedMessage,
#modal_examFinishConfirmFlgUnattemptedMessage,
#modal_examFinishConfirmFlgAllattemptedMessage,
#modal_examFinishFinalConfirmation,
#modal_timeUpMessagePdf,
#modal_timeUpMessage {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	z-index: 100000;
}

.modal_commonLoading{
	display: block;
}

/*  モーダルウィンドウの背景グレーdiv（全画面）
--------------------------------------------*/
.overlayFull {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.3;
	z-index: 5;
	pointer-events: none;
}

/*  モーダルウィンドウの背景グレーdiv（画面右のみ：可変）
--------------------------------------------*/
.overlayHalf {
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	margin-left: 50%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.3;
	z-index: 5;
	pointer-events: none;
}

/*  モーダルウィンドウの背景グレーdiv（画面右のみ：1024px以下）
--------------------------------------------*/
.overlayHalfMin1024 {
	width: 503px;
	margin-left: 50%;
	left: 0 !important;

}

/*  配色設定表示の透明div（全画面） 
--------------------------------------------*/
.overlayColorPreference {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	text-indent: -9999px;
	position: absolute;
	background: #FFF;
	opacity: 0;
	/*透明*/
	z-index: 1000;
	overflow: hidden;
}

/*  配色設定表示の透明div（画面右のみ） 
--------------------------------------------*/
.overlayColorPreferenceHalf {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	text-indent: -9999px;
	position: absolute;
	background: #FFF;
	opacity: 0;
	/*透明*/
	z-index: 9000;
	overflow: hidden;
}

/*  画面右のみモーダル　デフォルト右マージン
--------------------------------------------*/
.modalWidth {
	margin-right: 56px;
}

/*  画面右のみモーダル　1024px以下のマージン
--------------------------------------------*/
.modalMin1024 {
	/*1024px以下の横幅用*/
	margin-left: 555px;
	left: 0 !important;
}

/*  モーダル：ローディング画面
--------------------------------------------*/
.modal_commonLoading_loader {
	top: 30%;
	left: 50%;
	margin: 0px 0 0 -140px;
	width: 280px;
	height: 200px;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 10;
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-color: #fff;
}

/*  モーダル：確認画面
--------------------------------------------*/
.modal_ConfirmScreen {
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -250px;
	width: 500px;
	height: 296px;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 10;
	background-image: url(../img/detail_alart_background.png);
	background-repeat: no-repeat;
	color: #333;
}

/*  モーダル：結果アップロード画面
--------------------------------------------*/
.modal_ResultUploadScreen {
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -175px;
	width: 400px;
	height: 300px;
	text-align: center;
	position: absolute;
	z-index: 1000;
	background-image: url(../img/result_uploaded_background.png);
	background-repeat: no-repeat;
}

/*  モーダル：試験終了確認画面
--------------------------------------------*/
.modal_ExamFinish {
	top: 50%;
	right: 0;
	margin-top: -180px;
	width: 400px;
	height: 300px;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 10;
	background-image: url(../img/Close_alart_finish_background.png);
	background-repeat: no-repeat;
	color: #333;
}

/*  モーダル：時間切れ画面（右画面）
--------------------------------------------*/
.modal_TimeUpPdf {
	top: 50%;
	right: 0;
	margin-top: -180px;
	width: 400px;
	height: 202px;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 1000;
	background-image: url(../img/timeexpired_background.png);
	background-repeat: no-repeat;
}

/* モーダル：時間切れ画面 
--------------------------------------------*/
.modal_TimeUp {
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -175px;
	width: 400px;
	height: 202px;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 1000;
	background-image: url(../img/timeexpired_background.png);
	background-repeat: no-repeat;
}

/* モーダル：画面内アイコン
--------------------------------------------*/
.modal_ConfirmScreen_icon,
.modal_ExamFinish_icon,
.modal_ResultUploadScreen_icon {
	margin-top: 50px;
}

/* モーダル：画面内テキスト
--------------------------------------------*/
.modal_ConfirmScreen_text,
.modal_ExamFinish_text,
.modal_ResultUploadScreen_text,
.modal_calcForceCloseMessage_text,
.modal_TimeUpPdf_text,
.modal_TimeUp_text {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	margin-top: 30px;
	color: #222;
	font-family: "ＭＳ Pゴシック", "MS PGothic", "Osaka－等幅", "Osaka-mono", "monospace";
	line-height: 160%;
}

/* モーダル：画面内テキスト（計算機強制クローズ画面）
--------------------------------------------*/
.modal_calcForceCloseMessage_text {
	font-size: 15px;
	margin-top: 10px;
}

/* モーダル：画面内テキスト（時間切れ画面）
--------------------------------------------*/
.modal_TimeUpPdf_text,
.modal_TimeUp_text {
	margin-top: 70px;
	margin-bottom: 30px;
}

/* モーダル：画面内ボタン
--------------------------------------------*/
.modal_buttonWrapper {
	width: 316px;
	height: 42px;
	margin-left: 42px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 20px;
}

.modal_ConfirmScreen_1button,
.modal_ResultUploadScreen_1button,
.modal_ConfirmScreen_1button {
	margin-top: 30px;
}

.modal_button {
	position: relative;
	width: 148px;
	height: 42px;
	float: left;
}

/* モーダル：計算機強制クローズ用リンク
--------------------------------------------*/
#calcForceCloseLink {
	display: none;
}

#calc_dialog-link {
	width: 115px;
	height: 30px;
	margin-bottom: 15px;
	margin-left: 12px;
	background: url("../img/button_calc_off.png") no-repeat;
	border: none;
  }
  
  #calc_dialog-link.link-open {
	background: url("../img/button_calc_on.png") no-repeat !important;
  }
/*
#######################################################################

	タイマー

#######################################################################
*/

/* 試験中開始画面タイマーエリア
--------------------------------------------*/
#infoScreen_header_timer,
#examRightScreen_header_timer {
	color: #FFF;
	background-image: url(../img/Timer_icon.png);
	background-repeat: no-repeat;
	width: 150px;
	padding-left: 36px;
	font-size: 15px;
	line-height: 16px;
}

#infoScreen_header_timer {
	position: absolute;
	top: 14px;
	left: 400px;
	display: none;
}

#examRightScreen_header_timer {
	position: absolute;
	top: 8px;
	margin-top: 8px;
}

/* 試験中開始画面：残り時間ポップアップ
--------------------------------------------*/
#examRightScreen_header_remainingTime,
#infoScreen_header_remainingTime {
	width: 195px;
	height: 88px;
	z-index: 100;
	display: none;
	border: 1px solid #F7D78C;
	box-sizing: border-box;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#infoScreen_header_remainingTime {
	position: relative;
	top: 0px;
	left: 380px;
}

#examRightScreen_header_remainingTime {
	position: absolute;
	top: 0px;
}

.timer_close {
	cursor: pointer;
}

/* 残り時間ポップアップ内のテキストメッセージ
--------------------------------------------*/
#infoScreen_header_remainingTime p,
#examRightScreen_header_remainingTime p {
	position: relative;
	top: 57px;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: left;
	color: #000;
	background-color: #F7D78C;
	height: 30px;
	display: block;
	padding: 5px 2px 0px 2px;
	border: 2px solid #F7D78C;
	box-sizing: border-box;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 0px;
}


/*
#######################################################################

	解答状況

#######################################################################
*/
#anscount_default_pdf_intro,
#anscount_pdf_info,
#anscount_pdf_end {
	/*開始画面*/
	position: absolute;
	width: 130px;
	font-size: 130%;
	line-height: 1.2em;
	text-align: center;
	top: 14px;
	left: 630px;
	color: #FFF;
}

#anscount_pdf {
	/*PDF付き設問画面*/
	position: absolute;
	top: 9px;
	width: 120px;
	font-size: 130%;
	line-height: 1.2em;
	text-align: center;
	color: #FFF;
	margin-top: 5px;
}

/*
#######################################################################

	PDF/付表

#######################################################################
*/
/*PDF*/
.questionPdf-link {
	width: 145px;
	height: 30px;
	margin-top: 15px;
	background: url("../img/button_pdf_off.png") no-repeat;
}

.questionPdf-link.link-open {
	background: url("../img/button_pdf_on.png") no-repeat !important;
	pointer-events: none;
}

/*付表*/
.appendixTablePdf-link {
	width: 115px;
	height: 30px;
	margin-top: 15px;
	background: url("../img/button_appendixTable_off.png") no-repeat;
}

.appendixTablePdf-link.link-open {
	background: url("../img/button_appendixTable_on.png") no-repeat !important;
	pointer-events: none;
}

.pdfBindButtonsWrapper {
	width: 24px;
	z-index: 1000;
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: 10px;
}

button.multiplePdfMenuToggle {
	border: 0 none;
	background-color: #7CBA32;
	transition: all 0.5s ease;
	width: 24px;
	height: 26px;
	border-radius: 2px;
	position: relative;
	top: 5px;
	color: #fff;
	font-size: 11px;
	line-height: 24px;
	/*margin-left: 132px;*/
	display: none;
}

button.multiplePdfMenuToggle:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}


.pdfBindButtons {
	position: absolute;
	display: none;
	width: 150px;
	height: 70px;
	padding: 10px;
	background-color: #212121;
	border-radius: 4px;
	margin-top: 55px;
	z-index: 1000;
	right: 50%;
	margin-right: 5px;
}

.pdfBindButtons:after {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(34, 34, 34, 0);
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-right-width: 15px;
	margin-left: -15px;
	border-bottom-color: #222222;
	bottom: 100%;
	left: 90%;
}

/*PDF*/
.questionPdf-link-pdfpanel {
	width: 150px;
	height: 30px;
	margin-bottom: 10px;
	background-color: #212121;
	background: url("../img/button_pdf-pdfpanel_off.png") no-repeat;
}

.questionPdf-link-pdfpanel.link-open {
	background: url("../img/button_pdf-pdfpanel_on.png") no-repeat !important;
	pointer-events: none;
}

/*付表*/
.appendixTablePdf-link-pdfpanel {
	width: 150px;
	height: 30px;
	background-color: #212121;
	background: url("../img/button_appendixTable-pdfpanel_off.png") no-repeat;
}

.appendixTablePdf-link-pdfpanel.link-open {
	background: url("../img/button_appendixTable-pdfpanel_on.png") no-repeat !important;
	pointer-events: none;
}

/*
#######################################################################

	計算機

#######################################################################
*/

.calc_dialog-link {
	width: 115px;
	height: 30px;
	margin-top: 15px;
	background: url("../img/button_calc_off.png") no-repeat;
	border: none;
}

.calc_dialog-link.link-open {
	background: url("../img/button_calc_on.png") no-repeat !important;
}

/*L*/


/* Calculator syles Lは削除*/
.calc {
	width: 600px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.keyboard button {
	height: 38px !important;
}

/* Calculator syles Lは削除*/

/* .keyboard-item {
	height: 24px !important;
	width: 30px !important;
} */

.keyboard-item {
	height: 38px !important;
	width: 50px !important;
}

.keyboard-item.keyboard-item-double {
	/*width: 70px !important; L */
	width: 110px !important;
}

.keyboard-item.keyboard-item-sextuple {
	/*width: 230px !important; L */
	width: 350px !important;
}

.med-text {
	/*font-size: 1.2rem !important; L */
	vertical-align: middle;
}

/*button {
    font-size: 1.4rem !important;
}*/

.cbop.green,
.equals-sign {
	font-size: 20px !important;
	font-weight: 400;
}

.screen {
	font-size: 16px !important;
}

.calc.basic-calc {
	/*width: 230px !important; L*/
	width: 350px !important;
}

.screen {
	height: 30px !important;
	line-height: 30px !important;
}

.demo {
	width: 800px;
	height: 600px;
	margin: 50px auto;
	border: #333 1px solid;
}

.ui-dialog {
	font-size: 0.8em
}

.screen-text {
	font-weight: 600 !important;
}

/*button {
  height: 30px !important;
}*/

button.ui-button {
	height: 20px !important;
}

.ui-state-hover {
	background: url("../img/button_calc_on.png") no-repeat !important;
}

.ui-pdf-hover {
	background: url("../img/button_pdf_on.png") no-repeat !important;
}

.ui-aptable-hover {
	background: url("../img/button_appendixTable_on.png") no-repeat !important;
}

.ui-pdf-pdfpanel-hover {
	background: url("../img/button_pdf-pdfpanel_on.png") no-repeat !important;
}

.ui-aptable-pdfpanel-hover {
	background: url("../img/button_appendixTable-pdfpanel_on.png") no-repeat !important;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	/*font-size: 180%;*/
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 6px;
	background: none;
	overflow: hidden !important;
}

.cbop.green,
.equals-sign {
	font-size: 25px;
	font-family: Arial, Helvetica, "sans-serif";
	padding-top: 1px;
}

button.blue,
html:not(.ie9) button.blue:hover,
.ie9 button.blue.hovered:hover {
	padding-top: 2px;
}


/*
#######################################################################

	配色設定メニュー

#######################################################################
*/

/* 配色設定メニュー：全体（1画面用）
--------------------------------------------*/
.colorPreferenceWrapper {
	width: 235px;
	height: 100%;
	background: url(../img/color_preference_back01.jpg) no-repeat;
	background-color: #D2D6DA;
	border-right: 1px solid #ccc;
	position: fixed;
	top: 0;
	z-index: 10000;
	transform: translate(-240px);
	transition: all .3s;
}

/* 配色設定メニュー：全体（PDF付き設問用）
--------------------------------------------*/
.colorPreferenceWrapperPDF {
	width: 235px;
	height: 100%;
	background: url(../img/color_preference_back01.jpg) no-repeat;
	background-color: #D2D6DA;
	border-right: 1px solid #ccc;
	position: absolute;
	top: 0;
	z-index: 10000;
	transform: translate(-240px);
	/*240*/
	transition: all .3s;
}

/* 配色設定メニュー：メニューOPEN設定
--------------------------------------------*/
.colorPreferenceWrapper.open,
.colorPreferenceWrapperPDF.open {
	transform: translateX(0);
}

/* 配色設定メニュー：ヘッダー
--------------------------------------------*/
.colorPreferenceWrapper_header {
	width: 220px;
	padding: 12px 5px 0 10px;
	;
	height: 34px;
	background-color: #000;
	display: inline-block;
}

.colorPreferenceWrapper_header p {
	margin: 0px;
	float: left;
	color: #FFFFFF;
	font-size: 15px;
}

.colorPreferenceWrapper_header img {
	float: right;
	margin-right: 5px;
}

/* 配色設定メニュー：配色設定オプション
--------------------------------------------*/
.colorPreferenceWrapper_optionOn {
	background-image: url(../img/color_preference_back02.jpg) !important;
}

.colorPreferenceWrapper_optionButton,
.colorPreferenceWrapperPDF_optionButton {
	cursor: pointer;
}

/* 配色設定メニュー：OK・キャンセルボタンエリア
--------------------------------------------*/
.colorPreferenceWrapper_bottomButtonArea,
.colorPreferenceWrapperPDF_bottomButtonArea {
	position: absolute;
	bottom: 0;
	width: 215px;
	padding: 10px;
	background-color: #A9B5C2;
}

/* 配色設定メニュー　キャンセルボタン
--------------------------------------------*/
.colorPreferenceWrapper_bottomButtonArea_buttons,
.colorPreferenceWrapperPDF_bottomButtonArea_buttons {
	cursor: pointer;
}

/*
#######################################################################

	設問一覧パネル

#######################################################################
*/

.itemPanelWrapper {
	width: 411px;
	height: 100%;
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
	position: absolute;
	top: 0;
	z-index: 9999;
	transform: translate(-411px);
	transition: all .3s;
}

/* 設問一覧パネル：ヘッダー
--------------------------------------------*/
.itemPanelWrapper_header {
	width: 396px;
	;
	padding: 12px 5px 0 10px;
	;
	height: 51px;
	/*57px+4px*/
	background-color: #000;
	display: inline-block;
}

.itemPanelWrapper_header p {
	margin-top: 12px;
	float: left;
	color: #FFFFFF;
	font-size: 16px;
}

.itemPanelWrapper_header img {
	float: right;
	margin-left: 10px;
}

.itemPanelWrapper_header_closeButton,
.itemPanelWrapper_header_lockButton {
	cursor: pointer;
}

/* 設問一覧パネル：絞り込みフィルターエリア
--------------------------------------------*/
.itemPanelWrapper_selectArea {
	padding: 10px 5px 0 5px;
	height: 130px;
	background-color: #ddd;
}

.itemPanelWrapper_selectArea p {
	margin: 0;
	color: #1F1F1F;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

.itemPanelWrapper_selectArea label {
	display: block;
	margin-bottom: 15px;
}

/* 設問一覧パネル：クリアボタン
--------------------------------------------*/
.itemPanelWrapper_selectArea_clearButton_on,
.itemPanelWrapper_selectArea_clearButton_off {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 4px;
	display: inline-block;
	color: #ffffff;
	font-size: 15px;
	padding: 10px 10px;
	text-decoration: none;
	position: absolute;
	right: 5px;
	top: 160px;
}

.itemPanelWrapper_selectArea_clearButton_on {
	background-color: #619123;
}

.itemPanelWrapper_selectArea_clearButton_off {
	background-color: #87AA65;
	cursor: default;
}

/* 設問一覧パネル：絞り込みボタン
--------------------------------------------*/
.itemPanelWrapper_selectArea_input {
	display: none;
	margin-right: 10px;
}

.itemPanelWrapper_selectArea_inputText {
	position: relative;
	padding: 8px 0 0 30px;
	left: 10px;
	font-size: 14px;
	color: #666;
	font-weight: bold;

}

.itemPanelWrapper_selectArea_inputText::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	border: 2px solid #666;
	border-radius: 4px;
	margin-right: 10px;
}

.itemPanelWrapper_selectArea_input:checked {
	color: #333;
}

.itemPanelWrapper_selectArea_input:checked+.itemPanelWrapper_selectArea_inputText::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	border: 2px solid #666;
	border-radius: 4px;
	margin-right: 10px;
	background-color: #3D505A;
}

.itemPanelWrapper_selectArea_input:checked+.itemPanelWrapper_selectArea_inputText::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 7px;
	width: 5px;
	height: 10px;
	transform: rotate(40deg);
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
}

/* 設問一覧パネル：フッター
--------------------------------------------*/
.itemPanelWrapper_footer {
	width: 100%;
	height: 54px;
	/*50px+4px*/
	background-color: #000;
	border-top: 5px solid #8cc63f;
	position: absolute;
	bottom: 0;
}

.itemPanelWrapper.open {
	transform: translateY(0);
}

/* 設問一覧パネル：アイテムボタン（"item_button"は名称を合わせているので修正禁止）
--------------------------------------------*/

.itemButtonPannelWrapper {
	padding: 10px;
}

.itemButtonPannelWrapper img {
	margin-bottom: 5px;
}

.item_bt_invisible {
	display: none !important;
}

.panelButtonWrapper {
	width: 61px;
	display: inline-block;
}

/*
#######################################################################

	各種ボタンhover グレーボタン生成

#######################################################################
*/

.h_button:hover::before {
	position: absolute;
	content: '';
	display: block;
	z-index: 100;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 4px;
}

/*
#######################################################################

	ツールチップ

#######################################################################
*/
.tooltip4 {
	position: relative;
}

.description1 {
	display: none;
	position: absolute;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #333;
	width: 100px;
	top: -50px;
	left: -35px;
	border: 1px solid #333;
}

.description1:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	border: 8px solid transparent;
	border-top: 15px solid #333;
	margin-left: -15px;
}

.description2 {
	display: none;
	position: absolute;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #333;
	width: 70px;
	top: -50px;
	left: 0px;
	border: 1px solid #333;
}

.description2:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 20%;
	border: 8px solid transparent;
	border-top: 15px solid #333;
	margin-left: -15px;
}

.description3 {
	display: none;
	position: absolute;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #333;
	width: 70px;
	z-index: 10;
	top: 45px;
	left: 0px;
	border: 1px solid #333;
}

.description3:before {
	content: "";
	position: absolute;
	top: -22px;
	right: 40%;
	border: 8px solid transparent;
	border-top: 15px solid #333;
	margin-left: -15px;
	transform: rotateZ(180deg);
}

.description4 {
	display: none;
	position: absolute;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #333;
	width: 70px;
	top: -60px;
	left: -10px;
	border: 1px solid #333;
}

.description4:before {
	content: "";
	position: absolute;
	top: 100%;
	right: 40%;
	border: 8px solid transparent;
	border-top: 15px solid #333;
}


/*
###############################################################################################################################################################

Common : margin padding float a　ここから下にコンテンツ用CSSは記載しない

###############################################################################################################################################################
*/

/* a
--------------------------------------------*/
a {
	text-decoration: none;
	cursor: pointer;
}

/* テキストマージン
--------------------------------------------*/
.examInfoTextMargin {
	margin-left: 15px;
}

.itemTextMargin {
	margin-left: 15px;
}

.anscountMargin {
	margin: 0 3px 0 2px;
}


/* float
--------------------------------------------*/
.flL {
	float: left;
}

/* マウスカーソルOFF
--------------------------------------------*/
.point_none {
	pointer-events: none;
	cursor: default;
}

/* margin ALL
--------------------------------------------*/
.mg0a {
	margin: 0px !important;
}

.mg2a {
	margin: 2px !important;
}

.mg5a {
	margin: 5px !important;
}

.mg10a {
	margin: 10px !important;
}

.mg15a {
	margin: 15px !important;
}

.mg20a {
	margin: 20px !important;
}

.mg25a {
	margin: 25px !important;
}

.mg30a {
	margin: 30px !important;
}

.mg35a {
	margin: 35px !important;
}

.mg40a {
	margin: 40px !important;
}

.mg45a {
	margin: 45px !important;
}

.mg50a {
	margin: 50px !important;
}

/* margin auto 
--------------------------------------------*/
.mg_auto_h {
	margin: 0px auto !important;
}

.mg_auto_v {
	margin: auto 0px !important;
}

/* margin vertical
--------------------------------------------*/
.mg0v {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.mg5v {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.mg10v {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.mg15v {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.mg20v {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.mg25v {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.mg30v {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.mg40v {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.mg50v {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.mg60v {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}

.mg70v {
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}

.mg80v {
	margin-top: 80px !important;
	margin-bottom: 80px !important;
}

.mg90v {
	margin-top: 90px !important;
	margin-bottom: 90px !important;
}

.mg100v {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}

/* margin horizontal
--------------------------------------------*/
.mg0h {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.mg5h {
	margin-right: 5px !important;
	margin-left: 5px !important;
}

.mg10h {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.mg15h {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.mg20h {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.mg25h {
	margin-right: 25px !important;
	margin-left: 25px !important;
}

.mg30h {
	margin-right: 30px !important;
	margin-left: 30px !important;
}

.mg40h {
	margin-right: 40px !important;
	margin-left: 40px !important;
}

.mg50h {
	margin-right: 50px !important;
	margin-left: 50px !important;
}

.mg60h {
	margin-right: 60px !important;
	margin-left: 60px !important;
}

.mg70h {
	margin-right: 70px !important;
	margin-left: 70px !important;
}

.mg80h {
	margin-right: 80px !important;
	margin-left: 80px !important;
}

.mg90h {
	margin-right: 90px !important;
	margin-left: 90px !important;
}

.mg100h {
	margin-right: 100px !important;
	margin-left: 100px !important;
}

/* margin top

--------------------------------------------*/
.mg0t {
	margin-top: 0px !important;
}

.mg1t {
	margin-top: 1px !important;
}

.mg2t {
	margin-top: 2px !important;
}

.mg3t {
	margin-top: 3px !important;
}

.mg4t {
	margin-top: 4px !important;
}

.mg5t {
	margin-top: 5px !important;
}

.mg7t {
	margin-top: 7px !important;
}

.mg10t {
	margin-top: 10px !important;
}

.mg15t {
	margin-top: 15px !important;
}

.mg20t {
	margin-top: 20px !important;
}

.mg25t {
	margin-top: 25px !important;
}

.mg30t {
	margin-top: 30px !important;
}

.mg40t {
	margin-top: 40px !important;
}

.mg45t {
	margin-top: 45px !important;
}

.mg50t {
	margin-top: 50px !important;
}

.mg60t {
	margin-top: 60px !important;
}

.mg70t {
	margin-top: 70px !important;
}

.mg80t {
	margin-top: 80px !important;
}

.mg90t {
	margin-top: 90px !important;
}

.mg100t {
	margin-top: 100px !important;
}

.mg110t {
	margin-top: 110px !important;
}

.mg120t {
	margin-top: 120px !important;
}

.mg130t {
	margin-top: 130px !important;
}

.mg140t {
	margin-top: 140px !important;
}

.mg150t {
	margin-top: 150px !important;
}

.mg200t {
	margin-top: 200px !important;
}

.mg250t {
	margin-top: 250px !important;
}

.mg260t {
	margin-top: 260px !important;
}

.mg270t {
	margin-top: 270px !important;
}

.mg280t {
	margin-top: 280px !important;
}

.mg290t {
	margin-top: 290px !important;
}

.mg300t {
	margin-top: 300px !important;
}

.mg350t {
	margin-top: 350px !important;
}

.mg380t {
	margin-top: 380px !important;
}

.mg390t {
	margin-top: 390px !important;
}

.mg400t {
	margin-top: 400px !important;
}

.mg420t {
	margin-top: 420px !important;
}

/* margin right
--------------------------------------------*/
.mg0r {
	margin-right: 0px !important;
}

.mg1r {
	margin-right: 1px !important;
}

.mg2r {
	margin-right: 2px !important;
}

.mg3r {
	margin-right: 3px !important;
}

.mg4r {
	margin-right: 4px !important;
}

.mg5r {
	margin-right: 5px !important;
}

.mg10r {
	margin-right: 10px !important;
}

.mg15r {
	margin-right: 15px !important;
}

.mg20r {
	margin-right: 20px !important;
}

.mg25r {
	margin-right: 25px !important;
}

.mg30r {
	margin-right: 30px !important;
}

.mg40r {
	margin-right: 40px !important;
}

.mg50r {
	margin-right: 50px !important;
}

.mg60r {
	margin-right: 60px !important;
}

.mg70r {
	margin-right: 70px !important;
}

.mg80r {
	margin-right: 80px !important;
}

.mg90r {
	margin-right: 90px !important;
}

.mg100r {
	margin-right: 100px !important;
}

.mg110r {
	margin-right: 110px !important;
}

.mg120r {
	margin-right: 120px !important;
}

.mg130r {
	margin-right: 130px !important;
}

.mg140r {
	margin-right: 140px !important;
}

.mg150r {
	margin-right: 150px !important;
}

.mg160r {
	margin-right: 160px !important;
}

.mg170r {
	margin-right: 170px !important;
}

.mg180r {
	margin-right: 180px !important;
}

.mg190r {
	margin-right: 190px !important;
}

.mg200r {
	margin-right: 200px !important;
}

.mg210r {
	margin-right: 210px !important;
}

.mg220r {
	margin-right: 220px !important;
}

.mg230r {
	margin-right: 230px !important;
}

.mg240r {
	margin-right: 240px !important;
}

.mg250r {
	margin-right: 250px !important;
}

.mg260r {
	margin-right: 260px !important;
}

.mg270r {
	margin-right: 270px !important;
}

.mg280r {
	margin-right: 280px !important;
}

.mg290r {
	margin-right: 290px !important;
}

.mg300r {
	margin-right: 300px !important;
}

.mg310r {
	margin-right: 310px !important;
}

.mg320r {
	margin-right: 320px !important;
}

.mg330r {
	margin-right: 330px !important;
}

.mg340r {
	margin-right: 340px !important;
}

.mg350r {
	margin-right: 350px !important;
}

.mg360r {
	margin-right: 360px !important;
}

.mg370r {
	margin-right: 370px !important;
}

.mg380r {
	margin-right: 380px !important;
}

.mg390r {
	margin-right: 390px !important;
}

.mg400r {
	margin-right: 400px !important;
}

/* margin bottom
--------------------------------------------*/
.mg0b {
	margin-bottom: 0px !important;
}

.mg1b {
	margin-bottom: 1px !important;
}

.mg2b {
	margin-bottom: 2px !important;
}

.mg3b {
	margin-bottom: 3px !important;
}

.mg4b {
	margin-bottom: 4px !important;
}

.mg5b {
	margin-bottom: 5px !important;
}

.mg10b {
	margin-bottom: 10px !important;
}

.mg15b {
	margin-bottom: 15px !important;
}

.mg20b {
	margin-bottom: 20px !important;
}

.mg25b {
	margin-bottom: 25px !important;
}

.mg30b {
	margin-bottom: 30px !important;
}

.mg40b {
	margin-bottom: 40px !important;
}

.mg50b {
	margin-bottom: 50px !important;
}

.mg60b {
	margin-bottom: 60px !important;
}

.mg70b {
	margin-bottom: 70px !important;
}

.mg80b {
	margin-bottom: 80px !important;
}

.mg90b {
	margin-bottom: 90px !important;
}

.mg100b {
	margin-bottom: 100px !important;
}

.mg05em {
	margin-bottom: 0.5em !important;
}

.mg06em {
	margin-bottom: 0.6em !important;
}

.mg07em {
	margin-bottom: 0.7em !important;
}

.mg08em {
	margin-bottom: 0.8em !important;
}

.mg09em {
	margin-bottom: 0.9em !important;
}

.mg10em {
	margin-bottom: 1.0em !important;
}

.mg11em {
	margin-bottom: 1.1em !important;
}

.mg12em {
	margin-bottom: 1.2em !important;
}

.mg13em {
	margin-bottom: 1.3em !important;
}

.mg14em {
	margin-bottom: 1.4em !important;
}

.mg15em {
	margin-bottom: 1.5em !important;
}

/* margin left
--------------------------------------------*/
.mg0l {
	margin-left: 0px !important;
}

.mg1l {
	margin-left: 1px !important;
}

.mg2l {
	margin-left: 2px !important;
}

.mg3l {
	margin-left: 3px !important;
}

.mg4l {
	margin-left: 4px !important;
}

.mg5l {
	margin-left: 5px !important;
}

.mg10l {
	margin-left: 10px !important;
}

.mg15l {
	margin-left: 15px !important;
}

.mg20l {
	margin-left: 20px !important;
}

.mg25l {
	margin-left: 25px !important;
}

.mg30l {
	margin-left: 30px !important;
}

.mg40l {
	margin-left: 40px !important;
}

.mg50l {
	margin-left: 50px !important;
}

.mg60l {
	margin-left: 60px !important;
}

.mg70l {
	margin-left: 70px !important;
}

.mg80l {
	margin-left: 80px !important;
}

.mg90l {
	margin-left: 90px !important;
}

.mg100l {
	margin-left: 100px !important;
}

.mg110l {
	margin-left: 110px !important;
}

.mg120l {
	margin-left: 120px !important;
}

.mg130l {
	margin-left: 130px !important;
}

.mg140l {
	margin-left: 140px !important;
}

.mg150l {
	margin-left: 150px !important;
}

.mg160l {
	margin-left: 160px !important;
}

.mg170l {
	margin-left: 170px !important;
}

.mg180l {
	margin-left: 180px !important;
}

.mg190l {
	margin-left: 190px !important;
}

.mg200l {
	margin-left: 200px !important;
}

.mg210l {
	margin-left: 210px !important;
}

.mg220l {
	margin-left: 220px !important;
}

.mg230l {
	margin-left: 230px !important;
}

.mg240l {
	margin-left: 240px !important;
}

.mg250l {
	margin-left: 250px !important;
}

.mg260l {
	margin-left: 260px !important;
}

.mg270l {
	margin-left: 270px !important;
}

.mg280l {
	margin-left: 280px !important;
}

.mg290l {
	margin-left: 290px !important;
}

.mg300l {
	margin-left: 300px !important;
}

.mg310l {
	margin-left: 310px !important;
}

.mg320l {
	margin-left: 320px !important;
}

.mg330l {
	margin-left: 330px !important;
}

.mg340l {
	margin-left: 340px !important;
}

.mg350l {
	margin-left: 350px !important;
}

.mg360l {
	margin-left: 360px !important;
}

.mg370l {
	margin-left: 370px !important;
}

.mg380l {
	margin-left: 380px !important;
}

.mg390l {
	margin-left: 390px !important;
}

.mg400l {
	margin-left: 400px !important;
}


/* padding all
--------------------------------------------*/
.pd0a {
	padding: 0px !important;
}

.pd2a {
	padding: 2px !important;
}

.pd3a {
	padding: 3px !important;
}

.pd5a {
	padding: 5px !important;
}

.pd10a {
	padding: 10px !important;
}

.pd15a {
	padding: 15px !important;
}

.pd20a {
	padding: 20px !important;
}

.pd25a {
	padding: 25px !important;
}

.pd30a {
	padding: 30px !important;
}

.pd40a {
	padding: 40px !important;
}

.pd50a {
	padding: 50px !important;
}

/* padding vertical
--------------------------------------------*/
.pd0v {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.pd5v {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.pd10v {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.pd15v {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.pd20v {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.pd25v {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.pd30v {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.pd40v {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.pd50v {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.pd60v {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.pd70v {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}

.pd80v {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}

.pd90v {
	padding-top: 90px !important;
	padding-bottom: 90px !important;
}

.pd100v {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

/* padding horizontal
--------------------------------------------*/
.pd0h {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.pd5h {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.pd10h {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.pd15h {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.pd20h {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.pd25h {
	padding-right: 25px !important;
	padding-left: 25px !important;
}

.pd30h {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

.pd40h {
	padding-right: 40px !important;
	padding-left: 40px !important;
}

.pd50h {
	padding-right: 50px !important;
	padding-left: 50px !important;
}

.pd60h {
	padding-right: 60px !important;
	padding-left: 60px !important;
}

.pd70h {
	padding-right: 70px !important;
	padding-left: 70px !important;
}

.pd80h {
	padding-right: 80px !important;
	padding-left: 80px !important;
}

.pd90h {
	padding-right: 90px !important;
	padding-left: 90px !important;
}

.pd100h {
	padding-right: 100px !important;
	padding-left: 100px !important;
}

/* padding top
--------------------------------------------*/
.pd0t {
	padding-top: 0px !important;
}

.pd1t {
	padding-top: 1px !important;
}

.pd2t {
	padding-top: 2px !important;
}

.pd3t {
	padding-top: 3px !important;
}

.pd4t {
	padding-top: 4px !important;
}

.pd5t {
	padding-top: 5px !important;
}

.pd10t {
	padding-top: 10px !important;
}

.pd15t {
	padding-top: 15px !important;
}

.pd20t {
	padding-top: 20px !important;
}

.pd25t {
	padding-top: 25px !important;
}

.pd30t {
	padding-top: 30px !important;
}

.pd40t {
	padding-top: 40px !important;
}

.pd50t {
	padding-top: 50px !important;
}

.pd60t {
	padding-top: 60px !important;
}

.pd70t {
	padding-top: 70px !important;
}

.pd80t {
	padding-top: 80px !important;
}

.pd90t {
	padding-top: 90px !important;
}

.pd100t {
	padding-top: 100px !important;
}

/* padding right
--------------------------------------------*/
.pd0r {
	padding-right: 0px !important;
}

.pd1r {
	padding-right: 1px !important;
}

.pd2r {
	padding-right: 2px !important;
}

.pd3r {
	padding-right: 3px !important;
}

.pd4r {
	padding-right: 4px !important;
}

.pd5r {
	padding-right: 5px !important;
}

.pd10r {
	padding-right: 10px !important;
}

.pd15r {
	padding-right: 15px !important;
}

.pd20r {
	padding-right: 20px !important;
}

.pd25r {
	padding-right: 25px !important;
}

.pd30r {
	padding-right: 30px !important;
}

.pd40r {
	padding-right: 40px !important;
}

.pd50r {
	padding-right: 50px !important;
}

.pd60r {
	padding-right: 60px !important;
}

.pd70r {
	padding-right: 70px !important;
}

.pd80r {
	padding-right: 80px !important;
}

.pd90r {
	padding-right: 90px !important;
}

.pd100r {
	padding-right: 100px !important;
}

.pd110r {
	padding-right: 110px !important;
}

.pd115r {
	padding-right: 115px !important;
}

.pd120r {
	padding-right: 120px !important;
}

.pd125r {
	padding-right: 125px !important;
}

.pd130r {
	padding-right: 130px !important;
}

.pd140r {
	padding-right: 140px !important;
}

.pd150r {
	padding-right: 150px !important;
}

.pd160r {
	padding-right: 160px !important;
}

.pd170r {
	padding-right: 170px !important;
}

.pd180r {
	padding-right: 180px !important;
}

.pd190r {
	padding-right: 190px !important;
}

.pd200r {
	padding-right: 200px !important;
}

/* padding bottom
--------------------------------------------*/
.pd0b {
	padding-bottom: 0px !important;
}

.pd1b {
	padding-bottom: 1px !important;
}

.pd2b {
	padding-bottom: 2px !important;
}

.pd3b {
	padding-bottom: 3px !important;
}

.pd4b {
	padding-bottom: 4px !important;
}

.pd5b {
	padding-bottom: 5px !important;
}

.pd10b {
	padding-bottom: 10px !important;
}

.pd15b {
	padding-bottom: 15px !important;
}

.pd20b {
	padding-bottom: 20px !important;
}

.pd25b {
	padding-bottom: 25px !important;
}

.pd30b {
	padding-bottom: 30px !important;
}

.pd40b {
	padding-bottom: 40px !important;
}

.pd50b {
	padding-bottom: 50px !important;
}

.pd60b {
	padding-bottom: 60px !important;
}

.pd70b {
	padding-bottom: 70px !important;
}

.pd80b {
	padding-bottom: 80px !important;
}

.pd90b {
	padding-bottom: 90px !important;
}

.pd100b {
	padding-bottom: 100px !important;
}

/* padding left
--------------------------------------------*/
.pd0l {
	padding-left: 0px !important;
}

.pd1l {
	padding-left: 1px !important;
}

.pd2l {
	padding-left: 2px !important;
}

.pd3l {
	padding-left: 3px !important;
}

.pd4l {
	padding-left: 4px !important;
}

.pd5l {
	padding-left: 5px !important;
}

.pd10l {
	padding-left: 10px !important;
}

.pd15l {
	padding-left: 15px !important;
}

.pd20l {
	padding-left: 20px !important;
}

.pd25l {
	padding-left: 25px !important;
}

.pd30l {
	padding-left: 30px !important;
}

.pd40l {
	padding-left: 40px !important;
}

.pd50l {
	padding-left: 50px !important;
}

.pd60l {
	padding-left: 60px !important;
}

.pd70l {
	padding-left: 70px !important;
}

.pd80l {
	padding-left: 80px !important;
}

.pd90l {
	padding-left: 90px !important;
}

.pd100l {
	padding-left: 100px !important;
}

.pd110l {
	padding-left: 110px !important;
}

.pd115l {
	padding-left: 115px !important;
}

.pd120l {
	padding-left: 120px !important;
}

.pd125l {
	padding-left: 125px !important;
}

.pd130l {
	padding-left: 130px !important;
}

.pd140l {
	padding-left: 140px !important;
}

.pd150l {
	padding-left: 150px !important;
}

.pd160l {
	padding-left: 160px !important;
}

.pd170l {
	padding-left: 170px !important;
}

.pd180l {
	padding-left: 180px !important;
}

.pd190l {
	padding-left: 190px !important;
}

.pd200l {
	padding-left: 200px !important;
}


/* text-align
--------------------------------------------*/
.taL {
	text-align: left !important;
}

.taC {
	text-align: center !important;
}

.taR {
	text-align: right !important;
}

/* vertical-align
--------------------------------------------*/
.va-top {
	vertical-align: top !important;
}

.va-middle {
	vertical-align: middle !important;
}

.va-bottom {
	vertical-align: bottom !important;
}

/* font-weight
--------------------------------------------*/
.fw_bold {
	font-weight: bold !important;
}

.fw_normal {
	font-weight: normal !important
}

/* font-size
--------------------------------------------*/
.f10 {
	font-size: 10px !important;
}

.f11 {
	font-size: 11px !important;
}

.f12 {
	font-size: 12px !important;
}

/* Pタグ */
.f13 {
	font-size: 13px !important;
}

/* base */
.f14 {
	font-size: 14px !important;
}

.f15 {
	font-size: 15px !important;
}

.f16 {
	font-size: 16px !important;
}

.f17 {
	font-size: 17px !important;
}

.f18 {
	font-size: 18px !important;
}

.f19 {
	font-size: 19px !important;
}

.f20 {
	font-size: 20px !important;
}

.f21 {
	font-size: 21px !important;
}

.f22 {
	font-size: 22px !important;
}

.f23 {
	font-size: 23px !important;
}

.f24 {
	font-size: 24px !important;
}

.f25 {
	font-size: 25px !important;
}

.f26 {
	font-size: 26px !important;
}


/* font color
--------------------------------------------*/
.org {
	color: #F15E25 !important;
}

/* orange */
.grn {
	color: #619123 !important;
}

/* green */
.wht {
	color: #ffffff !important;
}

/* white */
.grey {
	color: #666666 !important;
}

/* grey */
.grey02 {
	color: #333333 !important;
}

/* grey */
.blk {
	color: #03180d !important;
}

/* prometric black */
.blk02 {
	color: #444444 !important;
}

/* prometric black */

/* line-height
--------------------------------------------*/
.lh10 {
	line-height: 1.0em !important;
}

.lh11 {
	line-height: 1.1em !important;
}

.lh12 {
	line-height: 1.2em !important;
}

.lh13 {
	line-height: 1.3em !important;
}

.lh14 {
	line-height: 1.4em !important;
}

.lh15 {
	line-height: 1.5em !important;
}

.lh16 {
	line-height: 1.6em !important;
}

.lh17 {
	line-height: 1.7em !important;
}

.lh18 {
	line-height: 1.8em !important;
}

.lh19 {
	line-height: 1.9em !important;
}

.lh20 {
	line-height: 2.0em !important;
}