@charset "UTF-8";
*{margin: 0px;padding: 0px;}
body{background-color: #dcd6c5}
img {max-width: 100%;}
ul li{list-style: none;}
span.red{color: #ff0000;}
#chart_div{width: 100%;height: auto;}
div.top_menu input{margin: 0.5em;padding: 0.25em;}
div.top_menu div{background-color: #bebebe;margin: 0.5em;}
div.body_box{width: 90%;height: auto;margin: 0px auto 0.5em auto;padding: 2.5%;background-color: #ffffff;
			position: relative;top: 0px;left: 0px;z-index: 1;
}
div.menu_box{position: absolute;top: 0px;left: 0px;z-index: 1000;background-color: #331a00;
			width: 100%; height: auto;margin: 0px;padding: 0px;
}
div.menu_box h1{font-size: 0.75em;text-align: center;color: #ffffff;margin: 0px;padding: 0px;}
img.err{width: 33%;min-height: auto;}
div.text_center{text-align: center;}
table.table_list{width: 100%;table-layout: fixed;text-align: center;}
table.table_list tr{background-color: none;}
table.table_list tr:hover{background-color: #e0ffff;}
table.table_list th{background-color: #ffdab9;}
table.table_list td{word-wrap: break-word;}
table.table_input_list{width: 100%;table-layout: fixed;text-align: center;}
table.table_input_list tr{background-color: none;}
table.table_input_list tr:hover{background-color: #e0ffff;}
table.table_input_list th{background-color: #ffdab9;padding: 0.25em;}
table.table_input_list td{}
table.table_input_list input{width: 90%;height: auto;padding: 0.25em;}
table.table_input_list input[type="checkbox"]{width: auto;padding: 0.25em;}
table.table_input_list textarea{width: 90%;height: 3em;padding: 0.25em;}
table.table_input_list select{width: 90%;height: 2em;padding: 0.25em;}
/**/
table.table_stock_input_list{width: 100%;table-layout: fixed;text-align: center;}
table.table_stock_input_list tr{background-color: none;}
table.table_stock_input_list tr:hover{background-color: #e0ffff;}
table.table_stock_input_list th{background-color: #b0c4de;padding: 0.25em;}
table.table_stock_input_list td{}
table.table_stock_input_list input{width: 90%;height: auto;padding: 0.25em;}
table.table_stock_input_list input[type="checkbox"]{width: auto;padding: 0.25em;}
table.table_stock_input_list textarea{width: 90%;height: 3em;padding: 0.25em;}
table.table_stock_input_list select{width: 90%;height: 2em;padding: 0.25em;}
/**/
table.table_shipment_input_list{width: 100%;table-layout: fixed;text-align: center;}
table.table_shipment_input_list tr{background-color: none;}
table.table_shipment_input_list tr:hover{background-color: #e0ffff;}
table.table_shipment_input_list th{background-color: #b0dec4;padding: 0.25em;}
table.table_shipment_input_list td{}
table.table_shipment_input_list input{width: 90%;height: auto;padding: 0.25em;}
table.table_shipment_input_list input[type="checkbox"]{width: auto;padding: 0.25em;}
table.table_shipment_input_list textarea{width: 90%;height: 3em;padding: 0.25em;}
table.table_shipment_input_list select{width: 90%;height: 2em;padding: 0.25em;}
/**/
img.face_image{width: 100%;max-width: 250px;height: auto;}
img.hospice_image{width: 100%;max-width: 150px;height: auto;}
/* 検索ボックス CSS */
table.table_search{table-layout: fixed;width: 100%;}
table.table_search input{width: 100%;}
div.search_box{background-color: #e3e3e3;padding: 0.5em;}
div.search_box input{width: 100%}
div.search_box1{text-align: right;}
div.search_box1 input{width: 25%}
/* input image */
input[type="image"]{width: 150px;height: auto;opacity: 1.0;transition: 0.5s;}
input[type="image"]:hover{opacity: 0.5;transition: 0.5s;}
/* some.js CSS */
#progress_box{width: 100%;height: 2em;margin: 0px auto;padding: 0px;background-color: #c6c6c6;}
/* box */
#progress_bar_box{
	width: 100%;
}
/* back */
#progress_bar_box div{
	width: 100%;background-color: #ffffff;height: 2em;
}
/* bar */
#progress_bar_box div div{
	background-color: #ff9999;
}
/* 年月日 CSS */
div.calendar{width: 100%;height: auto;}
div.calendar input{width: 20%;height: auto;margin: 0px 1em;}
div.calendar select{width: 20%;height: auto;margin: 0px 1em;}
/* アニメーション */
@keyframes rotateY {
    0% {
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -webkit-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -webkit-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}
img.logo_box {
    animation:rotateY 7s linear 0s infinite;margin: auto 0px;
    width: 25%;height: 25%;max-width: 300px;max-height: 300px;
}
/* モダール用CSS */
.modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}