@charset "UTF-8";

/* div.view_table */
div.view_table{ width:100%; display:table; margin-top:20px; text-align:center; }
div.view_table .row_head{ width:100%; background-color:#666666; color:#ffffff; font-size:15px; }
div.view_table .row_head .td:nth-child(-n+2){ border-right:1px solid #ededed; }
div.view_table .row_head,
div.view_table .row { display:table-row; }
div.view_table .row { font-size:14px; color:#666666; width:100%;  }
div.view_table .td  { display:table-cell; width:33.3%; padding:15px 5px; vertical-align:middle; border-bottom:1px solid #ededed; }
div.view_table .row .td:nth-child(-n+2) { border-right:1px solid #ededed; }
div.view_table .row:last-child .td      { border-bottom:1px solid #cccccc; }

/* div.view_table2 */
div.view_table2{ width:100%; display:table; margin-top:20px; text-align:left; }
div.view_table2 .row { display:table-row;  }
div.view_table2 .row { font-size:14px; color:#666666; width:100%;  }
div.view_table2 .th  { display:table-cell; width:25%; max-width:200px; padding:5px 5px; color:#333; font-weight:bold; vertical-align:middle; white-space: nowrap; }
div.view_table2 .td  { display:table-cell; width:75%; padding:3px 5px; vertical-align:middle;  }
div.view_table2 .th  i { width:6px; height:6px; background-color:#d3d3d3; border-radius:50%; display:inline-block; margin:0 6px 2px 0; }

/* ul.input_table */
ul.input_table    { width:100%; margin-bottom:25px }
ul.input_table li { display:inline-block; width:98.5%; margin-top:25px; clear:both; vertical-align:top }
ul.input_table li.half   { width:49%;  }
ul.input_table li.half:first-child { margin-right:3% }
ul.input_table li.left3  { width:30%; margin-right:0; }
ul.input_table li.left7  { width:65%; margin-right:0; }
ul.input_table li.center3 { width:30%; margin-right:0; }
ul.input_table li.center7 { width:65%; margin-right:0; }
ul.input_table li.right3 { width:30%; margin-right:0; text-align:right; }
ul.input_table li.right7 { width:65%; margin-right:0; text-align:right; }
ul.input_table li > label { font-size:15px; color:#000000; font-weight:600; }
ul.input_table li > label .description{ margin-left:15px; font-size:14px; color:#67af0a; font-weight:normal; }
ul.input_table li > div { min-height:25px; margin-top:15px; color:#666; clear:both; }
ul.input_table li > div input,
ul.input_table li > div select   { width:100%; height:40px; border:1px solid #dddddd; color:#000000; padding-left:15px; }
ul.input_table li > div textarea { width:100%; height:120px; border:1px solid #dddddd; color:#000000; padding-left:15px; }
ul.input_table li > div .checkbox_wrap { min-width:130px; margin-right:40px; }
ul.input_table li > div .checkbox_wrap label { font-size:14px; font-weight:300; letter-spacing: -.5px; cursor:pointer }

ul.input_table li.file_upload .file_name         { display:inline-block; width:calc(100% - 250px); min-height:40px; border:1px solid #dddddd; line-height:37px; padding-left:15px; margin-right:10px; text-align:left; color:#67af0a; white-space: nowrap;}
ul.input_table li.file_upload .file_name img     { width:9px; cursor:pointer; margin-top:-3px; }
ul.input_table li.file_upload .file_upload_btn   { width:200px; height:40px; border:0; background-color:#dddddd; cursor:pointer; font-size:15px; }
@media screen and (max-width: 700px) {
	ul.input_table li.file_upload .file_name         {  width:calc(100% - 180px); }
	ul.input_table li.file_upload .file_upload_btn   { width:150px; font-size:13px; }
}

@media screen and (max-width: 700px) {
	ul.input_table li.half { width:100%; margin-right:0% }
}
@media screen and (max-width: 500px) {
	ul.input_table li.left3  { width:50%; margin-right:0; }
	ul.input_table li.left7  { width:100%; margin-right:0; margin-top:0px; }
	ul.input_table li.center3  { width:50%; margin-right:0; }
	ul.input_table li.center7  { width:100%; margin-right:0; margin-top:0px; }
	ul.input_table li.right3   { width:100%; margin-right:0; }
	ul.input_table li.right7   { width:100%; margin-right:0; margin-top:0px; }
}

/******************************************************************/

.lrGroup         { display:flex; vertical-align: top }
.leftGroup       { width:49.5%; display:inline-block; }
.leftGroup .item {  }
.rightGroup       { width:49.5%; display:inline-block; text-align:right }
.rightGroup .item {  }

/******************************************************************/

/* ul.input_date */
ul.input_date    { width:100%; min-height:40px; margin-top:25px }
ul.input_date li { display:inline-block; width:50%; float:left; }
ul.input_date li.date input[type=text]  { width:36%; height:38px; font-size:14px; color:#333; padding-right:50px; border:1px solid #ddd; text-align:center; background:url('/img/icon/input_date.png') no-repeat right; }
ul.input_date li.date button { width:20%; height:38px; }
ul.input_date li.btn_wrap {  }
ul.input_date li.btn_wrap button { float:right; min-width:24%; margin-left:2px; height:38px; }

@media screen and (max-width: 1000px) {
	ul.input_date li.date     { width:60%; }
	ul.input_date li.btn_wrap { width:40%; }
}
@media screen and (max-width: 770px) {
	ul.input_date li.date     { float:none; width:100%; }
	ul.input_date li.btn_wrap { float:none; width:70%; margin-left:30%; margin-top:10px }	
}
@media screen and (max-width: 500px) {
	ul.input_date li.date     { float:none; width:100%; }
	ul.input_date li.btn_wrap { float:none; width:100%; margin-left:0%; }	
}
/******************************************************************/

/* tbl_write1 */
table.tbl_write1 { margin:0 auto; width:80%; }
table.tbl_write1 tr th,
table.tbl_write1 tr td { padding:5px 10px; }
table.tbl_write1 tr th { border-right:1px solid gray }
table.tbl_write1 tr th { width:20%; text-align:center; }
table.tbl_write1 tr td { width:80%;  }

input.p100 { width:100%; }
input.p50  { width:50%;  }


/* tbl_view1 */
table.tbl_view1 { margin:0 auto; width:80%; border-top:2px solid silver; }
table.tbl_view1 tr th,
table.tbl_view1 tr td { padding:10px; border-bottom:1px solid silver }
table.tbl_view1 tr th { width:20%; text-align:center; background-color:#efefef }
table.tbl_view1 tr td { width:80%;  }


/* tbl_view2 */
table.tbl_view2 { margin:0 auto; width:80%; border-top:2px solid silver; }
table.tbl_view2 tr th,
table.tbl_view2 tr td { padding:10px; border-bottom:1px solid silver }
table.tbl_view2 tr th { width:15%; text-align:center; background-color:#efefef }
table.tbl_view2 tr td { width:35%;  }
table.tbl_view2 tr td.colspan { width:85% }

/* tbl_board1 */
table.tbl_board1 { margin:0 auto; width:100%; border-top:2px solid silver; }
table.tbl_board1 thead tr { background-color:#efefef; text-align:center }
table.tbl_board1 tr th,
table.tbl_board1 tr td { padding:10px; border-bottom:1px solid silver }
table.tbl_board1 tr th { font-weight:bold }
table.tbl_board1 tr td { text-align:center }


/* bullet */
table.bullet { margin-left:15px; width:calc(100% - 30px); }
table.bullet th, table.bullet td { min-height:35px; }
table.bullet th  { min-width:120px; vertical-align:top; font-weight:500 }
table.bullet td  { color:#666; }
table.bullet th:before { position:absolute; content:'·'; font-size:30px; color:#D6D6D0; margin-top:-10px; margin-left:-15px }

table.bullet.harf { display:inline-block; width:48%; float:left; clear:right }
@media screen and (max-width: 840px) {
	table.bullet.harf { width:calc(100% - 30px); }
}