/* ===================================================================
CSS information
style info : CBT体験版（分割表示）
=================================================================== */

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

	html body

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

#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.current{display:block;}
div.notcurrent{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;
}

.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: 100%;
	height:69px;
	margin-top: 60px;
	text-align: center;
	cursor: pointer;
}

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

	試験詳細確認画面

#######################################################################
*/
.examDetailConfirm{
	width:486px;
	height:499px;
	background-image:url(../img/confirm_detail_J.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
}

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

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

/* 試験名・受験者名
--------------------------------------------*/
.shikenname {
  position: absolute;
  top: 60px;
  left: 15px;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
}

.candidatename {
  position: absolute;
  top: 60px;
  left: 798px;
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
}

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

	試験開始画面／試験中試験開始画面／試験終了画面 (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;
}

/* 開始画面／試験中開始画面／終了画面：ヘッダー
--------------------------------------------*/
.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;
	font-size: 90%;
	width: 130px;
	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: hidden;
	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: 17px;
	line-height: 15px;
}

.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.5em;
	color:#FF0000;
}

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

/* 開始画面／試験中開始画面／終了画面：フッター
--------------------------------------------*/
/*注意事項が記載されているエリア*/
#intro_area, #exam_intro {
  position: absolute;
  overflow: hidden;
  width: 864px;
  min-height: 460px;
  background-color: #FFFFFF;
  margin: 90px 0px 0px 85px;
  border: 1px solid #aaa;
  border-radius: 5px;
  left: -3px;
  top: -1px;
}

.precautions_caution li{
    font-size: 15px;
    line-height: 15px;
    color: #FF0000;
    margin-bottom: 15px;
}

.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;
}

.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:5px;
	left:15px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
}

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

#item_number_pdf{
	position: absolute;
	top:14px;
	left:15px;
	font-size:12px;
	color:#FFF;
}

#section_name_pdf{
	position: absolute;
	top:30px;
	left:13px;
	font-size:13px;
	color:#FFF;
}

.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;
}

/* 設問ボタン
--------------------------------------------*/
#item_button{
	position:absolute;
	top:86px;
	left:9px;
    width:61px;
	height:130px;
	background-color:#FFF;
}

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

#item_button_pdf img{
	margin-bottom: 5px;
}

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

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

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

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

.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;
}

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

/* 選択ボックス：hover
--------------------------------------------*/
.selectBox: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{
	border: solid 1px #FFF;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 3px #FFA510;    /* 外側の線になる5pxの一本線の枠線をひく*/
	outline-offset: 1px;        /* 内側の線になる一本線の枠線をひく*/

}

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

/* 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: 567px;
  height: 187px;
}

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

	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;
}

/*  モーダルウィンドウの背景グレー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_ResultUploadScreen {
    top: 50%;
    left: 50%;
    margin: -260px 0 0 -380px;
    width: 760px;
    height: 450px;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 10;
    background-image: url(../img/examresult_background_800-600.png);
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.goto_tutorialPDF{
    width:360px;
    height:50px;
    line-height:50px;
    margin: 10px auto 30px auto;
}
.goto_tutorialPDF a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#619028;
    text-align:center;
    color:#FFFFFF;
    font-size:23px;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
}
.goto_tutorialPDF a:hover{
    background:#0B7318;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    box-shadow:none;
}


/*  モーダル：試験終了確認画面
--------------------------------------------*/
.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;
}

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

	タイマー

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

/* 試験中開始画面タイマーエリア
--------------------------------------------*/
#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;
}

#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: 90%;
	line-height: 1.2em;
	text-align: center;
	top:14px;
	left:630px;
	color:#FFF;
}

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

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

	計算機

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

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

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

.keyboard-item.keyboard-item-double {
  width: 70px !important;
}

.keyboard-item.keyboard-item-sextuple {
  width: 230px !important;
}

.med-text {
    font-size: 1.2rem !important;
    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;
}

.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-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.png) 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.png) 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.png) !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: 235px;
  height: 100%;
  background-color: #FFFFFF;
  border-right: 1px solid #ccc;
  position: absolute;
  top: 0;
  z-index: 9999;
  transform: translate(-240px);
  transition: all .3s;
}

/* 設問一覧パネル：ヘッダー
--------------------------------------------*/
.itemPanelWrapper_header{
  width: 220px;;
  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"は名称を合わせているので修正禁止）
--------------------------------------------*/

#item_button_panel{
	padding: 10px;
}

#item_button_panel img{
	margin-bottom: 5px;
}

.item_bt_invisible{
	display: none !important;
}

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

	各種ボタン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;
    }

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

	ツールチップ

#######################################################################
*/
.tooltip1,
.tooltip2,
.tooltip3{
/*    position: relative;
    cursor: pointer;
    display: inline-block;*/
}

.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 */
.red {color: #FF0000;}


/* 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;}