@charset "UTF-8";
/*売上日報、計記録表用CSS*/

@media print {
  .noprint{
    display:none;
  }

  body{
	background-color: #fff;
	-webkit-print-color-adjust: exact;
	top:0 !IMPORTANT;
	left:0 !IMPORTANT;
	width:200mm !IMPORTANT;
	height:290mm !IMPORTANT;
	}
	
  #contents_month{
	  zoom: 0.7;
	  padding-right: 0px;
	  margin-left: 0px;
	  font-size: 0.8em;
  }
  
  .bold{
	font-weight: 300;
	}
	
}

@media print, screen and (min-width:980px) {
		
	#wrapper {
		/* width: 90%; */
		margin-left:auto;
		margin-right:auto;
	}
		
	#contents{
		/*margin-left: 50px;*/
		font-size: 1.0em;
		margin-top: 30px;
		/* padding: 30px; */
		background-color: #fff;
		margin: 0 auto;
		/* width: 90%; */
	}
	#contents_month{
		/*margin-left: 50px;*/
		font-size: 1.0em;
		margin-top: 30px;
		padding: 30px;
		background-color: #fff;
		margin: 0 auto;
		width: 1200px;
		margin: 0 auto;
	}
	/*
	#contents_month{
		width:1300px;
		position: absolute;
		margin-left:auto;
		margin-right:auto;
		left:60px;
		margin-bottom: 50px;
		margin-top: 30px;
		zoom: 1;
		padding-right: 0px;
		margin-left: 0px;
		font-size: 0.8em;
		background-color: #fff;
		padding: 20px;
	}*/
	
	
	
	#contents_month_uriage{
		/*margin-left: 50px;*/
		font-size: 1.0em;
		margin-top: 30px;
		padding: 30px;
		background-color: #fff;
		margin: 0 auto;
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	
	}	
	
	#contents_month_uriage_1024{
		/*margin-left: 50px;*/
		font-size: 1.0em;
		margin-top: 30px;
		padding: 30px;
		background-color: #fff;
		margin: 0 auto;
		width: 1024px;
		margin: 0 auto;
	
	}	
	
	#rep_header{
		float:right;
		font-size: 0.8em;
		position: relative;
	}
	
	h3 p{
		text-align: center;
	}
	
	#kyositunm{
		/* font-size: 1.4em; */
		padding: 5px 5px 0px 5px;
	}
	
	#date{
		font-size: 1.2em;
		
	}
	
	
	#page{
		page-break-after: always;
			
	}
	
	table {
		font-size: 12px;
	}
	
	#samary{
		margin-top: 0px;
		margin-bottom: 20px;
		padding: 10px 10px 10px 10px ;
		border-style: solid;
		border: 1px solid #b9b9b9;
		color: #333;
		
	}
	
	#syukei_area{
		padding-top: 30px;
		padding-bottom: 30px;
		width: 99%;
	
	}
	
	#syukei_area_item{
		padding-top: 30px;
		padding-bottom: 30px;
		width: 50000px;
	}
	/* clearfix */
	#syukei_area_item:before,
	#syukei_area_item:after {
	    content: "";
	    display: table;
	}
	 
	#syukei_area_item:after {
	    clear: both;
	}
	
	
	#syukei_area p{
		font-size: 1.4em;
	}
	
	#syukei_area_item p{
		font-size: 1.4em;
	}
	
	._txt8{
		font-size: 0.8em;
	}
	
	
	#clear{
		clear: both;
	}
	
	
	.sample_01{
		width: 100%;
		border-collapse: collapse;
		
	}
	.sample_01 th{
		width: 25%;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.sample_01 td{
		padding: 4px;
		border: 1px solid #b9b9b9;
		text-align: right;
		
	}
	
	.sample_02{
		/*width: 100%;*/
		border-collapse: collapse;
		float: left;
		margin-bottom: 10px;
		
	}
	.sample_02 th{
		width: 25%;
		padding: 6px;
		text-align: left;
		vertical-align:middle;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.sample_02 td{
		padding: 6px;
		border: 1px solid #b9b9b9;
		text-align: right;
		
	}
	.header{
		background-color: #ccc;
	}
	
	.sumary{
		background-color: #CEE3F4;
	}
	
	
	dl#sample1 dl {
		background: #e7e7e7;
		border: 1px solid #333;
		border-top: none;
		width: 500px;
	}
	
	dl#sample1 dt,dd {
		padding: 3px;
	}
	
	dl#sample1 dt {
		border-top: 1px solid #333;
		clear: left;
		float: left;
		width: 80px;
	}
	
	dl#sample1 dd {
		background: #fff;
		border-left: 1px solid #333;
		border-top: 1px solid #333;
		margin-left: 80px;
	}
	
	.kirikae{
		border-style: solid; border-width: 2px 1px 1px 1px;
	}
	
	
	#gotop{
	  display: none;
	  position: fixed;
	  bottom: 65px;
	  right: 10px;
		
	}
	
	
	
	.header_title{
		font-weight: 800;
		font-size: 1.0em;
		background-color: beige;
	}
	
	
	
	.fixed {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 1300px;
	    margin-left: 60px;
	   }
	
	.fixed2 {
	    position: fixed;
	    top: 27;
	    left: 0;
	    width: 1300px;
	    margin-left: 60px;
	    background-color: white;
	   }
	
	
	h2{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.counsering_list-img{
		width: 30%;
		padding: 10px;
	}
	
	.id{
		/* background-color: #dddddd; */
		padding: 10px;
		margin-top: 30px;
	}
	
	.title{
		/* background-color: #dddddd; */
		border-bottom: 2px solid;
		font-size: 1.1em;
		font-weight: 800;
	}
	
	
	.wrap{
		display: flex;
		align-items: center;
		padding: 10px;
		justify-content: center;
	}
	
	
	.eda{
		/* background-color: blue; */
		/* width: 50%; */
		padding: 10px;
		/* border: 2px solid #ddd; */
		/* margin-bottom: 30px; */
	}
	
	.kaito{
		background-color: #e3f1e5;
		/* width: 50%; */
		padding: 10px;
	}
	
	.qid{
		
	}
	
	.qnaiyo{
		
	}
	.akaito{
		
	}
	.anaiyo{
		
	}
	.aid{
		
	}
	.title_date{
		
	}
	
	.title_category{
		
	}
	
}

@media print, screen and (max-width:979px) {
	#wrapper {
		/* width: 90%; */
		margin-left:auto;
		margin-right:auto;
	}
		
	#contents{
		/*margin-left: 50px;*/
		font-size: 1.0em;
		margin-top: 30px;
		/* padding: 30px; */
		background-color: #fff;
		margin: 0 auto;
		/* width: 90%; */
	}
	#contents_month{
		/*margin-left: 50px;*/
		font-size: 1.0em;
		margin-top: 30px;
		padding: 30px;
		background-color: #fff;
		margin: 0 auto;
		width: 1200px;
		margin: 0 auto;
	}
	/*
	#contents_month{
		width:1300px;
		position: absolute;
		margin-left:auto;
		margin-right:auto;
		left:60px;
		margin-bottom: 50px;
		margin-top: 30px;
		zoom: 1;
		padding-right: 0px;
		margin-left: 0px;
		font-size: 0.8em;
		background-color: #fff;
		padding: 20px;
	}*/
	
	
	
	#contents_month_uriage{
		/*margin-left: 50px;*/
		font-size: 1.0em;
		margin-top: 30px;
		padding: 30px;
		background-color: #fff;
		margin: 0 auto;
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	
	}	
	
	#contents_month_uriage_1024{
		/*margin-left: 50px;*/
		font-size: 1.0em;
		margin-top: 30px;
		padding: 30px;
		background-color: #fff;
		margin: 0 auto;
		width: 1024px;
		margin: 0 auto;
	
	}	
	
	#rep_header{
		float:right;
		font-size: 0.8em;
		position: relative;
	}
	
	h3 p{
		text-align: center;
	}
	
	#kyositunm{
		/* font-size: 1.4em; */
		padding: 5px 5px 0px 5px;
	}
	
	#date{
		font-size: 1.2em;
		
	}
	
	
	#page{
		page-break-after: always;
			
	}
	
	table {
		font-size: 12px;
	}
	
	#samary{
		margin-top: 0px;
		margin-bottom: 20px;
		padding: 10px 10px 10px 10px ;
		border-style: solid;
		border: 1px solid #b9b9b9;
		color: #333;
		
	}
	
	#syukei_area{
		padding-top: 30px;
		padding-bottom: 30px;
		width: 99%;
	
	}
	
	#syukei_area_item{
		padding-top: 30px;
		padding-bottom: 30px;
		width: 50000px;
	}
	/* clearfix */
	#syukei_area_item:before,
	#syukei_area_item:after {
	    content: "";
	    display: table;
	}
	 
	#syukei_area_item:after {
	    clear: both;
	}
	
	
	#syukei_area p{
		font-size: 1.4em;
	}
	
	#syukei_area_item p{
		font-size: 1.4em;
	}
	
	._txt8{
		font-size: 0.8em;
	}
	
	
	#clear{
		clear: both;
	}
	
	
	.sample_01{
		width: 100%;
		border-collapse: collapse;
		
	}
	.sample_01 th{
		width: 25%;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.sample_01 td{
		padding: 4px;
		border: 1px solid #b9b9b9;
		text-align: right;
		
	}
	
	.sample_02{
		/*width: 100%;*/
		border-collapse: collapse;
		float: left;
		margin-bottom: 10px;
		
	}
	.sample_02 th{
		width: 25%;
		padding: 6px;
		text-align: left;
		vertical-align:middle;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.sample_02 td{
		padding: 6px;
		border: 1px solid #b9b9b9;
		text-align: right;
		
	}
	.header{
		background-color: #ccc;
	}
	
	.sumary{
		background-color: #CEE3F4;
	}
	
	
	dl#sample1 dl {
		background: #e7e7e7;
		border: 1px solid #333;
		border-top: none;
		width: 500px;
	}
	
	dl#sample1 dt,dd {
		padding: 3px;
	}
	
	dl#sample1 dt {
		border-top: 1px solid #333;
		clear: left;
		float: left;
		width: 80px;
	}
	
	dl#sample1 dd {
		background: #fff;
		border-left: 1px solid #333;
		border-top: 1px solid #333;
		margin-left: 80px;
	}
	
	.kirikae{
		border-style: solid; border-width: 2px 1px 1px 1px;
	}
	
	
	#gotop{
	  display: none;
	  position: fixed;
	  bottom: 65px;
	  right: 10px;
		
	}
	
	
	
	.header_title{
		font-weight: 800;
		font-size: 1.0em;
		background-color: beige;
	}
	
	
	
	.fixed {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 1300px;
	    margin-left: 60px;
	   }
	
	.fixed2 {
	    position: fixed;
	    top: 27;
	    left: 0;
	    width: 1300px;
	    margin-left: 60px;
	    background-color: white;
	   }
	
	
	h2{
		padding-top: 30px;
		padding-bottom: 30px;
	}


}