html, body, .default_content, .main_section {
	/* height: 100%; */
	background-color: #f8f8f8;
}

.section_title {
margin-bottom: 0px;
    }
table.page{
width:100%;
height:100%;
background-color:#f8f8f8;
min-width:1400px;
margin-top: 70px;
}

.main_section{
	margin-top: 70px;
}

/*上*/

div.hd{
border: solid #899790 1px;
width:100%;
height:70px;
background-color:white;
position: fixed;
top:0;
z-index: 10000;
}


div.hd #description{
    padding-left:10px;
    color: #2392ff;
}
div.hd table{
width:100%;
height:100%;
vertical-align:middle;
}

#sim_page_title{
color: #899790;
font-size: 2.2em;
width:450px;
}

#sim_compo_td{
text-align:right;
padding-right:30px;
}

div.hd table td span{
padding:5px;
margin-left:10px;
font-size:12px;
}
div.hd .btn_default:last-child {
    border-right: none;
    background-color: #80b7b4;
    color: #fff;
    width:80px;
    float: none;
}

div.hd .btn_default:last-child:hover {
    background-color: #6c9c9a;
    }

div.hd .btn_default:first-child {
    border-right: none;
    background-color: #80b7b4;
    color: #fff;
    width:80px;
    float:none;
}

div.hd .btn_default:first-child:hover {
    background-color: #6c9c9a;
    }


/*アイコンリスト*/
.main_box:not(.main_area){
border-right: solid #899790 1px;
border-left: solid #899790 1px;
width:490px;
height:810px;
position: absolute;
}
.main_box:not(.main_area):not(#saku_sel){
overflow: auto;
}

.main_box {
height:auto;
background-color:#f8f8f8;
border-top:none;

}
#saku_sel{

}

div.icon_list{
    width:100%;
    height:340px;;
    display: inline-block;
    overflow: auto;
}

ul.icon_list{
    width: 450px;
    display: block;
    list-style: none;
    padding-left:0px;
    /*margin: 0 5px;*/
}



div.icon_list .sakugata_box {
    background-color:#fff;
    /* width: 200px; */
    width: 100%;
    height:auto;
    min-height:60px;
    margin: 5px 5px 0px 10px;
    float: left;
    vertical-align: middle;
    box-shadow: 2px 3px 2px #ddd;
    border:1px solid #CCC;
    overflow: hidden;
}

div.icon_list .sakugata_box span.name,
div.sakugata_box.sel_taikei_dtl span.sel_sakugata_name,
#menseki_list .sel_sakugata_name{
display: inline-block;
}


div.icon_list div.sakugata_box img{
height:40px;
max-width:85px;
margin-left:6px;
margin-top:6px;
vertical-align:middle;
}
.select_img_div{
height:100%;
display:block;
/* display:inline-block;
float: left; */

}

.select_box_div {
    /* position: fixed; */
    display: none;
    /* top: 40%; */
    /* left: 50%; */
    /* width: 300px; */
    /* z-index: 100; */
    background-color: white;
    /* padding: 20px;
    box-shadow: 0px 3px 6px #999; */
    /* margin-top: -100px;
    margin-left: -200px; */
}

.sek_close_btn{
	text-align: center;
    margin-top: 23px;
    cursor: pointer;
}

.select_img_div .sel_img {
    display: inline-block;
    width: 60px;
    text-align: center;
}

.gata_select_box,
.select_box{
background-color: #2392ff;
margin: 0px 10px 10px 0px;
text-align:center;
cursor: pointer;
padding:6px 6px;
border-radius: 5px;
color:white;

width:65%;
float: right;
}

.select_box_dmy{
background-color: #f9f9f9;
margin: 0px 10px 5px 0px;
text-align:center;
cursor: pointer;
border: 1px solid #cccbcb;
padding:3px 0px;
}

.gata_select_box:hover,
.select_box:hover{
background-color: #edeeef;
}

div.select_list{
width:100%;
height:auto;

display:inline-block;
}

div.main_box span.txt{
padding:10px 20px;
width:100%;
text-align:left;
display: inline-block;
font-size:1.2em;
box-sizing: border-box;
}

#selected_box_title{
border-top:1px solid #899790;
}


div#selected_box{
margin-left:5px 10px 10px;
display:inline-block;
overflow: auto;
padding-left: 10px;
height:325px;
}

.mst60_box {
width: 420px;
margin: 5px 0px 5px 10px;
background-color:#fff;
padding:2px 15px 5px 10px;
box-shadow: 2px 2px 1px #ddd;
border:1px solid #CCC !important;
}

.mst60_box .sel_mst60_name{
vertical-align: middle;
line-height: 1.4em;
display: inline-block;
width: 150px;
/*display: block;
height:2em;
background-color: #D7C950;
background-color: #ececec;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;*/
}
.sel_gata_name{
    width:200px !important;
}

.sel_mst60_img {
    width: 40px;
    display: inline-block;
    text-align: center;
}

.mst60_box img.del_btn{
width:20px;
float:right;
margin-top:20px;
}

.sel_gata_ttl{
    font-size: 18px;
    margin-top: 10px;
}


.sel_mst60_img img:not(.del_btn){
height:40px;
margin: 10px auto;
}

.sel_sg_gata_nm{
    width:200px;
    display:inline-block;
}

/*グラフエリア*/

div.working{
    text-align: right;
    margin-top: 20px;
    }
div.main_area{
border-left:none;
border-top:none;
background-color:#f8f8f8;
position: absolute;
margin-left: 492px;
}

div.legend{
z-index:10;
margin:10px 0px 10px 0px;
background-color:#ececec;
}

ul.legend_list {
padding-left:0px;
padding:5px;
}
ul.legend_list li {
  vertical-align: middle;
  margin:5px;
  width: 350px;
  list-style: none;
  display: flex;
}
.legend_menseki{
	text-align:right;
    width: 50%;
}
.legend_color{
    width: 50px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
}

div.graph_div{
margin:0px auto;
display:inline-block;
padding: 20px;
}

div.graph_area{
display: inline-block;
margin-top:10px;
}

.graph_title{
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:20px;
}


/*作業・所得体系を修正*/



div.sakugata_box.sel_taikei_dtl,div.sakugata_box.sel_box{
background-color:#fff;
width: 200px;
height: auto;
min-height:140px;
margin: 5px 5px 15px 10px;
float: left;
vertical-align: middle;
box-shadow: 2px 3px 2px #ddd;
border-radius: 5px;
overflow: hidden;
}

div.sakugata_box.sel_taikei_dtl:hover,div.sakugata_box.sel_box:hover{
    background-color:#fafce8;
}

table.mst60_tbl tr:first-child td{
text-align:center;
}

table.mst60_tbl tr:first-child td img{
height:70px;
}

table.mst60_tbl tr:nth-child(n+2) td{
padding:3px 0px;
}

table.mst60_tbl{
margin: 10px auto;
width:95%;
}

table.mst60_tbl tr:nth-child(2) td{
/*text-align:center;*/
padding-bottom:4px;
}

.sak_sagyo_hiyo_list{
    display:inline-block;
    width:230px;
}
.sak_sagyo_hiyo_list .sh_radio{
    float: right;
    margin-right: 20px;
}

.sak_sagyo_hiyo_item{
    height: 1.5em;
}
#sak_icon_list .select_img_div{
    width:100%;
    padding: 10px 0;
}
#sak_icon_list .select_img_div .sel_img,
#sak_icon_list .select_img_div .sel_sg_gata_nm,
#sak_icon_list .select_img_div .sak_sagyo_hiyo_list
{
    display:table-cell !important;
    vertical-align: middle !important;
}

/*面積*/

table#menseki_list{
margin: 10px auto auto 10px;
/*border: solid #fff497 2px !important;*/
width:95%;
border-collapse: separate;
border-spacing: 0px 5px;

}
table#menseki_list tr{
    display: inline-block;
    border: 1px solid #899790;
    margin-right: 10px;
    background-color: #fff;
    height: 155px;
    margin-bottom: 15px;
    }
table#menseki_list td{
width:230px;
display: block;
text-align: center;
}

table#menseki_list td:first-child{
padding:5px;

}

table#menseki_list td:first-child img{
height:70px;
}

table#menseki_list td:last-child{
padding:5px 0px;
}

table#menseki_list td.mst60_name{
font-size:15px;
padding:3px 0px;
}

table#menseki_list td:nth-child(3){
text-align: center;
}

table#menseki_list td:nth-child(3) input{
padding:5px;
margin-right:3px;
    font-size: 15px;
    text-align: right;
}


div.men_li{
  width: 0;
  height: 0;
  border-left: 10px solid black;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  display: inline-block;
}


div#men_inp.main_box{
width:490px;
height:800px;
overflow: auto;

}

.del_btn{
cursor: pointer;
}



/*従事者数*/

.worker_count{
margin:30px auto 0px;
text-align: center;
background-color:#fff;
border: 1px solid #CCC;
overflow: hidden;
padding:20px;
width:350px;
font-size:15px;
}

.worker_count select{
width:50px;
margin:0 3px;
}

.worker_count_button{
background-color:#2392ff;
margin:0 10px;
border-radius: 15px;
padding:7px 0;
width:80px;
color:#fff;
cursor:pointer;
font-size:14px;
float:right;

}

.worker_count_button:hover{
background-color:#edeeef;
}

div#worker_inp .form_submit{
margin-bottom:100px;

}

div#taikei_list{
display:inline-block;
margin-left:5px;
}

table#worker_section{
border-spacing:0px 30px;
border-collapse: separate;
width:85%;
margin:10px auto 0px;
}





table#worker_section td:first-child{
background-color:#fff;
border:1px solid #899790;
}

table#worker_section td:first-child{
padding:10px 0px 5px 30px;
}


table#worker_section td input,table#worker_section td select{
margin-bottom:10px;
font-size:15px;
border: 1px solid #777;
background-color: white;
}

table#worker_section td input{
height:20px;
}

table#worker_section td select{
height:25px;
}

.worker_del{
margin-right:10px;
}

.worker_data{
border:solid;
margin-top:10px;
margin-left:20px;
margin-right:20px;
}

table#worker_section div.user{
/* height:230px; */
height:130px;
width:105px;
margin-right:25px;
float:left;
position: relative;
}



table#worker_section div.user img{
height: 80px;
margin: 25px 0px 0px 10px;
display: inline;
vertical-align: middle;
}

span.kikan_btn{
background-color: #f9f9f9;
margin: 0px 3px 8px 0px;
text-align: center;
cursor: pointer;
border: 1px solid #cccbcb;
padding:3px 0px;
}


.btn.worker_btn{
background-color:rgba(255,255,255,0);
border:1px #899790 solid;
color:#899790;
height: 25px;
width:105px;
line-height: 25px;
margin: 0px 0px 10px 0px;
position: absolute;
bottom:15px;
}


.btn.worker_btn:hover{
background-color:rgba(255,255,255,0);
}
span.kikan_btn:hover{
background-color: #edeeef;
}


#worker_add_btn{
background-color:#fff;
border:1px solid #899790;
color:#899790;
}

#worker_add_btn:hover{
background-color: #f9f9f9;
}

.kikan_sel{
    background-color: #27c01d;
    cursor:pointer;
}



/*ダイアログ*/


div.dlg{
overflow:auto;
border:none;
border-radius: 5px;
box-shadow: 0px 2px 5px #666;
background-color:#fff;
}

div.dlg_contents{
display:inline-block;
padding:10px 5px;
width: 100%;
box-sizing: border-box;
}

.dlg .dlg_title{
font-size: 15px;
padding: 13px 10px 13px 7px;
color: #fff;
background-color: #2392ff;
cursor: default;
}


.btn {
margin-top:0px;
text-align:center;
font-size:12px;
height: 30px;
line-height:30px;
color:white;
background-color:#2392ff;
}

.btn:hover{
background-color:#7ba5b9;
}

/*体系*/

div.dlg#taikei_sel_dlg{
max-width:525px;
}

.taikei_sel_description{
text-align:center;
}

/*人数選択ダイアログ*/

div.dlg#calc_dlg{
width: 210px;
height: auto;
min-height: auto;
/* left:500px; */
}

.num_btn{
font-size: 15px;
text-align: center;
vertical-align: middle;
width: 54px;
margin: 7px 0px 0px 5px;
height: 41px;
background-color: #f8f8f8;
border: 1px solid #f8f8f8;
}

.num_btn:hover{
background-color: #ececec;
}

.dlg.ui-draggable{
}

input.calc_val{
border:none;
margin:0px auto;
background-color:white;
display: block;
padding:5px;
}

/*期間*/

div#kikan_dlg div.dlg_contents{
padding:20px;
}

div#kikan_dlg{
width:auto;
min-height: auto;
overflow: hidden;
}
#kikan_tbl th,#kikan_tbl td{
	padding: 2px;
	border:1px solid #ccc;
}
#kikan_tbl th{
	background-color:#f8f8f8;
}

.page_controll{
    padding: 17px;
    text-align: center;
}
.modoru.page_btn {
    margin-right: 40px;
}
.page_btn {
    padding: 5px 30px;
    font-size: 1.5em;
    border: 1px solid #234;
}

.sel_sagyo_taikei {
    display: block;
    padding: 0 5px;
    border-left: 1px solid #f09000;
    margin-top: 10px;
    margin-bottom: 5px;
}

.sel_syotoku_taikei{
    display: block;
    padding: 0 5px;
    border-left: 1px solid #00a4f0;
    margin-top: 10px;
    margin-bottom: 5px;
}
.card_info{
    padding:10px;
    line-height: 1.5em;
    background-color: beige;
    width: 100px;
}
.card_icon{
    padding: 10px;
    text-align: center;
}
#page_controll{
	/*
    position: fixed;
    bottom: 0;
    left: 0;
    width: 480px;
    height: 56px;
    background-color: white;
    text-align: right;
    z-index: 10000;
    border-top: 1px solid #899790;
    border-left: solid #899790 1px;
    border-bottom: 1px solid #899790;
    */
}
.go_next_btn{
    width:120px;
    padding:10px;
    text-align: center;
    background-color: white;
    display: inline-block;
    margin-top: 10px;
    margin-right: 20px;
    cursor:pointer;
    font-size: 1.2em;
    color:white;
    border-radius: 5px;
    background-color:#2392ff;"
}

.go_next_btn:hover{
    color:#2392ff;
	background-color: #e5f3ff;

}

#next_btn{
	margin-left: 175px;
}





.sel_taikei_dtl .sel_mst60_name,
#menseki_list .sel_mst60_name{
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
    color: #1a7b77;
}
#menseki_list{
    padding: 5px 15px;
}
.menseki_item {
    width: 100%;
    background-color: white;
    text-align: center;
    overflow: hidden;
    box-shadow: 2px 3px 2px #ddd;
    margin-right: 15px;
    display:table;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.menseki_item > div{
    display: table-cell;
}

.menseki_item .mst60_img{
    margin:10px;
    width:65px;
    vertical-align: middle;
}
.menseki_item .mst60_img img {
    height: 70px;
}
.menseki_ipt_area {
    margin-top:10px;
    font-size:1.25em;
}
.men_val{
    text-align:right;
    ime-mode: disabled;
}
.sel_sakugata_name div{
	padding-top:5px;
}
#progressbar{
    width: 98%;
    height: 20px;
    background-color: #ddd;
    border-radius: 10px;
    overflow: hidden;
}
#progressbar .ui-progressbar-value{
    width: 25%;
    height: 20px;
    background: #49d500;
    border-radius: 10px;
}

.maru {
	height:15px;
	width:15px;
	border-radius:50%;
	line-height:15px;
	text-align:center;
	background:#00bfff;
}

hr.style-prg {
    padding: 0;
    border: none;
    border-top: medium solid #1e90ff;
    color: lightgray;
    text-align: center;
    border-top:medium solid lightgray;
}
hr.style-prg:after {
    content: "●";
    display: inline-block;
    /*margin-left:95%;*/
    position: relative;
    top: -0.4em;
    font-size: 1.7em;
    padding: 0 0px;
    background: white;
}

#indicator_title{
    text-align: center;
}
#indicator_title span{
    width: 24%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    margin:0;
}
#indicator{
    height:60px;
    max-width: 800px;
}
#indicator td {
    text-align:center;
    font-size:1.25em;
    width:25%;
}

#indi_dot_tr td {
    font-size:2em;
/*    background-image: url(../img/box_2px.png);
    background-repeat: repeat-x;
    background-position-y: center; */
}


.first_child{
color:black !important;
font-size:13px !important;
}

.prg{
    color:lightgray;
    cursor:pointer;
}
.prg.current{
    color:#1e90ff;
    }
.discription{
    font-size:12px;
}

#prg1{
	background-image: url(../img/box_2px_left.png);
	background-position: center;
	background-repeat: no-repeat;
}

#prg2{
	background-image: url(../img/box_2px.png);
	background-position: center;
	background-repeat: no-repeat;
}


#prg3{
	background-image: url(../img/box_2px_right.png);
	background-position: center;
	background-repeat: no-repeat;
}

#ja_message{
	padding: 20px;
	border: 2px solid #666;
	text-align: center;
	font-size: 18px;
	margin: 20px 0px;
}

#print_title{
	display: none;
}

.legend_sakgata_name{
	width: 190px;
	display: inline-block;
	vertical-align: top;
}

.legend_keihi{
	text-align: right;
	width: 120px;
	display: inline-block;
}

.jqplot-xaxis-tick{
	text-align:center;
}

.uriage{
    background-color: white;
    font-size: 18px;
    border-bottom: 1px solid #bbb;
}

@media print{
	html, body, .default_content, .main_section {
		background-color: white;
	}
	.legend_color {
        -webkit-print-color-adjust: exact;
    }
	div.main_section{
		margin-top: 0;
	}
	div.main_area{
		background-color: white;
	}
	.hd{
		display :none;
	}

	#print_title{
		display: block;
		font-size: 18px;
		padding: 10px;
		border-bottom: 2px solid #666;
		margin-bottom: 20px;
	}

}