@charset "UTF-8";
/* GLOBAL */
body{
	padding: 0 30px;
}
.cf{
}
.cf:before{
	content:"";
	width:100%;
	clear:both;
	display:block;
	margin:3px 0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.block-padding{
	width:100%;
	padding:10px 0 30px 0;
}
.block-padding:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
}
.gray {
	color:#555;
}

.table_clear td , .table_clear {
	background:#fff;
	border:none !important;
	padding:0;
	margin:0;
}
.table_clear span{
	color:#fff !important;
}

.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}


#ORDER:invalid{
    border:solid 2px #F5192F;
}







.chkbox {
	padding-top: 2px;
}
/* ラベルのスタイル　*/
.chkbox label {
	padding-top:		0;			/* ラベルの位置 */
	font-size:		24px;
	line-height:		24px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

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









/* MAIN */

header {
	width:100%;
	height:94px;
}
header a{
	display:block;
	height:94px;
}
header:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
}
header a:nth-child(1){
	width:321px;
	background:url(../img/logo_header.png) no-repeat;	
	float:left;
}
header a:nth-child(2){
	width:261px;
	background:url(../img/bt_admin.png) no-repeat;	
	float:left;
}
header a:nth-child(3){
	width:70px;
	background:url(../img/logo.png) no-repeat;
	float:right;
}
h1{
	height:53px;
	background:url(../img/h1_bk.png) repeat-x;
	font-size:30px;
	padding:10px ;
}
h2{
	margin:10px 0 0 0;
	background:#2ea7e0;
	float:left;
	padding:8px;
	color:#fff;
	font-size:18px;
	border-left:#8dc500 8px solid;
}
h2:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
	height:0;
}

table{
	clear:both;
	width:100%;
	padding:8px;
	border:1px #2ea7e0 solid;
	border:1px #999 solid;
}
td{
	padding:10px;
	vertical-align:central;
}
table.first_table tr td:nth-child(1){
	text-align:center;
	padding:8px;
	width:200px;
	background:rgba(75,190,239,1.00);
	background:#999;
	color:#fff;
	font-weight:bold;
}
table.first_table tr td:nth-child(2){
	text-align:left;
	padding-left:8px;
/*	color:#2ea7e0;
	color:#999;*/
}
td button{
	float:right;
	margin:10px !important;
}

.secondTable td{
	border:1px #2ea7e0 solid;
	border:1px #999 solid;
}

.secondTable tr:nth-child(1){
	background:rgba(75,190,239,1.00);
	background:#999;
	color:#fff;
}


.secondTable td:nth-child(2) span{
	font-size:12px;
	color:rgba(75,190,239,1.00);
	color:#999;
}
td.no-border{
	border:none !important;
}



.RELATIVE_REGION_LEFT,
.AFFECT_NAME_LEFT{
	width:45%;
	height:200px;
	border:1px #ccc solid;
	overflow-y:scroll;
	float:left;
}
.RELATIVE_REGION_RIGHT,
.AFFECT_NAME_RIGHT{
	width:45%;
	height:200px;
	border:1px #ccc solid;
	overflow-y:scroll;
	float:right;
}
.AFFECT_NAME_RIGHT,
.AFFECT_NAME_LEFT
{
	height:140px;
}

.RELATIVE_REGION_LEFT p ,.RELATIVE_REGION_RIGHT p ,
.AFFECT_NAME_LEFT p ,.AFFECT_NAME_RIGHT p
{
	/*background:#fff;
	/*background:rgba(255,247,183,1.00);*/
	/*height:25px;*/
	/*border-bottom:1px #339 dotted;*/
	/*overflow:hidden;*/
	/*margin:2px 0;*/
}
.RELATIVE_REGION_MIDDLE,
.AFFECT_NAME_MIDDLE{
	width:10%;
	float:left;
}
.RELATIVE_REGION_MIDDLE_IN,
.AFFECT_NAME_MIDDLE_IN{
	width:40px;
	margin:40px auto;
}
.AFFECT_NAME_MIDDLE_IN{
	margin:10px auto;
}
.RELATIVE_REGION_BT_PLUS,
.AFFECT_NAME_BT_PLUS{
	background:url(../img/bt_plus.png);
	width:40px;
	height:55px;
	border:none;
	margin:0 !important;
	clear:both;
}
.RELATIVE_REGION_BT_MINUS,
.AFFECT_NAME_BT_MINUS{
	background:url(../img/bt_minus.png);
	width:40px;
	height:55px;
	border:none;
	margin:0 !important;
	clear:both;
}


/* Form */
input:invalid {
	color:rgba(255,0,4,1.00);
}
input:required:invalid, input:required:focus:invalid {
	color:rgba(255,0,4,1.00);
	background-color:rgba(255,253,201,1.00);
}
input:required:valid {
	color:rgba(0,0,0,1.00);
	background-color:rgba(255,255,255,1.00);
}