@charset "UTF-8";
/*body {
	font-size:11px;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#333;
	margin:0;
	text-align: justify;
}*/





@media print, screen and (min-width:980px) {
	.pc_none {
		display:none;
	}
		input{
		/*height:30px;*/
	}

	#wrapper {
		/* width: 1280px; */
		margin-left:auto;
		margin-right:auto;
		padding-top: 100px;
	}
	
	
	#wrap {
		width:980px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	#switchArea {
		margin: 0px auto;
		min-height: 800px;
		padding: 20px;
		border: solid 1px #CCCCCC;
		margin-bottom:50px;
		background-color: #fafafa;
		/* width: 90%; */
	}
	
	.sp_none{
	}

	.kyositu_name{
		font-size: 1.4em;
		padding-right:  15px;
		color: yellow;
	}

	/**********************　link ***********************/
	
	a {
		text-decoration: none;
		outline:none;
		color:#0B3B0B;
		}
	
	a:hover {
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha( opacity=50 )";
		}
	
	a img {
		overflow: hidden;
		outline: none;
		border: none;
		}
	
	
	img {
		vertical-align:middle;
		margin:0;
		padding:0;
		border:none;
	}
	
	
	/**********************　ヘッダー ***********************/
	header {
		}
	
	#head {
		width:100%;
		background-color:#f16272;
		height: 42px;
		position: fixed;
		z-index:10;
	}
	
	#head p{
		text-align: left;
		font-size: 1.2em;
		padding-top: 10px;
		padding-left: 10px;
		color: white;
		z-index: 10;
	}
	
	#head a{
		color: white;
	}
	
	#login_info{
		float: right;
		padding-top: 30px;
	}
	
	.info{
		float: right;
	    padding-right: 10px;
	    font-size: 0.8em;
	}
	
	
	.logout_btn{
		background-color: #f16272;
		color: #fff;
		text-align: center;
		border-left: 1px solid;
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 20px;
		padding-top: 2px;
	}
	
	.logout_btn:hover{
		background-color: #f5a5af;
	}
	
	
	.logo {
		width:201px;
		height:24px;
		position:absolute;
		top:50%;
		margin-top:-12px;
		margin-left: 70px;
	}
	
	
	
	
	
	
	/**********************　メニュー ***********************/
	#menu_area{
		margin: 0 auto;
		padding-top: 30px;
		background-color: #ddd;
		height: 109px;
		position: fixed;
		width: 100%;
		box-shadow: 0px 0px 10px;
		/* border:1px solid #000; */
		/* width:100px; */
		/* height:50px; */
		z-index: 9;
	}
	#menu_inner{
		width: 1200px;
		margin: 0 auto;
		padding-top: 30px;
		/* height: 30px; */
		/* font-size: 0.9em; */
	}
	
	.menu_btn{
		width: 158px;
		/* background-color: #f16272; */
		color: #333;
		text-align: center;
		padding: 5px;
		float: left;
		margin-bottom: 5px;
		/* border-bottom: 2px solid; */
		cursor: pointer;
	}
	
	.active{
		/* background-color: #f5a5af; */
		border-bottom: 2px solid;
		color: #f16272;
	}
	
	.menu_btn:hover{
		cursor: pointer;
		background-color: #f5a5af;
	
	}
	
	
	ul{
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	
	}
	ul#menu li{
	    float: left;
	    position: relative;
	    min-width: 112px;
	    text-align: center;
	    padding: 5px;
	    float: left;
	    /* margin-right: 5px; */
	    margin-bottom: 5px;
	    font-size: 1em;
	    cursor: pointer;
	}
	ul.child{
	        display: none;
	        position: absolute;
	        margin-left: -5px;
	        padding: 0;
	        background-color:rgba(255, 255, 255, 0.9);
	        width: 180px;
	        font-size: 0.9em;
	        margin-top: 2px;
	}
	ul.child li a{
	    padding: 5px 10px;
	    margin-left: -5px;
	    margin-right: -5px;
	    margin-bottom: -5px;
	    display: block;
	    
	}
	ul#menu li a:hover{
	    cursor: pointer;
		background-color: #f5a5af;
	}
	
	
	
	
	/**********************　ログインフォーム ***********************/
	
	/* Fonts */
	@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
	
	/* fontawesome */
	@import url(http://weloveiconfonts.com/api/?family=fontawesome);
	[class*="fontawesome-"]:before {
	  font-family: 'FontAwesome', sans-serif;
	}
	
	/* Simple Reset */
	* {margin: 0;padding: 0;box-sizing: border-box;}
	
	/* body */
	body {
	  background: #e9e9e9;
	  color: #5e5e5e;
	  font: 400 87.5%/1.5em 'Noto Sans JP', sans-serif;
	  	
	}
	
	/* Form Layout */
	.form-wrapper {
	  background: #fafafa;
	  margin: 3em auto;
	  padding: 0 1em;
	  max-width: 360px;
	  padding-top: 30px;
	}
	
	h1 {
	  text-align: center;
	  padding: 1em 0;
	}
	
	form {
	  padding: 0 1.5em;
	  /* padding-bottom: 50px; */
	}
	
	.form-item {
	  margin-bottom: 0.75em;
	  width: 100%;
	}
	
	.form-item input {
	  background: #fafafa;
	  border: none;
	  border-bottom: 2px solid #e9e9e9;
	  color: #666;
	  font-family: 'Open Sans', sans-serif;
	  font-size: 1em;
	  height: 50px;
	  transition: border-color 0.3s;
	  width: 100%;
	}
	
	.form-item input:focus {
	  border-bottom: 2px solid #c0c0c0;
	  outline: none;
	}
	
	.button-panel {
	  margin: 2em 0 0;
	  width: 100%;
	}
	
	.button-panel .button {
	  background: #f16272;
	  border: none;
	  color: #fff;
	  cursor: pointer;
	  height: 50px;
	  font-family: 'Open Sans', sans-serif;
	  font-size: 1.2em;
	  letter-spacing: 0.05em;
	  text-align: center;
	  text-transform: uppercase;
	  transition: background 0.3s ease-in-out;
	  width: 100%;
	}
	
	.button:hover {
	  background: #ee3e52;
	}
	
	.form-footer {
	  font-size: 1em;
	  padding: 2em 0;
	  text-align: center;
	}
	
	.form-footer a {
	  color: #8c8c8c;
	  text-decoration: none;
	  transition: border-color 0.3s;
	}
	
	.form-footer a:hover {
	  border-bottom: 1px dotted #8c8c8c;
	}
	
	
	
	
	
	/**********************　index ***********************/
	.infomation_area{
		padding: 20px;
		margin-bottom:50px;
		background-color: #fafafa;
	}
	
	.uriage_area{
		padding: 20px;
		margin-bottom:50px;
		background-color: #fafafa;
	}
	
	.tab_btn1,.tab_btn2{
		width: 200px;
		background-color: #dddddd;
		/* color: #fff; */
		padding: 10px;
		text-align: center;
		margin: 2px;
		float: left;
		/* border-bottom: 2px solid; */
		/* color: #f16272; */
		/* border: 1px solid #8c8c8c; */
	}
	
	.tab_btn1:hover,.tab_btn2:hover{
		cursor: pointer;
		background-color: #f5a5af;
	}
	
	
	.tab_area{
		zoom: 1;
	}
	.tab_area:after,.tab_area:before{
		content: "";
	    clear: both;
	    display: block;
	}
	
	.tab_btn_active{
		border-bottom: 2px solid;
		color: #f16272;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		background-color: #fff;
	}
	
	
	
	
	/**********************　    ***********************/
	
	
	
	
	.table {
		border-collapse: collapse; /* 枠線の表示方法 */ 
		border: 1px #ccc solid;
	}
	.table td {
		border: 1px #ccc solid;
		table-layout: fixed;
		padding:10;
		padding-left: 10px;
	
	}
	
	.table th {
		padding-right: 10px;	
		border: 1px #ccc solid;
		table-layout: fixed;
		padding-left: 10px;
		}
		
	.table tr{
		height: 40px;
		}
		
	.table2 {
		border-collapse: collapse; /* 枠線の表示方法 */ 
		border: 1px #ccc solid;
		margin-top: 20px;
		width: 100%;
	}
	.table2 td {
		border: 1px #ccc solid;
		table-layout: fixed;
		padding:10px;
		text-align: right;
	}
	.table2 th {
		border: 1px #ccc solid;
		table-layout: fixed;
		padding:10px;
	
	}
	
	
	.table3 {
		border-collapse: collapse; /* 枠線の表示方法 */ 
		border: 0px #ccc solid;
	}
	.table3 td {
		border: 0px #ccc solid;
		table-layout: fixed;
		padding:10;
		padding-left: 10px;
	
	}
	
	.table3 th {
		padding-right: 10px;	
		border: 0px #ccc solid;
		table-layout: fixed;
		padding-left: 10px;
		}
		
	.table3 tr{
		height: 40px;
		}
		
		
		
	
	
	.table_header{
		background-color: rgb(233, 233, 233);
		color: rgb(107, 107, 107);
		text-align: center;
	}
	
	.tr_active{
		background-color: rgba(247, 248, 150, 0.49);
	
	}
	
	.table2 .tr:hover{
		background-color: rgba(247, 248, 150, 0.49);
		cursor: pointer;
	}
	
	.table_header td{
		text-align: center;
	}
	
	.table01 {
		
	}
	.table01 td {
		table-layout: fixed;
	}
	
	
	.contents {
		width: 650px;
		margin-left: auto;
		margin-right: auto;
		font-size:1
	}
	
	table {
		font-size: 11px;
	}
	
	
	#howto{
		margin-top: 20px;
		font-size: 14px;
	
	}
	
	
	
	/* 文字色
	-----------------------------------*/
	#redcol {
		color:#ff0000;
	
	}
	
	#shiharai{
		float:right;
		width: 353px;
		font-size: 9pt;
		padding: 10px 10px;
		border: 1px #c0c0c0 solid;
		margin: 0px 0px 0px 0px;
	}
	
	#personalinformation{
		float:left;
		width:100%;
		height:200px;
		font-size: 9pt;
		padding: 0px 5px;
		border: 1px #c0c0c0 solid;
		background-color: #f9f9f9;
		margin: 20px 0px 20px 0px;
		overflow: auto;
	}
	
	#konyubi{
		float:left;
	}
	
	
	#sample01{
		line-height: 180%;
		font-size: 16px;	
	}
	
	
	dl#sample01 dl {
		background: #e7e7e7;
		border: 0px solid #333;
		border-top: none;
		width: 500px;
	}
	
	dl#sample01 dt,dd {
		padding: 3px;
	}
	
	dl#sample01 dt {
		border-top: 0px solid #333;
		clear: left;
		float: left;
		width: 180px;
	}
	
	dl#sample01 dd {
	
		border-left: 0px solid #333;
		border-top: 0px solid #333;
		
	}
	
	
	dl#sample2 dl,dt,dd {
		margin: 0;
		padding: 0;
	}
	
	dl#sample2 dl {
		}
	
	dl#sample2 dt,dd {
		padding: 3px;
		float: left;
	}
	
	dl#sample2 dt {
		clear: left;
		float: left;
		width: 130px;
	}
	
	
	
	/* ===================================================================
	CSS information
	
	 style info :switchHat.jsのサンプル用の指定
	=================================================================== */
	.allOpenBtn,
	.switchHat {
		display: none;
	}
	
	.switchOn {
		display: block;
	}
	
	span.switchOn {
		display: inline;
	}
	
	.closeBtnHat {
		margin: 30px 0 20px;
	}
	
	.allOpenBtn,
	.closeBtnHat span,
	.switchHat {
		color: #00c;
	}
	
	.closeBtnHat span {
		padding: 5px 10px;
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.allOpenBtn:after,
	.switchHat:after {
		content: " ＋";
	}
	
	.allOpenBtn:hover,
	.closeBtnHat span:hover,
	.switchHat:hover {
		color: #090;
	}
	
	.nowOpen {
		color: #f0f;
	}
	
	.nowOpen:after {
		content: " －";
	}
	
	.faq dt.nowOpen:after {
		content: "";
	}
	
	.faq {
		margin-top: 20px;
	}
	
	.faq dt {
		/zoom: 1;
		margin-top: 20px;
		margin-bottom: 1px;
		padding: 5px 15px;
		background: #eee;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.faq dt.switchOn {
		margin-top: 0;
	}
	
	.faq dt.nowOpen,
	.faq dt.switchOn:hover {
		background: #eef;
	}
	
	
	.faq dd {
		padding: 10px 20px;
	}
	
	.taxtotal_amount{
		font-size: 1.2em;
		margin-top: -15px;
			}
			
	
	#shiharai_confirm{
	    position: relative;
	    float: left;
	    margin-bottom: 30px;
	}
	
	#button{
		width: 155px;
		height: 155px;
		
		padding: 5px;
		margin: 10px;
		float: left;
		cursor: pointer;
		border-radius: 10px;        
	    -webkit-border-radius: 10px;  
	    -moz-border-radius: 10px;  
	
		background: #EEE;
		border-top: 1px solid #DDD;
		border-left: 1px solid #DDD;
		border-right: 1px solid #BBB;
		border-bottom: 1px solid #BBB;
		color:#111;
	}
	
	#button:hover{
		background: #ffffff;
		
	}
	
	.product_id{
		padding: 0px;
		color: #333;
		font-size: 10pt;
		min-height: 45px;
	}
	
	
	
	.qntty{
		font-size: 40px;
		float: left;
		width: 100%;
		margin-top: 0px;
		text-align: center;
		height: 60px;
	}
	
	
	.gensan{
		float: right;
		color: red;
		font-weight: 600;
		font-size: 30px;
		margin-top: -68px;
		padding: 5px;
		border: 1px solid gray;
		background-color: oldlace;
		width: 30px;
		height: 0px;
		padding-bottom: 45px;
	}
	
	#cate_area{
		    border: 1px solid gray;
		    height:220px;
	}
	#cate{
		width: 155px;
		height: 40px;
		border:1px solid gray;
		padding: 5px;
		margin: 10px;
		float: left;
		cursor: pointer;
		/* border-radius: 10px; */
		/* -webkit-border-radius: 10px; */
		-moz-border-radius: 10px;
		text-align: center;
	}
	
	#cate:hover{
		background: #ffe9e9;
	}
	
	.cate_name{
		padding: 0px;
		color: #333;
		font-size: 10pt;
		min-height: 45px;
	}
	
	
	#button_area{
		 border: 1px solid gray;
		 height: 770px;
		 margin-top: 30px;
	}
	
	.error_msg{
		font-size: 1em;
		color: red;	
		text-align: center;
	}
	
	.clear{
		clear: both;
	}
	
	.inner p{
		line-height: 280%;
	}
	
	
	h3,h4{
		padding: 30px 0px 30px 0px;
	}
	
	.submit_button{
		padding: 15px 40px;
	    border-style: none;
	    background-color: #f16272;
	    color: #fff;
	    width: 200px;
	    margin-top: 10px;
	}
	
	
	input#submit_button{
		padding: 15px 40px;
	    border-style: none;
	    background-color: #f16272;
	    color: #fff;
	    width: 200px;
	    margin-top: 10px;
	}
	
	input#submit_button:hover{
		cursor: pointer;
		background-color: #f5a5af;
		
		}
		
	input#rev_button{
		padding: 15px 40px;
	    border-style: none;
	    background-color: #8c8c8c;
	    color: #fff;
	    width: 200px;
	}
	
	input#rev_button:hover{
		cursor: pointer;
		background-color: #d4cfcf;
		
		}	
		
	input#serch_button{
		padding: 5px;
	    border-style: none;
	    background-color: #5e5e5e;
	    color: #fff;
	    width: 130px;
	}
	
	input#serch_button:hover{
		cursor: pointer;
		background-color: #b4adad;
		
		}	
			
	input#list_button{
		padding: 5px;
		border-style: none;
		background-color: #f16272;
		color: #fff;
		width: 50px;
		margin: 6px;
		border-radius: 4px;        /* CSS3草案 */  
	    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 4px;   /* Firefox用 */  
	}
	
	
	input#list_button:hover{
		cursor: pointer;
		background-color: #f5a5af;
		
		}	
	
	#downloadCsvBtn,#downloadCsvBtn2:hover{
		cursor: pointer;
		
		
		}
	#downloadCsvBtn,#downloadCsvBtn2{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/csv.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
			
	input#csv_button{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/csv.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	
	input#csv_button:hover{
		cursor: pointer;
		/*background-color: #b4adad;*/
		opacity: 0.6;
		
		}	
	
	input#pdf_button{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/pdf.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	
	input#pdf_button:hover{
		cursor: pointer;
		/*background-color: #b4adad;*/
		opacity: 0.6;
		}	
	
	input#print_button{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/print.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	
	input#print_button:hover{
		cursor: pointer;
		/*background-color: #b4adad;*/
		opacity: 0.6;
		
		}	
	
	input#save_button{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/save.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	
	input#save_button:hover{
		cursor: pointer;
		/*background-color: #b4adad;*/
		opacity: 0.6;
		
		}	
	
	
		
	.submit_button{
		margin-top: 30px;
		padding: 15px 40px;
	    border-style: none;
	    background-color: #f16272;
	    color: #fff;
	    width: 200px;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.submit_button:hover{
		cursor: pointer;
		background-color: #f5a5af;
		
		}	
		
	.center {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.left {
		text-align:left;
	}
	.right {
		text-align:right;
	}
	.mt_2 {
		margin-top:2px;
	}
	.mt_4 {
		margin-top:4px;
	}
	.mt_6 {
		margin-top:6px;
	}
	.mt_8 {
		margin-top:8px;
	}
	.mt_10 {
		margin-top:10px;
	}
	.mt_12 {
		margin-top:12px;
	}
	.mt_14 {
		margin-top:14px;
	}
	.mt_16 {
		margin-top:16px;
	}
	.mt_18 {
		margin-top:18px;
	}
	.mt_20 {
		margin-top:20px;
	}
	.mt_30 {
		margin-top:30px;
	}
	.mt_50 {
		margin-top:50px;
	}
	.mt_100 {
		margin-top:100px;
	}
	.mt_120 {
		margin-top:120px;
	}
	.mb_2 {
		margin-bottom:2px;
	}
	.mb_4 {
		margin-bottom:4px;
	}
	.mb_6 {
		margin-bottom:6px;
	}
	.mb_8 {
		margin-bottom:8px;
	}
	.mb_10 {
		margin-bottom:10px;
	}
	.mb_12 {
		margin-bottom:12px;
	}
	.mb_14 {
		margin-bottom:14px;
	}
	.mb_16 {
		margin-bottom:16px;
	}
	.mb_18 {
		margin-bottom:18px;
	}
	.mb_20 {
		margin-bottom:20px;
	}
	.mb_30 {
		margin-bottom:30px;
	}
	.mb_50 {
		margin-bottom:50px;
	}
	.mb_100 {
		margin-bottom:100px;
	}
	.ml_2 {
		margin-left:2px;
	}
	.ml_4 {
		margin-left:4px;
	}
	.ml_6 {
		margin-left:6px;
	}
	.ml_8 {
		margin-left:8px;
	}
	.ml_10 {
		margin-left:10px;
	}
	.ml_12 {
		margin-left:12px;
	}
	.ml_14 {
		margin-left:14px;
	}
	.ml_16 {
		margin-left:16px;
	}
	.ml_18 {
		margin-left:18px;
	}
	.ml_20 {
		margin-left:20px;
	}
	.ml_30 {
		margin-left:30px;
	}
	.ml_50 {
		margin-left:50px;
	}
	.ml_80 {
		margin-left:80px;
	}
	.ml_100 {
		margin-left:100px;
	}
	.ml_130 {
		margin-left:130px;
	}
	.mr_2 {
		margin-right:2px;
	}
	.mr_4 {
		margin-right:4px;
	}
	.mr_6 {
		margin-right:6px;
	}
	.mr_8 {
		margin-right:8px;
	}
	.mr_10 {
		margin-right:10px;
	}
	.mr_12 {
		margin-right:12px;
	}
	.mr_14 {
		margin-right:14px;
	}
	.mr_16 {
		margin-right:16px;
	}
	.mr_18 {
		margin-right:18px;
	}
	.mr_20 {
		margin-right:20px;
	}
	.mr_30 {
		margin-right:30px;
	}
	.mr_50 {
		margin-right:50px;
	}
	.mr_100 {
		margin-right:100px;
	}
	.pt_2 {
		padding-top:2px;
	}
	.pt_4 {
		padding-top:4px;
	}
	.pt_6 {
		padding-top:6px;
	}
	.pt_8 {
		padding-top:8px;
	}
	.pt_10 {
		padding-top:10px;
	}
	.pt_12 {
		padding-top:12px;
	}
	.pt_14 {
		padding-top:14px;
	}
	.pt_16 {
		padding-top:16px;
	}
	.pt_18 {
		padding-top:18px;
	}
	.pt_20 {
		padding-top:20px;
	}
	.pt_30 {
		padding-top:30px;
	}
	.pt_50 {
		padding-top:50px;
	}
	.pt_100 {
		padding-top:100px;
	}
	.pb_2 {
		padding-bottom:2px;
	}
	.pb_4 {
		padding-bottom:4px;
	}
	.pb_6 {
		padding-bottom:6px;
	}
	.pb_8 {
		padding-bottom:8px;
	}
	.pb_10 {
		padding-bottom:10px;
	}
	.pb_12 {
		padding-bottom:12px;
	}
	.pb_14 {
		padding-bottom:14px;
	}
	.pb_16 {
		padding-bottom:16px;
	}
	.pb_18 {
		padding-bottom:18px;
	}
	.pb_20 {
		padding-bottom:20px;
	}
	.pb_30 {
		padding-bottom:30px;
	}
	.pb_50 {
		padding-bottom:50px;
	}
	.pb_100 {
		padding-bottom:100px;
	}
	.pl_2 {
		padding-left:2px;
	}
	.pl_4 {
		padding-left:4px;
	}
	.pl_6 {
		padding-left:6px;
	}
	.pl_8 {
		padding-left:8px;
	}
	.pl_10 {
		padding-left:10px;
	}
	.pl_12 {
		padding-left:12px;
	}
	.pl_14 {
		padding-left:14px;
	}
	.pl_16 {
		padding-left:16px;
	}
	.pl_18 {
		padding-left:18px;
	}
	.pl_20 {
		padding-left:20px;
	}
	.pl_30 {
		padding-left:30px;
	}
	.pl_50 {
		padding-left:50px;
	}
	.pl_100 {
		padding-left:100px;
	}
	.pr_2 {
		padding-right:2px;
	}
	.pr_4 {
		padding-right:4px;
	}
	.pr_6 {
		padding-right:6px;
	}
	.pr_8 {
		padding-right:8px;
	}
	.pr_10 {
		padding-right:10px;
	}
	.pr_12 {
		padding-right:12px;
	}
	.pr_14 {
		padding-right:14px;
	}
	.pr_16 {
		padding-right:16px;
	}
	.pr_18 {
		padding-right:18px;
	}
	.pr_20 {
		padding-right:20px;
	}
	.pr_30 {
		padding-right:30px;
	}
	.pr_50 {
		padding-right:50px;
	}
	.pr_100 {
		padding-right:100px;
	}
	.mt_-60 {
		margin-top:-60px;
	}
	.text_left {
		text-align:left;
	}
	.text_right {
		text-align:right;
	}
	.text_center {
		text-align:center;
	}
	
	#footer_link {
		background-color: #6d5b50;
		height:200px;
		width:100%;
		overflow:hidden;
		padding-top:10px;
		/* color: white; */
		
	}
	#footer_link ul {
		float:left;
		padding-right:30px;
		font-size:0.9em;
	}
	#area {
		width:980px;
		padding-top:5px;
		text-align:left;
		line-height:140%;
		margin:0 auto;
	}
	
	#area ul li{
	}
	
	
	
	#area #sns ul {
	}
	#area #sns ul li {
		margin-bottom:1px;
	}
	#footer {
		background-color: #6d5b50;
		width:100%;
		text-align:center;
		color:white;
		font-size: 1em;
		line-height: 160%;
		padding:5px 0px 0px 0px;
	}
	#footer a {
		color:white;
	}
	#footer a:hoverr: {
		color:green;
	}
	#footer_link img {
		border:none;
	}
	#footer_link a {
		text-decoration:none;
	}
	#footer_link li p {
		padding-left:15px;
		font-size:0.9em;
	}
	/*-----*/
	.foot01 {
		background-image:url(../images/footer_01.png);
		background-repeat:no-repeat;
		background-position-y:3px;
		color: white;
	}
	.foot02 {
		background-image:url(../images/footer_02.png);
		background-repeat:no-repeat;
		background-position-y:4px;
		color: white;
	}
	.float_left {
		float:left;
	}
	.float_right {
		float:right;
	}
	
	
	
	.w100{
		width: 100px;
		}
	
	.w200{
		width: 200px;
		}
	
	.w300{
		width: 300px;
		}
	
	.h50{
		height:50px;
		}
		
	.h100{
		height:100px;
		}
	
	.h200{
		height:200px;
		}
	
	.h300{
		height:300px;
		}
	
	.txt_left{
		text-align: justify;
	 }
	
	.txt_center{
		text-align: center;
		}			
	
	.mitatu{
		background-color: pink;
	}
	.tasei{
		background-color: #c1ceff;
	}
	
	.btn{
		padding: 15px 40px;
		border-style: none;
		background-color: #e9e9e9;
		color: #333;
		width: 200px;
		font-size: 0.9em;
		text-align: center;
	}
	
	
	.select-box01{
		overflow: hidden;
		  display: inline-block;
		  *display: inline;
		  *zoom: 1;
		  position: relative;
		  border-radius: 0.2em;
		  border: 1px solid rgba(255, 255, 255, 0.5);
		  box-shadow: 0 2px 0 #AAA;
		  background-color: white;
		  width: 100px;
	}
	
	.select-box01 > select {
	  width: 130%;
	  padding: 0.6em 2.4em 0.6em 0.6em;
	  font-size: 1rem;
	}
	.select-box01:after {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  width: 1.8em;
	  display: block;
	  content: "";
	  pointer-events: none;
	}
	.default .select-box01 > select {
	  width: auto;
	}
	
	.syosai p{
		margin-left: 10px;
		margin-top: 10px;
	}
	
	
	.overtxt{
	  overflow: hidden;
	  width: 200px;
	}
	
	.overtxt p{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 190px;
		}
	
	.complete{
		background-color: #dedeff;
	}
	
	
	#view_area{
		/* width:  1000px; */
		margin:  0 auto;
		margin-left:  20px;
		margin-top: 130px;
	}
	
	
	dt {float: left;clear: left;margin-right: 0.5em;min-width: 240px;}
	
	dd {
	float: left ;
	margin-left: 1em ;
	}
	
	.error{
	    color: red;
	    font-size: 1.2em;
	    line-height: 160%;
	}
	
	
	
	.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_03{
		width: 100%;
		border-collapse: collapse;
		float: left;
		margin-bottom: 10px;
		background-color: #fff;
	}
	.sample_03 tr{
	
	
	}
	
	.sample_03 th{
		width: 25%;
		padding: 6px;
		text-align: left;
		vertical-align:middle;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.sample_03 td{
		padding: 10px;
		border: 1px solid #b9b9b9;
		text-align: center;
	
	}
	
	.sample_04{
		width: 100%;
		border-collapse: collapse;
		float: left;
		margin-bottom: 10px;
		background-color: #fff;
	}
	.sample_04 tr{
	
	
	}
	
	.sample_04 th{
		width: 25%;
		padding: 6px;
		text-align: left;
		vertical-align:middle;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.sample_04 td{
		padding: 10px;
		border: 1px solid #b9b9b9;
		text-align: left;
	
	}
	
	.header2{
		background-color: #ccc;
		text-align:  center;
	}
	
	tr.clickable:hover td {
	    background: #ffc6cc;
	    border:3px;
	    cursor: pointer;
	}
	
	.ditail{
		display: none;
	}
	
	
	.nippo_ditail{
		/* min-height: 300px; */
		text-align: left;
		/* padding:  10px; */
		font-size: 1.1em;
		background-color: #f16272;
		margin-bottom: 30px;
	}
	
	.nippo_ditail_close{
		float:right;
		cursor: pointer;
		padding: 3px;
		width: 80px;
		text-align:  center;
		padding-top: -1px;
		background-color: #f16272;
	    color: #fff;
	    margin-bottom: 10px;
	}
	
	.checkin{
		min-width: 2400px;
		border-collapse: collapse;
		margin-top: 30px;
	}
	.checkin tr{
	
	}
	
	.checkin th{
		padding: 6px;
		text-align: center;
		vertical-align: middle;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
		font-size: 0.8em;
	}
	.checkin td{
		padding: 6px;
		background-color: #fff;
		border: 1px solid #b9b9b9;
		text-align: center;
	
	}
	
	.block{
		width: 20%;
		border:  1px solid #ddd;
		text-align:  center;
		height: 150px;
		display:  inline-block;
		padding: 40px 10px;
	}
	
	.block p{margin-top: 10px;}
	
	.open{
		background-color: #f4d1d1;
	}
	
	.close{
		background-color: #fffde6;
	}
	
	.default{
		background-color: #fff;
	}
	
	 .button {
	  display       : inline-block;
	  border-radius : 5%;          /* 角丸       */
	  font-size: 10pt;        /* 文字サイズ */
	  text-align    : center;      /* 文字位置   */
	  cursor        : pointer;     /* カーソル   */
	  padding: 5px 12px;   /* 余白       */
	  background    : #000066;     /* 背景色     */
	  color         : #ffffff;     /* 文字色     */
	  line-height   : 1em;         /* 1行の高さ  */
	  transition    : .3s;         /* なめらか変化 */
	  /* box-shadow    : 6px 6px 3px #666666; */  /* 影の設定 */
	  border: 2px solid #666666;    /* 枠の指定 */
	}
	
	.button_cancel {
	  display       : inline-block;
	  border-radius : 5%;          /* 角丸       */
	  font-size: 10pt;        /* 文字サイズ */
	  text-align    : center;      /* 文字位置   */
	  cursor        : pointer;     /* カーソル   */
	  padding: 5px 12px;   /* 余白       */
	  background: #ff0000;     /* 背景色     */
	  color: #ffffff;     /* 文字色     */
	  line-height   : 1em;         /* 1行の高さ  */
	  transition    : .3s;         /* なめらか変化 */
	  /* box-shadow    : 6px 6px 3px #666666; */  /* 影の設定 */
	  border: 2px solid #ff0505;    /* 枠の指定 */
	}
	
	.button:hover,.button_cancel:hover {
	  box-shadow    : none;        /* カーソル時の影消去 */
	  color         : #000066;     /* 背景色     */
	  background    : #ffffff;     /* 文字色     */
	}
	
	.muko{
		background-color: #eee;
	    border-color: #eee;
	    color: #ddd;
	}
	
	.popup {
	    display: none;
	    height: 100vh;
	    width: 100%;
	    background-color: rgba(117,113,113,0.86);
	    position: fixed;
	    top: 0;
	    left: 0;
	}
	 
	.content{
	    background: #ffffff;
	    padding: 30px;
	    width: 800px;
	    height: 400px;
	    margin: 0 auto;
	    margin-top: 160px;
	    border: 5px solid #eee;
	}
	.content p{
		line-height: 160%;
	}
	.show {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	
	
	.jyotaibtn{
		display: none;
	    justify-content: left;
	    align-items: center;
	    height: 50px;
	    /* position: absolute; */
	    /* top: 0px; */
	    width: 300px;	
	}
	
	.jyotaibtn > input{
		height: 50px;
	}	
}
@media print, screen and (max-width:979px) {
	.sp_none {
		display:none;
	}
	.pc_none {
		/*display:block;*/
	}
	
	#wrapper {
		/* width: 1280px; */
		margin-left:auto;
		margin-right:auto;
		padding-top: 100px;
	}
	
	
	#wrap {
		width:980px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	#switchArea {
		margin: 0px auto;
		min-height: 800px;
		padding: 20px;
		border: solid 1px #CCCCCC;
		margin-bottom:50px;
		background-color: #fafafa;
		/* width: 90%; */
	}
	
	.sp_none{
	}

	.kyositu_name{
		font-size: 1.4em;
		padding-right:  15px;
		color: yellow;
	}

	/**********************　link ***********************/
	
	a {
		text-decoration: none;
		outline:none;
		color:#0B3B0B;
		font-size: 0.9em;
		}
	
	a:hover {
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha( opacity=50 )";
		}
	
	a img {
		overflow: hidden;
		outline: none;
		border: none;
		}
	
	
	img {
		vertical-align:middle;
		margin:0;
		padding:0;
		border:none;
	}
	
	
	/**********************　ヘッダー ***********************/
	header {
		}
	
	#head {
		width: 100%;
	    background-color: #f16272;
	    height: 63px;
	    position: fixed;
	    z-index: 10;
	}
	
	#head p{
		text-align: left;
		padding-top: 10px;
		padding-left: 10px;
		color: white;
		z-index: 10;
	}
	
	#head a{
		color: white;
	}
	
	#login_info{
		float: right;
		padding-top: 30px;
	}
	
	.info{
		float: right;
	    padding-right: 10px;
	    font-size: 0.8em;
	}
	
	
	.logout_btn{
		background-color: #f16272;
		color: #fff;
		text-align: center;
		border-left: 1px solid;
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 20px;
		padding-top: 2px;
	}
	
	.logout_btn:hover{
		background-color: #f5a5af;
	}
	
	
	.logo {
		width:201px;
		height:24px;
		position:absolute;
		top:50%;
		margin-top:-12px;
		margin-left: 70px;
	}
	
	
	
	
	
	
	/**********************　メニュー ***********************/
	#menu_area{
		margin: 0 auto;
		padding-top: 30px;
		background-color: #ddd;
		height: 109px;
		position: fixed;
		width: 100%;
		box-shadow: 0px 0px 10px;
		/* border:1px solid #000; */
		/* width:100px; */
		/* height:50px; */
		z-index: 9;
	}
	#menu_inner{
		width: 1200px;
		margin: 0 auto;
		padding-top: 30px;
		/* height: 30px; */
		/* font-size: 0.9em; */
	}
	
	.menu_btn{
		width: auto;
		/* background-color: #f16272; */
		color: #333;
		text-align: center;
		padding: 5px;
		float: left;
		margin-bottom: 5px;
		/* border-bottom: 2px solid; */
		cursor: pointer;
	}
	
	.active{
		/* background-color: #f5a5af; */
		border-bottom: 2px solid;
		color: #f16272;
	}
	
	.menu_btn:hover{
		cursor: pointer;
		background-color: #f5a5af;
	
	}
	
	
	ul{
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	
	}
	ul#menu li{
	    float: left;
	    position: relative;
	    min-width: 112px;
	    text-align: center;
	    padding: 5px;
	    float: left;
	    /* margin-right: 5px; */
	    margin-bottom: 5px;
	    font-size: 1em;
	    cursor: pointer;
	}
	ul.child{
	        display: none;
	        position: absolute;
	        margin-left: -5px;
	        padding: 0;
	        background-color:rgba(255, 255, 255, 0.9);
	        width: 180px;
	        font-size: 0.9em;
	        margin-top: 2px;
	}
	ul.child li a{
	    padding: 5px 10px;
	    margin-left: -5px;
	    margin-right: -5px;
	    margin-bottom: -5px;
	    display: block;
	    
	}
	ul#menu li a:hover{
	    cursor: pointer;
		background-color: #f5a5af;
	}
	/* ------------------------------ドロップダウンメニュー--------------------------------- */
	/* ナビゲーションメニュー */
	.nav-menu {
	  background-color: #333; /* メニューの背景色 */
	  color: #fff; /* メニューテキストの色 */
	}
	.menu-list {
	  display: flex;
	  justify-content: center; /* メニューアイテムを中央揃えに */
	}
	.menu-item {
	  border-left: 1px solid #fff; /* メニューアイテムの左ボーダー */
	  position: relative;
	}
	.menu-item:last-child {
	  border-right: 1px solid #fff; /* 最後のメニューアイテムの右ボーダー */
	}
	
	/* メニューアイテムのホバースタイル */
	.menu-item:hover .drop-menu-list {
	  visibility: visible; /* 下層メニューを表示 */
	}
	
	.menu-item a {
	  align-items: center;
	  color: #fff; /* メニューアイテム内のリンクテキストの色 */
	  display: flex;
	  height: 50px;
	  justify-content: center;
	  text-decoration: none; /* リンクの下線を非表示 */
	  width: 120px;
	}
	
	/* ドロップダウンメニュー */
	.drop-menu {
	  position: relative;
	}
	.drop-menu-list {
	  background-color: #696969; /* ドロップダウンメニューの背景色 */
	  left: 0;
	  position: absolute;
	  top: 100%;
	  visibility: hidden; /* 下層メニューを非表示 */
	  width: max-content;
	  z-index: 1;
	}	
	
	
	
	/**********************　ログインフォーム ***********************/
	
	/* Fonts */
	@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
	
	/* fontawesome */
	@import url(http://weloveiconfonts.com/api/?family=fontawesome);
	[class*="fontawesome-"]:before {
	  font-family: 'FontAwesome', sans-serif;
	}
	
	/* Simple Reset */
	* {margin: 0;padding: 0;box-sizing: border-box;}
	
	/* body */
	body {
	  background: #e9e9e9;
	  color: #5e5e5e;
	  font: 400 87.5%/1.5em 'Noto Sans JP', sans-serif;
	  	
	}
	
	/* Form Layout */
	.form-wrapper {
	  background: #fafafa;
	  margin: 3em auto;
	  padding: 0 1em;
	  max-width: 320px;
	  padding-top: 30px;
	}
	
	h1 {
	  text-align: center;
	  padding: 1em 0;
	}
	
	form {
	  padding: 0 1.5em;
	  /* padding-bottom: 50px; */
	}
	
	.form-item {
	  margin-bottom: 0.75em;
	  width: 100%;
	}
	
	.form-item input {
	  background: #fafafa;
	  border: none;
	  border-bottom: 2px solid #e9e9e9;
	  color: #666;
	  font-family: 'Open Sans', sans-serif;
	  font-size: 1em;
	  height: 50px;
	  transition: border-color 0.3s;
	  width: 100%;
	}
	
	.form-item input:focus {
	  border-bottom: 2px solid #c0c0c0;
	  outline: none;
	}
	
	.button-panel {
	  margin: 2em 0 0;
	  width: 100%;
	}
	
	.button-panel .button {
	  background: #f16272;
	  border: none;
	  color: #fff;
	  cursor: pointer;
	  height: 50px;
	  font-family: 'Open Sans', sans-serif;
	  font-size: 1.2em;
	  letter-spacing: 0.05em;
	  text-align: center;
	  text-transform: uppercase;
	  transition: background 0.3s ease-in-out;
	  width: 100%;
	}
	
	.button:hover {
	  background: #ee3e52;
	}
	
	.form-footer {
	  font-size: 1em;
	  padding: 2em 0;
	  text-align: center;
	}
	
	.form-footer a {
	  color: #8c8c8c;
	  text-decoration: none;
	  transition: border-color 0.3s;
	}
	
	.form-footer a:hover {
	  border-bottom: 1px dotted #8c8c8c;
	}
	
	
	
	
	
	/**********************　index ***********************/
	.infomation_area{
		padding: 20px;
		margin-bottom:50px;
		background-color: #fafafa;
	}
	
	.uriage_area{
		padding: 20px;
		margin-bottom:50px;
		background-color: #fafafa;
	}
	
	.tab_btn1,.tab_btn2{
		width: 200px;
		background-color: #dddddd;
		/* color: #fff; */
		padding: 10px;
		text-align: center;
		margin: 2px;
		float: left;
		/* border-bottom: 2px solid; */
		/* color: #f16272; */
		/* border: 1px solid #8c8c8c; */
	}
	
	.tab_btn1:hover,.tab_btn2:hover{
		cursor: pointer;
		background-color: #f5a5af;
	}
	
	
	.tab_area{
		zoom: 1;
	}
	.tab_area:after,.tab_area:before{
		content: "";
	    clear: both;
	    display: block;
	}
	
	.tab_btn_active{
		border-bottom: 2px solid;
		color: #f16272;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		background-color: #fff;
	}
	
	
	
	
	/**********************　    ***********************/
	
	
	
	
	.table {
		border-collapse: collapse; /* 枠線の表示方法 */ 
		border: 1px #ccc solid;
	}
	.table td {
		border: 1px #ccc solid;
		table-layout: fixed;
		padding:10;
		padding-left: 10px;
	
	}
	
	.table th {
		padding-right: 10px;	
		border: 1px #ccc solid;
		table-layout: fixed;
		padding-left: 10px;
		}
		
	.table tr{
		height: 40px;
		}
		
	.table2 {
		border-collapse: collapse; /* 枠線の表示方法 */ 
		border: 1px #ccc solid;
		margin-top: 20px;
		width: 100%;
	}
	.table2 td {
		border: 1px #ccc solid;
		table-layout: fixed;
		padding:10px;
		text-align: right;
	}
	.table2 th {
		border: 1px #ccc solid;
		table-layout: fixed;
		padding:10px;
	
	}
	
	
	.table3 {
		border-collapse: collapse; /* 枠線の表示方法 */ 
		border: 0px #ccc solid;
	}
	.table3 td {
		border: 0px #ccc solid;
		table-layout: fixed;
		padding:10;
		padding-left: 10px;
	
	}
	
	.table3 th {
		padding-right: 10px;	
		border: 0px #ccc solid;
		table-layout: fixed;
		padding-left: 10px;
		}
		
	.table3 tr{
		height: 40px;
		}
		
		
		
	
	
	.table_header{
		background-color: rgb(233, 233, 233);
		color: rgb(107, 107, 107);
		text-align: center;
	}
	
	.tr_active{
		background-color: rgba(247, 248, 150, 0.49);
	
	}
	
	.table2 .tr:hover{
		background-color: rgba(247, 248, 150, 0.49);
		cursor: pointer;
	}
	
	.table_header td{
		text-align: center;
	}
	
	.table01 {
		
	}
	.table01 td {
		table-layout: fixed;
	}
	
	
	.contents {
		width: 650px;
		margin-left: auto;
		margin-right: auto;
		font-size:1
	}
	
	table {
		font-size: 11px;
	}
	
	
	#howto{
		margin-top: 20px;
		font-size: 14px;
	
	}
	
	
	
	/* 文字色
	-----------------------------------*/
	#redcol {
		color:#ff0000;
	
	}
	
	#shiharai{
		float:right;
		width: 353px;
		font-size: 9pt;
		padding: 10px 10px;
		border: 1px #c0c0c0 solid;
		margin: 0px 0px 0px 0px;
	}
	
	#personalinformation{
		float:left;
		width:100%;
		height:200px;
		font-size: 9pt;
		padding: 0px 5px;
		border: 1px #c0c0c0 solid;
		background-color: #f9f9f9;
		margin: 20px 0px 20px 0px;
		overflow: auto;
	}
	
	#konyubi{
		float:left;
	}
	
	
	#sample01{
		line-height: 180%;
		font-size: 16px;	
	}
	
	
	dl#sample01 dl {
		background: #e7e7e7;
		border: 0px solid #333;
		border-top: none;
		width: 500px;
	}
	
	dl#sample01 dt,dd {
		padding: 3px;
	}
	
	dl#sample01 dt {
		border-top: 0px solid #333;
		clear: left;
		float: left;
		width: 180px;
	}
	
	dl#sample01 dd {
	
		border-left: 0px solid #333;
		border-top: 0px solid #333;
		
	}
	
	
	dl#sample2 dl,dt,dd {
		margin: 0;
		padding: 0;
	}
	
	dl#sample2 dl {
		}
	
	dl#sample2 dt,dd {
		padding: 3px;
		float: left;
	}
	
	dl#sample2 dt {
		clear: left;
		float: left;
		width: 130px;
	}
	
	
	
	/* ===================================================================
	CSS information
	
	 style info :switchHat.jsのサンプル用の指定
	=================================================================== */
	.allOpenBtn,
	.switchHat {
		display: none;
	}
	
	.switchOn {
		display: block;
	}
	
	span.switchOn {
		display: inline;
	}
	
	.closeBtnHat {
		margin: 30px 0 20px;
	}
	
	.allOpenBtn,
	.closeBtnHat span,
	.switchHat {
		color: #00c;
	}
	
	.closeBtnHat span {
		padding: 5px 10px;
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.allOpenBtn:after,
	.switchHat:after {
		content: " ＋";
	}
	
	.allOpenBtn:hover,
	.closeBtnHat span:hover,
	.switchHat:hover {
		color: #090;
	}
	
	.nowOpen {
		color: #f0f;
	}
	
	.nowOpen:after {
		content: " －";
	}
	
	.faq dt.nowOpen:after {
		content: "";
	}
	
	.faq {
		margin-top: 20px;
	}
	
	.faq dt {
		/zoom: 1;
		margin-top: 20px;
		margin-bottom: 1px;
		padding: 5px 15px;
		background: #eee;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.faq dt.switchOn {
		margin-top: 0;
	}
	
	.faq dt.nowOpen,
	.faq dt.switchOn:hover {
		background: #eef;
	}
	
	
	.faq dd {
		padding: 10px 20px;
	}
	
	.taxtotal_amount{
		font-size: 1.2em;
		margin-top: -15px;
			}
			
	
	#shiharai_confirm{
	    position: relative;
	    float: left;
	    margin-bottom: 30px;
	}
	
	#button{
		width: 155px;
		height: 155px;
		
		padding: 5px;
		margin: 10px;
		float: left;
		cursor: pointer;
		border-radius: 10px;        
	    -webkit-border-radius: 10px;  
	    -moz-border-radius: 10px;  
	
		background: #EEE;
		border-top: 1px solid #DDD;
		border-left: 1px solid #DDD;
		border-right: 1px solid #BBB;
		border-bottom: 1px solid #BBB;
		color:#111;
	}
	
	#button:hover{
		background: #ffffff;
		
	}
	
	.product_id{
		padding: 0px;
		color: #333;
		font-size: 10pt;
		min-height: 45px;
	}
	
	
	
	.qntty{
		font-size: 40px;
		float: left;
		width: 100%;
		margin-top: 0px;
		text-align: center;
		height: 60px;
	}
	
	
	.gensan{
		float: right;
		color: red;
		font-weight: 600;
		font-size: 30px;
		margin-top: -68px;
		padding: 5px;
		border: 1px solid gray;
		background-color: oldlace;
		width: 30px;
		height: 0px;
		padding-bottom: 45px;
	}
	
	#cate_area{
		    border: 1px solid gray;
		    height:220px;
	}
	#cate{
		width: 155px;
		height: 40px;
		border:1px solid gray;
		padding: 5px;
		margin: 10px;
		float: left;
		cursor: pointer;
		/* border-radius: 10px; */
		/* -webkit-border-radius: 10px; */
		-moz-border-radius: 10px;
		text-align: center;
	}
	
	#cate:hover{
		background: #ffe9e9;
	}
	
	.cate_name{
		padding: 0px;
		color: #333;
		font-size: 10pt;
		min-height: 45px;
	}
	
	
	#button_area{
		 border: 1px solid gray;
		 height: 770px;
		 margin-top: 30px;
	}
	
	.error_msg{
		font-size: 1em;
		color: red;	
		text-align: center;
	}
	
	.clear{
		clear: both;
	}
	
	.inner p{
		line-height: 280%;
	}
	
	
	h3,h4{
		padding: 30px 0px 30px 0px;
	}
	
	.submit_button{
		padding: 15px 40px;
	    border-style: none;
	    background-color: #f16272;
	    color: #fff;
	    width: 200px;
	    margin-top: 10px;
	}
	
	
	input#submit_button{
		padding: 15px 40px;
	    border-style: none;
	    background-color: #f16272;
	    color: #fff;
	    width: 200px;
	    margin-top: 10px;
	}
	
	input#submit_button:hover{
		cursor: pointer;
		background-color: #f5a5af;
		
		}
		
	input#rev_button{
		padding: 15px 40px;
	    border-style: none;
	    background-color: #8c8c8c;
	    color: #fff;
	    width: 200px;
	}
	
	input#rev_button:hover{
		cursor: pointer;
		background-color: #d4cfcf;
		
		}	
		
	input#serch_button{
		padding: 5px;
	    border-style: none;
	    background-color: #5e5e5e;
	    color: #fff;
	    width: 130px;
	}
	
	input#serch_button:hover{
		cursor: pointer;
		background-color: #b4adad;
		
		}	
			
	input#list_button{
		padding: 5px;
		border-style: none;
		background-color: #f16272;
		color: #fff;
		width: 50px;
		margin: 6px;
		border-radius: 4px;        /* CSS3草案 */  
	    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 4px;   /* Firefox用 */  
	}
	
	
	input#list_button:hover{
		cursor: pointer;
		background-color: #f5a5af;
		
		}	
	
	#downloadCsvBtn,#downloadCsvBtn2:hover{
		cursor: pointer;
		
		
		}
	#downloadCsvBtn,#downloadCsvBtn2{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/csv.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
			
	input#csv_button{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/csv.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	
	input#csv_button:hover{
		cursor: pointer;
		/*background-color: #b4adad;*/
		opacity: 0.6;
		
		}	
	
	input#pdf_button{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/pdf.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	
	input#pdf_button:hover{
		cursor: pointer;
		/*background-color: #b4adad;*/
		opacity: 0.6;
		}	
	
	input#print_button{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/print.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	
	input#print_button:hover{
		cursor: pointer;
		/*background-color: #b4adad;*/
		opacity: 0.6;
		
		}	
	
	input#save_button{
		padding: 5px;
		border-style: none;
		background-color: #fafafa;
		background-image: url(../img/save.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	
	input#save_button:hover{
		cursor: pointer;
		/*background-color: #b4adad;*/
		opacity: 0.6;
		
		}	
	
	
		
	.submit_button{
		margin-top: 30px;
		padding: 15px 40px;
	    border-style: none;
	    background-color: #f16272;
	    color: #fff;
	    width: 200px;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.submit_button:hover{
		cursor: pointer;
		background-color: #f5a5af;
		
		}	
		
	.center {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.left {
		text-align:left;
	}
	.right {
		text-align:right;
	}
	.mt_2 {
		margin-top:2px;
	}
	.mt_4 {
		margin-top:4px;
	}
	.mt_6 {
		margin-top:6px;
	}
	.mt_8 {
		margin-top:8px;
	}
	.mt_10 {
		margin-top:10px;
	}
	.mt_12 {
		margin-top:12px;
	}
	.mt_14 {
		margin-top:14px;
	}
	.mt_16 {
		margin-top:16px;
	}
	.mt_18 {
		margin-top:18px;
	}
	.mt_20 {
		margin-top:20px;
	}
	.mt_30 {
		margin-top:30px;
	}
	.mt_50 {
		margin-top:50px;
	}
	.mt_100 {
		margin-top:100px;
	}
	.mt_120 {
		margin-top:120px;
	}
	.mb_2 {
		margin-bottom:2px;
	}
	.mb_4 {
		margin-bottom:4px;
	}
	.mb_6 {
		margin-bottom:6px;
	}
	.mb_8 {
		margin-bottom:8px;
	}
	.mb_10 {
		margin-bottom:10px;
	}
	.mb_12 {
		margin-bottom:12px;
	}
	.mb_14 {
		margin-bottom:14px;
	}
	.mb_16 {
		margin-bottom:16px;
	}
	.mb_18 {
		margin-bottom:18px;
	}
	.mb_20 {
		margin-bottom:20px;
	}
	.mb_30 {
		margin-bottom:30px;
	}
	.mb_50 {
		margin-bottom:50px;
	}
	.mb_100 {
		margin-bottom:100px;
	}
	.ml_2 {
		margin-left:2px;
	}
	.ml_4 {
		margin-left:4px;
	}
	.ml_6 {
		margin-left:6px;
	}
	.ml_8 {
		margin-left:8px;
	}
	.ml_10 {
		margin-left:10px;
	}
	.ml_12 {
		margin-left:12px;
	}
	.ml_14 {
		margin-left:14px;
	}
	.ml_16 {
		margin-left:16px;
	}
	.ml_18 {
		margin-left:18px;
	}
	.ml_20 {
		margin-left:20px;
	}
	.ml_30 {
		margin-left:30px;
	}
	.ml_50 {
		margin-left:50px;
	}
	.ml_80 {
		margin-left:80px;
	}
	.ml_100 {
		margin-left:100px;
	}
	.ml_130 {
		margin-left:130px;
	}
	.mr_2 {
		margin-right:2px;
	}
	.mr_4 {
		margin-right:4px;
	}
	.mr_6 {
		margin-right:6px;
	}
	.mr_8 {
		margin-right:8px;
	}
	.mr_10 {
		margin-right:10px;
	}
	.mr_12 {
		margin-right:12px;
	}
	.mr_14 {
		margin-right:14px;
	}
	.mr_16 {
		margin-right:16px;
	}
	.mr_18 {
		margin-right:18px;
	}
	.mr_20 {
		margin-right:20px;
	}
	.mr_30 {
		margin-right:30px;
	}
	.mr_50 {
		margin-right:50px;
	}
	.mr_100 {
		margin-right:100px;
	}
	.pt_2 {
		padding-top:2px;
	}
	.pt_4 {
		padding-top:4px;
	}
	.pt_6 {
		padding-top:6px;
	}
	.pt_8 {
		padding-top:8px;
	}
	.pt_10 {
		padding-top:10px;
	}
	.pt_12 {
		padding-top:12px;
	}
	.pt_14 {
		padding-top:14px;
	}
	.pt_16 {
		padding-top:16px;
	}
	.pt_18 {
		padding-top:18px;
	}
	.pt_20 {
		padding-top:20px;
	}
	.pt_30 {
		padding-top:30px;
	}
	.pt_50 {
		padding-top:50px;
	}
	.pt_100 {
		padding-top:100px;
	}
	.pb_2 {
		padding-bottom:2px;
	}
	.pb_4 {
		padding-bottom:4px;
	}
	.pb_6 {
		padding-bottom:6px;
	}
	.pb_8 {
		padding-bottom:8px;
	}
	.pb_10 {
		padding-bottom:10px;
	}
	.pb_12 {
		padding-bottom:12px;
	}
	.pb_14 {
		padding-bottom:14px;
	}
	.pb_16 {
		padding-bottom:16px;
	}
	.pb_18 {
		padding-bottom:18px;
	}
	.pb_20 {
		padding-bottom:20px;
	}
	.pb_30 {
		padding-bottom:30px;
	}
	.pb_50 {
		padding-bottom:50px;
	}
	.pb_100 {
		padding-bottom:100px;
	}
	.pl_2 {
		padding-left:2px;
	}
	.pl_4 {
		padding-left:4px;
	}
	.pl_6 {
		padding-left:6px;
	}
	.pl_8 {
		padding-left:8px;
	}
	.pl_10 {
		padding-left:10px;
	}
	.pl_12 {
		padding-left:12px;
	}
	.pl_14 {
		padding-left:14px;
	}
	.pl_16 {
		padding-left:16px;
	}
	.pl_18 {
		padding-left:18px;
	}
	.pl_20 {
		padding-left:20px;
	}
	.pl_30 {
		padding-left:30px;
	}
	.pl_50 {
		padding-left:50px;
	}
	.pl_100 {
		padding-left:100px;
	}
	.pr_2 {
		padding-right:2px;
	}
	.pr_4 {
		padding-right:4px;
	}
	.pr_6 {
		padding-right:6px;
	}
	.pr_8 {
		padding-right:8px;
	}
	.pr_10 {
		padding-right:10px;
	}
	.pr_12 {
		padding-right:12px;
	}
	.pr_14 {
		padding-right:14px;
	}
	.pr_16 {
		padding-right:16px;
	}
	.pr_18 {
		padding-right:18px;
	}
	.pr_20 {
		padding-right:20px;
	}
	.pr_30 {
		padding-right:30px;
	}
	.pr_50 {
		padding-right:50px;
	}
	.pr_100 {
		padding-right:100px;
	}
	.mt_-60 {
		margin-top:-60px;
	}
	.text_left {
		text-align:left;
	}
	.text_right {
		text-align:right;
	}
	.text_center {
		text-align:center;
	}
	
	#footer_link {
		background-color: #6d5b50;
		height:200px;
		width:100%;
		overflow:hidden;
		padding-top:10px;
		/* color: white; */
		
	}
	#footer_link ul {
		float:left;
		padding-right:30px;
		font-size:0.9em;
	}
	#area {
		width:980px;
		padding-top:5px;
		text-align:left;
		line-height:140%;
		margin:0 auto;
	}
	
	#area ul li{
	}
	
	
	
	#area #sns ul {
	}
	#area #sns ul li {
		margin-bottom:1px;
	}
	#footer {
		background-color: #6d5b50;
		width:100%;
		text-align:center;
		color:white;
		font-size: 1em;
		line-height: 160%;
		padding:5px 0px 0px 0px;
	}
	#footer a {
		color:white;
	}
	#footer a:hoverr: {
		color:green;
	}
	#footer_link img {
		border:none;
	}
	#footer_link a {
		text-decoration:none;
	}
	#footer_link li p {
		padding-left:15px;
		font-size:0.9em;
	}
	/*-----*/
	.foot01 {
		background-image:url(../images/footer_01.png);
		background-repeat:no-repeat;
		background-position-y:3px;
		color: white;
	}
	.foot02 {
		background-image:url(../images/footer_02.png);
		background-repeat:no-repeat;
		background-position-y:4px;
		color: white;
	}
	.float_left {
		float:left;
	}
	.float_right {
		float:right;
	}
	
	
	
	.w100{
		width: 100px;
		}
	
	.w200{
		width: 200px;
		}
	
	.w300{
		width: 300px;
		}
	
	.h50{
		height:50px;
		}
		
	.h100{
		height:100px;
		}
	
	.h200{
		height:200px;
		}
	
	.h300{
		height:300px;
		}
	
	.txt_left{
		text-align: justify;
	 }
	
	.txt_center{
		text-align: center;
		}			
	
	.mitatu{
		background-color: pink;
	}
	.tasei{
		background-color: #c1ceff;
	}
	
	.btn{
		padding: 15px 40px;
		border-style: none;
		background-color: #e9e9e9;
		color: #333;
		width: 200px;
		font-size: 0.9em;
		text-align: center;
	}
	
	
	.select-box01{
		overflow: hidden;
		  display: inline-block;
		  *display: inline;
		  *zoom: 1;
		  position: relative;
		  border-radius: 0.2em;
		  border: 1px solid rgba(255, 255, 255, 0.5);
		  box-shadow: 0 2px 0 #AAA;
		  background-color: white;
		  width: 100px;
	}
	
	.select-box01 > select {
	  width: 130%;
	  padding: 0.6em 2.4em 0.6em 0.6em;
	  font-size: 1rem;
	}
	.select-box01:after {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  width: 1.8em;
	  display: block;
	  content: "";
	  pointer-events: none;
	}
	.default .select-box01 > select {
	  width: auto;
	}
	
	.syosai p{
		margin-left: 10px;
		margin-top: 10px;
	}
	
	
	.overtxt{
	  overflow: hidden;
	  width: 200px;
	}
	
	.overtxt p{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 190px;
		}
	
	.complete{
		background-color: #dedeff;
	}
	
	
	#view_area{
		/* width:  1000px; */
		margin:  0 auto;
		margin-left:  20px;
		margin-top: 130px;
	}
	
	
	dt {float: left;clear: left;margin-right: 0.5em;min-width: 240px;}
	
	dd {
	float: left ;
	margin-left: 1em ;
	}
	
	.error{
	    color: red;
	    font-size: 1.2em;
	    line-height: 160%;
	}
	
	
	
	.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_03{
		width: 100%;
		border-collapse: collapse;
		float: left;
		margin-bottom: 10px;
		background-color: #fff;
	}
	.sample_03 tr{
	
	
	}
	
	.sample_03 th{
		width: 25%;
		padding: 6px;
		text-align: left;
		vertical-align:middle;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.sample_03 td{
		padding: 10px;
		border: 1px solid #b9b9b9;
		text-align: center;
	
	}
	
	.sample_04{
		width: 100%;
		border-collapse: collapse;
		float: left;
		margin-bottom: 10px;
		background-color: #fff;
	}
	.sample_04 tr{
	
	
	}
	
	.sample_04 th{
		width: 25%;
		padding: 6px;
		text-align: left;
		vertical-align:middle;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.sample_04 td{
		padding: 10px;
		border: 1px solid #b9b9b9;
		text-align: left;
	
	}
	
	.header2{
		background-color: #ccc;
		text-align:  center;
	}
	
	tr.clickable:hover td {
	    background: #ffc6cc;
	    border:3px;
	    cursor: pointer;
	}
	
	.ditail{
		display: none;
	}
	
	
	.nippo_ditail{
		/* min-height: 300px; */
		text-align: left;
		/* padding:  10px; */
		font-size: 1.1em;
		background-color: #f16272;
		margin-bottom: 30px;
	}
	
	.nippo_ditail_close{
		float:right;
		cursor: pointer;
		padding: 3px;
		width: 80px;
		text-align:  center;
		padding-top: -1px;
		background-color: #f16272;
	    color: #fff;
	    margin-bottom: 10px;
	}
	
	.checkin{
		min-width: 2400px;
		border-collapse: collapse;
		margin-top: 30px;
	}
	.checkin tr{
	
	}
	
	.checkin th{
		padding: 6px;
		text-align: center;
		vertical-align: middle;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
		font-size: 0.8em;
	}
	.checkin td{
		padding: 6px;
		background-color: #fff;
		border: 1px solid #b9b9b9;
		text-align: center;
	
	}
	
	.block{
		width: 20%;
		border:  1px solid #ddd;
		text-align:  center;
		height: 150px;
		display:  inline-block;
		padding: 40px 10px;
	}
	
	.block p{margin-top: 10px;}
	
	.open{
		background-color: #dddddd;
	}
	
	.close{
		background-color: #fffde6;
	}
	
	.default{
		background-color: #fff;
	}
	
	 .button {
	  display       : inline-block;
	  border-radius : 5%;          /* 角丸       */
	  font-size: 10pt;        /* 文字サイズ */
	  text-align    : center;      /* 文字位置   */
	  cursor        : pointer;     /* カーソル   */
	  padding: 5px 12px;   /* 余白       */
	  background    : #000066;     /* 背景色     */
	  color         : #ffffff;     /* 文字色     */
	  line-height   : 1em;         /* 1行の高さ  */
	  transition    : .3s;         /* なめらか変化 */
	  /* box-shadow    : 6px 6px 3px #666666; */  /* 影の設定 */
	  border: 2px solid #666666;    /* 枠の指定 */
	}
	
	.button_cancel {
	  display       : inline-block;
	  border-radius : 5%;          /* 角丸       */
	  font-size: 10pt;        /* 文字サイズ */
	  text-align    : center;      /* 文字位置   */
	  cursor        : pointer;     /* カーソル   */
	  padding: 5px 12px;   /* 余白       */
	  background: #ff0000;     /* 背景色     */
	  color: #ffffff;     /* 文字色     */
	  line-height   : 1em;         /* 1行の高さ  */
	  transition    : .3s;         /* なめらか変化 */
	  /* box-shadow    : 6px 6px 3px #666666; */  /* 影の設定 */
	  border: 2px solid #ff0505;    /* 枠の指定 */
	}
	
	.button:hover,.button_cancel:hover {
	  box-shadow    : none;        /* カーソル時の影消去 */
	  color         : #000066;     /* 背景色     */
	  background    : #ffffff;     /* 文字色     */
	}
	
	.muko{
		background-color: #eee;
	    border-color: #eee;
	    color: #ddd;
	}
	
	.popup {
	    display: none;
	    height: 100vh;
	    width: 100%;
	    background-color: rgba(117,113,113,0.86);
	    position: fixed;
	    top: 0;
	    left: 0;
	}
	 
	.content{
	    background: #ffffff;
	    padding: 30px;
	    width: 800px;
	    height: 400px;
	    margin: 0 auto;
	    margin-top: 160px;
	    border: 5px solid #eee;
	}
	.content p{
		line-height: 160%;
	}
	.show {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	
	
	.jyotaibtn{
		display: none;
	    justify-content: left;
	    align-items: center;
	    height: 50px;
	    /* position: absolute; */
	    /* top: 0px; */
	    width: 300px;	
	}
	
	.jyotaibtn > input{
		height: 50px;
	}
	
	#wrapper_menu{
		
	}
	
	#wrapper_menu nav {
	    position: fixed;
	    top: 0;
	    right: -3000px;
	    width: 26vw;
	    height: 100%;
	    padding-top: 50px;
	    background:#ddd;
	    font-size: 16px;
	    box-sizing: border-box;
	    z-index: 2;
	    padding-top: 100px;
	}
	#wrapper_menu nav ul li {
	    display:block;
	    padding: 20px 28px
	}
	#wrapper_menu nav ul li a {
	    text-decoration: none;
	    color: #ddd
	}
	#wrapper_menu .btn-gnavi {
	    position: fixed;
	    top: 74px;
	    right: 20px;
	    width: 30px;
	    height: 24px;
	    z-index: 99999;
	    box-sizing: border-box;
	    cursor: pointer;
	    -webkit-transition: all 400ms;
	    transition: all 400ms;
	}
	#wrapper_menu .btn-gnavi span {
	    position: absolute;
	    width: 30px;
	    height: 4px;
	    background: #666;
	    border-radius: 10px;
	    -webkit-transition: all 400ms;
	    transition: all 400ms
	}
	#wrapper_menu .btn-gnavi span:nth-child(1) {
	    top: 0
	}
	#wrapper_menu .btn-gnavi span:nth-child(2) {
	    top: 10px
	}
	#wrapper_menu .btn-gnavi span:nth-child(3) {
	    top: 20px
	}
	/*
	#wrapper_menu .btn-gnavi.open span {
	    background: #fff
	}
	#wrapper_menu .btn-gnavi.open span {
	    width: 24px;
	}
	*/
	#wrapper_menu .contents section p {
	    position: absolute;
	    top: 50%;
	    width: 30%;
	    line-height: 1.4;
	    font-size: 20px;
	    color: #fff;
	}
	#wrapper_menu .contents section:nth-child(odd) p {
	    left: 10%
	}
	#wrapper_menu .contents section:nth-child(even) p {
	    right: 10%
	}
}