@media screen and (min-width: 500px){
	.spacer{
		height:50px;
	}
	table.inputList{
		width:100%;
	}
	#val_001_1{
		width:82px;
	}
	#val_001_3{
		width:50px;
	}
	#val_001_2,
	#val_001_4{
		width:58px;
	}
	#val_002{
		width:130px;
		background-color:#ffffff;
	}
	#val_003{
		width:130px;
		background-color:#ffffff;
	}
	#val_006{
		width:90%;
	}
	#val_007,
	#val_008{
		width:88%;
	}
	#val_0010d{
		width:150px;
	}
	#val_0010t{
		width:100px;
	}
	.inputList{
		width:100%;
		border-collapse:collapse;
		margin-bottom:5px;
	}
	.inputList td,
	.idpass td{
		background:#eeeeee;
		border:1px solid #fed1be;
	}
	.yoyakulist td{
		background:#eeeeee;
		border:1px solid #fed1be;
		border-collapse:collapse;
	}
	.tyuui{
		font-weight:bold;
		font-size:medium;
	}
	.syugaki{
		color:#ff0000;
	}
	#dlg3{
		text-align:right;
	}

	#dlg2 li
	{
		float:				left;
		padding:			0 20px 0 20px;
		list-style:			none;
		text-align:			center;
	}


	#img1{
		width:100px;
		height:70px;
		box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, 0.8);
	}
	#img2{
		width:50px;
		height:80px;
		box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, 0.8);
	}
	#img3{
		width:40px;
		height:80px;
		box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, 0.8);
	}
	#img4{
		width:40px;
		height:40px;
	}
	.image_next_button,
	.image_back_button,
	.image_close_button{
		width:80px;
	}
	.image_yoyaku_button{
		width:80px;
	}
	.image_yoyaku_button,
	.image_next_button,
	.image_close_button{
		position:absolute;
		bottom:0px;
		right:0px;
		margin-bottom:20px;
		margin-right:10px;
		outline: none;
	/* 	box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.8); */
	}
	.image_yoyaku_button:focus,
	.image_next_button:focus,
	.image_close_button:focus{
		outline: none;
	}
	.image_back_button{
		position:absolute;
		bottom:0px;
		right:0px;
		margin-bottom:20px;
		margin-right:100px;
		outline: none;
	/* 	box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.8); */
	}
	.image_back_button:focus{
		outline: none;
	}
	#dlg1,#dlg2,#dlg3,#dlg4,#dlg5,#dlg6,#dlg7,#dlg8,#dlg9,#dlg10{
		width:100%;
	}
	.inputList select.sizess{
		width:100px;
		height:27px;
		background-color:#ffffff;
		font-size:85%;
	}
	.inputList select.sizel{
		width:200px;
		height:27px;
		background-color:#ffffff;
		font-size:85%;
	}
	.inputList input[type='text'].sizess{
		width:90px;
	}
	.inputList input[type='text'].sizes{
		width:196px;
	}
	.inputList input[type='text'].sizel{
		width:90%;
	}
	.inputList input[type='text'].hissu{
		background-color:#ffdddd;
		border:1px solid #aaaaaa;
	}
	#dlg2 textarea.sizea{
/* 		width:100%; */
		height:50px;
		border:1px solid #aaaaaa;
	}
	.tyuuki{
		font-size:small;
		color:red;
	}
	.inputList input[type='text'].sizesm{
		width:90px;
	}
	input[type="radio"].rdo_hiki{
		position:			absolute;
		z-index:			2;
		opacity:			0;
		height:				20px;
	}
	input[type="radio"].rdo_hiki{
		width:				32px;
	}
	.inputList input:checked+.chklbl_hi{
		color:				#fff;
		background:			#f6a828;
		border-radius:		2px;
	}
	.word_wrap{
		word-wrap:break-all;
		text-overflow:ellipsis;
	}
	@-webkit-keyframes pulse
	{
		from
		{
			opacity:			1.0;
			background-color:	red;
		}
		to
		{
			opacity:			0.8;
		}
	}

	.blinking
	{
		-webkit-animation-name: pulse;/* 実行する名前 */
		-webkit-animation-duration: 0.3s;/* 0.3秒かけて実行 */
		-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
		-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
		-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
		-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
	}
	.fontBoldBig{
		font-size:1.2em;
		font-weight:bold;
	}
	.fontNomalSmall{
		font-size:0.9em;
	}
	.align_center{
		text-align:center;
	}
	.dlgbtns{
		text-align:right;
	}
	#btn_init_back,
	#btn_edit_update
	{
		outline:0;
	}

	.yoyakulist button{
		width:60px;
		cursor: pointer;
		color: #fff;
		background-color: #fea930;
		font-weight: 100;
		border: 1px solid #fff;
		transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
	}
	#dlg hr {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #fff;
	}
	table.yoyakulist tr:last-child td:nth-child(2){
		text-align:center;
	}
	table.inputList p.tyuuki{
		margin:2px;
	}
	
/*---------*/
	
	
	.yoyakulist{
		width:100%;
		border-spacing:0px;
		border-collapse:collapse;
		border:2px solid #fed1be;
	}
	.idpass{
		text-align:center;
	}
	.idpass input{
		width:100%;
	}
	#btn_to_caution{
		width:120px;
		outline:0;
		margin:0 5px;
		left:80px;
/* 		top:350px; */
		top:480px;
	}
	#btn_init_cnf{
		width:120px;
		outline:0;
		margin:0 5px;
		left:250px;
/* 		top:350px; */
		top:480px;
	}
	#btn_to_thx{
		width:200px;
		outline:0;
	}
	.yoyakulist td{
		padding:5px;
	}
	
	@media screen and (min-width: 500px){
		.yoyakulist{
			font-size:large;
		}
		.font_m{
			text-align:justify;
			font-weight: bold;
			font-size: 1em;
		}
	}
	@media screen and (min-width: 600px){
		.yoyakulist{
			font-size:large;
		}
		.font_m{
			text-align:justify;
			font-weight: bold;
			font-size: 1.1em;
		}
	}
}
@media screen and (min-width: 700px){

	@media screen and (min-width: 700px){
		.font_m{
			text-align:justify;
			font-weight: bold;
			font-size: 1.2em;
		}
	}
	@media screen and (min-width: 800px){
		.font_m{
			text-align:justify;
			font-weight: bold;
			font-size: 1.2em;
		}
	}
}
@media screen and (min-width: 900px){

	@media screen and (min-width: 900px){
		.font_m{
			text-align:justify;
			font-weight: bold;
			font-size: 1.2em;
		}
	}
	@media screen and (min-width: 1000px){
		.font_m{
			text-align:justify;
			font-weight: bold;
			font-size: 1.5em;
		}
	}
}