.title_label {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    height: 24px;
    background-color: #bde9ba;
}

.title_label2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    height: 24px;
    background-color: #666666;
}

.title_label3 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    height: 72px;
    background-color: #bde9ba;
}

.input_area {
    display: table-cell;
    vertical-align: middle;
    height: 24px;
}

.title_panel_blue {
    text-align: center;
    vertical-align: middle;
    width: 300px;
    height: 36px;
    margin-right: 60px;
    color: #ffffff;
    background: linear-gradient(to bottom, #0000cc,#000066);
    border-radius: 6px;
    border-style: none;
    font-size: 1.4em;
    font-weight: bold;
}

.title_panel_yellow {
    text-align: center;
    vertical-align: middle;
    width: 300px;
    height: 36px;
    margin-right: 60px;
    color: #ffffff;
    background: linear-gradient(to bottom, #cccc00,#666600);
    border-radius: 6px;
    border-style: none;
    font-size: 1.4em;
    font-weight: bold;
}

.title_panel_green {
    text-align: center;
    vertical-align: middle;
    width: 300px;
    height: 36px;
    margin-right: 60px;
    color: #ffffff;
    background: linear-gradient(to bottom, #00cc00,#006600);
    border-radius: 6px;
    border-style: none;
    font-size: 1.4em;
    font-weight: bold;
}

.title_panel_red {
    text-align: center;
    vertical-align: middle;
    width: 300px;
    height: 36px;
    margin-right: 60px;
    color: #ffffff;
    background: linear-gradient(to bottom, #cc0000,#660000);
    border-radius: 6px;
    border-style: none;
    font-size: 1.4em;
    font-weight: bold;
}

.new_image {
    width: 96%;
    margin: auto;
    color: #000000;
    background-color: #ffffff;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.new_image_back {
    color: #000000;
    background-color: #ffffff;
    background-image: url("../images/PointLab.png");
    background-repeat: no-repeat;
    background-position: center center;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.header1 {
    text-align: center;
    color: #000000;
    background-color: #a0a0a0;
    border-radius: 8px; /* 角を丸くする */
    padding: 10px;
    width: 12em;
}

.new_th {
    background-color: #ccccee;
}

.new_td {
    background-color: #ccccee;
}


.new_total {
    color: #ffffff;
    background-color: #0E3054;
/*    background-color: #144884;*/
}

.new_total_i {
    color: #ffffff;
    background-color: #004040;
}

.k_input {
    text-align: center;
    background-color: #666666;
}

.new_input {
    color: #ffffff;
    background-color: #666666;
}

.new_table tr:nth-child(odd) .nt{background-color:#ddffff;}
.new_table tr:nth-child(even) .nt{background-color:#ffffff;}

.nt_odd  {background-color:#ddffff;}
.nt_even {background-color:#ffffff;}

.new_button {
    color: #ffffff;
    border:1px solid #999999;
    background:linear-gradient(to bottom, #666666,#333333);
    border-radius: 6px;
    cursor: pointer;
}

.new_button2 {
    width: 7.5em;
    color: #ffffff;
    border:1px solid #999999;
    background:linear-gradient(to bottom, #666666,#333333);
    border-radius: 4px;
    cursor: pointer;
}

/* ▼(A)表示領域全体 */
div.tabbox {
    margin: 0 auto;
    padding: 0px;
    width: 960px;
}

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 16px 1px 0px 0px; padding: 3px;
   text-align: center;
   border-radius: 8px 8px 0px 0px; /* 角を丸くする */
}
/* ▼(B-3)各タブの配色 */
p.tabs a.tab1 { background-color: #cccccc; color: #333333; }
p.tabs a.tab2 { background-color: #cccccc; color: #333333; }
p.tabs a.tab3 { background-color: #cccccc; color: #333333; }
p.tabs a.tabSelected { background-color: #666666; color: #ffffff; font-weight: bold; }
p.tabs a:hover { background-color: #2dbe56; color: white; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 { border: 2px solid #cccccc; background-color: #ffffff; }
div#tab2 { border: 2px solid #cccccc; background-color: #ffffff; }
div#tab3 { border: 2px solid #cccccc; background-color: #ffffff; }
div.tab p { height: 400px; margin: 0.5em; }

.chkbox {
	margin:			0 0 10px 20px;
}
/* ラベルのスタイル　*/
.chkbox label {
	padding-left:		80px;			/* ラベルの位置 */
	font-size:		72px;
	line-height:		72px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.chkbox label:before {
	content:		'';
	width:			72px;			/* ボックスの横幅 */
	height:			72px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		16px 16px 16px 16px;
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		74px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#06f;			/* チェックした時の色 */
}