@charset "utf-8";
/* CSS Document */

body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

/*	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
*/
	}

/* ヘッダーの背景 */
div#header-bk { 
	background-color:#444;  /* 背景色(黒) */
	padding:10px 0 0;       /* 上から10px分余白をあける */
	height:140px;           /* 縦の高さ140px */
	width:100%;             /* 横の幅を100% */
}
/* ヘッダーの表示領域 */
div#header { 
	border: 5px solid #fff; /* 表示領域を白枠で囲う */
	height: 120px;  /* 縦の表示領域120px */
	width: 970px;   /* 横の幅970px */
	margin: auto;   /* 中央揃え */
}

/* ボディ */
/* ボディの大枠 */
div#body-bk{  
	width: 970px;            /* 横の幅970px */
	margin: 10px auto 0;     /* 上から10px分余白を取る */
	padding-bottom: 150px;   /* フッターの高さの分余白を取る */
}
 
/* ボディ */
div#body{  

}
p.q_text{

}

/* 試験問題　タイトル */
div#body-title{
	color: #FFF;
	font-weight: bold;
	background-color: #12591e;   /* 背景色 */
	width:100%;               /* 横の幅を100% */
	text-align:center;
	padding: 5px;          /* 上下に余白を取る */
	margin: 10px 0px 10px 0px;
}

div#body-test-score{
	font-weight:bold;
	width:100%;             
/*	padding: 5px;            
	margin: 10px 0px 10px 0px;
*/
	}

.qes{
	padding:5px; 
}

table {

	background-color: #f3f3f3;	/* #d8d8d8; */
	border-collapse: collapse;
    border:1px solid #333;
	
}

.footer_z{
	z-index:5;
	}

.select_table{
	margin: 0px 5px;
	background-color: #444;
    border:1px solid #444;
	
}

.button_select input{
	padding: 4px 10px;
	font-size:1.2em;
	
	}

.tb_number{
	color: #FFF;
	background-color: #217346; /*#8279bf*/

}

.tb_select_2{
	color: #FFF;
	background-color: #217346; /*#8279bf*/
    border:1px solid #FFF;


}

.tb_select_2 td{
	padding:3px 20px;
}

.q_img{
	background-color:#FFF;
	}

.tb_2_2{
		background-color: #FFF; /*#8279bf*/
	    border:1px solid #FFF;

	}
.tb_2_2 td{
		padding:5px 5px;

	}
.tb_3{
		background-color: #FFF; /*#8279bf*/
	    border:1px solid #FFF;

	}
	
.tb_3 td{
		padding:5px 5px;

	}


/* 第１問　タイトル */
.body-title-q{
	color: #FFF;
	font-weight: bold;
	background-color: #414141;   /* 背景色 */
	width:100%;               /* 横の幅を100% */
	padding: 5px;          /* 上下に余白を取る */
	margin: 10px 0px 10px 0px;
}

.q_number{
	/*
	width: 90%;
	*/
	width:100%; box-sizing:border-box;
}

/* 第１問　記号入力 */
.acbox-q{
  padding-top   : 4px;
  padding-right : 4px;
  padding-bottom: 2px;
}

/* 第１問　金額入力 */
.mbox-q{
  width:100%; box-sizing:border-box;
  padding-top   : 4px;
  padding-right : 4px;
  padding-bottom: 2px;
  text-align    : right;
  	  z-index:1;
}


.answer_box{
	background-color:#FFF;
	  padding: 10px 10px;

	}
	
.zzz{
	position: relative;
	}
.mb_zindex{	
	position:absolute; left:5px;
	z-index:3;
}


	
	
/*
table.answer_box{
	color:#F00;
}
*/
.answer_box_t{
	color:#F00;
	border-collapse: collapse;
    border:1px solid #333;
	background-color:#FFF;

	}
	
.q2_tb{
		background-color:#FFF;
	}
.q3_tb{
		background-color:#FFF;
	}
.tb_total_b{
	border-top: 1px solid black;
	border-bottom: 3px double black;
}

.tb_total_b3{
	border-top: 1px solid black;
}

.answer_box td{
	
	}


table.tb_select_2{
	color:#FFF;

}


/* フッターの背景 */
div#footer-bk
{
	background-color: #444;   /* 背景色(黒) */
	width:100%;               /* 横の幅を100% */
	height: 50px;            /* 縦の幅を120px */
	position: fixed;       /* 絶対位置指定することを定義 */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	left: 0px;
	padding: 10px 0;          /* 上下に余白を取る */
}
/* フッターの表示領域 */
div#footer{
	height: 55px;          /* 縦幅の指定100px */
	width: 970px;           /* 横の幅970px */
	margin: auto;           /* 中央揃え */
}

/* Chrome/Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}



body{
	background-color: #f4f9c9; /*#f4f9c9*/
}